Merge pull request #3072 from aws-amplify/fileuploader/bug-fix

chore(file-uploader): Fixed bugs related to visuals and pausing
aws-amplify · Nov 28, 2022 · 0d7400f · 0d7400f
2 parents 6b4980f + 30bd640
commit 0d7400f
Show file tree

Hide file tree

Showing 32 changed files with 289 additions and 127 deletions.
diff --git a/docs/src/pages/[platform]/connected-components/storage/fileuploader/react.mdx b/docs/src/pages/[platform]/connected-components/storage/fileuploader/react.mdx
@@ -16,16 +16,17 @@ import { ReactPropsTable } from '../../in-app-messaging/props'
 ## Overview
 The File Uploader component allows your customers to seamlessly upload files to you. It's powered by the [Amplify Storage Library](https://docs.amplify.aws/lib/storage/getting-started/q/platform/js/).
 
-<Alert variation="info">
-  The file uploading capabilities in these examples are stubbed out so they don't actually upload files anywhere!
+<Alert variation="info" heading="Developer Preview">
+  The File Uploader component is in developer preview! 
 </Alert>
 
 ## Usage
 
-<Alert variation="info" heading="Developer Preview">
-  The File Uploader component is in developer preview! It should not be used in production yet. 
+<Alert variation="info">
+  The file uploading capabilities in these examples are stubbed out so they don't actually upload files anywhere!
 </Alert>
 
+
 To use the File Uploader component import it into your React application with the included styles. At a minimum you must include the `level` and the `acceptedFileTypes` prop.
 
 <Example>

diff --git a/examples/next/pages/ui/components/storage/file-uploader/index.page.tsx b/examples/next/pages/ui/components/storage/file-uploader/index.page.tsx
@@ -18,7 +18,7 @@ export default function FileUploaderEmail() {
         hasMultipleFiles={true}
         maxSize={100000000}
         maxFiles={3}
-        isResumable={false}
+        isResumable={true}
       />
     </>
   );

diff --git a/.../Defaults/ConfirmResetPassword/__tests__/__snapshots__/ConfirmResetPassword.spec.tsx.snap b/.../Defaults/ConfirmResetPassword/__tests__/__snapshots__/ConfirmResetPassword.spec.tsx.snap
@@ -74,7 +74,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -158,7 +158,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -297,7 +297,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -520,7 +520,7 @@ Array [
           "paddingVertical": 12,
         },
         Object {
-          "borderColor": "hsl(210, 8%, 55%)",
+          "borderColor": "hsl(210, 10%, 58%)",
           "borderWidth": 1,
         },
         null,
@@ -624,7 +624,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -708,7 +708,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -847,7 +847,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -1017,7 +1017,7 @@ Array [
           "paddingVertical": 12,
         },
         Object {
-          "borderColor": "hsl(210, 8%, 55%)",
+          "borderColor": "hsl(210, 10%, 58%)",
           "borderWidth": 1,
         },
         null,

diff --git a/.../Authenticator/Defaults/ConfirmSignIn/__tests__/__snapshots__/ConfirmSignIn.spec.tsx.snap b/.../Authenticator/Defaults/ConfirmSignIn/__tests__/__snapshots__/ConfirmSignIn.spec.tsx.snap
@@ -74,7 +74,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -354,7 +354,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",

diff --git a/.../Authenticator/Defaults/ConfirmSignUp/__tests__/__snapshots__/ConfirmSignUp.spec.tsx.snap b/.../Authenticator/Defaults/ConfirmSignUp/__tests__/__snapshots__/ConfirmSignUp.spec.tsx.snap
@@ -128,7 +128,7 @@ Array [
           "paddingVertical": 12,
         },
         Object {
-          "borderColor": "hsl(210, 8%, 55%)",
+          "borderColor": "hsl(210, 10%, 58%)",
           "borderWidth": 1,
         },
         null,
@@ -286,7 +286,7 @@ Array [
           "paddingVertical": 12,
         },
         Object {
-          "borderColor": "hsl(210, 8%, 55%)",
+          "borderColor": "hsl(210, 10%, 58%)",
           "borderWidth": 1,
         },
         null,
@@ -497,7 +497,7 @@ Array [
           "paddingVertical": 12,
         },
         Object {
-          "borderColor": "hsl(210, 8%, 55%)",
+          "borderColor": "hsl(210, 10%, 58%)",
           "borderWidth": 1,
         },
         null,

diff --git a/...nticator/Defaults/ForceNewPassword/__tests__/__snapshots__/ForceNewPassword.spec.tsx.snap b/...nticator/Defaults/ForceNewPassword/__tests__/__snapshots__/ForceNewPassword.spec.tsx.snap
@@ -51,7 +51,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -362,7 +362,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -620,7 +620,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",

diff --git a/.../Authenticator/Defaults/ResetPassword/__tests__/__snapshots__/ResetPassword.spec.tsx.snap b/.../Authenticator/Defaults/ResetPassword/__tests__/__snapshots__/ResetPassword.spec.tsx.snap
@@ -74,7 +74,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -354,7 +354,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",

diff --git a/...tive/src/Authenticator/Defaults/SetupTOTP/__tests__/__snapshots__/SetupTOTP.spec.tsx.snap b/...tive/src/Authenticator/Defaults/SetupTOTP/__tests__/__snapshots__/SetupTOTP.spec.tsx.snap
@@ -74,7 +74,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -354,7 +354,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",

diff --git a/...act-native/src/Authenticator/Defaults/SignIn/__tests__/__snapshots__/SignIn.spec.tsx.snap b/...act-native/src/Authenticator/Defaults/SignIn/__tests__/__snapshots__/SignIn.spec.tsx.snap
@@ -74,7 +74,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -158,7 +158,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -490,7 +490,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -574,7 +574,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -856,7 +856,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",
@@ -940,7 +940,7 @@ Array [
         style={
           Object {
             "alignItems": "center",
-            "borderColor": "hsl(210, 8%, 55%)",
+            "borderColor": "hsl(210, 10%, 58%)",
             "borderRadius": 4,
             "borderWidth": 1,
             "flexDirection": "row",