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

package/dist/esm/components/StorageBrowser/credentials/{store → credentialsStore}/store.mjs

@@ -78,11 +78,7 @@ const fetchNewValue = async (store, location) => {
     const storeValues = store.values;
     const key = createCacheKey(location);
     if (!storeValues.has(key)) {
-        const newStoreValue = {
-            scope: location.scope,
-            permissions: location.permissions,
-        };
-        setCacheRecord(store, key, newStoreValue);
+        setCacheRecord(store, key, location);
     }
     const storeValue = storeValues.get(key);
     return dispatchRefresh(store.refreshHandler, storeValue, () => {

package/dist/esm/components/StorageBrowser/{providers/configuration/credentials → credentials}/useCredentialsStore.mjs

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { isFunction } from '@aws-amplify/ui';
-import { createLocationCredentialsStore } from '../../../credentials/store/create.mjs';
+import { createLocationCredentialsStore } from './credentialsStore/create.mjs';
 
 const createCredentialsStore = ({ ...input }) => {
     const { destroy, getProvider } = createLocationCredentialsStore(input);

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 → locationItems}/context.mjs

@@ -2,9 +2,10 @@ import React__default from 'react';
 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 { createFileDataItem } from '../actions/handlers/utils.mjs';
 import 'aws-amplify/storage';
-import '../../../actions/configs/context.mjs';
+import '../actions/configs/context.mjs';
+import '../actions/configs/defaults.mjs';
 
 const DEFAULT_STATE = {
     fileDataItems: undefined,

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

@@ -0,0 +1,6 @@
+const DEFAULT_STATE = {
+    actionType: undefined,
+    location: { current: undefined, path: '', key: '' },
+};
+
+export { DEFAULT_STATE };

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

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { noop } from '@aws-amplify/ui';
+import { createContextUtilities } from '@aws-amplify/ui-react-core';
+import { DEFAULT_STATE } from './constants.mjs';
+import useStoreReducer from './useStoreReducer.mjs';
+
+const DEFAULT_VALUE = [DEFAULT_STATE, noop];
+const { StoreContext, useStore } = createContextUtilities({
+    contextName: 'Store',
+    defaultValue: DEFAULT_VALUE,
+});
+function StoreProvider({ children, ...props }) {
+    const value = useStoreReducer(props);
+    return (React__default.createElement(StoreContext.Provider, { value: value }, children));
+}
+
+export { StoreContext, StoreProvider, useStore };

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

@@ -0,0 +1,34 @@
+import { DEFAULT_STATE } from './constants.mjs';
+
+function storeReducer(state, action) {
+    switch (action.type) {
+        case 'CHANGE_LOCATION': {
+            const { location, path = '' } = action;
+            if (state.location.current?.id === location.id &&
+                state.location.path === path) {
+                return state;
+            }
+            const key = `${location.prefix}${path}`;
+            return { ...state, location: { current: location, path, key } };
+        }
+        case 'RESET_LOCATION': {
+            if (state.location.current === undefined)
+                return state;
+            return { ...state, location: DEFAULT_STATE.location };
+        }
+        case 'CHANGE_ACTION_TYPE': {
+            const { actionType } = action;
+            if (state.actionType === actionType) {
+                return state;
+            }
+            return { ...state, actionType };
+        }
+        case 'RESET_ACTION_TYPE': {
+            if (state.actionType === undefined)
+                return state;
+            return { ...state, actionType: DEFAULT_STATE.actionType };
+        }
+    }
+}
+
+export { storeReducer as default };

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

@@ -0,0 +1,21 @@
+import { useControlledReducer } from '@aws-amplify/ui-react-core';
+import storeReducer from './storeReducer.mjs';
+import { getInitialState, getState } from './utils.mjs';
+import validateStoreProps from './validateStoreProps.mjs';
+
+function useStoreReducer(props) {
+    validateStoreProps(props);
+    const { defaultValue, onValueChange, value, ...legacyProps } = props;
+    const initialState = getInitialState(defaultValue, legacyProps);
+    const controlledState = value !== undefined ? getState(value) : undefined;
+    const onStateChange = ({ actionType, location: { current, path }, }) => {
+        const location = !current ? undefined : { ...current, path };
+        onValueChange?.({ actionType, location });
+    };
+    return useControlledReducer(storeReducer, initialState, {
+        controlledState,
+        onStateChange,
+    });
+}
+
+export { useStoreReducer as default };

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

@@ -0,0 +1,40 @@
+import { isObject } from '@aws-amplify/ui';
+import { DEFAULT_STATE } from './constants.mjs';
+
+const parseLocationType = ({ prefix, }) => prefix?.endsWith('/') ? 'PREFIX' : prefix?.length ? 'OBJECT' : 'BUCKET';
+function getLocationData(location) {
+    if (location === undefined)
+        return;
+    const { bucket, permissions, prefix, id: _id, type: _type } = location;
+    const id = _id ?? crypto.randomUUID();
+    const type = _type ?? parseLocationType(location);
+    return { bucket, permissions, prefix, id, type };
+}
+function getState(value) {
+    if (value === undefined || value === null)
+        return DEFAULT_STATE;
+    const current = getLocationData(value.location);
+    if (!current)
+        return DEFAULT_STATE;
+    const actionType = value?.actionType;
+    const path = value?.location?.path ?? '';
+    const key = `${current.prefix}${path}`;
+    return { actionType, location: { current, key, path } };
+}
+function getInitialState(defaultValue, legacyProps) {
+    // prefer `defaultValue` if provided
+    if (isObject(defaultValue) || defaultValue === null) {
+        return getState(defaultValue);
+    }
+    const legacyValue = legacyProps
+        ? {
+            actionType: legacyProps.actionType,
+            location: legacyProps.location
+                ? { ...legacyProps.location, path: legacyProps.path }
+                : undefined,
+        }
+        : undefined;
+    return getState(legacyValue);
+}
+
+export { getInitialState, getLocationData, getState, parseLocationType };

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

@@ -0,0 +1,68 @@
+import { templateJoin } from '@aws-amplify/ui';
+
+const CONLICTING_PROPS = '`StorageBrowser` has been been provided with both `value` and `defaultValue` props. StorageBrowser must be either controlled or uncontrolled (specify either the `value` prop, or the `defaultValue` prop, but not both). Decide between using a controlled or uncontrolled `StorageBrowser` and remove one of these props.';
+const READONLY = 'A `value` prop has been provided to `StorageBrowser` without `onValueChange`. This will render a read-only `StorageBrowser`. If the `StorageBrowser` should be mutable use `defaultValue`, otherwise set `onValueChange`.';
+const MISSING_REQUIRED = 'A `value` prop has been provided to `StorageBrowser` without all required `location` parameters. `StorageBrowser` will ignore the provided `location`. Missing `location` parameters: %s.';
+const DEPRECATED_SUFFIX = '`actionType`, `location` and `path` props have been deprecated and will be removed in a future major version. Provide the `value` prop for controlled behavior or the `defaultValue` prop for uncontrolled behavior.';
+const DEPRECATED_PROPS = '`StorageBrowser` has been provided with one or more deprecated props: %s. %s';
+const DEPRECATED_PROPS_AND_CONFLICTING = '`StorageBrowser` has been provided with deprecated props of %s that conflict with the `value` and `defaultValue` props. %s';
+const CHANGED_MODE = '`StorageBrowser` has changed from controlled to uncontrolled due to the `value` prop resolving to type `%s`. Switching between controlled and uncontrolled behaviors is not supported and may lead to unexpected behaviors.';
+const REQUIRED_LOCATION_KEYS = ['bucket', 'permissions', 'prefix'];
+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]);
+let didWarnConflictingBehavior = false;
+let didWarnDeprecatedAndConflictingProps = false;
+let didWarnDeprecatedProps = false;
+let didWarnMissingParameters = false;
+let didWarnReadonly = false;
+let didWarnChangedMode = false;
+let initialMode;
+function validateStoreProps(props) {
+    // eslint-disable-next-line no-console
+    const logError = console.error;
+    const { defaultValue, location, onValueChange, value } = props;
+    const deprecatedProps = templateJoin(DEPRECATED_PROP_KEYS.filter((key) => !!props[key]), template);
+    if (!didWarnDeprecatedAndConflictingProps &&
+        deprecatedProps &&
+        (!!value || !!defaultValue)) {
+        logError(DEPRECATED_PROPS_AND_CONFLICTING, deprecatedProps, DEPRECATED_SUFFIX);
+        didWarnDeprecatedAndConflictingProps = true;
+    }
+    if (!didWarnDeprecatedAndConflictingProps &&
+        !didWarnDeprecatedProps &&
+        deprecatedProps) {
+        logError(DEPRECATED_PROPS, deprecatedProps, DEPRECATED_SUFFIX);
+        didWarnDeprecatedProps = true;
+    }
+    const hasConflictingProps = value && defaultValue;
+    if (!didWarnConflictingBehavior && hasConflictingProps) {
+        logError(CONLICTING_PROPS);
+        didWarnConflictingBehavior = true;
+    }
+    const isReadonly = !hasConflictingProps && value && !onValueChange;
+    if (!didWarnReadonly && isReadonly) {
+        logError(READONLY);
+        didWarnReadonly = true;
+    }
+    const missingParameters = value?.location
+        ? templateJoin(getMissingLocationKeys(value.location), template)
+        : location
+            ? templateJoin(getMissingLocationKeys(location), template)
+            : undefined;
+    if (!didWarnMissingParameters && missingParameters) {
+        logError(MISSING_REQUIRED, missingParameters);
+        didWarnMissingParameters = true;
+    }
+    const mode = value === undefined ? 'uncontrolled' : 'controlled';
+    if (!initialMode)
+        initialMode = mode;
+    if (!didWarnChangedMode && initialMode !== mode) {
+        logError(CHANGED_MODE);
+        didWarnChangedMode = true;
+    }
+}
+
+export { CHANGED_MODE, CONLICTING_PROPS, DEPRECATED_PROPS, DEPRECATED_PROPS_AND_CONFLICTING, DEPRECATED_SUFFIX, MISSING_REQUIRED, READONLY, validateStoreProps as default };

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,35 @@
 import React__default from 'react';
-import { isObject } from '@aws-amplify/ui';
-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 '@aws-amplify/ui-react-core/elements';
+import '../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import { useGetActionInput } from '../configuration/context.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/useAction/useListFolderItems.mjs

@@ -4,8 +4,9 @@ import { USE_LIST_ERROR_MESSAGE } from './constants.mjs';
 import { useActionHandlers } from './context.mjs';
 import { createEnhancedListHandler } from './createEnhancedListHandler.mjs';
 import '@aws-amplify/ui-react-core/elements';
-import '../providers/configuration/credentials/context.mjs';
-import { useGetActionInput } from '../providers/configuration/context.mjs';
+import '../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import { useGetActionInput } from '../configuration/context.mjs';
 
 const useListFolderItems = () => {
     const { handlers } = useActionHandlers({

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

@@ -1,8 +1,9 @@
 import React__default from 'react';
 import { useDataState } from '@aws-amplify/ui-react-core';
 import '@aws-amplify/ui-react-core/elements';
-import '../providers/configuration/credentials/context.mjs';
-import { useGetActionInput } from '../providers/configuration/context.mjs';
+import '../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import { useGetActionInput } from '../configuration/context.mjs';
 import { USE_LIST_ERROR_MESSAGE } from './constants.mjs';
 import { useActionHandlers } from './context.mjs';
 import { createEnhancedListHandler } from './createEnhancedListHandler.mjs';

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

@@ -1,8 +1,12 @@
 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 { ActionCancelControl } from '../../../controls/ActionCancelControl.mjs';
 import { ActionExitControl } from '../../../controls/ActionExitControl.mjs';
 import { ActionStartControl } from '../../../controls/ActionStartControl.mjs';
@@ -18,7 +22,6 @@ import { FoldersPaginationControl } from './FoldersPaginationControl.mjs';
 import { FoldersTableControl } from './FoldersTableControl.mjs';
 import { ActionDestinationControl } from '../../../controls/ActionDestinationControl.mjs';
 import { useCopyView } from './useCopyView.mjs';
-import { classNames } from '@aws-amplify/ui';
 
 const CopyView = ({ className, ...props }) => {
     const state = useCopyView(props);

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

@@ -1,24 +1,27 @@
 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 { 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';
-import { getFolderText } from './utils.mjs';
 
 function CopyViewProvider({ children, ...props }) {
     const { CopyView: displayText } = useDisplayText();
     const { actionCancelLabel, actionDestinationLabel, actionExitLabel, actionStartLabel, getActionCompleteMessage, overwriteWarningMessage, searchPlaceholder, searchSubmitLabel, searchClearLabel, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, title, } = displayText;
-    const { destination, folders, isProcessing, isProcessingComplete, statusCounts, tasks, onActionCancel, onActionExit, onActionStart, onSelectDestination, onTaskRemove, } = props;
+    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 tableData = getActionViewTableData({
-        getFolderText,
-        tasks,
-        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;

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

@@ -3,11 +3,13 @@ import { createContextUtilities } from '@aws-amplify/ui-react-core';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
 import { MessageControl } from '../../../controls/MessageControl.mjs';
 import '@aws-amplify/ui-react';
-import { ViewElement } from '../../../context/elements/definitions.mjs';
-import '../../../context/elements/IconElement.mjs';
-import { STORAGE_BROWSER_BLOCK } from '../../../constants.mjs';
-import { useDisplayText } from '../../../displayText/context.mjs';
+import { ViewElement } from '../../../components/elements/definitions.mjs';
+import '../../../components/elements/IconElement.mjs';
 import '@aws-amplify/ui';
+import { STORAGE_BROWSER_BLOCK } from '../../../components/base/constants.mjs';
+import '../../../components/composables/context.mjs';
+import '@aws-amplify/ui-react-core/elements';
+import { useDisplayText } from '../../../displayText/context.mjs';
 
 const defaultValue = {};
 const { useFoldersMessage, FoldersMessageProvider } = createContextUtilities({ contextName: 'FoldersMessage', defaultValue });

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

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { createContextUtilities } from '@aws-amplify/ui-react-core';
-import { Pagination } from '../../../composables/Pagination.mjs';
+import { Pagination } from '../../../components/composables/Pagination.mjs';
 import { useResolvedComposable } from '../../../controls/hooks/useResolvedComposable.mjs';
 
 const defaultValue = {};