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

package/dist/esm/browser.mjs

@@ -1,5 +1,11 @@
 export { componentsDefault } from './components/StorageBrowser/componentsDefault.mjs';
 export { createStorageBrowser } from './components/StorageBrowser/createStorageBrowser.mjs';
+import '@aws-amplify/storage/internals';
+import '@aws-amplify/ui';
+export { defaultHandlers } from './components/StorageBrowser/actions/handlers/defaults.mjs';
+import 'aws-amplify/storage';
+import './components/StorageBrowser/actions/configs/context.mjs';
+export { defaultActionConfigs } from './components/StorageBrowser/actions/configs/defaults.mjs';
 export { createAmplifyAuthAdapter } from './components/StorageBrowser/adapters/createAmplifyAuthAdapter/createAmplifyAuthAdapter.mjs';
 export { createManagedAuthAdapter } from './components/StorageBrowser/adapters/createManagedAuthAdapter/createManagedAuthAdapter.mjs';
 import './components/StorageBrowser/displayText/context.mjs';

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

@@ -5,6 +5,7 @@ import '@aws-amplify/storage/internals';
 import '@aws-amplify/ui';
 import 'aws-amplify/storage';
 import './actions/configs/context.mjs';
+import './actions/configs/defaults.mjs';
 
 function StorageBrowser(props) {
     const { StorageBrowser: StorageBrowserComponent } = React__default.useRef(createStorageBrowser({ config: createAmplifyAuthAdapter() })).current;

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

@@ -8,13 +8,14 @@ import './providers/store/actionType/context.mjs';
 import './providers/store/locationItems/context.mjs';
 import { useStore } from './providers/store/useStore.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 './views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import './views/LocationActionView/DeleteView/DeleteView.mjs';
 import './views/context/actionViews.mjs';

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

@@ -1,11 +1,7 @@
-import { copyHandler } from '../handlers/copy.mjs';
-import { createFolderHandler } from '../handlers/createFolder.mjs';
-import { deleteHandler } from '../handlers/delete.mjs';
-import { downloadHandler } from '../handlers/download.mjs';
-import { listLocationItemsHandler } from '../handlers/listLocationItems.mjs';
 import '@aws-amplify/storage/internals';
 import '@aws-amplify/ui';
-import { uploadHandler } from '../handlers/upload.mjs';
+import { defaultHandlers } from '../handlers/defaults.mjs';
+import 'aws-amplify/storage';
 
 const copyActionConfig = {
     viewName: 'CopyView',
@@ -15,7 +11,7 @@ const copyActionConfig = {
         icon: 'copy-file',
         label: 'Copy',
     },
-    handler: copyHandler,
+    handler: defaultHandlers.copy,
 };
 const deleteActionConfig = {
     viewName: 'DeleteView',
@@ -25,7 +21,7 @@ const deleteActionConfig = {
         icon: 'delete-file',
         label: 'Delete',
     },
-    handler: deleteHandler,
+    handler: defaultHandlers.delete,
 };
 const createFolderActionConfig = {
     viewName: 'CreateFolderView',
@@ -34,7 +30,7 @@ const createFolderActionConfig = {
         icon: 'create-folder',
         label: 'Create folder',
     },
-    handler: createFolderHandler,
+    handler: defaultHandlers.createFolder,
 };
 const uploadActionConfig = {
     viewName: 'UploadView',
@@ -43,12 +39,14 @@ const uploadActionConfig = {
         icon: 'upload-file',
         label: 'Upload',
     },
-    handler: uploadHandler,
+    handler: defaultHandlers.upload,
 };
+// Action view configs only, does not include `listLocationItems`
 const defaultActionViewConfigs = {
     copy: copyActionConfig,
     createFolder: createFolderActionConfig,
-    download: downloadHandler,
+    // provide `download` handler only; `download` does not have a dedicated view/config
+    download: defaultHandlers.download,
     delete: deleteActionConfig,
     upload: uploadActionConfig,
 };
@@ -56,7 +54,7 @@ const DEFAULT_ACTION_VIEW_TYPES = Object.keys(defaultActionViewConfigs);
 const isDefaultActionViewType = (value) => DEFAULT_ACTION_VIEW_TYPES.some((type) => type === value);
 const defaultActionConfigs = {
     ...defaultActionViewConfigs,
-    listLocationItems: listLocationItemsHandler,
+    listLocationItems: defaultHandlers.listLocationItems,
 };
 
 export { DEFAULT_ACTION_VIEW_TYPES, copyActionConfig, createFolderActionConfig, defaultActionConfigs, defaultActionViewConfigs, deleteActionConfig, isDefaultActionViewType, uploadActionConfig };

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

@@ -1,3 +1,6 @@
 const DEFAULT_CHECKSUM_ALGORITHM = 'crc-32';
+// 5MiB for multipart upload
+// 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;
 
-export { DEFAULT_CHECKSUM_ALGORITHM };
+export { DEFAULT_CHECKSUM_ALGORITHM, MULTIPART_UPLOAD_THRESHOLD_BYTES };

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

@@ -34,7 +34,10 @@ const copyHandler = (input) => {
             status: 'COMPLETE',
             value: { key: path },
         }))
