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

package/dist/{createStorageBrowser-B75dAYRb.js → createStorageBrowser-D5xaObbd.js}

@@ -32,7 +32,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const VERSION = '3.10.3';
+const VERSION = '3.12.0';
 
 const toAccessGrantPermission = (permission) => {
     let result = '';
@@ -389,7 +389,7 @@ const downloadHandler = ({ config, data: { key }, }) => {
     return { result };
 };
 
-const DEFAULT_PAGE_SIZE$4 = 1000;
+const DEFAULT_PAGE_SIZE$5 = 1000;
 const parseItems = (items, excludedPath) => items
     // remove root `key` from results
     .filter(({ path }) => path !== excludedPath)
@@ -422,7 +422,7 @@ const parseResult = ({ excludedSubpaths, items }, prefix) => filterDotItems([...
 const listLocationItemsHandler = async (input) => {
     const { config, prefix, options } = input;
     const { bucket: _bucket, credentials, customEndpoint, region, accountId, } = config;
-    const { exclude, delimiter, nextToken, pageSize: _pageSize = DEFAULT_PAGE_SIZE$4, ..._options } = options ?? {};
+    const { exclude, delimiter, nextToken, pageSize: _pageSize = DEFAULT_PAGE_SIZE$5, ..._options } = options ?? {};
     const bucket = { bucketName: _bucket, region };
     const subpathStrategy = {
         delimiter,
@@ -455,7 +455,7 @@ const listLocationItemsHandler = async (input) => {
         nextNextToken = output.nextToken;
         const items = parseResult(output, prefix);
         result.push(...(exclude ? items.filter((item) => item.type !== exclude) : items));
-    } while (nextNextToken && result.length < pageSize);
+    } while (nextNextToken && result.length < _pageSize);
     return { items: result, nextToken: nextNextToken };
 };
 
@@ -541,9 +541,6 @@ function assertRegisterAuthListener(value) {
     }
 }
 
-const UPLOAD_FILE_SIZE_LIMIT = 160 * 1000 * 1000 * 1000;
-const isFileTooBig = (file) => file.size > UPLOAD_FILE_SIZE_LIMIT;
-
 const defaultValue$7 = {
     actionConfigs: undefined,
 };
@@ -587,12 +584,21 @@ const uploadActionConfig = {
     },
     handler: defaultHandlers.upload,
 };
+const downloadActionConfig = {
+    viewName: 'DownloadView',
+    actionListItem: {
+        disable: (selected) => !selected || selected.length === 0,
+        hide: (permissions) => !permissions.includes('get'),
+        icon: 'download',
+        label: 'Download',
+    },
+    handler: defaultHandlers.download,
+};
 // Action view configs only, does not include `listLocationItems`
 const defaultActionViewConfigs = {
     copy: copyActionConfig,
     createFolder: createFolderActionConfig,
-    // provide `download` handler only; `download` does not have a dedicated view/config
-    download: defaultHandlers.download,
+    download: downloadActionConfig,
     delete: deleteActionConfig,
     upload: uploadActionConfig,
 };
@@ -1664,7 +1670,7 @@ function CredentialsProvider({ children, ...props }) {
     return (React__namespace["default"].createElement(CredentialsContext.Provider, { value: value }, children));
 }
 
-const DEFAULT_STATE$1 = {
+const DEFAULT_STATE$2 = {
     actionType: undefined,
     location: { current: undefined, path: '', key: '' },
 };
@@ -1683,7 +1689,7 @@ function storeReducer(state, action) {
         case 'RESET_LOCATION': {
             if (state.location.current === undefined)
                 return state;
-            return { ...state, location: DEFAULT_STATE$1.location };
+            return { ...state, location: DEFAULT_STATE$2.location };
         }
         case 'CHANGE_ACTION_TYPE': {
             const { actionType } = action;
@@ -1695,7 +1701,7 @@ function storeReducer(state, action) {
         case 'RESET_ACTION_TYPE': {
             if (state.actionType === undefined)
                 return state;
-            return { ...state, actionType: DEFAULT_STATE$1.actionType };
+            return { ...state, actionType: DEFAULT_STATE$2.actionType };
         }
     }
 }
@@ -1711,10 +1717,10 @@ function getLocationData(location) {
 }
 function getState(value) {
     if (value === undefined || value === null)
-        return DEFAULT_STATE$1;
+        return DEFAULT_STATE$2;
     const current = getLocationData(value.location);
     if (!current)
-        return DEFAULT_STATE$1;
+        return DEFAULT_STATE$2;
     const actionType = value?.actionType;
     const path = value?.location?.path ?? '';
     const key = `${current.prefix}${path}`;
@@ -1816,7 +1822,7 @@ function useStoreReducer(props) {
     });
 }
 
-const DEFAULT_VALUE = [DEFAULT_STATE$1, ui.noop];
+const DEFAULT_VALUE = [DEFAULT_STATE$2, ui.noop];
 const { StoreContext, useStore } = uiReactCore.createContextUtilities({
     contextName: 'Store',
     defaultValue: DEFAULT_VALUE,
@@ -2181,12 +2187,12 @@ const useList = (type) => {
 
 const resolveHandler = (value) => (ui.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,
@@ -2908,6 +2914,8 @@ const DEFAULT_LOCATION_DETAIL_VIEW_DISPLAY_TEXT = {
                 return 'Create folder';
             case 'Upload':
                 return 'Upload';
+            case 'Download':
+                return 'Download';
             default:
                 return key;
         }
@@ -3035,13 +3043,12 @@ const DEFAULT_UPLOAD_VIEW_DISPLAY_TEXT = {
         if (!data?.invalidFiles) {
             return undefined;
         }
-        const tooBigFileNames = data.invalidFiles
-            .filter(({ file }) => isFileTooBig(file))
+        const invalidFileNames = data.invalidFiles
             .map(({ file }) => file.name)
             .join(', ');
-        if (tooBigFileNames) {
+        if (invalidFileNames) {
             return {
-                content: `Files larger than 160GB cannot be added to the upload queue: ${tooBigFileNames}`,
+                content: `Files larger than 160GB cannot be added to the upload queue: ${invalidFileNames}`,
                 type: 'warning',
             };
         }
@@ -3053,10 +3060,31 @@ const DEFAULT_UPLOAD_VIEW_DISPLAY_TEXT = {
     title: 'Upload',
 };
 
+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',
+        };
+    },
+};
+
 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,
@@ -3070,7 +3098,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: {
@@ -3081,6 +3109,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,
@@ -3103,6 +3135,7 @@ function DisplayTextProvider({ children, displayText: _override, }) {
 
 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];
 
 function useResolveTableData(keys, { getCell, getHeader, getRowKey }, { items, props }) {
     return React__namespace["default"].useMemo(() => {
@@ -3132,19 +3165,33 @@ const STATUS_ICONS = {
     CANCELED: 'action-canceled',
     QUEUED: 'action-queued',
 };
+const FILE_DATA_ITEM_TABLE_KEYS = [
+    'name',
+    'folder',
+    'type',
+    'size',
+    'status',
+    'cancel',
+];
 
 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);
@@ -3152,7 +3199,7 @@ const getUploadCellProgress = ({ progress, status, }) => {
     return { displayValue, value };
 };
 const getFileSize = (value, fallback = '-') => (!value ? fallback : ui.humanFileSize(value, true));
-const getCopyOrDeleteCancelCellContent = (data) => {
+const getFileDataCancelCellContent = (data) => {
     const { item, props } = data;
     const { cancel, status } = item;
     const { isProcessing, onTaskRemove } = props;
@@ -3178,42 +3225,42 @@ const getCopyOrDeleteCancelCellContent = (data) => {
         };
     return { ariaLabel, isDisabled, onClick, icon: 'cancel' };
 };
-
-const COPY_TABLE_KEYS = [
-    'name',
-    'folder',
-    'type',
-    'size',
-    'status',
-    'cancel',
-];
-const getCopyCellKey = ({ key, item, }) => `${key}-${item.data.id}`;
-const name$2 = (data) => {
-    const key = getCopyCellKey(data);
+/**
+ * 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$1 = (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$2 = (data) => {
-    const key = getCopyCellKey(data);
-    const text = getCopyCellFolder(data.item);
+const folder$1 = (data) => {
+    const key = getFileDataCellKey(data);
+    const text = getFileDataCellFolder(data.item);
     return { key, type: 'text', content: { text } };
 };
-const type$2 = (data) => {
-    const key = getCopyCellKey(data);
+const type$1 = (data) => {
+    const key = getFileDataCellKey(data);
     const { fileKey } = data.item.data;
     const text = getFileType(fileKey);
     return { key, type: 'text', content: { text } };
 };
-const size$2 = (data) => {
-    const key = getCopyCellKey(data);
+const size$1 = (data) => {
+    const key = getFileDataCellKey(data);
     const { size: value } = data.item.data;
     const displayValue = getFileSize(value);
     return { key, type: 'number', content: { value, displayValue } };
 };
-const status$2 = (data) => {
-    const key = getCopyCellKey(data);
+const cancel$1 = (data) => {
+    const key = getFileDataCellKey(data);
+    const content = getFileDataCancelCellContent(data);
+    return { key, type: 'button', content };
+};
+
+const status$3 = (data) => {
+    const key = getFileDataCellKey(data);
     const { item: { status }, props: { displayText }, } = data;
     const statusLabelKey = STATUS_LABELS[status];
     const text = isCopyViewDisplayTextKey(statusLabelKey)
@@ -3221,18 +3268,13 @@ const status$2 = (data) => {
         : '';
     return { key, type: 'text', content: { text } };
 };
-const cancel$2 = (data) => {
-    const key = getCopyCellKey(data);
-    const content = getCopyOrDeleteCancelCellContent(data);
-    return { key, type: 'button', content };
-};
 const COPY_CELL_RESOLVERS = {
-    name: name$2,
-    folder: folder$2,
-    type: type$2,
-    size: size$2,
-    status: status$2,
-    cancel: cancel$2,
+    name: name$1,
+    folder: folder$1,
+    type: type$1,
+    size: size$1,
+    status: status$3,
+    cancel: cancel$1,
     /**
      * @deprecated
      *
@@ -3254,6 +3296,72 @@ const COPY_TABLE_RESOLVERS = {
     getRowKey: ({ item }) => item.data.id,
 };
 
+const status$2 = (data) => {
+    const key = getFileDataCellKey(data);
+    const { item: { status }, props: { displayText }, } = data;
+    const statusLabelKey = STATUS_LABELS[status];
+    const text = isDeleteViewDisplayTextKey(statusLabelKey)
+        ? displayText[statusLabelKey]
+        : '';
+    return { key, type: 'text', content: { text } };
+};
+const DELETE_CELL_RESOLVERS = {
+    name: name$1,
+    folder: folder$1,
+    type: type$1,
+    size: size$1,
+    status: status$2,
+    cancel: cancel$1,
+    /**
+     * @deprecated
+     *
+     * non-upload view tables do not include "progress" headers but include here to
+     * keep TS happy as "progress" headers were included in display text interfaces
+     * and cannot be removed from the tables without a breaking change
+     */
+    progress: ui.noop,
+};
+const DELETE_TABLE_RESOLVERS = {
+    getCell: (data) => DELETE_CELL_RESOLVERS[data.key](data),
+    getHeader: ({ key, props: { displayText } }) => {
+        const text = displayText[`tableColumn${ui.capitalize(key)}Header`];
+        if (key === 'cancel') {
+            return { key, type: 'text', content: { text } };
+        }
+        return { key, type: 'sort', content: { label: text } };
+    },
+    getRowKey: ({ item }) => item.data.id,
+};
+
+const status$1 = (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: name$1,
+    folder: folder$1,
+    type: type$1,
+    size: size$1,
+    status: status$1,
+    cancel: cancel$1,
+};
+const DOWNLOAD_TABLE_RESOLVERS = {
+    getCell: (data) => DOWNLOAD_CELL_RESOLVERS[data.key](data),
+    getHeader: ({ key, props: { displayText } }) => {
+        const text = displayText[`tableColumn${ui.capitalize(key)}Header`];
+        if (key === 'cancel') {
+            return { key, type: 'text', content: { text } };
+        }
+        return { key, type: 'sort', content: { label: text } };
+    },
+    getRowKey: ({ item }) => item.data.id,
+};
+
 const UPLOAD_TABLE_KEYS = [
     'name',
     'folder',
@@ -3264,31 +3372,31 @@ const UPLOAD_TABLE_KEYS = [
     'cancel',
 ];
 const getUploadCellKey = ({ key, item, }) => `${key}-${item.data.id}`;
-const name$1 = (data) => {
+const name = (data) => {
     const key = getUploadCellKey(data);
     const { item } = data;
     const icon = STATUS_ICONS[item.status];
     const text = getCellName(item.data.key);
     return { key, type: 'text', content: { icon, text } };
 };
-const folder$1 = (data) => {
+const folder = (data) => {
     const key = getUploadCellKey(data);
     const text = getUploadCellFolder(data.item);
     return { key, type: 'text', content: { text } };
 };
-const type$1 = (data) => {
+const type = (data) => {
     const key = getUploadCellKey(data);
     const { item } = data;
     const text = getFileType(getCellName(item.data.key));
     return { key, type: 'text', content: { text } };
 };
-const size$1 = (data) => {
+const size = (data) => {
     const key = getUploadCellKey(data);
     const { size: value } = data.item.data.file;
     const displayValue = getFileSize(value);
     return { key, type: 'number', content: { value, displayValue } };
 };
-const status$1 = (data) => {
+const status = (data) => {
     const key = getUploadCellKey(data);
     const { item: { status }, props: { displayText }, } = data;
     const text = displayText[STATUS_LABELS[status]];
@@ -3299,7 +3407,7 @@ const progress = (data) => {
     const content = getUploadCellProgress(data.item);
     return { key, type: 'number', content };
 };
-const cancel$1 = (data) => {
+const cancel = (data) => {
     const key = getUploadCellKey(data);
     const { item, props } = data;
     const { cancel, data: taskData, status, progress } = item;
@@ -3341,91 +3449,16 @@ const cancel$1 = (data) => {
     return { key, type: 'button', content };
 };
 const UPLOAD_CELL_RESOLVERS = {
-    cancel: cancel$1,
-    folder: folder$1,
-    name: name$1,
-    progress,
-    size: size$1,
-    status: status$1,
-    type: type$1,
-};
-const UPLOAD_TABLE_RESOLVERS = {
-    getCell: (data) => UPLOAD_CELL_RESOLVERS[data.key](data),
-    getHeader: ({ key, props: { displayText } }) => {
-        const text = displayText[`tableColumn${ui.capitalize(key)}Header`];
-        if (key === 'cancel') {
-            return { key, type: 'text', content: { text } };
-        }
-        return { key, type: 'sort', content: { label: text } };
-    },
-    getRowKey: ({ item }) => item.data.id,
-};
-
-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 { item: { status }, props: { displayText }, } = data;
-    const statusLabelKey = STATUS_LABELS[status];
-    const text = isDeleteViewDisplayTextKey(statusLabelKey)
-        ? displayText[statusLabelKey]
-        : '';
-    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,
+    cancel,
     folder,
-    type,
+    name,
+    progress,
     size,
     status,
-    cancel,
-    /**
-     * @deprecated
-     *
-     * non-upload view tables do not include "progress" headers but include here to
-     * keep TS happy as "progress" headers were included in display text interfaces
-     * and cannot be removed from the tables without a breaking change
-     */
-    progress: ui.noop,
+    type,
 };
-const DELETE_TABLE_RESOLVERS = {
-    getCell: (data) => DELETE_CELL_RESOLVERS[data.key](data),
+const UPLOAD_TABLE_RESOLVERS = {
+    getCell: (data) => UPLOAD_CELL_RESOLVERS[data.key](data),
     getHeader: ({ key, props: { displayText } }) => {
         const text = displayText[`tableColumn${ui.capitalize(key)}Header`];
         if (key === 'cancel') {
@@ -3439,7 +3472,7 @@ const DELETE_TABLE_RESOLVERS = {
 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;
@@ -3473,6 +3506,11 @@ function UploadViewProvider({ children, ...props }) {
             isOverwriteToggleDisabled: isProcessing || isProcessingComplete,
             isOverwritingEnabled,
             overwriteToggleLabel,
+            paginationData: {
+                page,
+                hasNextPage,
+                highestPageVisited,
+            },
             destination: location,
             message: actionCompleteMessage ?? filesValidationMessage,
             statusCounts,
@@ -3482,21 +3520,50 @@ 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');
         }, onDropFiles: onDropFiles, onToggleOverwrite: onToggleOverwrite }, children));
 }
 
+const DEFAULT_STATE$1 = {
+    validItems: undefined,
+    invalidItems: undefined,
+};
+const DEFAULT_RESOLVED_FILES = {
+    validFiles: undefined,
+    invalidFiles: undefined,
+};
+const UPLOAD_FILE_SIZE_LIMIT = 160 * 1000 * 1000 * 1000;
+
 const compareFileItems = (prev, next) => prev.key.localeCompare(next.key);
-const resolveFiles = (prevItems, files) => {
+const constructFiles = (files, file) => ui.isUndefined(files) ? [file] : files.concat(file);
+const defaultValidateFile = (file) => file.size <= UPLOAD_FILE_SIZE_LIMIT;
+const resolveFiles = (files, validateFile) => {
+    if (!files?.length)
+        return DEFAULT_RESOLVED_FILES;
+    if (!validateFile)
+        return { validFiles: files, invalidFiles: undefined };
+    return files.reduce((acc, file) => {
+        if (validateFile(file)) {
+            acc.validFiles = constructFiles(acc.validFiles, file);
+        }
+        else {
+            acc.invalidFiles = constructFiles(acc.invalidFiles, file);
+        }
+        return acc;
+    }, 
+    // create new copy of default to be modified
+    { ...DEFAULT_RESOLVED_FILES });
+};
+const processFileItems = (prevItems, files) => {
     if (!files?.length)
         return prevItems;
     // construct `nextItems` and filter out existing `file` entries
     const nextItems = files.reduce((items, file) => {
         const { name, webkitRelativePath } = file;
-        return prevItems.some(({ file: existing }) => existing.name === name &&
+        return prevItems?.some(({ file: existing }) => existing.name === name &&
             existing.webkitRelativePath === webkitRelativePath)
             ? items
             : items.concat({
@@ -3507,27 +3574,10 @@ const resolveFiles = (prevItems, files) => {
     }, []);
     if (!nextItems.length)
         return prevItems;
-    if (!prevItems.length) {
+    if (!prevItems?.length) {
         return nextItems.sort(compareFileItems);
     }
-    return prevItems.concat(nextItems).sort(compareFileItems);
-};
-const filesReducer = (prevItems, input) => {
-    switch (input.type) {
-        case 'ADD_FILE_ITEMS': {
-            return resolveFiles(prevItems, input.files);
-        }
-        case 'REMOVE_FILE_ITEM': {
-            const filteredItems = prevItems.filter(({ id }) => id !== input.id);
-            return filteredItems.length === prevItems.length
-                ? prevItems
-                : filteredItems;
-        }
-        case 'RESET_FILE_ITEMS': {
-            return [];
-        }
-        // TODO: clear message
-    }
+    return prevItems?.concat(nextItems).sort(compareFileItems);
 };
 const parseFileSelectParams = (value) => {
     if (ui.isUndefined(value))
@@ -3538,73 +3588,129 @@ const parseFileSelectParams = (value) => {
     return [selectType, !rest?.length ? undefined : { accept: rest.join() }];
 };
 
-const defaultValue$4 = [undefined, ui.noop];
-const { FilesContext, useFiles } = uiReactCore.createContextUtilities({
-    contextName: 'Files',
+const fileItemsReducer = (state, action) => {
+    switch (action.type) {
+        case 'ADD_FILE_ITEMS': {
+            if (!action.validFiles?.length && !action.invalidFiles?.length) {
+                return state;
+            }
+            const validItems = processFileItems(state.validItems, action.validFiles);
+            // `invalidItems` should only track invalid items from latest action taken
+            const invalidItems = processFileItems(undefined, action.invalidFiles);
+            return { validItems, invalidItems };
+        }
+        case 'REMOVE_FILE_ITEM': {
+            const { validItems: prevItems } = state;
+            if (!prevItems?.length)
+                return state;
+            const nextItems = prevItems.filter(({ id }) => id !== action.id);
+            if (nextItems.length === prevItems.length)
+                return state;
+            // `validItems` is strictly undefined if it has 0 file items
+            // otherwise, `validItems` is guaranteed to have at least 1+ file items
+            const validItems = nextItems.length ? nextItems : undefined;
+            return { ...state, validItems };
+        }
+        case 'RESET_FILE_ITEMS': {
+            return DEFAULT_STATE$1;
+        }
+    }
+};
+
+const defaultValue$4 = [DEFAULT_STATE$1, ui.noop];
+const { FileItemsContext, useFileItems } = uiReactCore.createContextUtilities({
+    contextName: 'FileItems',
     defaultValue: defaultValue$4,
 });
-function FilesProvider({ children, }) {
-    const [items, dispatch] = React__namespace["default"].useReducer(filesReducer, []);
+function FileItemsProvider({ children, validateFile, }) {
+    const [state, dispatch] = React__namespace["default"].useReducer(fileItemsReducer, DEFAULT_STATE$1);
     const [fileInput, handleFileSelect] = internal.useFileSelect((nextFiles) => {
-        dispatch({ type: 'ADD_FILE_ITEMS', files: nextFiles });
+        dispatch({
+            type: 'ADD_FILE_ITEMS',
+            ...resolveFiles(nextFiles, validateFile),
+        });
     });
     const handleFilesAction = React__namespace["default"].useCallback((action) => {
         if (action.type === 'SELECT_FILES') {
             handleFileSelect(...parseFileSelectParams(action.selectionType));
         }
+        else if (action.type === 'ADD_FILES') {
+            dispatch({
+                type: 'ADD_FILE_ITEMS',
+                ...resolveFiles(action.files, validateFile),
+            });
+        }
         else {
             dispatch(action);
         }
-    }, [handleFileSelect]);
-    const value = React__namespace["default"].useMemo(() => [items, handleFilesAction], [items, handleFilesAction]);
-    return (React__namespace["default"].createElement(FilesContext.Provider, { value: value },
+    }, [handleFileSelect, validateFile]);
+    const value = React__namespace["default"].useMemo(() => [state, handleFilesAction], [state, handleFilesAction]);
+    return (React__namespace["default"].createElement(FileItemsContext.Provider, { value: value },
         fileInput,
         children));
 }
 
 const DEFAULT_OVERWRITE_ENABLED = false;
 
+const DEFAULT_PAGE_SIZE$4 = 100;
+const usePaginate = ({ items, onPaginate, page = 1, pageSize = DEFAULT_PAGE_SIZE$4, }) => {
+    const [currentPage, setCurrentPage] = React__namespace["default"].useState(page);
+    const visitedRef = React__namespace["default"].useRef(page);
+    const handleReset = React__namespace["default"].useRef(() => {
+        setCurrentPage(page);
+        // set `visitedRef` to initially provided `page`
+        visitedRef.current = page;
+    }).current;
+    return React__namespace["default"].useMemo(() => {
+        const hasItems = Array.isArray(items);
+        const highestPageVisited = visitedRef.current;
+        const isFirstPage = currentPage === 1;
+        const start = isFirstPage ? 0 : (currentPage - 1) * pageSize;
+        const end = isFirstPage ? pageSize : currentPage * pageSize;
+        const pageItems = hasItems ? items.slice(start, end) : [];
+        return {
+            currentPage,
+            handlePaginate: (page) => {
+                if (page < 1)
+                    return;
+                if (ui.isFunction(onPaginate))
+                    onPaginate(page);
+                if (page > currentPage && page > highestPageVisited)
+                    visitedRef.current = page;
+                setCurrentPage(page);
+            },
+            handleReset,
+            highestPageVisited,
+            pageItems,
+        };
+    }, [currentPage, handleReset, items, onPaginate, pageSize]);
+};
+
+const DEFAULT_PAGE_SIZE$3 = 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__namespace["default"].useState(DEFAULT_OVERWRITE_ENABLED);
-    const filesData = React__namespace["default"].useMemo(() => (files ?? [])?.reduce((curr, item) => {
-        if (isFileTooBig(item.file)) {
-            curr.invalidFiles = ui.isUndefined(curr.invalidFiles)
-                ? [item]
-                : curr.invalidFiles.concat(item);
-        }
-        else {
-            curr.validFiles = ui.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__namespace["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 = () => {
@@ -3612,7 +3718,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);
@@ -3621,7 +3727,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,
@@ -3630,11 +3736,15 @@ const useUploadView = (options) => {
         location,
         invalidFiles,
         statusCounts,
-        tasks,
+        tasks: pageTasks,
+        page: currentPage,
+        hasNextPage: currentPage * DEFAULT_PAGE_SIZE$3 < items.length,
+        highestPageVisited: Math.ceil(items.length / DEFAULT_PAGE_SIZE$3),
         onActionCancel,
         onActionExit,
         onActionStart,
         onDropFiles,
+        onPaginate: handlePaginate,
         onTaskRemove,
         onSelectFiles,
         onToggleOverwrite,
@@ -3650,6 +3760,7 @@ const UploadView = ({ className, ...props }) => {
             React__namespace["default"].createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__controls` },
                 React__namespace["default"].createElement(OverwriteToggleControl, null),
                 React__namespace["default"].createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__buttons` },
+                    React__namespace["default"].createElement(PaginationControl, null),
                     React__namespace["default"].createElement(AddFolderControl, null),
                     React__namespace["default"].createElement(AddFilesControl, null))),
             React__namespace["default"].createElement(DropZoneControl, null,
@@ -3669,6 +3780,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;
@@ -3854,7 +3966,7 @@ function CopyViewProvider({ children, ...props }) {
     const { actionCancelLabel, actionDestinationLabel, actionExitLabel, actionStartLabel, getActionCompleteMessage, overwriteWarningMessage, searchPlaceholder, searchSubmitLabel, searchClearLabel, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, title, } = displayText;
     const { destination, folders, isProcessing, isProcessingComplete, statusCounts, tasks: items, onActionCancel, onActionExit, onActionStart, onSelectDestination, onTaskRemove, } = props;
     const { hasNextPage, highestPageVisited, hasError: hasFoldersError, message: foldersErrorMessage, query, hasExhaustedSearch, isLoading, page, pageItems, onPaginate, onQuery, onSearchClear, onSearch, onSelectFolder, } = folders;
-    const tableData = useResolveTableData(COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(FILE_DATA_ITEM_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });
@@ -3938,40 +4050,6 @@ function LocationItemsProvider({ children, }) {
     return (React__namespace["default"].createElement(LocationItemsContext.Provider, { value: value }, children));
 }
 
-const DEFAULT_PAGE_SIZE$3 = 100;
-const usePaginate = ({ items, onPaginate, page = 1, pageSize = DEFAULT_PAGE_SIZE$3, }) => {
-    const [currentPage, setCurrentPage] = React__namespace["default"].useState(page);
-    const visitedRef = React__namespace["default"].useRef(page);
-    const handleReset = React__namespace["default"].useRef(() => {
-        setCurrentPage(page);
-        // set `visitedRef` to initially provided `page`
-        visitedRef.current = page;
-    }).current;
-    return React__namespace["default"].useMemo(() => {
-        const hasItems = Array.isArray(items);
-        const highestPageVisited = visitedRef.current;
-        const isFirstPage = currentPage === 1;
-        const start = isFirstPage ? 0 : (currentPage - 1) * pageSize;
-        const end = isFirstPage ? pageSize : currentPage * pageSize;
-        const pageItems = hasItems ? items.slice(start, end) : [];
-        return {
-            currentPage,
-            handlePaginate: (page) => {
-                if (page < 1)
-                    return;
-                if (ui.isFunction(onPaginate))
-                    onPaginate(page);
-                if (page > currentPage)
-                    visitedRef.current = page;
-                setCurrentPage(page);
-            },
-            handleReset,
-            highestPageVisited,
-            pageItems,
-        };
-    }, [currentPage, handleReset, items, onPaginate, pageSize]);
-};
-
 function useSearch(props) {
     const { onSearch } = props;
     const [searchQuery, setQuery] = React__namespace["default"].useState('');
@@ -4198,7 +4276,7 @@ function DeleteViewProvider({ children, ...props }) {
     const message = isProcessingComplete
         ? getActionCompleteMessage({ counts: statusCounts })
         : undefined;
-    const tableData = useResolveTableData(DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(FILE_DATA_ITEM_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });
@@ -4221,13 +4299,13 @@ function DeleteViewProvider({ children, ...props }) {
 }
 
 // assign to constant to ensure referential equality
-const EMPTY_ITEMS = [];
+const EMPTY_ITEMS$1 = [];
 const useDeleteView = (options) => {
     const { onExit: _onExit } = options ?? {};
     const [{ location }, storeDispatch] = useStore();
     const [locationItems, locationItemsDispatch] = useLocationItems();
     const { current } = location;
-    const { fileDataItems: items = EMPTY_ITEMS } = locationItems;
+    const { fileDataItems: items = EMPTY_ITEMS$1 } = locationItems;
     const [processState, handleProcess] = useAction('delete', { items });
     const { isProcessing, isProcessingComplete, statusCounts, tasks } = processState;
     const onActionStart = () => {
@@ -4293,10 +4371,117 @@ DeleteView.Statuses = StatusDisplayControl;
 DeleteView.TasksTable = DataTableControl;
 DeleteView.Title = TitleControl;
 
+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__namespace["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));
+}
+
+// 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 (ui.isFunction(task.cancel))
+                task.cancel();
+        });
+    };
+    const onActionExit = () => {
+        // clear files state
+        locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
+        // clear selected action
+        storeDispatch({ type: 'RESET_ACTION_TYPE' });
+        if (ui.isFunction(_onExit))
+            _onExit(current);
+    };
+    const onTaskRemove = React__namespace["default"].useCallback(({ data }) => {
+        locationItemsDispatch({ type: 'REMOVE_LOCATION_ITEM', id: data.id });
+    }, [locationItemsDispatch]);
+    return {
+        isProcessing,
+        isProcessingComplete,
+        location,
+        statusCounts,
+        tasks,
+        onActionCancel,
+        onActionExit,
+        onActionStart,
+        onTaskRemove,
+    };
+};
+
+const DownloadView = ({ className, ...props }) => {
+    const state = useDownloadView(props);
+    return (React__namespace["default"].createElement(ViewElement, { className: ui.classNames(STORAGE_BROWSER_BLOCK, className) },
+        React__namespace["default"].createElement(DownloadViewProvider, { ...state },
+            React__namespace["default"].createElement(ActionExitControl, null),
+            React__namespace["default"].createElement(TitleControl, null),
+            React__namespace["default"].createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__data-table` },
+                React__namespace["default"].createElement(DataTableControl, null)),
+            React__namespace["default"].createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__summary` },
+                React__namespace["default"].createElement(StatusDisplayControl, null)),
+            React__namespace["default"].createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__footer` },
+                React__namespace["default"].createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__message` },
+                    React__namespace["default"].createElement(MessageControl, null)),
+                React__namespace["default"].createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__buttons` },
+                    React__namespace["default"].createElement(ActionCancelControl, null),
+                    React__namespace["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;
+
 const DEFAULT_ACTION_VIEWS = {
     createFolder: CreateFolderView,
     copy: CopyView,
     delete: DeleteView,
+    download: DownloadView,
     upload: UploadView,
 };
 const ActionViewsContext = React__namespace["default"].createContext({
@@ -4637,7 +4822,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;
@@ -4753,7 +4938,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);
@@ -5144,6 +5329,7 @@ function useViews() {
 const USE_VIEW_HOOKS = {
     Copy: useCopyView,
     CreateFolder: useCreateFolderView,
+    Download: useDownloadView,
     Delete: useDeleteView,
     LocationDetail: useLocationDetailView,
     Locations: useLocationsView,
@@ -5157,7 +5343,7 @@ const useView = (type) => {
     return USE_VIEW_HOOKS[type]();
 };
 
-function createProvider({ actions, components, config, }) {
+function createProvider({ actions, components, config, options, }) {
     const { accountId, customEndpoint, registerAuthListener, getLocationCredentials, region, listLocations, } = config;
     const resolvedActions = {
         default: {
@@ -5186,6 +5372,7 @@ function createProvider({ actions, components, config, }) {
         // override components
         ...components,
     };
+    const { validateFile = defaultValidateFile } = options ?? {};
     /**
      * Provides state, configuration and action values that are shared between
      * the primary View components
@@ -5199,7 +5386,7 @@ function createProvider({ actions, components, config, }) {
                             React__namespace["default"].createElement(ViewsProvider, { actions: resolvedActions, views: views },
                                 React__namespace["default"].createElement(ComponentsProvider, { composables: composables },
                                     React__namespace["default"].createElement(LocationItemsProvider, null,
-                                        React__namespace["default"].createElement(FilesProvider, null, children))))))))));
+                                        React__namespace["default"].createElement(FileItemsProvider, { validateFile: validateFile }, children))))))))));
     }
     return Provider;
 }
@@ -5256,6 +5443,7 @@ function createStorageBrowser(input) {
     StorageBrowser.CopyView = CopyView;
     StorageBrowser.CreateFolderView = CreateFolderView;
     StorageBrowser.DeleteView = DeleteView;
+    StorageBrowser.DownloadView = DownloadView;
     StorageBrowser.UploadView = UploadView;
     StorageBrowser.Provider = Provider;
     StorageBrowser.displayName = 'StorageBrowser';