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

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

@@ -9,11 +9,8 @@ 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';
 import '../actions/configs/defaults.mjs';
+import { assertRegisterAuthListener } from '../validators/assertRegisterAuthListener.mjs';
 import '../views/context/actionViews.mjs';
 import '../views/context/primaryViews.mjs';
 import { CopyView } from '../views/LocationActionView/CopyView/CopyView.mjs';
@@ -21,11 +18,19 @@ import '../locationItems/context.mjs';
 import '../store/context.mjs';
 import { CreateFolderView } from '../views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import { DeleteView } from '../views/LocationActionView/DeleteView/DeleteView.mjs';
+import '../displayText/context.mjs';
+import '@aws-amplify/ui-react';
+import '../components/elements/definitions.mjs';
+import '../components/elements/IconElement.mjs';
+import 'aws-amplify';
+import 'jszip';
+import 'aws-amplify/storage';
 import { DownloadView } from '../views/LocationActionView/DownloadView/DownloadView.mjs';
 import { LocationActionView } from '../views/LocationActionView/LocationActionView.mjs';
 import { UploadView } from '../views/LocationActionView/UploadView/UploadView.mjs';
 import '../fileItems/context.mjs';
 import { LocationDetailView } from '../views/LocationDetailView/LocationDetailView.mjs';
+import '../actions/configs/context.mjs';
 import '../filePreview/context.mjs';
 import { LocationsView } from '../views/LocationsView/LocationsView.mjs';
 import { useView } from '../views/useView.mjs';

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

@@ -1,20 +1,132 @@
 import { DEFAULT_ACTION_VIEW_DISPLAY_TEXT } from './shared.mjs';
 