-            .catch(({ message }) => ({ message, status: 'FAILED' })),
+            .catch((error) => {
+            const { message } = error;
+            return { error, message, status: 'FAILED' };
+        }),
     };
 };
 

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

@@ -31,11 +31,12 @@ const createFolderHandler = (input) => {
             status: 'COMPLETE',
             value: { key: path },
         }))
-            .catch(({ message, name }) => {
+            .catch((error) => {
+            const { message, name } = error;
             if (name === 'PreconditionFailed') {
-                return { message, status: 'OVERWRITE_PREVENTED' };
+                return { error, message, status: 'OVERWRITE_PREVENTED' };
             }
-            return { message, status: 'FAILED' };
+            return { error, message, status: 'FAILED' };
         }),
     };
 };

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

@@ -0,0 +1,17 @@
+import { copyHandler } from './copy.mjs';
+import { createFolderHandler } from './createFolder.mjs';
+import { deleteHandler } from './delete.mjs';
+import { downloadHandler } from './download.mjs';
+import { listLocationItemsHandler } from './listLocationItems.mjs';
+import { uploadHandler } from './upload.mjs';
+
+const defaultHandlers = {
+    copy: copyHandler,
+    createFolder: createFolderHandler,
+    delete: deleteHandler,
+    download: downloadHandler,
+    listLocationItems: listLocationItemsHandler,
+    upload: uploadHandler,
+};
+
+export { defaultHandlers };

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

@@ -17,7 +17,10 @@ const deleteHandler = ({ config, data, }) => {
         status: 'COMPLETE',
         value: { key: path },
     }))
-        .catch(({ message }) => ({ message, status: 'FAILED' }));
+        .catch((error) => {
+        const { message } = error;
+        return { error, message, status: 'FAILED' };
+    });
     return { result };
 };
 

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

@@ -27,7 +27,10 @@ const downloadHandler = ({ config, data: { key }, }) => {
         downloadFromUrl(key, url.toString());
         return { status: 'COMPLETE', value: { url } };
     })
-        .catch(({ message }) => ({ message, status: 'FAILED' }));
+        .catch((error) => {
+        const { message } = error;
+        return { error, message, status: 'FAILED' };
+    });
     return { result };
 };
 

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

@@ -1,12 +1,9 @@
 import { isCancelError } from 'aws-amplify/storage';
 import { isFunction } from '@aws-amplify/ui';
 import { uploadData } from '@aws-amplify/storage/internals';
-import { constructBucket, getProgress } from './utils.mjs';
+import { isMultipartUpload, constructBucket, getProgress } from './utils.mjs';
 import { DEFAULT_CHECKSUM_ALGORITHM } from './constants.mjs';
 
