@aws-amplify/ui-react-storage 3.11.0 → 3.12.1

package/dist/esm/components/StorageBrowser/displayText/context.mjs

@@ -10,7 +10,7 @@ function resolveDisplayText(displayText) {
     if (!displayText)
         return DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT;
     // override
-    const { CopyView, CreateFolderView, DeleteView, LocationDetailView, LocationsView, UploadView, } = displayText;
+    const { CopyView, CreateFolderView, DeleteView, DownloadView, LocationDetailView, LocationsView, UploadView, } = displayText;
     return {
         CopyView: { ...DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT.CopyView, ...CopyView },
         CreateFolderView: {
@@ -21,6 +21,10 @@ function resolveDisplayText(displayText) {
             ...DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT.DeleteView,
             ...DeleteView,
         },
+        DownloadView: {
+            ...DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT.DownloadView,
+            ...DownloadView,
+        },
         LocationDetailView: {
             ...DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT.LocationDetailView,
             ...LocationDetailView,

package/dist/esm/components/StorageBrowser/displayText/libraries/en/default.mjs

@@ -4,11 +4,13 @@ import { DEFAULT_DELETE_VIEW_DISPLAY_TEXT } from './deleteView.mjs';
 import { DEFAULT_LOCATION_DETAIL_VIEW_DISPLAY_TEXT } from './locationDetailView.mjs';
 import { DEFAULT_LOCATIONS_VIEW_DISPLAY_TEXT } from './locationsView.mjs';
 import { DEFAULT_UPLOAD_VIEW_DISPLAY_TEXT } from './uploadView.mjs';
+import { DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT } from './downloadView.mjs';
 
 const DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT = {
     CopyView: DEFAULT_COPY_VIEW_DISPLAY_TEXT,
     CreateFolderView: DEFAULT_CREATE_FOLDER_VIEW_DISPLAY_TEXT,
     DeleteView: DEFAULT_DELETE_VIEW_DISPLAY_TEXT,
+    DownloadView: DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT,
     LocationDetailView: DEFAULT_LOCATION_DETAIL_VIEW_DISPLAY_TEXT,
     LocationsView: DEFAULT_LOCATIONS_VIEW_DISPLAY_TEXT,
     UploadView: DEFAULT_UPLOAD_VIEW_DISPLAY_TEXT,

package/dist/esm/components/StorageBrowser/displayText/libraries/en/downloadView.mjs

@@ -0,0 +1,23 @@
+import { DEFAULT_ACTION_VIEW_DISPLAY_TEXT } from './shared.mjs';
+
+const DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT = {
+    ...DEFAULT_ACTION_VIEW_DISPLAY_TEXT,
+    title: 'Download',
+    actionStartLabel: 'Download',
+    getActionCompleteMessage: (data) => {
+        const { counts } = data ?? {};
+        const { COMPLETE, FAILED, TOTAL } = counts ?? {};
+        if (COMPLETE === TOTAL) {
+            return { content: 'All files downloaded.', type: 'success' };
+        }
+        if (FAILED === TOTAL) {
+            return { content: 'All files failed to download.', type: 'error' };
+        }
+        return {
+            content: `${COMPLETE} files downloaded, ${FAILED} files failed to download.`,
+            type: 'error',
+        };
+    },
+};
+
+export { DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT };

package/dist/esm/components/StorageBrowser/displayText/libraries/en/locationDetailView.mjs

@@ -53,6 +53,8 @@ const DEFAULT_LOCATION_DETAIL_VIEW_DISPLAY_TEXT = {
                 return 'Create folder';
             case 'Upload':
                 return 'Upload';
+            case 'Download':
+                return 'Download';
             default:
                 return key;
         }

package/dist/esm/components/StorageBrowser/displayText/utils.mjs

@@ -1,7 +1,9 @@
 import { DEFAULT_COPY_VIEW_DISPLAY_TEXT } from './libraries/en/copyView.mjs';
 import { DEFAULT_DELETE_VIEW_DISPLAY_TEXT } from './libraries/en/deleteView.mjs';
+import { DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT } from './libraries/en/downloadView.mjs';
 
 const isCopyViewDisplayTextKey = (value) => !!DEFAULT_COPY_VIEW_DISPLAY_TEXT[value];
 const isDeleteViewDisplayTextKey = (value) => !!DEFAULT_DELETE_VIEW_DISPLAY_TEXT[value];
+const isDownloadViewDisplayTextKey = (value) => !!DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT[value];
 
-export { isCopyViewDisplayTextKey, isDeleteViewDisplayTextKey };
+export { isCopyViewDisplayTextKey, isDeleteViewDisplayTextKey, isDownloadViewDisplayTextKey };

package/dist/esm/components/StorageBrowser/useAction/utils.mjs

@@ -6,12 +6,12 @@ import { isDefaultActionViewType } from '../actions/configs/defaults.mjs';
 
 const resolveHandler = (value) => (isFunction(value) ? value : value.handler);
 const getActionHandlers = (configs) => {
-    const { copy: copyConfig, createFolder: createFolderConfig, delete: deleteConfig, download, upload: uploadConfig, listLocationItems, listLocations, } = configs.default;
+    const { copy: copyConfig, createFolder: createFolderConfig, delete: deleteConfig, download: downloadConfig, upload: uploadConfig, listLocationItems, listLocations, } = configs.default;
     const defaultHandlers = {
         copy: copyConfig.handler,
         createFolder: createFolderConfig.handler,
         delete: deleteConfig.handler,
-        download,
+        download: 'handler' in downloadConfig ? downloadConfig.handler : downloadConfig,
         listLocationItems,
         listLocations,
         upload: uploadConfig.handler,

package/dist/esm/components/StorageBrowser/views/LocationActionView/DownloadView/DownloadView.mjs

@@ -0,0 +1,47 @@
+import React__default from 'react';
+import '@aws-amplify/ui-react';
+import { ViewElement } from '../../../components/elements/definitions.mjs';
+import '../../../components/elements/IconElement.mjs';
+import { ActionCancelControl } from '../../../controls/ActionCancelControl.mjs';
+import { ActionExitControl } from '../../../controls/ActionExitControl.mjs';
+import { ActionStartControl } from '../../../controls/ActionStartControl.mjs';
+import { DataTableControl } from '../../../controls/DataTableControl.mjs';
+import { MessageControl } from '../../../controls/MessageControl.mjs';
+import { StatusDisplayControl } from '../../../controls/StatusDisplayControl.mjs';
+import { TitleControl } from '../../../controls/TitleControl.mjs';
+import { classNames } from '@aws-amplify/ui';
+import { STORAGE_BROWSER_BLOCK } from '../../../components/base/constants.mjs';
+import '../../../components/composables/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import { DownloadViewProvider } from './DownloadViewProvider.mjs';
+import { useDownloadView } from './useDownloadView.mjs';
+
+const DownloadView = ({ className, ...props }) => {
+    const state = useDownloadView(props);
+    return (React__default.createElement(ViewElement, { className: classNames(STORAGE_BROWSER_BLOCK, className) },
+        React__default.createElement(DownloadViewProvider, { ...state },
+            React__default.createElement(ActionExitControl, null),
+            React__default.createElement(TitleControl, null),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__data-table` },
+                React__default.createElement(DataTableControl, null)),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__summary` },
+                React__default.createElement(StatusDisplayControl, null)),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__footer` },
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__message` },
+                    React__default.createElement(MessageControl, null)),
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__buttons` },
+                    React__default.createElement(ActionCancelControl, null),
+                    React__default.createElement(ActionStartControl, null))))));
+};
+DownloadView.displayName = 'DownloadView';
+DownloadView.Provider = DownloadViewProvider;
+DownloadView.Cancel = ActionCancelControl;
+DownloadView.Exit = ActionExitControl;
+DownloadView.Message = MessageControl;
+DownloadView.Start = ActionStartControl;
+DownloadView.Statuses = StatusDisplayControl;
+DownloadView.TasksTable = DataTableControl;
+DownloadView.Title = TitleControl;
+
+export { DownloadView };

package/dist/esm/components/StorageBrowser/views/LocationActionView/DownloadView/DownloadViewProvider.mjs

@@ -0,0 +1,38 @@
+import React__default from 'react';
+import { ControlsContextProvider } from '../../../controls/context.mjs';
+import { useDisplayText } from '../../../displayText/context.mjs';
+import useResolveTableData from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import '@aws-amplify/ui';
+import { FILE_DATA_ITEM_TABLE_KEYS } from '../../utils/tableResolvers/constants.mjs';
+import { DOWNLOAD_TABLE_RESOLVERS } from '../../utils/tableResolvers/downloadResolvers.mjs';
+
+function DownloadViewProvider({ children, ...props }) {
+    const { DownloadView: displayText } = useDisplayText();
+    const { actionCancelLabel, actionExitLabel, actionStartLabel, title, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, getActionCompleteMessage, } = displayText;
+    const { isProcessing, isProcessingComplete, statusCounts, tasks: items, onActionCancel, onActionStart, onActionExit, onTaskRemove, } = props;
+    const message = isProcessingComplete
+        ? getActionCompleteMessage({ counts: statusCounts })
+        : undefined;
+    const tableData = useResolveTableData(FILE_DATA_ITEM_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS, {
+        items,
+        props: { displayText, isProcessing, onTaskRemove },
+    });
+    return (React__default.createElement(ControlsContextProvider, { data: {
+            actionCancelLabel,
+            actionExitLabel,
+            actionStartLabel,
+            isActionCancelDisabled: !isProcessing || isProcessingComplete,
+            isActionExitDisabled: isProcessing,
+            isActionStartDisabled: isProcessing || isProcessingComplete,
+            statusDisplayCanceledLabel,
+            statusDisplayCompletedLabel,
+            statusDisplayFailedLabel,
+            statusDisplayQueuedLabel,
+            statusCounts,
+            tableData,
+            title,
+            message,
+        }, onActionStart: onActionStart, onActionExit: onActionExit, onActionCancel: onActionCancel }, children));
+}
+
+export { DownloadViewProvider };

package/dist/esm/components/StorageBrowser/views/LocationActionView/DownloadView/useDownloadView.mjs

@@ -0,0 +1,66 @@
+import React__default from 'react';
+import { isFunction } from '@aws-amplify/ui';
+import { useLocationItems } from '../../../locationItems/context.mjs';
+import { useStore } from '../../../store/context.mjs';
+import '../../../useAction/context.mjs';
+import { useAction } from '../../../useAction/useAction.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import '../../../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import '../../../configuration/context.mjs';
+import 'aws-amplify/storage';
+import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
+
+// assign to constant to ensure referential equality
+const EMPTY_ITEMS = [];
+const useDownloadView = (options) => {
+    const { onExit: _onExit } = options ?? {};
+    const [{ location }, storeDispatch] = useStore();
+    const [locationItems, locationItemsDispatch] = useLocationItems();
+    const { current } = location;
+    const { fileDataItems: items = EMPTY_ITEMS } = locationItems;
+    const [processState, handleProcess] = useAction('download', {
+        items,
+    });
+    const { isProcessing, isProcessingComplete, statusCounts, tasks } = processState;
+    const onActionStart = () => {
+        if (!current)
+            return;
+        handleProcess();
+    };
+    const onActionCancel = () => {
+        tasks.forEach((task) => {
+            // Calling cancel on task works only on queued tasks.
+            // In case of download, all download presigned url open at once
+            // When certain threshold is reached for queuing inside StorageBrowser, cancel might be possible.
+            if (isFunction(task.cancel))
+                task.cancel();
+        });
+    };
+    const onActionExit = () => {
+        // clear files state
+        locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
+        // clear selected action
+        storeDispatch({ type: 'RESET_ACTION_TYPE' });
+        if (isFunction(_onExit))
+            _onExit(current);
+    };
+    const onTaskRemove = React__default.useCallback(({ data }) => {
+        locationItemsDispatch({ type: 'REMOVE_LOCATION_ITEM', id: data.id });
+    }, [locationItemsDispatch]);
+    return {
+        isProcessing,
+        isProcessingComplete,
+        location,
+        statusCounts,
+        tasks,
+        onActionCancel,
+        onActionExit,
+        onActionStart,
+        onTaskRemove,
+    };
+};
+
+export { useDownloadView };

package/dist/esm/components/StorageBrowser/views/LocationActionView/UploadView/UploadView.mjs

@@ -18,6 +18,7 @@ import { DataTableControl } from '../../../controls/DataTableControl.mjs';
 import { DropZoneControl } from '../../../controls/DropZoneControl.mjs';
 import { MessageControl } from '../../../controls/MessageControl.mjs';
 import { OverwriteToggleControl } from '../../../controls/OverwriteToggleControl.mjs';
+import { PaginationControl } from '../../../controls/PaginationControl.mjs';
 import { StatusDisplayControl } from '../../../controls/StatusDisplayControl.mjs';
 import { TitleControl } from '../../../controls/TitleControl.mjs';
 import { UploadViewProvider } from './UploadViewProvider.mjs';
@@ -32,6 +33,7 @@ const UploadView = ({ className, ...props }) => {
             React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__controls` },
                 React__default.createElement(OverwriteToggleControl, null),
                 React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__buttons` },
+                    React__default.createElement(PaginationControl, null),
                     React__default.createElement(AddFolderControl, null),
                     React__default.createElement(AddFilesControl, null))),
             React__default.createElement(DropZoneControl, null,
@@ -51,6 +53,7 @@ UploadView.displayName = 'UploadView';
 UploadView.Provider = UploadViewProvider;
 UploadView.AddFiles = AddFilesControl;
 UploadView.AddFolder = AddFolderControl;
+UploadView.Pagination = PaginationControl;
 UploadView.Cancel = ActionCancelControl;
 UploadView.Destination = ActionDestinationControl;
 UploadView.DropZone = DropZoneControl;

package/dist/esm/components/StorageBrowser/views/LocationActionView/UploadView/UploadViewProvider.mjs

@@ -13,7 +13,7 @@ import { UPLOAD_TABLE_RESOLVERS, UPLOAD_TABLE_KEYS } from '../../utils/tableReso
 function UploadViewProvider({ children, ...props }) {
     const { UploadView: displayText } = useDisplayText();
     const { actionCancelLabel, actionDestinationLabel, actionExitLabel, actionStartLabel, addFilesLabel, addFolderLabel, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, overwriteToggleLabel, title, getActionCompleteMessage, getFilesValidationMessage, } = displayText;
-    const { isOverwritingEnabled, isProcessing, isProcessingComplete, location, tasks: items, statusCounts, invalidFiles, onActionStart, onActionCancel, onDropFiles, onActionExit, onTaskRemove, onSelectFiles, onToggleOverwrite, } = props;
+    const { hasNextPage, highestPageVisited, page, isOverwritingEnabled, isProcessing, isProcessingComplete, location, tasks: items, statusCounts, invalidFiles, onActionStart, onActionCancel, onDropFiles, onPaginate, onActionExit, onTaskRemove, onSelectFiles, onToggleOverwrite, } = props;
     const isActionStartDisabled = isProcessing || isProcessingComplete || statusCounts.TOTAL === 0;
     const isActionCancelDisabled = !isProcessing || isProcessingComplete;
     const isAddFilesDisabled = isProcessing || isProcessingComplete;
@@ -47,6 +47,11 @@ function UploadViewProvider({ children, ...props }) {
             isOverwriteToggleDisabled: isProcessing || isProcessingComplete,
             isOverwritingEnabled,
             overwriteToggleLabel,
+            paginationData: {
+                page,
+                hasNextPage,
+                highestPageVisited,
+            },
             destination: location,
             message: actionCompleteMessage ?? filesValidationMessage,
             statusCounts,
@@ -56,7 +61,7 @@ function UploadViewProvider({ children, ...props }) {
             statusDisplayQueuedLabel,
             tableData,
             title,
-        }, onActionCancel: onActionCancel, onActionExit: onActionExit, onActionStart: onActionStart, onAddFiles: () => {
+        }, onActionCancel: onActionCancel, onActionExit: onActionExit, onActionStart: onActionStart, onPaginate: onPaginate, onAddFiles: () => {
             onSelectFiles('FILE');
         }, onAddFolder: () => {
             onSelectFiles('FOLDER');

package/dist/esm/components/StorageBrowser/views/LocationActionView/UploadView/useUploadView.mjs

@@ -13,7 +13,9 @@ import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';
 import { DEFAULT_OVERWRITE_ENABLED } from './constants.mjs';
+import { usePaginate } from '../../hooks/usePaginate.mjs';
 
+const DEFAULT_PAGE_SIZE = 100;
 const useUploadView = (options) => {
     const { onExit: _onExit } = options ?? {};
     const [{ location }, storeDispatch] = useStore();
@@ -26,6 +28,9 @@ const useUploadView = (options) => {
         preventOverwrite: !isOverwritingEnabled,
     })), [validItems, isOverwritingEnabled, location.key]);
     const [{ isProcessing, isProcessingComplete, statusCounts, tasks }, handleUploads,] = useAction('upload', { items });
+    const { currentPage, handlePaginate, pageItems: pageTasks, } = usePaginate({
+        items: tasks,
+    });
     const onDropFiles = (files) => {
         if (files) {
             fileItemsDispatch({ type: 'ADD_FILES', files });
@@ -60,11 +65,15 @@ const useUploadView = (options) => {
         location,
         invalidFiles,
         statusCounts,
-        tasks,
+        tasks: pageTasks,
+        page: currentPage,
+        hasNextPage: currentPage * DEFAULT_PAGE_SIZE < items.length,
+        highestPageVisited: Math.ceil(items.length / DEFAULT_PAGE_SIZE),
         onActionCancel,
         onActionExit,
         onActionStart,
         onDropFiles,
+        onPaginate: handlePaginate,
         onTaskRemove,
         onSelectFiles,
         onToggleOverwrite,

package/dist/esm/components/StorageBrowser/views/context/actionViews.mjs

@@ -16,11 +16,13 @@ import { CreateFolderView } from '../LocationActionView/CreateFolderView/CreateF
 import { CopyView } from '../LocationActionView/CopyView/CopyView.mjs';
 import '../../locationItems/context.mjs';
 import { DeleteView } from '../LocationActionView/DeleteView/DeleteView.mjs';
+import { DownloadView } from '../LocationActionView/DownloadView/DownloadView.mjs';
 
 const DEFAULT_ACTION_VIEWS = {
     createFolder: CreateFolderView,
     copy: CopyView,
     delete: DeleteView,
+    download: DownloadView,
     upload: UploadView,
 };
 const ActionViewsContext = React__default.createContext({

package/dist/esm/components/StorageBrowser/views/context/primaryViews.mjs

@@ -14,6 +14,7 @@ import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';
 import '../LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import '../LocationActionView/DeleteView/DeleteView.mjs';
+import '../LocationActionView/DownloadView/DownloadView.mjs';
 import { LocationActionView } from '../LocationActionView/LocationActionView.mjs';
 import '../LocationActionView/UploadView/UploadView.mjs';
 import '../../fileItems/context.mjs';

package/dist/esm/components/StorageBrowser/views/hooks/usePaginate.mjs

@@ -24,7 +24,7 @@ const usePaginate = ({ items, onPaginate, page = 1, pageSize = DEFAULT_PAGE_SIZE
                     return;
                 if (isFunction(onPaginate))
                     onPaginate(page);
-                if (page > currentPage)
+                if (page > currentPage && page > highestPageVisited)
                     visitedRef.current = page;
                 setCurrentPage(page);
             },

package/dist/esm/components/StorageBrowser/views/useView.mjs

@@ -4,6 +4,8 @@ import './LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import { useCreateFolderView } from './LocationActionView/CreateFolderView/useCreateFolderView.mjs';
 import './LocationActionView/DeleteView/DeleteView.mjs';
 import { useDeleteView } from './LocationActionView/DeleteView/useDeleteView.mjs';
+import './LocationActionView/DownloadView/DownloadView.mjs';
+import { useDownloadView } from './LocationActionView/DownloadView/useDownloadView.mjs';
 import 'react';
 import '../store/context.mjs';
 import './context/actionViews.mjs';
@@ -17,6 +19,7 @@ import { useLocationsView } from './LocationsView/useLocationsView.mjs';
 const USE_VIEW_HOOKS = {
     Copy: useCopyView,
     CreateFolder: useCreateFolderView,
+    Download: useDownloadView,
     Delete: useDeleteView,
     LocationDetail: useLocationDetailView,
     Locations: useLocationsView,

package/dist/esm/components/StorageBrowser/views/utils/tableResolvers/downloadResolvers.mjs

@@ -0,0 +1,36 @@
+import { capitalize } from '@aws-amplify/ui';
+import '../../../displayText/context.mjs';
+import { isDownloadViewDisplayTextKey } from '../../../displayText/utils.mjs';
+import { STATUS_LABELS } from './constants.mjs';
+import { cancel, size, type, folder, name, getFileDataCellKey } from './utils.mjs';
+
+const status = (data) => {
+    const key = getFileDataCellKey(data);
+    const { item: { status }, props: { displayText }, } = data;
+    const statusLabelKey = STATUS_LABELS[status];
+    const text = isDownloadViewDisplayTextKey(statusLabelKey)
+        ? displayText[statusLabelKey]
+        : '';
+    return { key, type: 'text', content: { text } };
+};
+const DOWNLOAD_CELL_RESOLVERS = {
+    name,
+    folder,
+    type,
+    size,
+    status,
+    cancel,
+};
+const DOWNLOAD_TABLE_RESOLVERS = {
+    getCell: (data) => DOWNLOAD_CELL_RESOLVERS[data.key](data),
+    getHeader: ({ key, props: { displayText } }) => {
+        const text = displayText[`tableColumn${capitalize(key)}Header`];
+        if (key === 'cancel') {
+            return { key, type: 'text', content: { text } };
+        }
+        return { key, type: 'sort', content: { label: text } };
+    },
+    getRowKey: ({ item }) => item.data.id,
+};
+
+export { DOWNLOAD_TABLE_RESOLVERS };

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.11.0';
+const VERSION = '3.12.1';
 
 export { VERSION };

package/dist/index.js

@@ -9,7 +9,7 @@ var uiReactCore = require('@aws-amplify/ui-react-core');
 var auth = require('aws-amplify/auth');
 var storage = require('aws-amplify/storage');
 var internal = require('@aws-amplify/ui-react/internal');
-var createStorageBrowser = require('./createStorageBrowser-CVfazB4S.js');
+var createStorageBrowser = require('./createStorageBrowser-C7xCWNpG.js');
 require('@aws-amplify/storage/internals');
 require('aws-amplify');
 require('aws-amplify/utils');

package/dist/styles.css

@@ -4250,11 +4250,26 @@ html[dir=rtl] .amplify-field-group__inner-start {
   z-index: 1;
 }
 
-.amplify-liveness-loader {
+.amplify-liveness-loader .amplify-liveness-centered-loader {
+  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-centered-loader {
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+}
+
+.amplify-liveness-connecting-loader {
+  display: flex;
+  position: absolute;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  z-index: 3;
+  width: 100%;
+  height: 100%;
+  background-color: var(--amplify-colors-background-primary);
 }
 
 .amplify-liveness-oval-canvas {

package/dist/types/components/StorageBrowser/actions/configs/defaults.d.ts

@@ -1,12 +1,13 @@
-import type { CopyActionConfig, CreateFolderActionConfig, DeleteActionConfig, UploadActionConfig } from './types';
+import type { CopyActionConfig, CreateFolderActionConfig, DeleteActionConfig, DownloadActionConfig, UploadActionConfig } from './types';
 export declare const copyActionConfig: CopyActionConfig;
 export declare const deleteActionConfig: DeleteActionConfig;
 export declare const createFolderActionConfig: CreateFolderActionConfig;
 export declare const uploadActionConfig: UploadActionConfig;
+export declare const downloadActionConfig: DownloadActionConfig;
 export declare const defaultActionViewConfigs: {
     copy: CopyActionConfig;
     createFolder: CreateFolderActionConfig;
-    download: import("../handlers").DownloadHandler;
+    download: DownloadActionConfig;
     delete: DeleteActionConfig;
     upload: UploadActionConfig;
 };
@@ -17,7 +18,7 @@ export declare const defaultActionConfigs: {
     listLocationItems: import("../handlers").ListLocationItemsHandler;
     copy: CopyActionConfig;
     createFolder: CreateFolderActionConfig;
-    download: import("../handlers").DownloadHandler;
+    download: DownloadActionConfig;
     delete: DeleteActionConfig;
     upload: UploadActionConfig;
 };

package/dist/types/components/StorageBrowser/actions/configs/types.d.ts

@@ -87,6 +87,8 @@ export interface CopyActionConfig extends ActionViewConfig<CopyHandler, 'CopyVie
 }
 export interface CreateFolderActionConfig extends ActionViewConfig<CreateFolderHandler, 'CreateFolderView'> {
 }
+export interface DownloadActionConfig extends ActionViewConfig<DownloadHandler, 'DownloadView'> {
+}
 export interface ListActionConfig<T> {
     /**
      * action handler
@@ -98,7 +100,7 @@ export interface DefaultActionConfigs {
     listLocationItems?: ListLocationItemsHandler;
     upload?: UploadActionConfig;
     delete?: DeleteActionConfig;
-    download?: DownloadHandler;
+    download?: DownloadHandler | DownloadActionConfig;
     copy?: CopyActionConfig;
 }
 export interface ExtendedDefaultActionConfigs extends Required<DefaultActionConfigs> {

package/dist/types/components/StorageBrowser/actions/handlers/download.d.ts

@@ -1,5 +1,5 @@
-import type { TaskData, TaskHandler, TaskHandlerInput, TaskHandlerOptions, TaskHandlerOutput } from './types';
-export interface DownloadHandlerData extends TaskData {
+import type { OptionalFileData, TaskData, TaskHandler, TaskHandlerInput, TaskHandlerOptions, TaskHandlerOutput } from './types';
+export interface DownloadHandlerData extends OptionalFileData, TaskData {
     fileKey: string;
 }
 export interface DownloadHandlerOptions extends TaskHandlerOptions {

package/dist/types/components/StorageBrowser/createStorageBrowser/types.d.ts

@@ -6,7 +6,7 @@ import type { StorageBrowserDisplayText } from '../displayText';
 import type { ErrorBoundaryType } from '../ErrorBoundary';
 import type { StorageBrowserEventValue, StorageBrowserValue, StoreProviderProps } from '../store';
 import type { DerivedActionHandlers, UseAction } from '../useAction';
-import type { CopyViewType, CreateFolderViewType, DeleteViewType, UploadViewType, LocationActionViewType, LocationDetailViewType, LocationsViewType, UseView, StorageBrowserViews } from '../views';
+import type { CopyViewType, CreateFolderViewType, DeleteViewType, DownloadViewType, UploadViewType, LocationActionViewType, LocationDetailViewType, LocationsViewType, UseView, StorageBrowserViews } from '../views';
 /**
  * @description configuration properties
  */
@@ -235,6 +235,7 @@ export interface StorageBrowserType<TActionType = string, TViews = {}> {
     CopyView: CopyViewType;
     CreateFolderView: CreateFolderViewType;
     DeleteView: DeleteViewType;
+    DownloadView: DownloadViewType;
     UploadView: UploadViewType;
 }
 type NonDefaultActionType<T = string> = Exclude<T, keyof DefaultActionConfigs>;

package/dist/types/components/StorageBrowser/displayText/index.d.ts

@@ -1,4 +1,4 @@
 export { DisplayTextProvider, useDisplayText } from './context';
 export { DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT as DefaultStorageBrowserDisplayText } from './libraries';
-export type { LocationDetailViewDisplayText, LocationsViewDisplayText, CreateFolderViewDisplayText, CopyViewDisplayText, UploadViewDisplayText, DeleteViewDisplayText, StorageBrowserDisplayText, } from './types';
-export { isCopyViewDisplayTextKey, isDeleteViewDisplayTextKey } from './utils';
+export type { LocationDetailViewDisplayText, LocationsViewDisplayText, CreateFolderViewDisplayText, CopyViewDisplayText, UploadViewDisplayText, DeleteViewDisplayText, DownloadViewDisplayText, StorageBrowserDisplayText, } from './types';
+export { isCopyViewDisplayTextKey, isDeleteViewDisplayTextKey, isDownloadViewDisplayTextKey, } from './utils';

package/dist/types/components/StorageBrowser/displayText/libraries/en/downloadView.d.ts

@@ -0,0 +1,2 @@
+import type { DefaultDownloadViewDisplayText } from '../../types';
+export declare const DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT: DefaultDownloadViewDisplayText;

package/dist/types/components/StorageBrowser/displayText/types.d.ts

@@ -1,5 +1,5 @@
 import type { StatusCounts, Task } from '../tasks';
-import type { CopyHandlerData, CreateFolderHandlerData, DeleteHandlerData, FolderData, LocationData, LocationItemData, TaskData, UploadHandlerData, LocationPermissions } from '../actions';
+import type { CopyHandlerData, CreateFolderHandlerData, DeleteHandlerData, FolderData, LocationData, LocationItemData, TaskData, UploadHandlerData, LocationPermissions, DownloadHandlerData } from '../actions';
 import type { MessageType } from '../components';
 import type { FileItems } from '../fileItems';
 import type { LocationState } from '../store';
@@ -115,6 +115,8 @@ export interface DefaultDeleteViewDisplayText extends DefaultActionViewDisplayTe
      */
     tableColumnProgressHeader?: string;
 }
+export interface DefaultDownloadViewDisplayText extends DefaultActionViewDisplayText<DownloadHandlerData> {
+}
 export interface DefaultUploadViewDisplayText extends DefaultActionViewDisplayText<UploadHandlerData> {
     addFilesLabel: string;
     addFolderLabel: string;
@@ -132,6 +134,7 @@ export interface DefaultStorageBrowserDisplayText {
     CopyView: DefaultCopyViewDisplayText;
     CreateFolderView: DefaultCreateFolderViewDisplayText;
     DeleteView: DefaultDeleteViewDisplayText;
+    DownloadView: DefaultDownloadViewDisplayText;
     LocationsView: DefaultLocationsViewDisplayText;
     LocationDetailView: DefaultLocationDetailViewDisplayText;
     UploadView: DefaultUploadViewDisplayText;
@@ -142,6 +145,8 @@ export interface CopyViewDisplayText extends Partial<DefaultCopyViewDisplayText>
 }
 export interface DeleteViewDisplayText extends Partial<DefaultDeleteViewDisplayText> {
 }
+export interface DownloadViewDisplayText extends Partial<DefaultDownloadViewDisplayText> {
+}
 export interface LocationsViewDisplayText extends Partial<DefaultLocationsViewDisplayText> {
 }
 export interface LocationDetailViewDisplayText extends Partial<DefaultLocationDetailViewDisplayText> {
@@ -156,6 +161,7 @@ export interface StorageBrowserDisplayText {
     LocationDetailView?: LocationDetailViewDisplayText;
     UploadView?: UploadViewDisplayText;
     DeleteView?: DeleteViewDisplayText;
+    DownloadView?: DownloadViewDisplayText;
     CopyView?: CopyViewDisplayText;
     CreateFolderView?: CreateFolderViewDisplayText;
 }

package/dist/types/components/StorageBrowser/displayText/utils.d.ts

@@ -1,3 +1,4 @@
-import type { CopyViewDisplayText, DeleteViewDisplayText } from './types';
+import type { CopyViewDisplayText, DeleteViewDisplayText, DownloadViewDisplayText } from './types';
 export declare const isCopyViewDisplayTextKey: (value: string) => value is keyof CopyViewDisplayText;
 export declare const isDeleteViewDisplayTextKey: (value: string) => value is keyof DeleteViewDisplayText;
+export declare const isDownloadViewDisplayTextKey: (value: string) => value is keyof DownloadViewDisplayText;

package/dist/types/components/StorageBrowser/views/LocationActionView/DownloadView/DownloadView.d.ts

@@ -0,0 +1,2 @@
+import type { DownloadViewType } from './types';
+export declare const DownloadView: DownloadViewType;

package/dist/types/components/StorageBrowser/views/LocationActionView/DownloadView/DownloadViewProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { DownloadViewProviderProps } from './types';
+export declare function DownloadViewProvider({ children, ...props }: DownloadViewProviderProps): React.JSX.Element;

package/dist/types/components/StorageBrowser/views/LocationActionView/DownloadView/index.d.ts

@@ -0,0 +1,3 @@
+export { DownloadView } from './DownloadView';
+export { useDownloadView } from './useDownloadView';
+export * from './types';