+const pluralize = (count, word) => count === 1 ? word : `${word}s`;
+const formatCount = (count, word) => `${count === 1 ? '' : 'All '}${count} ${pluralize(count, word)}`;
 const DEFAULT_DELETE_VIEW_DISPLAY_TEXT = {
     ...DEFAULT_ACTION_VIEW_DISPLAY_TEXT,
     title: 'Delete',
     actionStartLabel: 'Delete',
+    confirmationModalTitle: 'Confirm Deletion',
+    confirmationModalConfirmLabel: 'Delete',
+    confirmationModalCancelLabel: 'Cancel',
+    confirmationModalMessage: 'The items that will be deleted contain {count} folder{plural}',
+    confirmationModalFolderListTitle: 'Folder list:',
     getActionCompleteMessage: (data) => {
-        const { counts } = data ?? {};
-        const { COMPLETE, FAILED, TOTAL } = counts ?? {};
+        const { counts, tasks } = data ?? {};
+        const { COMPLETE = 0, FAILED = 0, TOTAL = 0 } = counts ?? {};
+        if (!TOTAL || TOTAL === 0) {
+            return { content: 'No items to delete.', type: 'info' };
+        }
+        if (tasks && tasks.length > 0) {
+            const folderTasks = tasks.filter((task) => task.data.type === 'FOLDER');
+            const fileTasks = tasks.filter((task) => task.data.type === 'FILE');
+            const completeFolders = folderTasks.filter((task) => task.status === 'COMPLETE').length;
+            const failedFolders = folderTasks.filter((task) => task.status === 'FAILED').length;
+            const completeFiles = fileTasks.filter((task) => task.status === 'COMPLETE').length;
+            const failedFiles = fileTasks.filter((task) => task.status === 'FAILED').length;
+            const hasFolders = folderTasks.length > 0;
+            const hasFiles = fileTasks.length > 0;
+            const isMixed = hasFolders && hasFiles;
+            // All successful
+            if (COMPLETE === TOTAL) {
+                if (isMixed) {
+                    return {
+                        content: `${formatCount(completeFolders, 'folder')} and ${completeFiles} ${pluralize(completeFiles, 'file')} deleted successfully.`,
+                        type: 'success',
+                    };
+                }
+                else if (hasFolders) {
+                    return {
+                        content: `${formatCount(completeFolders, 'folder')} deleted successfully.`,
+                        type: 'success',
+                    };
+                }
+                else {
+                    return {
+                        content: `${formatCount(completeFiles, 'file')} deleted successfully.`,
+                        type: 'success',
+                    };
+                }
+            }
+            // Complete failure
+            if (FAILED === TOTAL) {
+                if (isMixed) {
+                    return {
+                        content: `Failed to delete ${failedFolders} ${pluralize(failedFolders, 'folder')} and ${failedFiles} ${pluralize(failedFiles, 'file')}. Some contents may have been deleted.`,
+                        type: 'error',
+                    };
+                }
+                else if (hasFolders) {
+                    return {
+                        content: `Failed to delete ${failedFolders} ${pluralize(failedFolders, 'folder')}. Some items may have been deleted.`,
+                        type: 'error',
+                    };
+                }
+                else {
+                    return {
+                        content: `Failed to delete ${failedFiles} ${pluralize(failedFiles, 'file')}.`,
+                        type: 'error',
+                    };
+                }
+            }
+            // Partial failure
+            if (isMixed) {
+                const messages = [];
+                if (completeFiles > 0) {
+                    messages.push(`${completeFiles} ${pluralize(completeFiles, 'file')} deleted`);
+                }
+                if (completeFolders > 0) {
+                    messages.push(`${completeFolders} ${pluralize(completeFolders, 'folder')} deleted`);
+                }
+                if (failedFiles > 0) {
+                    messages.push(`${failedFiles} ${pluralize(failedFiles, 'file')} failed`);
+                }
+                if (failedFolders > 0) {
+                    messages.push(`${failedFolders} ${pluralize(failedFolders, 'folder')} failed`);
+                }
+                return {
+                    content: messages.join(', ') + '. Some items may have been deleted.',
+                    type: 'error',
+                };
+            }
+            else if (hasFolders) {
+                // Folders only partial failure
+                if (completeFolders > 0) {
+                    return {
+                        content: `${completeFolders} ${pluralize(completeFolders, 'folder')} deleted, ${failedFolders} ${pluralize(failedFolders, 'folder')} failed. Some items may have been deleted.`,
+                        type: 'error',
+                    };
+                }
+                else {
+                    return {
+                        content: `Failed to delete ${failedFolders} ${pluralize(failedFolders, 'folder')}. Some items may have been deleted.`,
+                        type: 'error',
+                    };
+                }
+            }
+            else {
+                // Files only partial failure
+                return {
+                    content: `${completeFiles} ${pluralize(completeFiles, 'file')} deleted, ${failedFiles} ${pluralize(failedFiles, 'file')} failed.`,
+                    type: 'error',
+                };
+            }
+        }
+        // Fallback to generic messaging if tasks not available
         if (COMPLETE === TOTAL) {
-            return { content: 'All files deleted.', type: 'success' };
+            return {
+                content: `${formatCount(TOTAL, 'item')} deleted successfully.`,
+                type: 'success',
+            };
         }
         if (FAILED === TOTAL) {
-            return { content: 'All files failed to delete.', type: 'error' };
+            return {
+                content: `Failed to delete ${formatCount(TOTAL, 'item')}.`,
+                type: 'error',
+            };
         }
         return {
-            content: `${COMPLETE} files deleted, ${FAILED} files failed to delete.`,
+            content: `${COMPLETE} ${pluralize(COMPLETE, 'item')} deleted, ${FAILED} ${pluralize(FAILED, 'item')} failed to delete.`,
             type: 'error',
         };
     },

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

@@ -4,6 +4,8 @@ const DEFAULT_DOWNLOAD_VIEW_DISPLAY_TEXT = {
     ...DEFAULT_ACTION_VIEW_DISPLAY_TEXT,
     title: 'Download',
     actionStartLabel: 'Download',
+    statusDisplayFinishingLabel: 'Zipping',
+    statusDisplayLoadedLabel: 'Loaded',
     getActionCompleteMessage: (data) => {
         const { counts } = data ?? {};
         const { COMPLETE, FAILED, TOTAL } = counts ?? {};

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

@@ -69,6 +69,7 @@ const DEFAULT_LOCATION_DETAIL_VIEW_DISPLAY_TEXT = {
     tableColumnSizeHeader: 'Size',
     tableColumnTypeHeader: 'Type',
     selectFileLabel: 'Select file',
+    selectFolderLabel: 'Select folder',
     selectAllFilesLabel: 'Select all files',
     getActionListItemLabel: (key = '') => {
         switch (key) {

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

@@ -4,8 +4,10 @@ const DEFAULT_ACTION_VIEW_DISPLAY_TEXT = {
     actionDestinationLabel: 'Destination',
     statusDisplayCanceledLabel: 'Canceled',
     statusDisplayCompletedLabel: 'Completed',
+    statusDisplayLoadedLabel: 'Completed',
     statusDisplayFailedLabel: 'Failed',
     statusDisplayInProgressLabel: 'In progress',
+    statusDisplayFinishingLabel: 'In progress',
     statusDisplayTotalLabel: 'Total',
     statusDisplayQueuedLabel: 'Not started',
     // empty by default
@@ -15,6 +17,7 @@ const DEFAULT_ACTION_VIEW_DISPLAY_TEXT = {
     tableColumnNameHeader: 'Name',
     tableColumnTypeHeader: 'Type',
     tableColumnSizeHeader: 'Size',
+    tableColumnProgressHeader: 'Progress',
 };
 const DEFAULT_LIST_VIEW_DISPLAY_TEXT = {
     loadingIndicatorLabel: 'Loading',

package/dist/esm/components/StorageBrowser/locationItems/context.mjs

@@ -3,11 +3,13 @@ import { createContextUtilities } from '@aws-amplify/ui-react-core';
 import { noop } from '@aws-amplify/ui';
 import '@aws-amplify/storage/internals';
 import { createFileDataItem } from '../actions/handlers/utils.mjs';
+import 'jszip';
 import 'aws-amplify/storage';
 import '../actions/configs/context.mjs';
 import '../actions/configs/defaults.mjs';
 
 const DEFAULT_STATE = {
+    dataItems: undefined,
     fileDataItems: undefined,
 };
 const locationItemsReducer = (prevState, event) => {
@@ -16,27 +18,29 @@ const locationItemsReducer = (prevState, event) => {
             const { items } = event;
             if (!items?.length)
                 return prevState;
-            if (!prevState.fileDataItems?.length) {
-                return { fileDataItems: items.map(createFileDataItem) };
-            }
-            const nextFileDataItems = items?.reduce((fileDataItems, data) => prevState.fileDataItems?.some(({ id }) => id === data.id)
-                ? fileDataItems
-                : fileDataItems.concat(createFileDataItem(data)), []);
-            if (!nextFileDataItems?.length)
-                return prevState;
+            const nextDataItems = !prevState.dataItems?.length
+                ? items
+                : prevState.dataItems.concat(items.filter((data) => !prevState.dataItems?.some(({ id }) => id === data.id)));
+            const fileItems = items.filter((item) => item.type === 'FILE');
+            const nextFileDataItems = !prevState.fileDataItems?.length
+                ? fileItems.map(createFileDataItem)
+                : prevState.fileDataItems.concat(fileItems
+                    .filter((data) => !prevState.fileDataItems?.some(({ id }) => id === data.id))
+                    .map(createFileDataItem));
             return {
-                fileDataItems: prevState.fileDataItems.concat(nextFileDataItems),
+                dataItems: nextDataItems,
+                fileDataItems: nextFileDataItems,
             };
         }
         case 'REMOVE_LOCATION_ITEM': {
             const { id } = event;
-            if (!prevState.fileDataItems)
-                return prevState;
-            const fileDataItems = prevState.fileDataItems.filter((item) => item.id !== id);
-            if (fileDataItems.length === prevState.fileDataItems.length) {
+            const dataItems = prevState.dataItems?.filter((item) => item.id !== id);
+            const fileDataItems = prevState.fileDataItems?.filter((item) => item.id !== id);
+            if (dataItems?.length === prevState.dataItems?.length &&
+                fileDataItems?.length === prevState.fileDataItems?.length) {
                 return prevState;
             }
-            return { fileDataItems };
+            return { dataItems, fileDataItems };
         }
         case 'RESET_LOCATION_ITEMS': {
             return DEFAULT_STATE;

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

@@ -0,0 +1,38 @@
+/**
+ * Selection utility functions for LocationItems
+ */
+/**
+ * Get selected files from dataItems
+ */
+const getSelectedFiles = (dataItems) => {
+    return dataItems?.filter((item) => item.type === 'FILE') ?? [];
+};
+/**
+ * Get selected folders from dataItems
+ */
+const getSelectedFolders = (dataItems) => {
+    return dataItems?.filter((item) => item.type === 'FOLDER') ?? [];
+};
+/**
+ * Check if selection contains folders
+ */
+const hasSelectedFolders = (dataItems) => {
+    return dataItems?.some((item) => item.type === 'FOLDER') ?? false;
+};
+/**
+ * Get selection summary
+ */
+const getSelectionSummary = (dataItems) => {
+    const files = getSelectedFiles(dataItems);
+    const folders = getSelectedFolders(dataItems);
+    return {
+        total: dataItems?.length ?? 0,
+        files: files.length,
+        folders: folders.length,
+        hasFiles: files.length > 0,
+        hasFolders: folders.length > 0,
+        isMixed: files.length > 0 && folders.length > 0,
+    };
+};
+
+export { getSelectedFiles, getSelectedFolders, getSelectionSummary, hasSelectedFolders };

package/dist/esm/components/StorageBrowser/store/validateStoreProps.mjs

@@ -12,7 +12,7 @@ const DEPRECATED_PROP_KEYS = ['actionType', 'location', 'path'];
 const template = (key, index, values) => `\`${key}\`${index < values.length - 1 ? ', ' : ''}`;
 const getMissingLocationKeys = (location) => location === null
     ? []
-    : REQUIRED_LOCATION_KEYS.filter((key) => !location[key]);
+    : REQUIRED_LOCATION_KEYS.filter((key) => location[key] === undefined || location[key] === null);
 let didWarnConflictingBehavior = false;
 let didWarnDeprecatedAndConflictingProps = false;
 let didWarnDeprecatedProps = false;

package/dist/esm/components/StorageBrowser/tasks/constants.mjs

@@ -1,8 +1,10 @@
 const INITIAL_STATUS_COUNTS = {
     CANCELED: 0,
     COMPLETE: 0,
+    LOADED: 0,
     FAILED: 0,
     PENDING: 0,
+    FINISHING: 0,
     OVERWRITE_PREVENTED: 0,
     QUEUED: 0,
     TOTAL: 0,

package/dist/esm/components/StorageBrowser/tasks/useProcessTasks.mjs

@@ -92,20 +92,29 @@ function useProcessTasks(handler, options) {
             : [...tasksRef.current.values()].find(({ status }) => status === 'QUEUED') ?? {};
         if (!data)
             return;
+        const all = isSingleTask
+            ? [_input.data]
+            : [...tasksRef.current.values()].map(({ data }) => data);
         const { onTaskCancel, onTaskComplete, onTaskError, onTaskProgress, onTaskSuccess, } = callbacksRef.current;
         const getTask = () => tasksRef.current.get(data.id);
         const { options } = _input;
         const { onProgress: _onProgress } = options ?? {};
-        const onProgress = ({ id }, progress) => {
-            const task = updateTask(id, { progress });
+        const onProgress = ({ id }, progressDetails, status = 'PENDING') => {
+            const isNumber = typeof progressDetails === 'number';
+            const task = updateTask(id, {
+                progress: isNumber ? progressDetails : progressDetails.progress,
+                failureCount: isNumber ? undefined : progressDetails.failureCount,
+                successCount: isNumber ? undefined : progressDetails.successCount,
+                status,
+            });
             if (task && isFunction(onTaskProgress)) {
-                onTaskProgress(task, progress);
+                onTaskProgress(task, progressDetails);
             }
             if (task && isFunction(_onProgress)) {
-                _onProgress(data, progress);
+                _onProgress(data, progressDetails, status);
             }
         };
-        const input = { ..._input, data, options: { ...options, onProgress } };
+        const input = { ..._input, data, all, options: { ...options, onProgress } };
         const { cancel: _cancel, result } = handler(input);
         const cancel = !_cancel
             ? undefined

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

@@ -5,7 +5,10 @@ const isProcessingTasks = (statusCounts) => {
     if (statusCounts.TOTAL === 0 || statusCounts.TOTAL === statusCounts.QUEUED) {
         return false;
     }
-    return !(statusCounts.QUEUED === 0 && statusCounts.PENDING === 0);
+    return !(statusCounts.QUEUED === 0 &&
+        statusCounts.PENDING === 0 &&
+        statusCounts.LOADED === 0 &&
+        statusCounts.FINISHING === 0);
 };
 const hasCompletedProcessingTasks = (statusCounts) => {
     if (statusCounts.TOTAL === 0 || isProcessingTasks(statusCounts))

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

@@ -21,7 +21,7 @@ function useHandler(handler, options) {
         handleProcessing({
             config,
             ...(hasData
-                ? { data: input.data }
+                ? { data: input.data, all: [input.data] }
                 : // if no `data` provided, provide `concurrency` to `options`
                     { options: { concurrency: DEFAULT_ACTION_CONCURRENCY } }),
         });

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

@@ -1,8 +1,4 @@
 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';
 
 const resolveHandler = (value) => (isFunction(value) ? value : value.handler);

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

@@ -11,9 +11,6 @@ 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';
 import '../../../displayText/context.mjs';
 import '../../../filePreview/context.mjs';

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

@@ -11,15 +11,16 @@ 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';
 import { useDisplayText } from '../../../displayText/context.mjs';
 import '../../../filePreview/context.mjs';
 import useResolveTableData from '../../hooks/useResolveTableData/useResolveTableData.mjs';
 import { COPY_TABLE_RESOLVERS } from '../../utils/tableResolvers/copyResolvers.mjs';
 import { FILE_DATA_ITEM_TABLE_KEYS } from '../../utils/tableResolvers/constants.mjs';
+import 'aws-amplify';
+import 'jszip';
+import 'aws-amplify/storage';
+import '../../../actions/configs/context.mjs';
 import { FoldersMessageProvider } from './FoldersMessageControl.mjs';
 import { FoldersPaginationProvider } from './FoldersPaginationControl.mjs';
 import { FoldersTableProvider } from './FoldersTableControl.mjs';

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

@@ -13,9 +13,6 @@ 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';
 import { useDisplayText } from '../../../displayText/context.mjs';
 import '../../../filePreview/context.mjs';

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

@@ -9,9 +9,6 @@ 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';
 import { useFolders } from './useFolders.mjs';
 

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

@@ -6,9 +6,6 @@ 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';
 import { usePaginate } from '../../hooks/usePaginate.mjs';
 import { useSearch } from '../../hooks/useSearch.mjs';

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

@@ -11,9 +11,6 @@ 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';
 import '../../../displayText/context.mjs';
 import '../../../filePreview/context.mjs';

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

@@ -7,9 +7,6 @@ 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';
 import { useStore } from '../../../store/context.mjs';
 

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

@@ -1,15 +1,16 @@
 import React__default from 'react';
+import { classNames } from '@aws-amplify/ui';
 import '@aws-amplify/ui-react';
 import { ViewElement } from '../../../components/elements/definitions.mjs';
 import '../../../components/elements/IconElement.mjs';
 import { ActionCancelControl } from '../../../controls/ActionCancelControl.mjs';
+import { ActionConfirmationModalControl } from '../../../controls/ActionConfirmationModalControl.mjs';
 import { ActionExitControl } from '../../../controls/ActionExitControl.mjs';
 import { ActionStartControl } from '../../../controls/ActionStartControl.mjs';
 import { DataTableControl } from '../../../controls/DataTableControl.mjs';
 import { MessageControl } from '../../../controls/MessageControl.mjs';
 import { StatusDisplayControl } from '../../../controls/StatusDisplayControl.mjs';
 import { TitleControl } from '../../../controls/TitleControl.mjs';
-import { classNames } from '@aws-amplify/ui';
 import { STORAGE_BROWSER_BLOCK } from '../../../components/base/constants.mjs';
 import '../../../components/composables/context.mjs';
 import '@aws-amplify/ui-react-core';
@@ -18,9 +19,6 @@ 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';
 import '../../../displayText/context.mjs';
 import '../../../filePreview/context.mjs';
@@ -42,11 +40,13 @@ const DeleteView = ({ className, ...props }) => {
                     React__default.createElement(MessageControl, null)),
                 React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__buttons` },
                     React__default.createElement(ActionCancelControl, null),
-                    React__default.createElement(ActionStartControl, null))))));
+                    React__default.createElement(ActionStartControl, null))),
+            React__default.createElement(ActionConfirmationModalControl, null))));
 };
 DeleteView.displayName = 'DeleteView';
 DeleteView.Provider = DeleteViewProvider;
 DeleteView.Cancel = ActionCancelControl;
+DeleteView.ConfirmationModal = ActionConfirmationModalControl;
 DeleteView.Exit = ActionExitControl;
 DeleteView.Message = MessageControl;
 DeleteView.Start = ActionStartControl;

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

@@ -3,18 +3,18 @@ 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 { DELETE_TABLE_KEYS } from '../../utils/tableResolvers/constants.mjs';
 import { DELETE_TABLE_RESOLVERS } 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, statusCounts, tasks: items, onActionCancel, onActionStart, onActionExit, onTaskRemove, } = props;
+    const { isProcessing, isProcessingComplete, statusCounts, tasks, confirmationModal, onActionCancel, onActionStart, onActionExit, onTaskRemove, onConfirmDelete, onCancelConfirmation, } = props;
     const message = isProcessingComplete
-        ? getActionCompleteMessage({ counts: statusCounts })
+        ? getActionCompleteMessage({ counts: statusCounts, tasks })
         : undefined;
-    const tableData = useResolveTableData(FILE_DATA_ITEM_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
-        items,
+    const tableData = useResolveTableData(DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
+        items: tasks,
         props: { displayText, isProcessing, onTaskRemove },
     });
     return (React__default.createElement(ControlsContextProvider, { data: {
@@ -32,7 +32,8 @@ function DeleteViewProvider({ children, ...props }) {
             tableData,
             title,
             message,
-        }, onActionStart: onActionStart, onActionExit: onActionExit, onActionCancel: onActionCancel }, children));
+            confirmationModal,
+        }, onActionStart: onActionStart, onActionExit: onActionExit, onActionCancel: onActionCancel, onConfirmationModalConfirm: onConfirmDelete, onConfirmationModalCancel: onCancelConfirmation }, children));
 }
 
 export { DeleteViewProvider };