-// 5MB for multipart upload
-// 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 UNDEFINED_CALLBACKS = {
     cancel: undefined,
     pause: undefined,
@@ -34,7 +31,7 @@ const uploadHandler = ({ config, data, options }) => {
     };
     const { cancel, pause, resume, result } = uploadData(input);
     return {
-        ...(file.size > MULTIPART_UPLOAD_THRESHOLD_BYTES
+        ...(isMultipartUpload(file)
             ? { cancel, pause, resume }
             : UNDEFINED_CALLBACKS),
         result: result
@@ -45,14 +42,12 @@ const uploadHandler = ({ config, data, options }) => {
             .catch((error) => {
             const { message } = error;
             if (error.name === 'PreconditionFailed') {
-                return { message, status: 'OVERWRITE_PREVENTED' };
+                return { error, message, status: 'OVERWRITE_PREVENTED' };
             }
-            return {
-                message,
-                status: isCancelError(error) ? 'CANCELED' : 'FAILED',
-            };
+            const status = isCancelError(error) ? 'CANCELED' : 'FAILED';
+            return { error, message, status };
         }),
     };
 };
 
-export { MULTIPART_UPLOAD_THRESHOLD_BYTES, UNDEFINED_CALLBACKS, uploadHandler };
+export { UNDEFINED_CALLBACKS, uploadHandler };

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

@@ -1,3 +1,5 @@
+import { MULTIPART_UPLOAD_THRESHOLD_BYTES } from './constants.mjs';
+
 const constructBucket = ({ bucket: bucketName, region, }) => ({ bucketName, region });
 const parseAccessGrantLocation = (location) => {
     const { permission, scope, type } = location;
@@ -82,8 +84,7 @@ const createFileDataItem = (data) => ({
     ...data,
     fileKey: getFileKey(data.key),
 });
-const isFileItem = (value) => !!value.file;
-const isFileDataItem = (item) => !!item.fileKey;
 const getProgress = ({ totalBytes, transferredBytes, }) => totalBytes ? transferredBytes / totalBytes : undefined;
+const isMultipartUpload = (file) => file.size > MULTIPART_UPLOAD_THRESHOLD_BYTES;
 
-export { constructBucket, createFileDataItem, getFileKey, getFilteredLocations, getProgress, isFileDataItem, isFileItem, parseAccessGrantLocation, shouldExcludeLocation };
+export { constructBucket, createFileDataItem, getFileKey, getFilteredLocations, getProgress, isMultipartUpload, parseAccessGrantLocation, shouldExcludeLocation };

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

@@ -1,9 +1,10 @@
 import { createLocationCredentialsHandler } from './createLocationCredentialsHandler.mjs';
 import '@aws-amplify/storage/internals';
 import '@aws-amplify/ui';
-import { listLocationsHandler } from '../../actions/handlers/listLocations.mjs';
 import 'aws-amplify/storage';
+import { listLocationsHandler } from '../../actions/handlers/listLocations.mjs';
 import '../../actions/configs/context.mjs';
+import '../../actions/configs/defaults.mjs';
 
 /**
  * Create configuration including handlers to call S3 Access Grant APIs to list and get

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

@@ -9,7 +9,7 @@ const OverwriteToggle = ({ isDisabled, isOverwritingEnabled, label = '', onToggl
             onToggle?.();
         } }));
 };
-const SearchSubfoldersToggle = ({ isSearchingSubfolders, label = '', onToggle, }) => {
+const SearchSubfoldersToggle = ({ isSearchingSubfolders, label = '', onToggle }) => {
     return (React.createElement(CheckboxField, { name: label, label: label, labelPosition: "end", checked: isSearchingSubfolders, onChange: () => {
             onToggle?.();
         } }));
@@ -39,7 +39,7 @@ const Navigation = ({ items }) => {
             item.isCurrent ? null : React.createElement(Breadcrumbs.Separator, null)));
     })));
 };
-const LoadingIndicator = ({ isLoading }) => {
+const LoadingIndicator = ({ isLoading, }) => {
     if (isLoading) {
         return (React.createElement(Loader, { className: "amplify-storage-browser__loader", variation: "linear", size: "small" }));
     }
@@ -54,7 +54,7 @@ const FolderNameField = ({ onChange, label, placeholder, validationMessage, onVa
             onChange?.(value);
         } }));
 };
-const DataRefresh = ({ onRefresh }) => {
+const DataRefresh = ({ onRefresh, }) => {
     return (React.createElement(Button, { onClick: () => {
             onRefresh?.();
         }, "aria-label": "Refresh data" },
@@ -72,7 +72,7 @@ const ActionsList = ({ items, onActionSelect, isDisabled, }) => {
             label));
     })));
 };
-const StatusDisplay = ({ statuses, total }) => {
+const StatusDisplay = ({ statuses, total, }) => {
     if (!statuses?.length) {
         return null;
     }

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

@@ -2,8 +2,8 @@ import React__default from 'react';
 import { setUserAgent } from '@aws-amplify/ui';
 import { VERSION } from '../../version.mjs';
 import '@aws-amplify/storage/internals';
-import { assertRegisterAuthListener } from './validators/assertRegisterAuthListener.mjs';
 import 'aws-amplify/storage';
+import { assertRegisterAuthListener } from './validators/assertRegisterAuthListener.mjs';
 import { ActionConfigsProvider } from './actions/configs/context.mjs';
 import { defaultActionConfigs } from './actions/configs/defaults.mjs';
 import { getActionConfigs } from './actions/configs/utils.mjs';
@@ -38,6 +38,12 @@ import { LocationDetailView } from './views/LocationDetailView/LocationDetailVie
 import { LocationsView } from './views/LocationsView/LocationsView.mjs';
 import { useView } from './views/useView.mjs';
 
+/**
+ * Creates a `StorageBrowser` component and utility hooks from provided configuration `input`.
+ *
+ * @param input - `StorageBrowser` auth, actions and ui configuration values
+ * @returns `StorageBrowser` component, `useAction` and `useView` hooks
+ */
 function createStorageBrowser(input) {
     assertRegisterAuthListener(input.config.registerAuthListener);
     const { accountId, customEndpoint, registerAuthListener, getLocationCredentials, region, } = input.config;

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

@@ -15,7 +15,6 @@ 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/displayText/libraries/en/uploadView.mjs

@@ -4,7 +4,6 @@ import { isFileTooBig } from '../../../validators/isFileTooBig.mjs';
 
 const DEFAULT_UPLOAD_VIEW_DISPLAY_TEXT = {
     ...DEFAULT_ACTION_VIEW_DISPLAY_TEXT,
-    title: 'Upload',
     actionStartLabel: 'Upload',
     addFilesLabel: 'Add files',
     addFolderLabel: 'Add folder',
@@ -80,8 +79,10 @@ const DEFAULT_UPLOAD_VIEW_DISPLAY_TEXT = {
         }
         return undefined;
     },
-    statusDisplayOverwritePreventedLabel: 'Overwrite prevented',
     overwriteToggleLabel: 'Overwrite existing files',
+    statusDisplayOverwritePreventedLabel: 'Overwrite prevented',
+    tableColumnProgressHeader: 'Progress',
+    title: 'Upload',
 };
 
 export { DEFAULT_UPLOAD_VIEW_DISPLAY_TEXT };

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

@@ -0,0 +1,7 @@
+import { DEFAULT_COPY_VIEW_DISPLAY_TEXT } from './libraries/en/copyView.mjs';
+import { DEFAULT_DELETE_VIEW_DISPLAY_TEXT } from './libraries/en/deleteView.mjs';
+
+const isCopyViewDisplayTextKey = (value) => !!DEFAULT_COPY_VIEW_DISPLAY_TEXT[value];
+const isDeleteViewDisplayTextKey = (value) => !!DEFAULT_DELETE_VIEW_DISPLAY_TEXT[value];
+
+export { isCopyViewDisplayTextKey, isDeleteViewDisplayTextKey };

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

@@ -5,6 +5,7 @@ import '@aws-amplify/storage/internals';
 import { createFileDataItem } from '../../../actions/handlers/utils.mjs';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
 
 const DEFAULT_STATE = {
     fileDataItems: undefined,

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

@@ -9,8 +9,8 @@ const QUEUED_TASK_BASE = {
     status: 'QUEUED',
 };
 const isTaskHandlerInput = (input) => !!input.data;
-const useProcessTasks = (handler, items, options) => {
-    const { concurrency, ...callbacks } = options ?? {};
+function useProcessTasks(handler, options) {
+    const { concurrency, items, ...callbacks } = options ?? {};
     const callbacksRef = React__default.useRef(callbacks);
     if (callbacks) {
         callbacksRef.current = callbacks;
@@ -36,6 +36,7 @@ const useProcessTasks = (handler, items, options) => {
             tasksRef.current.set(id, { ...task, ...next });
         }
         flush();
+        return !next ? undefined : tasksRef.current.get(id);
     }, [flush]);
     const createTask = React__default.useCallback((data) => {
         const getTask = () => tasksRef.current.get(data.id);
@@ -44,9 +45,12 @@ const useProcessTasks = (handler, items, options) => {
             const task = getTask();
             if (!task || task?.status !== 'QUEUED')
                 return;
-            if (task && isFunction(onTaskCancel))
-                onTaskCancel(task);
-            updateTask(data.id, { cancel: undefined, status: 'CANCELED' });
+            const canceledTask = updateTask(data.id, {
+                cancel: undefined,
+                status: 'CANCELED',
+            });
+            if (canceledTask && isFunction(onTaskCancel))
+                onTaskCancel(canceledTask);
         }
         const task = { ...QUEUED_TASK_BASE, cancel, data };
         tasksRef.current.set(data.id, task);
@@ -91,16 +95,15 @@ const useProcessTasks = (handler, items, options) => {
         const { onTaskCancel, onTaskComplete, onTaskError, onTaskProgress, onTaskSuccess, } = callbacksRef.current;
         const getTask = () => tasksRef.current.get(data.id);
         const { options } = _input;
-        const { onProgress: _onProgress, onSuccess, onError } = options ?? {};
+        const { onProgress: _onProgress } = options ?? {};
         const onProgress = ({ id }, progress) => {
-            const task = getTask();
+            const task = updateTask(id, { progress });
             if (task && isFunction(onTaskProgress)) {
                 onTaskProgress(task, progress);
             }
             if (task && isFunction(_onProgress)) {
                 _onProgress(data, progress);
             }
-            updateTask(id, { progress });
         };
         const input = { ..._input, data, options: { ...options, onProgress } };
         const { cancel: _cancel, result } = handler(input);
@@ -114,21 +117,16 @@ const useProcessTasks = (handler, items, options) => {
             };
         result
             .then((output) => {
-            const task = getTask();
-            if (task && isFunction(onTaskSuccess)) {
-                onTaskSuccess(task, output?.value);
-            }
-            if (task && isFunction(onSuccess))
-                onSuccess(data, output?.value);
-            updateTask(data.id, output);
+            const task = updateTask(data.id, output);
+            const { value } = output;
+            if (task && isFunction(onTaskSuccess))
+                onTaskSuccess(task, value);
         })
-            .catch((e) => {
-            const task = getTask();
+            .catch((error) => {
+            const { message } = error;
+            const task = updateTask(data.id, { message, status: 'FAILED' });
             if (task && isFunction(onTaskError))
-                onTaskError(task, e);
-            if (task && isFunction(onError))
-                onError(data, e?.message);
-            updateTask(data.id, { message: e.message, status: 'FAILED' });
+                onTaskError(task, error);
         })
             .finally(() => {
             const task = getTask();
@@ -166,6 +164,6 @@ const useProcessTasks = (handler, items, options) => {
         { isProcessing, isProcessingComplete, reset, statusCounts, tasks },
         handleProcessTasks,
     ];
-};
+}
 
 export { useProcessTasks };

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

@@ -2,17 +2,24 @@ import { useActionHandlers } from './context.mjs';
 import { useHandler } from './useHandler.mjs';
 
 const ERROR_MESSAGE = '`useAction` must be called from within `StorageBrowser.Provider`';
-const useAction = (key, options) => {
-    if (key === 'listLocations' ||
-        key === 'listLocationItems') {
+function assertActionHandlerKey(key) {
+    if (key === 'listLocations' || key === 'listLocationItems') {
         throw new Error(`Value of \`${key}\` cannot be provided to \`useAction\``);
     }
-    const { handlers } = useActionHandlers({ errorMessage: ERROR_MESSAGE });
-    const handler = handlers?.[key];
-    if (!handler) {
+}
+function assertActionHandler(handler, key) {
+    if (typeof handler !== 'function') {
         throw new Error(`No handler found for value of \`${key}\` provided to \`useAction\``);
     }
+}
+const useAction = ((key, options) => {
+    assertActionHandlerKey(key);
+    const { handlers } = useActionHandlers({ errorMessage: ERROR_MESSAGE });
+    const handler = handlers?.[key];
+    assertActionHandler(handler, key);
     return useHandler(handler, options);
-};
+    // casting to allow usage of `UseAction` interface which ensures that
+    // the `options` param receives the correct typing
+});
 
 export { ERROR_MESSAGE, useAction };

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

@@ -1,40 +1,34 @@
 import React__default from 'react';
-import { isObject } from '@aws-amplify/ui';
+import '@aws-amplify/ui-react-core/elements';
+import '../providers/configuration/credentials/context.mjs';
 import { useGetActionInput } from '../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 { useStore } from '../providers/store/useStore.mjs';
-import { useProcessTasks } from '../tasks/useProcessTasks.mjs';
 import { DEFAULT_ACTION_CONCURRENCY } from './constants.mjs';
+import { useProcessTasks } from '../tasks/useProcessTasks.mjs';
 
-const isTasksOptions = (value) => isObject(value);
-const useHandler = (action, options) => {
-    const hasOptions = isTasksOptions(options);
-    const { items, onTaskSuccess } = options ?? {};
-    const getConfig = useGetActionInput();
-    const { location: { current }, } = useStore()[0];
-    const [state, processTask] = useProcessTasks(action, items, {
-        onTaskSuccess,
-        ...(items ? { concurrency: DEFAULT_ACTION_CONCURRENCY } : undefined),
+const isOptionsWithItems = (options) => !!options?.items;
+const isHandleTaskInput = (value) => !!value?.data;
+function useHandler(handler, options) {
+    const [state, handleProcessing] = useProcessTasks(handler, {
+        ...options,
+        concurrency: DEFAULT_ACTION_CONCURRENCY,
     });
-    const { reset, isProcessing, tasks } = state;
-    const handler = React__default.useCallback((input) => {
-        const { location } = input ?? {};
-        const config = getConfig(location ?? current);
-        if (!hasOptions) {
-            // clean up previous state
+    const getConfig = useGetActionInput();
+    const { reset, isProcessing, tasks, ...rest } = state;
+    const handleDispatch = React__default.useCallback((input) => {
+        const config = getConfig(input?.location);
+        const hasData = isHandleTaskInput(input);
+        // clean up previous state for atomic handler
+        if (hasData)
             reset();
-            processTask({ ...input, config });
-            return;
-        }
-        processTask({ config });
-    }, [current, getConfig, hasOptions, processTask, reset]);
-    return [
-        hasOptions ? state : { isProcessing, task: tasks?.[0] },
-        handler,
-    ];
-};
+        handleProcessing({
+            config,
+            ...(hasData ? { data: input.data } : undefined),
+        });
+    }, [getConfig, handleProcessing, reset]);
+    if (isOptionsWithItems(options)) {
+        return [{ ...rest, isProcessing, reset, tasks }, handleDispatch];
+    }
+    return [{ isProcessing, task: tasks?.[0] }, handleDispatch];
+}
 
 export { useHandler };

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

@@ -8,7 +8,6 @@ const LIST_ACTION_HOOKS = {
     locations: useListLocations,
 };
 const isListActionViewType = (value) => Object.keys(LIST_ACTION_HOOKS).includes(value);
-// @ts-expect-error
 const useList = (type) => {
     if (!isListActionViewType(type)) {
         throw new Error(`Value of \`${type}\` cannot be used to index \`useList\``);

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

@@ -2,23 +2,20 @@ 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 { COPY_TABLE_RESOLVERS, COPY_TABLE_KEYS } from '../../utils/tableResolvers/copyResolvers.mjs';
 import { FoldersMessageProvider } from './FoldersMessageControl.mjs';
 import { FoldersPaginationProvider } from './FoldersPaginationControl.mjs';
 import { FoldersTableProvider } from './FoldersTableControl.mjs';
 
 function CopyViewProvider({ children, ...props }) {
     const { CopyView: displayText } = useDisplayText();
-    const { actionCancelLabel, actionDestinationLabel, actionExitLabel, actionStartLabel, getActionCompleteMessage, overwriteWarningMessage, searchPlaceholder, searchSubmitLabel, searchClearLabel, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, } = displayText;
-    const { destination, folders, isProcessing, isProcessingComplete, location, statusCounts, tasks, onActionCancel, onActionExit, onActionStart, onSelectDestination, onTaskRemove, } = props;
+    const { actionCancelLabel, actionDestinationLabel, actionExitLabel, actionStartLabel, getActionCompleteMessage, overwriteWarningMessage, searchPlaceholder, searchSubmitLabel, searchClearLabel, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, title, } = displayText;
+    const { destination, folders, isProcessing, isProcessingComplete, statusCounts, tasks: items, onActionCancel, onActionExit, onActionStart, onSelectDestination, onTaskRemove, } = props;
     const { hasNextPage, highestPageVisited, hasError: hasFoldersError, message: foldersErrorMessage, query, hasExhaustedSearch, isLoading, page, pageItems, onPaginate, onQuery, onSearchClear, onSearch, onSelectFolder, } = folders;
-    const { key: locationKey } = location ?? {};
-    const tableData = getActionViewTableData({
-        tasks,
-        locationKey,
-        isProcessing,
-        displayText,
-        onTaskRemove,
+    const tableData = useResolveDataTable(COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
+        items,
+        props: { displayText, isProcessing, onTaskRemove },
     });
     const isActionStartDisabled = isProcessing || isProcessingComplete || !destination?.current;
     const isActionCancelDisabled = !isProcessing || isProcessingComplete;
@@ -50,6 +47,7 @@ function CopyViewProvider({ children, ...props }) {
             statusDisplayFailedLabel,
             statusDisplayQueuedLabel,
             tableData,
+            title,
         }, onActionCancel: onActionCancel, onActionExit: onActionExit, onActionStart: onActionStart, onSearch: onSearch, onSearchClear: onSearchClear, onSearchQueryChange: onQuery, onSelectDestination: onSelectDestination },
         React__default.createElement(FoldersPaginationProvider, { hasNextPage: hasNextPage, highestPageVisited: highestPageVisited, page: page, onPaginate: onPaginate },
             React__default.createElement(FoldersTableProvider, { destination: destination, folders: pageItems, onSelectFolder: onSelectFolder },

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

@@ -14,6 +14,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 { useFolders } from './useFolders.mjs';
 
 const useCopyView = (options) => {