@aws-amplify/ui-react-storage 3.13.0 → 3.14.0

package/dist/browser.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var internals = require('@aws-amplify/storage/internals');
+require('aws-amplify');
 require('@aws-amplify/ui');
-var createStorageBrowser = require('./createStorageBrowser-BazPNsU_.js');
+var createStorageBrowser = require('./createStorageBrowser-CotOvK0A.js');
 require('aws-amplify/storage');
 require('react');
 require('@aws-amplify/ui-react');
 require('@aws-amplify/ui-react-core');
 require('@aws-amplify/ui-react-core/elements');
-require('aws-amplify');
 require('aws-amplify/auth');
 require('aws-amplify/utils');
 require('@aws-amplify/ui-react/internal');

package/dist/{createStorageBrowser-BazPNsU_.js → createStorageBrowser-CotOvK0A.js}

@@ -32,7 +32,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const VERSION = '3.13.0';
+const VERSION = '3.14.0';
 
 const toAccessGrantPermission = (permission) => {
     let result = '';
@@ -168,7 +168,27 @@ const DEFAULT_CHECKSUM_ALGORITHM = 'crc-32';
 // https://github.com/aws-amplify/amplify-js/blob/1a5366d113c9af4ce994168653df3aadb142c581/packages/storage/src/providers/s3/utils/constants.ts#L16
 const MULTIPART_UPLOAD_THRESHOLD_BYTES = 5 * 1024 * 1024;
 
-const constructBucket = ({ bucket: bucketName, region, }) => ({ bucketName, region });
+const getBucketRegion = (bucketName, fallbackRegion) => {
+    try {
+        const config = awsAmplify.Amplify.getConfig()?.Storage?.S3;
+        if (!config?.buckets || typeof config.buckets !== 'object') {
+            return fallbackRegion;
+        }
+        for (const bucketConfig of Object.values(config.buckets)) {
+            if (bucketConfig.bucketName === bucketName && bucketConfig.region) {
+                return bucketConfig.region;
+            }
+        }
+        return fallbackRegion;
+    }
+    catch (error) {
+        return fallbackRegion;
+    }
+};
+const constructBucket = ({ bucket: bucketName, region: globalRegion, }) => {
+    const bucketRegion = getBucketRegion(bucketName, globalRegion);
+    return { bucketName, region: bucketRegion };
+};
 const parseAccessGrantLocation = (location) => {
     const { permission, scope, type } = location;
     if (!scope.startsWith('s3://')) {
@@ -365,8 +385,9 @@ function downloadFromUrl(fileName, url) {
     a.click();
     document.body.removeChild(a);
 }
-const downloadHandler = ({ config, data: { key }, }) => {
+const downloadHandler = ({ config, data }) => {
     const { accountId, credentials, customEndpoint } = config;
+    const { key } = data;
     const result = internals.getUrl({
         path: key,
         options: {
@@ -421,9 +442,10 @@ const filterDotItems = (items, prefix) => items.filter((item) => {
 const parseResult = ({ excludedSubpaths, items }, prefix) => filterDotItems([...parseExcludedPaths(excludedSubpaths), ...parseItems(items, prefix)], prefix);
 const listLocationItemsHandler = async (input) => {
     const { config, prefix, options } = input;
-    const { bucket: _bucket, credentials, customEndpoint, region, accountId, } = config;
+    const { bucket: _bucket, credentials, customEndpoint, region: globalRegion, accountId, } = config;
     const { exclude, delimiter, nextToken, pageSize: _pageSize = DEFAULT_PAGE_SIZE$5, ..._options } = options ?? {};
-    const bucket = { bucketName: _bucket, region };
+    const bucketRegion = getBucketRegion(_bucket, globalRegion);
+    const bucket = { bucketName: _bucket, region: bucketRegion };
     const subpathStrategy = {
         delimiter,
         strategy: delimiter ? 'exclude' : 'include',
@@ -2382,6 +2404,7 @@ const DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT = {
             type: 'error',
         };
     },
+    tableColumnProgressHeader: 'Progress',
 };
 
 const DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT = {
@@ -3770,6 +3793,12 @@ const getUploadCellProgress = ({ progress, status, }) => {
     const displayValue = `${Math.round(value * 100)}%`;
     return { displayValue, value };
 };
+const getDownloadCellProgress = ({ progress, status, }) => {
+    // prefer `progress` if available, 1 if status is complete, default 0
+    const value = progress ?? (status === 'COMPLETE' ? 1 : 0);
+    const displayValue = `${Math.round(value * 100)}%`;
+    return { displayValue, value };
+};
 const getFileSize = (value, fallback = '-') => (!value ? fallback : ui.humanFileSize(value, true));
 const getFileDataCancelCellContent = (data) => {
     const { item, props } = data;
@@ -3801,31 +3830,31 @@ const getFileDataCancelCellContent = (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 name$2 = (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$1 = (data) => {
+const folder$2 = (data) => {
     const key = getFileDataCellKey(data);
     const text = getFileDataCellFolder(data.item);
     return { key, type: 'text', content: { text } };
 };
-const type$1 = (data) => {
+const type$2 = (data) => {
     const key = getFileDataCellKey(data);
     const { fileKey } = data.item.data;
     const text = getFileType(fileKey);
     return { key, type: 'text', content: { text } };
 };
-const size$1 = (data) => {
+const size$2 = (data) => {
     const key = getFileDataCellKey(data);
     const { size: value } = data.item.data;
     const displayValue = getFileSize(value);
     return { key, type: 'number', content: { value, displayValue } };
 };
-const cancel$1 = (data) => {
+const cancel$2 = (data) => {
     const key = getFileDataCellKey(data);
     const content = getFileDataCancelCellContent(data);
     return { key, type: 'button', content };
@@ -3841,12 +3870,12 @@ const status$3 = (data) => {
     return { key, type: 'text', content: { text } };
 };
 const COPY_CELL_RESOLVERS = {
-    name: name$1,
-    folder: folder$1,
-    type: type$1,
-    size: size$1,
+    name: name$2,
+    folder: folder$2,
+    type: type$2,
+    size: size$2,
     status: status$3,
-    cancel: cancel$1,
+    cancel: cancel$2,
     /**
      * @deprecated
      *
@@ -3878,12 +3907,12 @@ const status$2 = (data) => {
     return { key, type: 'text', content: { text } };
 };
 const DELETE_CELL_RESOLVERS = {
-    name: name$1,
-    folder: folder$1,
-    type: type$1,
-    size: size$1,
+    name: name$2,
+    folder: folder$2,
+    type: type$2,
+    size: size$2,
     status: status$2,
-    cancel: cancel$1,
+    cancel: cancel$2,
     /**
      * @deprecated
      *
@@ -3905,8 +3934,42 @@ const DELETE_TABLE_RESOLVERS = {
     getRowKey: ({ item }) => item.data.id,
 };
 
+const DOWNLOAD_TABLE_KEYS = [
+    'name',
+    'folder',
+    'type',
+    'size',
+    'status',
+    'progress',
+    'cancel',
+];
+const getDownloadCellKey = ({ key, item, }) => `${key}-${item.data.id}`;
+const name$1 = (data) => {
+    const key = getDownloadCellKey(data);
+    const { item } = data;
+    const text = item.data.fileKey;
+    const icon = STATUS_ICONS[item.status];
+    return { key, type: 'text', content: { icon, text } };
+};
+const folder$1 = (data) => {
+    const key = getDownloadCellKey(data);
+    const text = getFileDataCellFolder(data.item);
+    return { key, type: 'text', content: { text } };
+};
+const type$1 = (data) => {
+    const key = getDownloadCellKey(data);
+    const { item } = data;
+    const text = getFileType(getCellName(item.data.key));
+    return { key, type: 'text', content: { text } };
+};
+const size$1 = (data) => {
+    const key = getDownloadCellKey(data);
+    const { size: value } = data.item.data;
+    const displayValue = getFileSize(value);
+    return { key, type: 'number', content: { value, displayValue } };
+};
 const status$1 = (data) => {
-    const key = getFileDataCellKey(data);
+    const key = getDownloadCellKey(data);
     const { item: { status }, props: { displayText }, } = data;
     const statusLabelKey = STATUS_LABELS[status];
     const text = isDownloadViewDisplayTextKey(statusLabelKey)
@@ -3914,12 +3977,46 @@ const status$1 = (data) => {
         : '';
     return { key, type: 'text', content: { text } };
 };
+const progress$1 = (data) => {
+    const key = getDownloadCellKey(data);
+    const content = getDownloadCellProgress(data.item);
+    return { key, type: 'number', content };
+};
+const cancel$1 = (data) => {
+    const key = getDownloadCellKey(data);
+    const { item, props } = data;
+    const { cancel, status } = item;
+    const { isProcessing, onTaskRemove } = props;
+    const isQueued = status === 'QUEUED';
+    // a task is removable prior to processing start. Including `isQueued` ensures
+    // that `isRemovable` is `false` on all tasks processing complete
+    const isRemovable = isQueued && !isProcessing;
+    // a task is cancelable while processing is true, and the task has a cancel handler
+    const isCancelable = isProcessing && !!cancel;
+    const ariaLabel = `${isRemovable ? 'Remove' : 'Cancel'} item: ${getCellName(item.data.fileKey)}`;
+    const isDisabled = !isRemovable && !isCancelable;
+    // resolve to `undefined` if not cancelable or removable
+    const onClick = !isCancelable && !isRemovable
+        ? undefined
+        : () => {
+            if (isRemovable) {
+                onTaskRemove?.(item);
+                // do not run cancel handler on remove
+                return;
+            }
+            if (isCancelable)
+                cancel();
+        };
+    const content = { ariaLabel, isDisabled, onClick, icon: 'cancel' };
+    return { key, type: 'button', content };
+};
 const DOWNLOAD_CELL_RESOLVERS = {
     name: name$1,
     folder: folder$1,
     type: type$1,
     size: size$1,
     status: status$1,
+    progress: progress$1,
     cancel: cancel$1,
 };
 const DOWNLOAD_TABLE_RESOLVERS = {
@@ -4950,7 +5047,7 @@ function DownloadViewProvider({ children, ...props }) {
     const message = isProcessingComplete
         ? getActionCompleteMessage({ counts: statusCounts })
         : undefined;
-    const tableData = useResolveTableData(FILE_DATA_ITEM_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(DOWNLOAD_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });

package/dist/esm/browser.mjs

@@ -1,4 +1,5 @@
 import '@aws-amplify/storage/internals';
+import 'aws-amplify';
 import '@aws-amplify/ui';
 export { defaultHandlers } from './components/StorageBrowser/actions/handlers/defaults.mjs';
 import 'aws-amplify/storage';

package/dist/esm/components/StorageBrowser/ErrorBoundary/ErrorBoundary.mjs

@@ -11,6 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../actions/configs/context.mjs';
 import '../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/StorageBrowserAmplify.mjs

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { createAmplifyAuthAdapter } from './adapters/createAmplifyAuthAdapter/createAmplifyAuthAdapter.mjs';
 import '@aws-amplify/storage/internals';
+import 'aws-amplify';
 import '@aws-amplify/ui';
 import 'aws-amplify/storage';
 import './actions/configs/context.mjs';

package/dist/esm/components/StorageBrowser/actions/configs/defaults.mjs

@@ -1,4 +1,5 @@
 import '@aws-amplify/storage/internals';
+import 'aws-amplify';
 import '@aws-amplify/ui';
 import { defaultHandlers } from '../handlers/defaults.mjs';
 import 'aws-amplify/storage';

package/dist/esm/components/StorageBrowser/actions/handlers/download.mjs

@@ -10,8 +10,9 @@ function downloadFromUrl(fileName, url) {
     a.click();
     document.body.removeChild(a);
 }
-const downloadHandler = ({ config, data: { key }, }) => {
+const downloadHandler = ({ config, data }) => {
     const { accountId, credentials, customEndpoint } = config;
+    const { key } = data;
     const result = getUrl({
         path: key,
         options: {

package/dist/esm/components/StorageBrowser/actions/handlers/listLocationItems.mjs

@@ -1,3 +1,4 @@
+import { getBucketRegion } from './utils.mjs';
 import { list } from '@aws-amplify/storage/internals';
 
 const DEFAULT_PAGE_SIZE = 1000;
@@ -32,9 +33,10 @@ const filterDotItems = (items, prefix) => items.filter((item) => {
 const parseResult = ({ excludedSubpaths, items }, prefix) => filterDotItems([...parseExcludedPaths(excludedSubpaths), ...parseItems(items, prefix)], prefix);
 const listLocationItemsHandler = async (input) => {
     const { config, prefix, options } = input;
-    const { bucket: _bucket, credentials, customEndpoint, region, accountId, } = config;
+    const { bucket: _bucket, credentials, customEndpoint, region: globalRegion, accountId, } = config;
     const { exclude, delimiter, nextToken, pageSize: _pageSize = DEFAULT_PAGE_SIZE, ..._options } = options ?? {};
-    const bucket = { bucketName: _bucket, region };
+    const bucketRegion = getBucketRegion(_bucket, globalRegion);
+    const bucket = { bucketName: _bucket, region: bucketRegion };
     const subpathStrategy = {
         delimiter,
         strategy: delimiter ? 'exclude' : 'include',

package/dist/esm/components/StorageBrowser/actions/handlers/utils.mjs

@@ -1,6 +1,27 @@
 import { MULTIPART_UPLOAD_THRESHOLD_BYTES } from './constants.mjs';
+import { Amplify } from 'aws-amplify';
 
-const constructBucket = ({ bucket: bucketName, region, }) => ({ bucketName, region });
+const getBucketRegion = (bucketName, fallbackRegion) => {
+    try {
+        const config = Amplify.getConfig()?.Storage?.S3;
+        if (!config?.buckets || typeof config.buckets !== 'object') {
+            return fallbackRegion;
+        }
+        for (const bucketConfig of Object.values(config.buckets)) {
+            if (bucketConfig.bucketName === bucketName && bucketConfig.region) {
+                return bucketConfig.region;
+            }
+        }
+        return fallbackRegion;
+    }
+    catch (error) {
+        return fallbackRegion;
+    }
+};
+const constructBucket = ({ bucket: bucketName, region: globalRegion, }) => {
+    const bucketRegion = getBucketRegion(bucketName, globalRegion);
+    return { bucketName, region: bucketRegion };
+};
 const parseAccessGrantLocation = (location) => {
     const { permission, scope, type } = location;
     if (!scope.startsWith('s3://')) {
@@ -87,4 +108,4 @@ const createFileDataItem = (data) => ({
 const getProgress = ({ totalBytes, transferredBytes, }) => totalBytes ? transferredBytes / totalBytes : undefined;
 const isMultipartUpload = (file) => file.size > MULTIPART_UPLOAD_THRESHOLD_BYTES;
 
-export { constructBucket, createFileDataItem, getFileKey, getFilteredLocations, getProgress, isMultipartUpload, parseAccessGrantLocation, shouldExcludeLocation };
+export { constructBucket, createFileDataItem, getBucketRegion, getFileKey, getFilteredLocations, getProgress, isMultipartUpload, parseAccessGrantLocation, shouldExcludeLocation };

package/dist/esm/components/StorageBrowser/adapters/createManagedAuthAdapter/createManagedAuthAdapter.mjs

@@ -1,5 +1,6 @@
 import { createLocationCredentialsHandler } from './createLocationCredentialsHandler.mjs';
 import '@aws-amplify/storage/internals';
+import 'aws-amplify';
 import '@aws-amplify/ui';
 import 'aws-amplify/storage';
 import { listLocationsHandler } from '../../actions/handlers/listLocations.mjs';

package/dist/esm/components/StorageBrowser/components/ComponentsProvider.mjs

@@ -11,6 +11,7 @@ import '../useAction/context.mjs';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../actions/configs/context.mjs';
 import '../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/components/base/preview/DownloadButton.mjs

@@ -12,6 +12,7 @@ import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
 import '@aws-amplify/ui';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/controls/DataTableControl.mjs

@@ -11,6 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../actions/configs/context.mjs';
 import '../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/createStorageBrowser/StorageBrowserDefault.mjs

@@ -10,6 +10,7 @@ import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
 import '@aws-amplify/ui-react-core';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../actions/configs/context.mjs';
 import '../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/createStorageBrowser/createProvider.mjs

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import '@aws-amplify/storage/internals';
+import 'aws-amplify';
 import '@aws-amplify/ui';
 import 'aws-amplify/storage';
 import { ActionConfigsProvider } from '../actions/configs/context.mjs';

package/dist/esm/components/StorageBrowser/createStorageBrowser/createStorageBrowser.mjs

@@ -9,6 +9,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import { assertRegisterAuthListener } from '../validators/assertRegisterAuthListener.mjs';
 import '../actions/configs/context.mjs';

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

@@ -18,6 +18,7 @@ const DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT = {
             type: 'error',
         };
     },
+    tableColumnProgressHeader: 'Progress',
 };
 
 export { DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT };

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

@@ -1,5 +1,6 @@
 import { isFunction } from '@aws-amplify/ui';
 import '@aws-amplify/storage/internals';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../actions/configs/context.mjs';
 import { isDefaultActionViewType } from '../actions/configs/defaults.mjs';

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

@@ -11,6 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/views/LocationActionView/CopyView/CopyViewProvider.mjs

@@ -11,6 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/views/LocationActionView/CopyView/FoldersMessageControl.mjs

@@ -13,6 +13,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/views/LocationActionView/CopyView/useCopyView.mjs

@@ -9,6 +9,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/views/LocationActionView/CopyView/useFolders.mjs

@@ -6,6 +6,7 @@ import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
 import '@aws-amplify/ui';
 import { useList } from '../../../useAction/useList.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -11,6 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/views/LocationActionView/CreateFolderView/useCreateFolderView.mjs

@@ -7,6 +7,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -18,6 +18,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/views/LocationActionView/DeleteView/useDeleteView.mjs

@@ -9,6 +9,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -18,6 +18,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -3,8 +3,7 @@ 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';
+import { DOWNLOAD_TABLE_RESOLVERS, DOWNLOAD_TABLE_KEYS } from '../../utils/tableResolvers/downloadResolvers.mjs';
 
 function DownloadViewProvider({ children, ...props }) {
     const { DownloadView: displayText } = useDisplayText();
@@ -13,7 +12,7 @@ function DownloadViewProvider({ children, ...props }) {
     const message = isProcessingComplete
         ? getActionCompleteMessage({ counts: statusCounts })
         : undefined;
-    const tableData = useResolveTableData(FILE_DATA_ITEM_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(DOWNLOAD_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });

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

@@ -9,6 +9,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -11,6 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -9,6 +9,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -11,6 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';

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

@@ -2,6 +2,7 @@ import React__default, { useCallback } from 'react';
 import { isUndefined, isFunction } from '@aws-amplify/ui';
 import { usePaginate } from '../hooks/usePaginate.mjs';
 import '@aws-amplify/storage/internals';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import { useActionConfigs } from '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';

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

@@ -11,6 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/views/LocationsView/LocationsViewProvider.mjs

@@ -11,6 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../configuration/context.mjs';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';

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

@@ -9,6 +9,7 @@ import '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../configuration/context.mjs';
 import '@aws-amplify/ui-react-core';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';

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

@@ -9,6 +9,7 @@ import '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../configuration/context.mjs';
 import '@aws-amplify/ui-react-core';
+import 'aws-amplify';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';

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

@@ -1,11 +1,45 @@
 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';
+import { STATUS_ICONS, STATUS_LABELS } from './constants.mjs';
+import { getCellName, getDownloadCellProgress, getFileSize, getFileType, getFileDataCellFolder } from './utils.mjs';
 
+const DOWNLOAD_TABLE_KEYS = [
+    'name',
+    'folder',
+    'type',
+    'size',
+    'status',
+    'progress',
+    'cancel',
+];
+const getDownloadCellKey = ({ key, item, }) => `${key}-${item.data.id}`;
+const name = (data) => {
+    const key = getDownloadCellKey(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 = getDownloadCellKey(data);
+    const text = getFileDataCellFolder(data.item);
+    return { key, type: 'text', content: { text } };
+};
+const type = (data) => {
+    const key = getDownloadCellKey(data);
+    const { item } = data;
+    const text = getFileType(getCellName(item.data.key));
+    return { key, type: 'text', content: { text } };
+};
+const size = (data) => {
+    const key = getDownloadCellKey(data);
+    const { size: value } = data.item.data;
+    const displayValue = getFileSize(value);
+    return { key, type: 'number', content: { value, displayValue } };
+};
 const status = (data) => {
-    const key = getFileDataCellKey(data);
+    const key = getDownloadCellKey(data);
     const { item: { status }, props: { displayText }, } = data;
     const statusLabelKey = STATUS_LABELS[status];
     const text = isDownloadViewDisplayTextKey(statusLabelKey)
@@ -13,12 +47,46 @@ const status = (data) => {
         : '';
     return { key, type: 'text', content: { text } };
 };
+const progress = (data) => {
+    const key = getDownloadCellKey(data);
+    const content = getDownloadCellProgress(data.item);
+    return { key, type: 'number', content };
+};
+const cancel = (data) => {
+    const key = getDownloadCellKey(data);
+    const { item, props } = data;
+    const { cancel, status } = item;
+    const { isProcessing, onTaskRemove } = props;
+    const isQueued = status === 'QUEUED';
+    // a task is removable prior to processing start. Including `isQueued` ensures
+    // that `isRemovable` is `false` on all tasks processing complete
+    const isRemovable = isQueued && !isProcessing;
+    // a task is cancelable while processing is true, and the task has a cancel handler
+    const isCancelable = isProcessing && !!cancel;
+    const ariaLabel = `${isRemovable ? 'Remove' : 'Cancel'} item: ${getCellName(item.data.fileKey)}`;
+    const isDisabled = !isRemovable && !isCancelable;
+    // resolve to `undefined` if not cancelable or removable
+    const onClick = !isCancelable && !isRemovable
+        ? undefined
+        : () => {
+            if (isRemovable) {
+                onTaskRemove?.(item);
+                // do not run cancel handler on remove
+                return;
+            }
+            if (isCancelable)
+                cancel();
+        };
+    const content = { ariaLabel, isDisabled, onClick, icon: 'cancel' };
+    return { key, type: 'button', content };
+};
 const DOWNLOAD_CELL_RESOLVERS = {
     name,
     folder,
     type,
     size,
     status,
+    progress,
     cancel,
 };
 const DOWNLOAD_TABLE_RESOLVERS = {
@@ -33,4 +101,4 @@ const DOWNLOAD_TABLE_RESOLVERS = {
     getRowKey: ({ item }) => item.data.id,
 };
 
-export { DOWNLOAD_TABLE_RESOLVERS };
+export { DOWNLOAD_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS };

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

@@ -25,6 +25,12 @@ const getUploadCellProgress = ({ progress, status, }) => {
     const displayValue = `${Math.round(value * 100)}%`;
     return { displayValue, value };
 };
+const getDownloadCellProgress = ({ progress, status, }) => {
+    // prefer `progress` if available, 1 if status is complete, default 0
+    const value = progress ?? (status === 'COMPLETE' ? 1 : 0);
+    const displayValue = `${Math.round(value * 100)}%`;
+    return { displayValue, value };
+};
 const getFileSize = (value, fallback = '-') => (!value ? fallback : humanFileSize(value, true));
 const getFileDataCancelCellContent = (data) => {
     const { item, props } = data;
@@ -86,4 +92,4 @@ const cancel = (data) => {
     return { key, type: 'button', content };
 };
 
-export { cancel, folder, getCellName, getFileDataCancelCellContent, getFileDataCellFolder, getFileDataCellKey, getFileSize, getFileType, getUploadCellFolder, getUploadCellProgress, name, size, type };
+export { cancel, folder, getCellName, getDownloadCellProgress, getFileDataCancelCellContent, getFileDataCellFolder, getFileDataCellKey, getFileSize, getFileType, getUploadCellFolder, getUploadCellProgress, name, size, type };

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.13.0';
+const VERSION = '3.14.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-BazPNsU_.js');
+var createStorageBrowser = require('./createStorageBrowser-CotOvK0A.js');
 require('@aws-amplify/storage/internals');
 require('aws-amplify');
 require('aws-amplify/utils');

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

@@ -1,7 +1,8 @@
 import type { TransferProgressEvent } from 'aws-amplify/storage';
 import type { LocationAccess as AccessGrantLocation } from '../../storage-internal';
 import type { ActionInputConfig, FileData, FileDataItem, FileItem, ListLocationsExcludeOptions, LocationData } from './types';
-export declare const constructBucket: ({ bucket: bucketName, region, }: Pick<ActionInputConfig, 'bucket' | 'region'>) => {
+export declare const getBucketRegion: (bucketName: string, fallbackRegion: string) => string;
+export declare const constructBucket: ({ bucket: bucketName, region: globalRegion, }: Pick<ActionInputConfig, 'bucket' | 'region'>) => {
     bucketName: string;
     region: string;
 };

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, DownloadHandlerData } from '../actions';
+import type { CopyHandlerData, CreateFolderHandlerData, DeleteHandlerData, DownloadHandlerData, FolderData, LocationData, LocationItemData, LocationPermissions, TaskData, UploadHandlerData } from '../actions';
 import type { MessageType } from '../components';
 import type { FileItems } from '../fileItems';
 import type { LocationState } from '../store';
@@ -144,6 +144,7 @@ export interface DefaultDeleteViewDisplayText extends DefaultActionViewDisplayTe
     tableColumnProgressHeader?: string;
 }
 export interface DefaultDownloadViewDisplayText extends DefaultActionViewDisplayText<DownloadHandlerData> {
+    tableColumnProgressHeader: string;
 }
 export interface DefaultUploadViewDisplayText extends DefaultActionViewDisplayText<UploadHandlerData> {
     addFilesLabel: string;

package/dist/types/components/StorageBrowser/views/utils/index.d.ts

@@ -1 +1 @@
-export { COPY_TABLE_RESOLVERS, FILE_DATA_ITEM_TABLE_KEYS, DELETE_TABLE_RESOLVERS, UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, DOWNLOAD_TABLE_RESOLVERS, } from './tableResolvers';
+export { COPY_TABLE_RESOLVERS, FILE_DATA_ITEM_TABLE_KEYS, DELETE_TABLE_RESOLVERS, UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, DOWNLOAD_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS, } from './tableResolvers';

package/dist/types/components/StorageBrowser/views/utils/tableResolvers/downloadResolvers.d.ts

@@ -1,2 +1,3 @@
-import type { FileDataTaskTableResolvers } from './types';
-export declare const DOWNLOAD_TABLE_RESOLVERS: FileDataTaskTableResolvers;
+import type { DownloadTableResolvers } from './types';
+export declare const DOWNLOAD_TABLE_KEYS: readonly ["name", "folder", "type", "size", "status", "progress", "cancel"];
+export declare const DOWNLOAD_TABLE_RESOLVERS: DownloadTableResolvers;

package/dist/types/components/StorageBrowser/views/utils/tableResolvers/index.d.ts

@@ -1,5 +1,5 @@
 export { COPY_TABLE_RESOLVERS } from './copyResolvers';
 export { DELETE_TABLE_RESOLVERS } from './deleteResolvers';
-export { DOWNLOAD_TABLE_RESOLVERS } from './downloadResolvers';
+export { DOWNLOAD_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS, } from './downloadResolvers';
 export { UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS } from './uploadResolvers';
 export { FILE_DATA_ITEM_TABLE_KEYS } from './constants';

package/dist/types/components/StorageBrowser/views/utils/tableResolvers/types.d.ts

@@ -31,10 +31,14 @@ export interface UploadTableResolverProps extends ActionTableResolverProps<Uploa
 export type FileDataTaskTableResolverProps = CopyTableResolverProps | DeleteTableResolverProps;
 export type ActionTableKey = 'name' | 'folder' | 'type' | 'size' | 'status' | 'cancel';
 export type UploadTableKey = ActionTableKey | 'progress';
+export type DownloadTableKey = ActionTableKey | 'progress';
 export interface FileDataTaskTableResolvers extends DataTableResolvers<ActionTableKey, FileDataTaskTableResolverProps, FileDataTask> {
 }
 export interface UploadTableResolvers extends DataTableResolvers<UploadTableKey, UploadTableResolverProps, UploadActionTask> {
 }
+export interface DownloadTableResolvers extends DataTableResolvers<DownloadTableKey, DownloadTableResolverProps, DownloadActionTask> {
+}
 export type GetFileDataCell = FileDataTaskTableResolvers['getCell'];
+export type GetDownloadCell = DownloadTableResolvers['getCell'];
 export type GetUploadCell = UploadTableResolvers['getCell'];
 export {};

package/dist/types/components/StorageBrowser/views/utils/tableResolvers/utils.d.ts

@@ -1,10 +1,11 @@
 import type { DataTableButtonDataCell, DataTableNumberDataCell, WithKey } from '../../../components';
-import type { FileDataTask, GetFileDataCell, UploadActionTask, ActionTableKey } from './types';
+import type { ActionTableKey, DownloadActionTask, FileDataTask, GetFileDataCell, UploadActionTask } from './types';
 export declare const getFileType: (value: string, fallback?: string) => string;
 export declare const getCellName: (value: string) => string;
 export declare const getUploadCellFolder: ({ data: { file: { webkitRelativePath }, }, }: UploadActionTask, fallback?: string) => string;
 export declare const getFileDataCellFolder: (task: FileDataTask) => string;
 export declare const getUploadCellProgress: ({ progress, status, }: UploadActionTask) => DataTableNumberDataCell['content'];
+export declare const getDownloadCellProgress: ({ progress, status, }: DownloadActionTask) => DataTableNumberDataCell['content'];
 export declare const getFileSize: (value: number | undefined, fallback?: string) => string;
 export declare const getFileDataCancelCellContent: <TInput extends WithKey<import("../../hooks/useResolveTableData/types").CellData<import("./types").FileDataTaskTableResolverProps, FileDataTask>, ActionTableKey>, TCallback extends TInput["props"]["onTaskRemove"] extends (item: infer TItem) => void ? (item: TItem) => void : never>(data: TInput) => DataTableButtonDataCell['content'];
 /**

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.13.0";
+export declare const VERSION = "3.14.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.13.0",
+  "version": "3.14.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -45,9 +45,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.12.0",
-    "@aws-amplify/ui-react": "6.13.0",
-    "@aws-amplify/ui-react-core": "3.4.5",
+    "@aws-amplify/ui": "6.13.0",
+    "@aws-amplify/ui-react": "6.13.2",
+    "@aws-amplify/ui-react-core": "3.4.7",
     "tslib": "^2.5.2"
   },
   "peerDependencies": {