@aws-amplify/ui-react-storage 3.10.3 → 3.12.0

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

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { isUndefined } from '@aws-amplify/ui';
-import { useFiles } from '../../../files/context.mjs';
+import { useFileItems } from '../../../fileItems/context.mjs';
+import '@aws-amplify/ui';
 import { useStore } from '../../../store/context.mjs';
 import '../../../useAction/context.mjs';
 import { useAction } from '../../../useAction/useAction.mjs';
@@ -10,52 +10,36 @@ import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
 import 'aws-amplify/storage';
-import { isFileTooBig } from '../../../validators/isFileTooBig.mjs';
 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();
-    const [files, filesDispatch] = useFiles();
+    const [{ validItems, invalidItems: invalidFiles }, fileItemsDispatch] = useFileItems();
     const { current } = location;
     const [isOverwritingEnabled, setIsOverwritingEnabled] = React__default.useState(DEFAULT_OVERWRITE_ENABLED);
-    const filesData = React__default.useMemo(() => (files ?? [])?.reduce((curr, item) => {
-        if (isFileTooBig(item.file)) {
-            curr.invalidFiles = isUndefined(curr.invalidFiles)
-                ? [item]
-                : curr.invalidFiles.concat(item);
-        }
-        else {
-            curr.validFiles = isUndefined(curr.validFiles)
-                ? [item]
-                : curr.validFiles.concat(item);
-            const parsedFileItem = {
-                ...item,
-                key: `${location.key}${item.key}`,
-            };
-            curr.data = curr.data.concat({
-                ...parsedFileItem,
-                preventOverwrite: !isOverwritingEnabled,
-            });
-        }
-        return curr;
-    }, { invalidFiles: undefined, validFiles: undefined, data: [] }), [files, isOverwritingEnabled, location.key]);
-    const { data, invalidFiles } = filesData;
-    const [{ isProcessing, isProcessingComplete, statusCounts, tasks }, handleUploads,] = useAction('upload', { items: data });
+    const items = React__default.useMemo(() => (validItems ?? []).map((item) => ({
+        ...item,
+        key: `${location.key}${item.key}`,
+        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) {
-            filesDispatch({ type: 'ADD_FILE_ITEMS', files });
+            fileItemsDispatch({ type: 'ADD_FILES', files });
         }
     };
     const onSelectFiles = (type) => {
-        filesDispatch({ type: 'SELECT_FILES', selectionType: type });
+        fileItemsDispatch({ type: 'SELECT_FILES', selectionType: type });
     };
     const onActionStart = () => {
-        invalidFiles?.forEach((file) => {
-            filesDispatch({ type: 'REMOVE_FILE_ITEM', id: file.id });
-        });
         handleUploads();
     };
     const onActionCancel = () => {
@@ -63,7 +47,7 @@ const useUploadView = (options) => {
     };
     const onActionExit = () => {
         // clear files state
-        filesDispatch({ type: 'RESET_FILE_ITEMS' });
+        fileItemsDispatch({ type: 'RESET_FILE_ITEMS' });
         // clear selected action
         storeDispatch({ type: 'RESET_ACTION_TYPE' });
         _onExit?.(current);
@@ -72,7 +56,7 @@ const useUploadView = (options) => {
         setIsOverwritingEnabled((prev) => !prev);
     };
     const onTaskRemove = ({ data }) => {
-        filesDispatch({ type: 'REMOVE_FILE_ITEM', id: data.id });
+        fileItemsDispatch({ type: 'REMOVE_FILE_ITEM', id: data.id });
     };
     return {
         isProcessing,
@@ -81,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/LocationDetailView/LocationDetailViewProvider.mjs

@@ -1,7 +1,6 @@
 import React__default from 'react';
 import { ControlsContextProvider } from '../../controls/context.mjs';
 import { useDisplayText } from '../../displayText/context.mjs';
-import '@aws-amplify/ui';
 import { getLocationDetailViewTableData } from './getLocationDetailViewTableData/getLocationDetailViewTableData.mjs';
 
 function LocationDetailViewProvider({ children, ...props }) {

package/dist/esm/components/StorageBrowser/views/LocationDetailView/useLocationDetailView.mjs

@@ -5,7 +5,7 @@ import '@aws-amplify/storage/internals';
 import 'aws-amplify/storage';
 import { useActionConfigs } from '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';
-import { useFiles } from '../../files/context.mjs';
+import { useFileItems } from '../../fileItems/context.mjs';
 import { useLocationItems } from '../../locationItems/context.mjs';
 import { useStore } from '../../store/context.mjs';
 import '../../useAction/context.mjs';
@@ -32,7 +32,7 @@ const useLocationDetailView = (options) => {
     const listOptions = listOptionsRef.current;
     const [{ location, actionType }, storeDispatch] = useStore();
     const [locationItems, locationItemsDispatch] = useLocationItems();
-    const filesDispatch = useFiles()[1];
+    const fileItemsDispatch = useFileItems()[1];
     const { current, key } = location;
     const { permissions, prefix } = current ?? {};
     const { fileDataItems } = locationItems;
@@ -148,7 +148,7 @@ const useLocationDetailView = (options) => {
             locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
         },
         onDropFiles: (files) => {
-            filesDispatch({ type: 'ADD_FILE_ITEMS', files });
+            fileItemsDispatch({ type: 'ADD_FILES', files });
             const actionType = 'upload';
             storeDispatch({ type: 'CHANGE_ACTION_TYPE', actionType });
             options?.onActionSelect?.(actionType);

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

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { UploadView } from '../LocationActionView/UploadView/UploadView.mjs';
+import '../../fileItems/context.mjs';
 import '@aws-amplify/ui';
-import '../../files/context.mjs';
 import '../../store/context.mjs';
 import '../../useAction/context.mjs';
 import '@aws-amplify/ui-react-core/elements';
@@ -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,9 +14,10 @@ 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 '../../files/context.mjs';
+import '../../fileItems/context.mjs';
 import { LocationDetailView } from '../LocationDetailView/LocationDetailView.mjs';
 import { LocationsView } from '../LocationsView/LocationsView.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/constants.mjs

@@ -14,5 +14,13 @@ const STATUS_ICONS = {
     CANCELED: 'action-canceled',
     QUEUED: 'action-queued',
 };
+const FILE_DATA_ITEM_TABLE_KEYS = [
+    'name',
+    'folder',
+    'type',
+    'size',
+    'status',
+    'cancel',
+];
 
-export { STATUS_ICONS, STATUS_LABELS };
+export { FILE_DATA_ITEM_TABLE_KEYS, STATUS_ICONS, STATUS_LABELS };

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

@@ -1,44 +1,11 @@
 import { noop, capitalize } from '@aws-amplify/ui';
 import '../../../displayText/context.mjs';
 import { isCopyViewDisplayTextKey } from '../../../displayText/utils.mjs';
-import { STATUS_ICONS, STATUS_LABELS } from './constants.mjs';
-import { getCopyOrDeleteCancelCellContent, getFileSize, getFileType, getCopyCellFolder } from './utils.mjs';
+import { STATUS_LABELS } from './constants.mjs';
+import { cancel, size, type, folder, name, getFileDataCellKey } from './utils.mjs';
 
-const COPY_TABLE_KEYS = [
-    'name',
-    'folder',
-    'type',
-    'size',
-    'status',
-    'cancel',
-];
-const getCopyCellKey = ({ key, item, }) => `${key}-${item.data.id}`;
-const name = (data) => {
-    const key = getCopyCellKey(data);
-    const { item } = data;
-    const text = item.data.fileKey;
-    const icon = STATUS_ICONS[item.status];
-    return { key, type: 'text', content: { icon, text } };
-};
-const folder = (data) => {
-    const key = getCopyCellKey(data);
-    const text = getCopyCellFolder(data.item);
-    return { key, type: 'text', content: { text } };
-};
-const type = (data) => {
-    const key = getCopyCellKey(data);
-    const { fileKey } = data.item.data;
-    const text = getFileType(fileKey);
-    return { key, type: 'text', content: { text } };
-};
-const size = (data) => {
-    const key = getCopyCellKey(data);
-    const { size: value } = data.item.data;
-    const displayValue = getFileSize(value);
-    return { key, type: 'number', content: { value, displayValue } };
-};
 const status = (data) => {
-    const key = getCopyCellKey(data);
+    const key = getFileDataCellKey(data);
     const { item: { status }, props: { displayText }, } = data;
     const statusLabelKey = STATUS_LABELS[status];
     const text = isCopyViewDisplayTextKey(statusLabelKey)
@@ -46,11 +13,6 @@ const status = (data) => {
         : '';
     return { key, type: 'text', content: { text } };
 };
-const cancel = (data) => {
-    const key = getCopyCellKey(data);
-    const content = getCopyOrDeleteCancelCellContent(data);
-    return { key, type: 'button', content };
-};
 const COPY_CELL_RESOLVERS = {
     name,
     folder,
@@ -79,4 +41,4 @@ const COPY_TABLE_RESOLVERS = {
     getRowKey: ({ item }) => item.data.id,
 };
 
-export { COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS };
+export { COPY_TABLE_RESOLVERS };

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

@@ -1,44 +1,11 @@
 import { noop, capitalize } from '@aws-amplify/ui';
 import '../../../displayText/context.mjs';
 import { isDeleteViewDisplayTextKey } from '../../../displayText/utils.mjs';
-import { STATUS_ICONS, STATUS_LABELS } from './constants.mjs';
-import { getCopyOrDeleteCancelCellContent, getFileSize, getFileType, getDeleteCellFolder } from './utils.mjs';
+import { STATUS_LABELS } from './constants.mjs';
+import { cancel, size, type, folder, name, getFileDataCellKey } from './utils.mjs';
 
-const DELETE_TABLE_KEYS = [
-    'name',
-    'folder',
-    'type',
-    'size',
-    'status',
-    'cancel',
-];
-const getDeleteCellKey = ({ key, item, }) => `${key}-${item.data.id}`;
-const name = (data) => {
-    const key = getDeleteCellKey(data);
-    const { item } = data;
-    const text = item.data.fileKey;
-    const icon = STATUS_ICONS[item.status];
-    return { key, type: 'text', content: { icon, text } };
-};
-const folder = (data) => {
-    const key = getDeleteCellKey(data);
-    const text = getDeleteCellFolder(data.item);
-    return { key, type: 'text', content: { text } };
-};
-const type = (data) => {
-    const key = getDeleteCellKey(data);
-    const { fileKey } = data.item.data;
-    const text = getFileType(fileKey);
-    return { key, type: 'text', content: { text } };
-};
-const size = (data) => {
-    const key = getDeleteCellKey(data);
-    const { size: value } = data.item.data;
-    const displayValue = getFileSize(value);
-    return { key, type: 'number', content: { value, displayValue } };
-};
 const status = (data) => {
-    const key = getDeleteCellKey(data);
+    const key = getFileDataCellKey(data);
     const { item: { status }, props: { displayText }, } = data;
     const statusLabelKey = STATUS_LABELS[status];
     const text = isDeleteViewDisplayTextKey(statusLabelKey)
@@ -46,11 +13,6 @@ const status = (data) => {
         : '';
     return { key, type: 'text', content: { text } };
 };
-const cancel = (data) => {
-    const key = getDeleteCellKey(data);
-    const content = getCopyOrDeleteCancelCellContent(data);
-    return { key, type: 'button', content };
-};
 const DELETE_CELL_RESOLVERS = {
     name,
     folder,
@@ -79,4 +41,4 @@ const DELETE_TABLE_RESOLVERS = {
     getRowKey: ({ item }) => item.data.id,
 };
 
-export { DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS };
+export { DELETE_TABLE_RESOLVERS };

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/components/StorageBrowser/views/utils/tableResolvers/utils.mjs

@@ -1,17 +1,24 @@
 import { humanFileSize } from '@aws-amplify/ui';
+import { STATUS_ICONS } from './constants.mjs';
 
 const getFileType = (value, fallback = '') => value.lastIndexOf('.') !== -1
     ? value.slice(value.lastIndexOf('.') + 1)
     : fallback;
 const getCellName = (value) => 
 // `value.split` always returns an array with at least one entry
-// ensruing `.pop()` will always return a string
+// ensuring `.pop()` will always return a string
 value.split('/').pop();
 const getUploadCellFolder = ({ data: { file: { webkitRelativePath }, }, }, fallback = '-') => webkitRelativePath
     ? webkitRelativePath.slice(0, webkitRelativePath.lastIndexOf('/') + 1)
     : fallback;
-const getCopyCellFolder = ({ data: { fileKey, sourceKey }, }) => sourceKey.slice(0, -fileKey.length);
-const getDeleteCellFolder = ({ data: { fileKey, key }, }) => key.slice(0, -fileKey.length);
+const isCopyActionTask = (task) => 'sourceKey' in task.data;
+const getFileDataCellFolder = (task) => {
+    const targetKey = isCopyActionTask(task)
+        ? task.data.sourceKey
+        : task.data.key;
+    const { fileKey } = task.data;
+    return targetKey.slice(0, -fileKey.length);
+};
 const getUploadCellProgress = ({ progress, status, }) => {
     // prefer `progress` if available, 1 if status is complete, default 0
     const value = progress ?? (status === 'COMPLETE' ? 1 : 0);
@@ -19,7 +26,7 @@ const getUploadCellProgress = ({ progress, status, }) => {
     return { displayValue, value };
 };
 const getFileSize = (value, fallback = '-') => (!value ? fallback : humanFileSize(value, true));
-const getCopyOrDeleteCancelCellContent = (data) => {
+const getFileDataCancelCellContent = (data) => {
     const { item, props } = data;
     const { cancel, status } = item;
     const { isProcessing, onTaskRemove } = props;
@@ -45,5 +52,38 @@ const getCopyOrDeleteCancelCellContent = (data) => {
         };
     return { ariaLabel, isDisabled, onClick, icon: 'cancel' };
 };
+/**
+ * Generates a unique key for a table cell based on the key and item id
+ */
+const getFileDataCellKey = ({ key, item, }) => `${key}-${item.data.id}`;
+const name = (data) => {
+    const key = getFileDataCellKey(data);
+    const { item } = data;
+    const text = item.data.fileKey;
+    const icon = STATUS_ICONS[item.status];
+    return { key, type: 'text', content: { icon, text } };
+};
+const folder = (data) => {
+    const key = getFileDataCellKey(data);
+    const text = getFileDataCellFolder(data.item);
+    return { key, type: 'text', content: { text } };
+};
+const type = (data) => {
+    const key = getFileDataCellKey(data);
+    const { fileKey } = data.item.data;
+    const text = getFileType(fileKey);
+    return { key, type: 'text', content: { text } };
+};
+const size = (data) => {
+    const key = getFileDataCellKey(data);
+    const { size: value } = data.item.data;
+    const displayValue = getFileSize(value);
+    return { key, type: 'number', content: { value, displayValue } };
+};
+const cancel = (data) => {
+    const key = getFileDataCellKey(data);
+    const content = getFileDataCancelCellContent(data);
+    return { key, type: 'button', content };
+};
 
-export { getCellName, getCopyCellFolder, getCopyOrDeleteCancelCellContent, getDeleteCellFolder, getFileSize, getFileType, getUploadCellFolder, getUploadCellProgress };
+export { cancel, folder, getCellName, getFileDataCancelCellContent, getFileDataCellFolder, getFileDataCellKey, getFileSize, getFileType, getUploadCellFolder, getUploadCellProgress, name, size, type };

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.10.3';
+const VERSION = '3.12.0';
 
 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-B75dAYRb.js');
+var createStorageBrowser = require('./createStorageBrowser-D5xaObbd.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/actions/index.d.ts

@@ -1,4 +1,4 @@
-export type { ActionInputConfig, CopyHandler, CopyHandlerData, CopyHandlerInput, CopyHandlerOutput, CreateFolderHandler, CreateFolderHandlerData, CreateFolderHandlerInput, CreateFolderHandlerOptions, CreateFolderHandlerOutput, DefaultHandlers, DownloadHandler, DownloadHandlerData, DownloadHandlerInput, DownloadHandlerOptions, DownloadHandlerOutput, DeleteHandler, DeleteHandlerData, DeleteHandlerInput, DeleteHandlerOptions, DeleteHandlerOutput, FileData, FileDataItem, FileItem, FolderData, ListHandler, ListHandlerInput, ListHandlerOptions, ListHandlerOutput, ListLocationItemsHandler, ListLocationItemsHandlerInput, ListLocationItemsHandlerOptions, ListLocationItemsHandlerOutput, ListLocationsExcludeOptions, ListLocations, ListLocationsInput, ListLocationsOutput, ListLocationsHandler, ListLocationsHandlerInput, ListLocationsHandlerOptions, ListLocationsHandlerOutput, LocationData, LocationItemData, LocationItemType, LocationPermissions, LocationType, TaskData, TaskHandler, TaskHandlerInput, TaskHandlerOptions, TaskHandlerOutput, TaskResult, TaskResultStatus, UploadHandler, UploadHandlerData, UploadHandlerInput, UploadHandlerOptions, UploadHandlerOutput, } from './handlers';
+export type { ActionInputConfig, CopyHandler, CopyHandlerData, CopyHandlerInput, CopyHandlerOutput, CreateFolderHandler, CreateFolderHandlerData, CreateFolderHandlerInput, CreateFolderHandlerOptions, CreateFolderHandlerOutput, DefaultHandlers, DownloadHandler, DownloadHandlerData, DownloadHandlerInput, DownloadHandlerOptions, DownloadHandlerOutput, DeleteHandler, DeleteHandlerData, DeleteHandlerInput, DeleteHandlerOptions, DeleteHandlerOutput, FileData, FileDataItem, FileItem, FolderData, ListHandler, ListHandlerInput, ListHandlerOptions, ListHandlerOutput, ListLocationItemsHandler, ListLocationItemsHandlerInput, ListLocationItemsHandlerOptions, ListLocationItemsHandlerOutput, ListLocationsExcludeOptions, ListLocations, ListLocationsInput, ListLocationsOutput, ListLocationsHandler, ListLocationsHandlerInput, ListLocationsHandlerOptions, ListLocationsHandlerOutput, LocationData, LocationItemData, LocationItemType, LocationPermissions, LocationType, OptionalFileData, TaskData, TaskHandler, TaskHandlerInput, TaskHandlerOptions, TaskHandlerOutput, TaskResult, TaskResultStatus, UploadHandler, UploadHandlerData, UploadHandlerInput, UploadHandlerOptions, UploadHandlerOutput, } from './handlers';
 export { copyHandler, createFileDataItem, createFolderHandler, defaultHandlers, downloadHandler, getFileKey, isFileDataItem, isFileItem, isMultipartUpload, listLocationItemsHandler, listLocationsHandler, uploadHandler, } from './handlers';
 export type { ExtendedActionConfigs, ActionViewConfig, ActionViewConfigs, ActionConfigsProviderProps, ActionHandler, CustomActionConfigs, DefaultActionConfigs, } from './configs';
 export { ActionConfigsProvider, defaultActionConfigs, defaultActionViewConfigs, getActionConfigs, isDefaultActionViewType, useActionConfigs, } from './configs';

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { CreateStorageBrowserInput, StorageBrowserProviderProps } from './types';
-export default function createProvider({ actions, components, config, }: CreateStorageBrowserInput): (props: StorageBrowserProviderProps) => React.JSX.Element;
+export default function createProvider({ actions, components, config, options, }: CreateStorageBrowserInput): (props: StorageBrowserProviderProps) => React.JSX.Element;