@aws-amplify/ui-react-storage 3.9.0 → 3.9.2

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

@@ -1,15 +1,14 @@
 import React__default from 'react';
 import '../../../useAction/context.mjs';
-import '@aws-amplify/ui';
+import '@aws-amplify/ui-react-core/elements';
+import '../../../providers/configuration/credentials/context.mjs';
 import '../../../providers/configuration/context.mjs';
-import '../../../providers/store/location/context.mjs';
-import '../../../providers/store/files/context.mjs';
-import '../../../providers/store/actionType/context.mjs';
-import '../../../providers/store/locationItems/context.mjs';
+import '@aws-amplify/ui';
 import { useList } from '../../../useAction/useList.mjs';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
 import { usePaginate } from '../../hooks/usePaginate.mjs';
 import { useSearch } from '../../hooks/useSearch.mjs';
 
@@ -31,20 +30,19 @@ const useFolders = ({ destination, setDestination, }) => {
             options: { ...DEFAULT_REFRESH_OPTIONS },
         });
     }, [handleList, key]);
-    const hasNextToken = !!nextToken;
-    const paginateCallback = () => {
-        if (!nextToken)
+    const hasNextPage = !!nextToken;
+    const onPaginate = () => {
+        if (!hasNextPage)
             return;
         handleList({
             prefix: key,
             options: { ...DEFAULT_LIST_OPTIONS, nextToken },
         });
     };
-    const { currentPage: page, onPaginate, highestPageVisited, pageItems, handleReset, } = usePaginate({
+    const { currentPage: page, handlePaginate, highestPageVisited, pageItems, handleReset, } = usePaginate({
         items,
-        paginateCallback,
+        onPaginate,
         pageSize: DEFAULT_PAGE_SIZE,
-        hasNextToken,
     });
     const onSearch = (query) => {
         handleReset();
@@ -70,7 +68,7 @@ const useFolders = ({ destination, setDestination, }) => {
     };
     return {
         hasError,
-        hasNextPage: hasNextToken,
+        hasNextPage,
         highestPageVisited,
         isLoading,
         message,
@@ -79,7 +77,7 @@ const useFolders = ({ destination, setDestination, }) => {
         pageItems,
         query,
         hasExhaustedSearch,
-        onPaginate,
+        onPaginate: handlePaginate,
         onQuery,
         onSearch: onSearchSubmit,
         onSearchClear: () => {

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

@@ -9,6 +9,7 @@ import '../../../providers/configuration/context.mjs';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
 import '../../../providers/store/location/context.mjs';
 import '../../../providers/store/files/context.mjs';
 import '../../../providers/store/actionType/context.mjs';

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

@@ -2,21 +2,19 @@ import React__default from 'react';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
 import { useDisplayText } from '../../../displayText/context.mjs';
 import '@aws-amplify/ui';
-import { getActionViewTableData } from '../getActionViewTableData.mjs';
+import useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import { DELETE_TABLE_RESOLVERS, DELETE_TABLE_KEYS } from '../../utils/tableResolvers/deleteResolvers.mjs';
 
 function DeleteViewProvider({ children, ...props }) {
     const { DeleteView: displayText } = useDisplayText();
     const { actionCancelLabel, actionExitLabel, actionStartLabel, title, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, getActionCompleteMessage, } = displayText;
-    const { isProcessing, isProcessingComplete, location, statusCounts, tasks, onActionCancel, onActionStart, onActionExit, onTaskRemove, } = props;
+    const { isProcessing, isProcessingComplete, statusCounts, tasks: items, onActionCancel, onActionStart, onActionExit, onTaskRemove, } = props;
     const message = isProcessingComplete
         ? getActionCompleteMessage({ counts: statusCounts })
         : undefined;
-    const tableData = getActionViewTableData({
-        tasks,
-        locationKey: location.key,
-        isProcessing,
-        displayText,
-        onTaskRemove,
+    const tableData = useResolveDataTable(DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
+        items,
+        props: { displayText, isProcessing, onTaskRemove },
     });
     return (React__default.createElement(ControlsContextProvider, { data: {
             actionCancelLabel,

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

@@ -14,19 +14,16 @@ import '../../../providers/configuration/context.mjs';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
 
+// assign to constant to ensure referential equality
+const EMPTY_ITEMS = [];
 const useDeleteView = (options) => {
     const { onExit: _onExit } = options ?? {};
     const [{ location, locationItems }, dispatchStoreAction] = useStore();
-    const { fileDataItems } = locationItems;
-    const { current, key } = location;
-    const data = React__default.useMemo(() => !fileDataItems
-        ? []
-        : fileDataItems.map((item) => ({
-            ...item,
-            key: `${key}${item.fileKey}`,
-        })), [fileDataItems, key]);
-    const [processState, handleProcess] = useAction('delete', { items: data });
+    const { current } = location;
+    const { fileDataItems: items = EMPTY_ITEMS } = locationItems;
+    const [processState, handleProcess] = useAction('delete', { items });
     const { isProcessing, isProcessingComplete, statusCounts, tasks } = processState;
     const onActionStart = () => {
         if (!current)

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

@@ -1,13 +1,19 @@
 import React__default from 'react';
+import '@aws-amplify/storage/internals';
+import { isMultipartUpload } from '../../../actions/handlers/utils.mjs';
+import '@aws-amplify/ui';
+import 'aws-amplify/storage';
+import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
 import { useDisplayText } from '../../../displayText/context.mjs';
-import '@aws-amplify/ui';
-import { getActionViewTableData } from '../getActionViewTableData.mjs';
+import useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import { UPLOAD_TABLE_RESOLVERS, UPLOAD_TABLE_KEYS } from '../../utils/tableResolvers/uploadResolvers.mjs';
 
 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, statusCounts, invalidFiles, onActionStart, onActionCancel, onDropFiles, onActionExit, onTaskRemove, onSelectFiles, onToggleOverwrite, } = props;
+    const { isOverwritingEnabled, isProcessing, isProcessingComplete, location, tasks: items, statusCounts, invalidFiles, onActionStart, onActionCancel, onDropFiles, onActionExit, onTaskRemove, onSelectFiles, onToggleOverwrite, } = props;
     const isActionStartDisabled = isProcessing || isProcessingComplete || statusCounts.TOTAL === 0;
     const isActionCancelDisabled = !isProcessing || isProcessingComplete;
     const isAddFilesDisabled = isProcessing || isProcessingComplete;
@@ -21,6 +27,10 @@ function UploadViewProvider({ children, ...props }) {
     const filesValidationMessage = invalidFiles && !isProcessing
         ? getFilesValidationMessage({ invalidFiles })
         : undefined;
+    const tableData = useResolveDataTable(UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, {
+        items,
+        props: { displayText, isProcessing, isMultipartUpload, onTaskRemove },
+    });
     return (React__default.createElement(ControlsContextProvider, { data: {
             actionCancelLabel,
             actionDestinationLabel,
@@ -44,13 +54,7 @@ function UploadViewProvider({ children, ...props }) {
             statusDisplayCompletedLabel,
             statusDisplayFailedLabel,
             statusDisplayQueuedLabel,
-            tableData: getActionViewTableData({
-                tasks,
-                shouldDisplayProgress: true,
-                displayText,
-                isProcessing,
-                onTaskRemove,
-            }),
+            tableData,
             title,
         }, onActionCancel: onActionCancel, onActionExit: onActionExit, onActionStart: onActionStart, onAddFiles: () => {
             onSelectFiles('FILE');

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

@@ -12,9 +12,10 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../providers/configuration/credentials/context.mjs';
 import '../../../providers/configuration/context.mjs';
 import '@aws-amplify/storage/internals';
-import { isFileTooBig } from '../../../validators/isFileTooBig.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';
 
 const useUploadView = (options) => {

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

@@ -3,6 +3,7 @@ import { createFileDataItem } from '../../../actions/handlers/utils.mjs';
 import '@aws-amplify/ui';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
 import { getFileRowContent } from './getFileRowContent.mjs';
 import { getFolderRowContent } from './getFolderRowContent.mjs';
 import { getHeaders } from './getHeaders.mjs';

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

@@ -9,6 +9,7 @@ import { useStore } from '../../providers/store/useStore.mjs';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify/storage';
 import { useActionConfigs } from '../../actions/configs/context.mjs';
+import '../../actions/configs/defaults.mjs';
 import '../../useAction/context.mjs';
 import { useAction } from '../../useAction/useAction.mjs';
 import { useList } from '../../useAction/useList.mjs';
@@ -41,8 +42,7 @@ const useLocationDetailView = (options) => {
     // set up pagination
     const { items, nextToken, search } = data;
     const { hasExhaustedSearch = false } = search ?? {};
-    const hasNextToken = !!nextToken;
-    const paginateCallback = () => {
+    const onPaginate = () => {
         if (hasInvalidPrefix || !nextToken)
             return;
         dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
@@ -51,11 +51,10 @@ const useLocationDetailView = (options) => {
             options: { ...listOptions, nextToken },
         });
     };
-    const { currentPage, onPaginate, handleReset, highestPageVisited, pageItems, } = usePaginate({
+    const { currentPage, handlePaginate, handleReset, highestPageVisited, pageItems, } = usePaginate({
         items,
-        paginateCallback,
+        onPaginate,
         pageSize: listOptions.pageSize,
-        hasNextToken,
     });
     const onSearch = (query, includeSubfolders) => {
         if (hasInvalidPrefix)
@@ -123,13 +122,13 @@ const useLocationDetailView = (options) => {
         fileDataItems,
         hasError,
         hasDownloadError: task?.status === 'FAILED',
-        hasNextPage: hasNextToken,
+        hasNextPage: !!nextToken,
         highestPageVisited,
         message,
         downloadErrorMessage: getDownloadErrorMessageFromFailedDownloadTask(task),
         isLoading,
         isSearchSubfoldersEnabled,
-        onPaginate,
+        onPaginate: handlePaginate,
         searchQuery,
         hasExhaustedSearch,
         onRefresh,
@@ -185,10 +184,7 @@ const useLocationDetailView = (options) => {
             resetSearch();
             if (hasInvalidPrefix)
                 return;
-            handleList({
-                prefix: key,
-                options: { ...listOptions, refresh: true },
-            });
+            handleList({ prefix: key, options: { ...listOptions, refresh: true } });
             handleReset();
         },
         onSearchQueryChange,

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

@@ -12,6 +12,7 @@ import '@aws-amplify/storage/internals';
 import { getFileKey } from '../../actions/handlers/utils.mjs';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
+import '../../actions/configs/defaults.mjs';
 import { usePaginate } from '../hooks/usePaginate.mjs';
 import { useSearch } from '../hooks/useSearch.mjs';
 
@@ -43,16 +44,15 @@ const useLocationsView = (options) => {
         handleList({ options: { ...listOptions, refresh: true } });
     }, [handleList, listOptions]);
     // set up pagination
-    const paginateCallback = () => {
+    const onPaginate = () => {
         if (!nextToken)
             return;
         handleList({ options: { ...listOptions, nextToken } });
     };
-    const { currentPage, onPaginate, handleReset, highestPageVisited, pageItems, } = usePaginate({
+    const { currentPage, handlePaginate, handleReset, highestPageVisited, pageItems, } = usePaginate({
         items,
-        paginateCallback,
+        onPaginate,
         pageSize: listOptions.pageSize,
-        hasNextToken,
     });
     const onSearch = (query) => {
         handleReset();
@@ -99,7 +99,7 @@ const useLocationsView = (options) => {
             handleReset();
             handleList({ options: { ...listOptions, refresh: true } });
         },
-        onPaginate,
+        onPaginate: handlePaginate,
         onSearch: onSearchSubmit,
         onSearchQueryChange,
         onSearchClear: () => {

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

@@ -6,13 +6,14 @@ import '../../providers/store/files/context.mjs';
 import '../../providers/store/actionType/context.mjs';
 import '../../providers/store/locationItems/context.mjs';
 import '../../useAction/context.mjs';
-import '../../providers/configuration/context.mjs';
-import '@aws-amplify/ui-react-core';
 import '@aws-amplify/ui-react-core/elements';
 import '../../providers/configuration/credentials/context.mjs';
+import '../../providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
+import '../../actions/configs/defaults.mjs';
 import { CreateFolderView } from '../LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import { CopyView } from '../LocationActionView/CopyView/CopyView.mjs';
 import { DeleteView } from '../LocationActionView/DeleteView/DeleteView.mjs';

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

@@ -17,7 +17,10 @@ const getViews = (views, customConfigs) => {
             // ignore custom actions that are only handlers
             return !isObject(config) || isFunction(config)
                 ? acc
-                : { ...acc, [key]: views?.[config.viewName] };
+                : {
+                    ...acc,
+                    [key]: views?.[config.viewName],
+                };
         }, {});
     return {
         action: { ...resolvedDefaultActionViews, ...customActionViews },

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

@@ -6,13 +6,14 @@ import '../../providers/store/files/context.mjs';
 import '../../providers/store/actionType/context.mjs';
 import '../../providers/store/locationItems/context.mjs';
 import '../../useAction/context.mjs';
-import '../../providers/configuration/context.mjs';
-import '@aws-amplify/ui-react-core';
 import '@aws-amplify/ui-react-core/elements';
 import '../../providers/configuration/credentials/context.mjs';
+import '../../providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
+import '../../actions/configs/defaults.mjs';
 import '../LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import '../LocationActionView/DeleteView/DeleteView.mjs';
 import { LocationActionView } from '../LocationActionView/LocationActionView.mjs';

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

@@ -1,40 +1,38 @@
 import React__default from 'react';
 import { isFunction } from '@aws-amplify/ui';
 
-const usePaginate = ({ hasNextToken, items, paginateCallback, pageSize, }) => {
-    const [currentPage, setCurrentPage] = React__default.useState(1);
+const DEFAULT_PAGE_SIZE = 100;
+const usePaginate = ({ items, onPaginate, page = 1, pageSize = DEFAULT_PAGE_SIZE, }) => {
+    const [currentPage, setCurrentPage] = React__default.useState(page);
+    const visitedRef = React__default.useRef(page);
     const handleReset = React__default.useRef(() => {
-        setCurrentPage(1);
+        setCurrentPage(page);
+        // set `visitedRef` to initially provided `page`
+        visitedRef.current = page;
     }).current;
     return React__default.useMemo(() => {
-        const resultCount = Array.isArray(items) ? items.length : 0;
-        const highestPageVisited = Math.ceil(resultCount / pageSize);
+        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 = Array.isArray(items) ? items.slice(start, end) : [];
+        const pageItems = hasItems ? items.slice(start, end) : [];
         return {
             currentPage,
-            onPaginate: (page) => {
-                const shouldPaginate = page >= 1 && (page <= highestPageVisited || hasNextToken);
-                if (shouldPaginate) {
-                    if (isFunction(paginateCallback))
-                        paginateCallback();
-                    setCurrentPage(page);
-                }
+            handlePaginate: (page) => {
+                if (page < 1)
+                    return;
+                if (isFunction(onPaginate))
+                    onPaginate(page);
+                if (page > currentPage)
+                    visitedRef.current = page;
+                setCurrentPage(page);
             },
             handleReset,
             highestPageVisited,
             pageItems,
         };
-    }, [
-        currentPage,
-        handleReset,
-        hasNextToken,
-        items,
-        paginateCallback,
-        pageSize,
-    ]);
+    }, [currentPage, handleReset, items, onPaginate, pageSize]);
 };
 
 export { usePaginate };

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

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+function useResolveDataTable(keys, { getCell, getHeader, getRowKey }, { items, props }) {
+    return React__default.useMemo(() => {
+        const getRow = (item) => ({
+            key: getRowKey({ item, props }),
+            content: keys.map((key) => getCell({ key, item, props })),
+        });
+        const headers = keys.map((key) => getHeader({ key, props }));
+        const rows = (items ?? []).map(getRow);
+        return { headers, rows };
+    }, [getCell, getHeader, getRowKey, keys, items, props]);
+}
+
+export { useResolveDataTable as default };

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

@@ -13,12 +13,12 @@ import './context/actionViews.mjs';
 import './LocationActionView/UploadView/UploadView.mjs';
 import { useUploadView } from './LocationActionView/UploadView/useUploadView.mjs';
 import '@aws-amplify/ui';
-import './LocationsView/LocationsView.mjs';
-import { useLocationsView } from './LocationsView/useLocationsView.mjs';
 import './LocationDetailView/LocationDetailView.mjs';
 import { useLocationDetailView } from './LocationDetailView/useLocationDetailView.mjs';
+import './LocationsView/LocationsView.mjs';
+import { useLocationsView } from './LocationsView/useLocationsView.mjs';
 
-const DEFAULT_VIEW_HOOKS = {
+const USE_VIEW_HOOKS = {
     Copy: useCopyView,
     CreateFolder: useCreateFolderView,
     Delete: useDeleteView,
@@ -26,13 +26,12 @@ const DEFAULT_VIEW_HOOKS = {
     Locations: useLocationsView,
     Upload: useUploadView,
 };
-const isUseViewType = (value) => !!DEFAULT_VIEW_HOOKS?.[value];
-// @ts-expect-error
+const isUseViewType = (value) => !!USE_VIEW_HOOKS?.[value];
 const useView = (type) => {
     if (!isUseViewType(type)) {
         throw new Error(`Value of \`${type}\` cannot be used to index \`useView\``);
     }
-    return DEFAULT_VIEW_HOOKS[type]();
+    return USE_VIEW_HOOKS[type]();
 };
 
-export { DEFAULT_VIEW_HOOKS, useView };
+export { USE_VIEW_HOOKS, useView };

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

@@ -0,0 +1,18 @@
+const STATUS_LABELS = {
+    PENDING: 'statusDisplayInProgressLabel',
+    CANCELED: 'statusDisplayCanceledLabel',
+    COMPLETE: 'statusDisplayCompletedLabel',
+    FAILED: 'statusDisplayFailedLabel',
+    QUEUED: 'statusDisplayQueuedLabel',
+    OVERWRITE_PREVENTED: 'statusDisplayOverwritePreventedLabel',
+};
+const STATUS_ICONS = {
+    PENDING: 'action-progress',
+    COMPLETE: 'action-success',
+    FAILED: 'action-error',
+    OVERWRITE_PREVENTED: 'action-info',
+    CANCELED: 'action-canceled',
+    QUEUED: 'action-queued',
+};
+
+export { STATUS_ICONS, STATUS_LABELS };

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

@@ -0,0 +1,82 @@
+import { capitalize, noop } from '@aws-amplify/ui';
+import '../../../displayText/context.mjs';
+import { isCopyViewDisplayTextKey } from '../../../displayText/utils.mjs';
+import { STATUS_ICONS, STATUS_LABELS } from './constants.mjs';
+import { getCopyCellFolder, getFileType, getFileSize, getCopyOrDeleteCancelCellContent } 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 { item: { status }, props: { displayText }, } = data;
+    const statusLabelKey = STATUS_LABELS[status];
+    const text = isCopyViewDisplayTextKey(statusLabelKey)
+        ? displayText[statusLabelKey]
+        : '';
+    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,
+    type,
+    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: noop,
+};
+const COPY_TABLE_RESOLVERS = {
+    getCell: (data) => COPY_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 { COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS };

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

@@ -0,0 +1,82 @@
+import { capitalize, noop } from '@aws-amplify/ui';
+import '../../../displayText/context.mjs';
+import { isDeleteViewDisplayTextKey } from '../../../displayText/utils.mjs';
+import { STATUS_ICONS, STATUS_LABELS } from './constants.mjs';
+import { getDeleteCellFolder, getFileType, getFileSize, getCopyOrDeleteCancelCellContent } 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 { 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,
+    folder,
+    type,
+    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: noop,
+};
+const DELETE_TABLE_RESOLVERS = {
+    getCell: (data) => DELETE_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 { DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS };