@aws-amplify/ui-react-storage 3.9.1 → 3.10.0

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

@@ -1,14 +1,13 @@
 import React__default from 'react';
 import { isUndefined, isFunction } from '@aws-amplify/ui';
 import { usePaginate } from '../hooks/usePaginate.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 { 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 { useFiles } from '../../files/context.mjs';
+import { useLocationItems } from '../../locationItems/context.mjs';
+import { useStore } from '../../store/context.mjs';
 import '../../useAction/context.mjs';
 import { useAction } from '../../useAction/useAction.mjs';
 import { useList } from '../../useAction/useList.mjs';
@@ -31,7 +30,9 @@ const useLocationDetailView = (options) => {
         ...initialValues,
     });
     const listOptions = listOptionsRef.current;
-    const [{ location, locationItems, actionType }, dispatchStoreAction] = useStore();
+    const [{ location, actionType }, storeDispatch] = useStore();
+    const [locationItems, locationItemsDispatch] = useLocationItems();
+    const filesDispatch = useFiles()[1];
     const { current, key } = location;
     const { permissions, prefix } = current ?? {};
     const { fileDataItems } = locationItems;
@@ -41,21 +42,19 @@ 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' });
+        locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
         handleList({
             prefix: key,
             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)
@@ -71,7 +70,7 @@ const useLocationDetailView = (options) => {
         };
         handleReset();
         handleList({ prefix: key, options: searchOptions });
-        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
     };
     const { searchQuery, isSearchingSubfolders: isSearchSubfoldersEnabled, onSearchQueryChange, onSearchSubmit, onToggleSearchSubfolders, resetSearch, } = useSearch({ onSearch });
     const onRefresh = () => {
@@ -83,7 +82,7 @@ const useLocationDetailView = (options) => {
             prefix: key,
             options: { ...listOptions, refresh: true },
         });
-        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
     };
     React__default.useEffect(() => {
         if (hasInvalidPrefix)
@@ -123,36 +122,36 @@ 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,
         onActionExit: () => {
-            dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+            storeDispatch({ type: 'RESET_ACTION_TYPE' });
         },
         onActionSelect: (nextActionType) => {
             options?.onActionSelect?.(nextActionType);
-            dispatchStoreAction({
-                type: 'SET_ACTION_TYPE',
+            storeDispatch({
+                type: 'CHANGE_ACTION_TYPE',
                 actionType: nextActionType,
             });
         },
         onNavigate: (location, path) => {
             onNavigate?.(location, path);
             resetSearch();
-            dispatchStoreAction({ type: 'NAVIGATE', location, path });
-            dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+            storeDispatch({ type: 'CHANGE_LOCATION', location, path });
+            locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
         },
         onDropFiles: (files) => {
-            dispatchStoreAction({ type: 'ADD_FILE_ITEMS', files });
+            filesDispatch({ type: 'ADD_FILE_ITEMS', files });
             const actionType = 'upload';
-            dispatchStoreAction({ type: 'SET_ACTION_TYPE', actionType });
+            storeDispatch({ type: 'CHANGE_ACTION_TYPE', actionType });
             options?.onActionSelect?.(actionType);
         },
         onDownload: (data) => {
@@ -160,23 +159,23 @@ const useLocationDetailView = (options) => {
         },
         onNavigateHome: () => {
             onExit?.();
-            dispatchStoreAction({ type: 'RESET_LOCATION' });
+            storeDispatch({ type: 'RESET_LOCATION' });
             handleList({
                 // @todo: prefix should not be required to refresh
                 prefix: prefix ?? '',
                 options: { reset: true },
             });
-            dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
-            dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+            storeDispatch({ type: 'RESET_ACTION_TYPE' });
+            locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
         },
         onSelect: (isSelected, fileItem) => {
-            dispatchStoreAction(isSelected
+            locationItemsDispatch(isSelected
                 ? { type: 'REMOVE_LOCATION_ITEM', id: fileItem.id }
                 : { type: 'SET_LOCATION_ITEMS', items: [fileItem] });
         },
         onToggleSelectAll: () => {
             const fileItems = pageItems.filter((item) => item.type === 'FILE');
-            dispatchStoreAction(fileItems.length === fileDataItems?.length
+            locationItemsDispatch(fileItems.length === fileDataItems?.length
                 ? { type: 'RESET_LOCATION_ITEMS' }
                 : { type: 'SET_LOCATION_ITEMS', items: fileItems });
         },
@@ -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/LocationsView.mjs

@@ -1,8 +1,13 @@
 import React__default from 'react';
-import { STORAGE_BROWSER_BLOCK } from '../../constants.mjs';
+import { classNames } from '@aws-amplify/ui';
 import '@aws-amplify/ui-react';
-import { ViewElement } from '../../context/elements/definitions.mjs';
-import '../../context/elements/IconElement.mjs';
+import { ViewElement } from '../../components/elements/definitions.mjs';
+import '../../components/elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK } from '../../components/base/constants.mjs';
+import '../../components/composables/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import '../../controls/context.mjs';
 import { DataRefreshControl } from '../../controls/DataRefreshControl.mjs';
 import { DataTableControl } from '../../controls/DataTableControl.mjs';
 import { LoadingIndicatorControl } from '../../controls/LoadingIndicatorControl.mjs';
@@ -12,7 +17,6 @@ import { SearchFieldControl } from '../../controls/SearchFieldControl.mjs';
 import { TitleControl } from '../../controls/TitleControl.mjs';
 import { LocationsViewProvider } from './LocationsViewProvider.mjs';
 import { useLocationsView } from './useLocationsView.mjs';
-import { classNames } from '@aws-amplify/ui';
 
 const LocationsView = ({ className, ...props }) => {
     const state = useLocationsView(props);

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

@@ -1,7 +1,13 @@
 import React__default from 'react';
+import '@aws-amplify/ui';
+import '@aws-amplify/ui-react';
+import '../../components/elements/definitions.mjs';
+import '../../components/elements/IconElement.mjs';
 import { ControlsContextProvider } from '../../controls/context.mjs';
+import '../../components/composables/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
 import { useDisplayText } from '../../displayText/context.mjs';
-import '@aws-amplify/ui';
 import { getLocationsViewTableData } from './getLocationsViewTableData/getLocationsViewTableData.mjs';
 
 function LocationsViewProvider({ children, ...props }) {

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

@@ -1,17 +1,14 @@
 import React__default from 'react';
-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 { useStore } from '../../providers/store/useStore.mjs';
-import '../../useAction/context.mjs';
-import { useAction } from '../../useAction/useAction.mjs';
-import { useList } from '../../useAction/useList.mjs';
-import '@aws-amplify/ui';
 import '@aws-amplify/storage/internals';
 import { getFileKey } from '../../actions/handlers/utils.mjs';
+import '@aws-amplify/ui';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
+import '../../actions/configs/defaults.mjs';
+import { useStore } from '../../store/context.mjs';
+import '../../useAction/context.mjs';
+import { useAction } from '../../useAction/useAction.mjs';
+import { useList } from '../../useAction/useList.mjs';
 import { usePaginate } from '../hooks/usePaginate.mjs';
 import { useSearch } from '../hooks/useSearch.mjs';
 
@@ -43,16 +40,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();
@@ -92,14 +88,14 @@ const useLocationsView = (options) => {
         },
         onNavigate: (location) => {
             onNavigate?.(location);
-            dispatchStoreAction({ type: 'NAVIGATE', location });
+            dispatchStoreAction({ type: 'CHANGE_LOCATION', location });
         },
         onRefresh: () => {
             resetSearch();
             handleReset();
             handleList({ options: { ...listOptions, refresh: true } });
         },
-        onPaginate,
+        onPaginate: handlePaginate,
         onSearch: onSearchSubmit,
         onSearchQueryChange,
         onSearchClear: () => {

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

@@ -1,20 +1,20 @@
 import React__default from 'react';
 import { UploadView } from '../LocationActionView/UploadView/UploadView.mjs';
 import '@aws-amplify/ui';
-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 '../../files/context.mjs';
+import '../../store/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 '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
+import '../../configuration/context.mjs';
+import '@aws-amplify/ui-react-core';
 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 '../../locationItems/context.mjs';
 import { DeleteView } from '../LocationActionView/DeleteView/DeleteView.mjs';
 
 const DEFAULT_ACTION_VIEWS = {

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

@@ -1,22 +1,22 @@
 import React__default from 'react';
 import '../LocationActionView/CopyView/CopyView.mjs';
 import '@aws-amplify/ui';
-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 '../../locationItems/context.mjs';
+import '../../store/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 '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
+import '../../configuration/context.mjs';
+import '@aws-amplify/ui-react-core';
 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';
 import '../LocationActionView/UploadView/UploadView.mjs';
+import '../../files/context.mjs';
 import { LocationDetailView } from '../LocationDetailView/LocationDetailView.mjs';
 import { LocationsView } from '../LocationsView/LocationsView.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

@@ -5,20 +5,16 @@ import { useCreateFolderView } from './LocationActionView/CreateFolderView/useCr
 import './LocationActionView/DeleteView/DeleteView.mjs';
 import { useDeleteView } from './LocationActionView/DeleteView/useDeleteView.mjs';
 import 'react';
-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 '../store/context.mjs';
 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 +22,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 };