@aws-amplify/ui 6.2.0 → 6.3.0

package/dist/esm/types/primitives/componentClassName.mjs

@@ -59,6 +59,25 @@ const ComponentClassName = {
     FieldGroupFieldWrapper: 'amplify-field-group__field-wrapper',
     Fieldset: 'amplify-fieldset',
     FieldsetLegend: 'amplify-fieldset__legend',
+    FileUploader: 'amplify-fileuploader',
+    FileUploaderDropZone: 'amplify-fileuploader__dropzone',
+    FileUploaderDropZoneIcon: 'amplify-fileuploader__dropzone__icon',
+    FileUploaderDropZoneText: 'amplify-fileuploader__dropzone__text',
+    FileUploaderFilePicker: 'amplify-fileuploader__file__picker',
+    FileUploaderFile: 'amplify-fileuploader__file',
+    FileUploaderFileWrapper: 'amplify-fileuploader__file__wrapper',
+    FileUploaderFileList: 'amplify-fileuploader__file__list',
+    FileUploaderFileName: 'amplify-fileuploader__file__name',
+    FileUploaderFileSize: 'amplify-fileuploader__file__size',
+    FileUploaderFileInfo: 'amplify-fileuploader__file__info',
+    FileUploaderFileImage: 'amplify-fileuploader__file__image',
+    FileUploaderFileMain: 'amplify-fileuploader__file__main',
+    FileUploaderFileStatus: 'amplify-fileuploader__file__status',
+    FileUploaderLoader: 'amplify-fileuploader__loader',
+    FileUploaderPreviewer: 'amplify-fileuploader__previewer',
+    FileUploaderPreviewerText: 'amplify-fileuploader__previewer__text',
+    FileUploaderPreviewerActions: 'amplify-fileuploader__previewer__actions',
+    FileUploaderPreviewerFooter: 'amplify-fileuploader__previewer__footer',
     Flex: 'amplify-flex',
     Grid: 'amplify-grid',
     Heading: 'amplify-heading',

package/dist/esm/utils/setUserAgent/constants.mjs

@@ -1,4 +1,4 @@
-import { AuthAction, Category, InAppMessagingAction, GeoAction, StorageAction } from '@aws-amplify/core/internals/utils';
+import { AuthAction, Category, StorageAction, InAppMessagingAction, GeoAction } from '@aws-amplify/core/internals/utils';
 
 const ACCOUNT_SETTINGS_INPUT_BASE = {
     apis: [AuthAction.DeleteUser, AuthAction.UpdatePassword],
@@ -19,6 +19,10 @@ const AUTHENTICATOR_INPUT_BASE = {
     ],
     category: Category.Auth,
 };
+const FILE_UPLOADER_BASE_INPUT = {
+    apis: [StorageAction.UploadData],
+    category: Category.Storage,
+};
 const IN_APP_MESSAGING_INPUT_BASE = {
     apis: [InAppMessagingAction.NotifyMessageInteraction],
     category: Category.InAppMessaging,
@@ -40,4 +44,4 @@ const STORAGE_MANAGER_INPUT_BASE = {
     category: Category.Storage,
 };
 
-export { ACCOUNT_SETTINGS_INPUT_BASE, AUTHENTICATOR_INPUT_BASE, IN_APP_MESSAGING_INPUT_BASE, LOCATION_SEARCH_INPUT_BASE, MAP_VIEW_INPUT_BASE, STORAGE_MANAGER_INPUT_BASE };
+export { ACCOUNT_SETTINGS_INPUT_BASE, AUTHENTICATOR_INPUT_BASE, FILE_UPLOADER_BASE_INPUT, IN_APP_MESSAGING_INPUT_BASE, LOCATION_SEARCH_INPUT_BASE, MAP_VIEW_INPUT_BASE, STORAGE_MANAGER_INPUT_BASE };

package/dist/esm/utils/setUserAgent/setUserAgent.mjs

@@ -1,5 +1,5 @@
 import { setCustomUserAgent } from '@aws-amplify/core/internals/utils';
-import { STORAGE_MANAGER_INPUT_BASE, MAP_VIEW_INPUT_BASE, LOCATION_SEARCH_INPUT_BASE, IN_APP_MESSAGING_INPUT_BASE, ACCOUNT_SETTINGS_INPUT_BASE, AUTHENTICATOR_INPUT_BASE } from './constants.mjs';
+import { STORAGE_MANAGER_INPUT_BASE, MAP_VIEW_INPUT_BASE, LOCATION_SEARCH_INPUT_BASE, IN_APP_MESSAGING_INPUT_BASE, FILE_UPLOADER_BASE_INPUT, ACCOUNT_SETTINGS_INPUT_BASE, AUTHENTICATOR_INPUT_BASE } from './constants.mjs';
 import { noop } from '../utils.mjs';
 
 /**
@@ -30,6 +30,13 @@ const setUserAgent = ({ componentName, packageName, version, }) => {
             });
             break;
         }
+        case 'FileUploader': {
+            setCustomUserAgent({
+                ...FILE_UPLOADER_BASE_INPUT,
+                additionalDetails: [[componentName], packageData],
+            });
+            break;
+        }
         case 'InAppMessaging': {
             setCustomUserAgent({
                 ...IN_APP_MESSAGING_INPUT_BASE,

package/dist/index.js

@@ -55,6 +55,10 @@ const AUTHENTICATOR_INPUT_BASE = {
     ],
     category: utils.Category.Auth,
 };
+const FILE_UPLOADER_BASE_INPUT = {
+    apis: [utils.StorageAction.UploadData],
+    category: utils.Category.Storage,
+};
 const IN_APP_MESSAGING_INPUT_BASE = {
     apis: [utils.InAppMessagingAction.NotifyMessageInteraction],
     category: utils.Category.InAppMessaging,
@@ -350,6 +354,13 @@ const setUserAgent = ({ componentName, packageName, version, }) => {
             });
             break;
         }
+        case 'FileUploader': {
+            utils.setCustomUserAgent({
+                ...FILE_UPLOADER_BASE_INPUT,
+                additionalDetails: [[componentName], packageData],
+            });
+            break;
+        }
         case 'InAppMessaging': {
             utils.setCustomUserAgent({
                 ...IN_APP_MESSAGING_INPUT_BASE,
@@ -2899,6 +2910,25 @@ const ComponentClassName = {
     FieldGroupFieldWrapper: 'amplify-field-group__field-wrapper',
     Fieldset: 'amplify-fieldset',
     FieldsetLegend: 'amplify-fieldset__legend',
+    FileUploader: 'amplify-fileuploader',
+    FileUploaderDropZone: 'amplify-fileuploader__dropzone',
+    FileUploaderDropZoneIcon: 'amplify-fileuploader__dropzone__icon',
+    FileUploaderDropZoneText: 'amplify-fileuploader__dropzone__text',
+    FileUploaderFilePicker: 'amplify-fileuploader__file__picker',
+    FileUploaderFile: 'amplify-fileuploader__file',
+    FileUploaderFileWrapper: 'amplify-fileuploader__file__wrapper',
+    FileUploaderFileList: 'amplify-fileuploader__file__list',
+    FileUploaderFileName: 'amplify-fileuploader__file__name',
+    FileUploaderFileSize: 'amplify-fileuploader__file__size',
+    FileUploaderFileInfo: 'amplify-fileuploader__file__info',
+    FileUploaderFileImage: 'amplify-fileuploader__file__image',
+    FileUploaderFileMain: 'amplify-fileuploader__file__main',
+    FileUploaderFileStatus: 'amplify-fileuploader__file__status',
+    FileUploaderLoader: 'amplify-fileuploader__loader',
+    FileUploaderPreviewer: 'amplify-fileuploader__previewer',
+    FileUploaderPreviewerText: 'amplify-fileuploader__previewer__text',
+    FileUploaderPreviewerActions: 'amplify-fileuploader__previewer__actions',
+    FileUploaderPreviewerFooter: 'amplify-fileuploader__previewer__footer',
     Flex: 'amplify-flex',
     Grid: 'amplify-grid',
     Heading: 'amplify-heading',

package/dist/types/theme/components/fileUploader.d.ts

@@ -0,0 +1,20 @@
+import { Modifiers, ComponentStyles, Elements, ColorTheme } from './utils';
+export type FileUploaderTheme<Required extends boolean = false> = ComponentStyles & Modifiers<ColorTheme, Required> & Elements<{
+    dropzone?: ComponentStyles & Modifiers<'active' | 'small', Required>;
+    dropzone__icon?: ComponentStyles;
+    dropzone__text?: ComponentStyles;
+    file?: ComponentStyles;
+    file__picker?: ComponentStyles;
+    file__wrapper?: ComponentStyles;
+    file__name?: ComponentStyles;
+    file__size?: ComponentStyles;
+    file__list?: ComponentStyles;
+    file__main?: ComponentStyles;
+    file__image?: ComponentStyles;
+    file__status?: ComponentStyles & Modifiers<'error' | 'success', Required>;
+    loader?: ComponentStyles;
+    previewer?: ComponentStyles;
+    previewer__text?: ComponentStyles;
+    previewer__footer?: ComponentStyles;
+    previewer__actions?: ComponentStyles;
+}, Required>;

package/dist/types/types/primitives/componentClassName.d.ts

@@ -59,6 +59,25 @@ export declare const ComponentClassName: {
     readonly FieldGroupFieldWrapper: "amplify-field-group__field-wrapper";
     readonly Fieldset: "amplify-fieldset";
     readonly FieldsetLegend: "amplify-fieldset__legend";
+    readonly FileUploader: "amplify-fileuploader";
+    readonly FileUploaderDropZone: "amplify-fileuploader__dropzone";
+    readonly FileUploaderDropZoneIcon: "amplify-fileuploader__dropzone__icon";
+    readonly FileUploaderDropZoneText: "amplify-fileuploader__dropzone__text";
+    readonly FileUploaderFilePicker: "amplify-fileuploader__file__picker";
+    readonly FileUploaderFile: "amplify-fileuploader__file";
+    readonly FileUploaderFileWrapper: "amplify-fileuploader__file__wrapper";
+    readonly FileUploaderFileList: "amplify-fileuploader__file__list";
+    readonly FileUploaderFileName: "amplify-fileuploader__file__name";
+    readonly FileUploaderFileSize: "amplify-fileuploader__file__size";
+    readonly FileUploaderFileInfo: "amplify-fileuploader__file__info";
+    readonly FileUploaderFileImage: "amplify-fileuploader__file__image";
+    readonly FileUploaderFileMain: "amplify-fileuploader__file__main";
+    readonly FileUploaderFileStatus: "amplify-fileuploader__file__status";
+    readonly FileUploaderLoader: "amplify-fileuploader__loader";
+    readonly FileUploaderPreviewer: "amplify-fileuploader__previewer";
+    readonly FileUploaderPreviewerText: "amplify-fileuploader__previewer__text";
+    readonly FileUploaderPreviewerActions: "amplify-fileuploader__previewer__actions";
+    readonly FileUploaderPreviewerFooter: "amplify-fileuploader__previewer__footer";
     readonly Flex: "amplify-flex";
     readonly Grid: "amplify-grid";
     readonly Heading: "amplify-heading";

package/dist/types/utils/setUserAgent/constants.d.ts

@@ -1,6 +1,7 @@
 import { AuthUserAgentInput, GeoUserAgentInput, InAppMessagingUserAgentInput, StorageUserAgentInput } from '@aws-amplify/core/internals/utils';
 export declare const ACCOUNT_SETTINGS_INPUT_BASE: Omit<AuthUserAgentInput, 'additionalDetails'>;
 export declare const AUTHENTICATOR_INPUT_BASE: Omit<AuthUserAgentInput, 'additionalDetails'>;
+export declare const FILE_UPLOADER_BASE_INPUT: Omit<StorageUserAgentInput, 'additionalDetails'>;
 export declare const IN_APP_MESSAGING_INPUT_BASE: Omit<InAppMessagingUserAgentInput, 'additionalDetails'>;
 export declare const LOCATION_SEARCH_INPUT_BASE: Omit<GeoUserAgentInput, 'additionalDetails'>;
 export declare const MAP_VIEW_INPUT_BASE: Omit<GeoUserAgentInput, 'additionalDetails'>;

package/dist/types/utils/setUserAgent/setUserAgent.d.ts

@@ -1,5 +1,5 @@
 export type PackageName = 'angular' | 'react' | 'react-auth' | 'react-geo' | 'react-liveness' | 'react-native' | 'react-native-auth' | 'react-notifications' | 'react-storage' | 'vue';
-export type ComponentName = 'Authenticator' | 'ChangePassword' | 'DeleteUser' | 'FaceLivenessDetector' | 'InAppMessaging' | 'LocationSearch' | 'MapView' | 'StorageManager' | 'StorageImage';
+export type ComponentName = 'Authenticator' | 'ChangePassword' | 'DeleteUser' | 'FaceLivenessDetector' | 'FileUploader' | 'InAppMessaging' | 'LocationSearch' | 'MapView' | 'StorageManager' | 'StorageImage';
 export type Version = `${string}.${string}.${string}`;
 export interface SetUserAgentOptions {
     componentName: ComponentName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "6.2.0",
+  "version": "6.3.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {