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

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/useAction/useHandler.mjs

@@ -1,7 +1,8 @@
 import React__default from 'react';
 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 { DEFAULT_ACTION_CONCURRENCY } from './constants.mjs';
 import { useProcessTasks } from '../tasks/useProcessTasks.mjs';
 

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

@@ -1,11 +1,12 @@
 import React__default from 'react';
-import { useDataState } from '@aws-amplify/ui-react-core';
+import { useAsyncReducer } from '@aws-amplify/ui-react-core';
 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({
@@ -14,7 +15,7 @@ const useListFolderItems = () => {
     const getConfig = useGetActionInput();
     const { listLocationItems } = handlers;
     const enhancedHandler = React__default.useMemo(() => createEnhancedListHandler((input) => listLocationItems({ ...input, config: getConfig() })), [getConfig, listLocationItems]);
-    return useDataState(enhancedHandler, {
+    return useAsyncReducer(enhancedHandler, {
         items: [],
         nextToken: undefined,
     });

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 { useAsyncReducer } 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';
@@ -14,7 +15,7 @@ const useListLocationItems = () => {
     const getConfig = useGetActionInput();
     const { listLocationItems } = handlers;
     const enhancedHandler = React__default.useMemo(() => createEnhancedListHandler((input) => listLocationItems({ ...input, config: getConfig() })), [getConfig, listLocationItems]);
-    return useDataState(enhancedHandler, {
+    return useAsyncReducer(enhancedHandler, {
         items: [],
         nextToken: undefined,
     });

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

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { useDataState } from '@aws-amplify/ui-react-core';
+import { useAsyncReducer } from '@aws-amplify/ui-react-core';
 import { USE_LIST_ERROR_MESSAGE } from './constants.mjs';
 import { useActionHandlers } from './context.mjs';
 import { createEnhancedListHandler } from './createEnhancedListHandler.mjs';
@@ -10,7 +10,7 @@ const useListLocations = () => {
     });
     const { listLocations } = handlers;
     const enhancedHandler = React__default.useMemo(() => createEnhancedListHandler(listLocations), [listLocations]);
-    return useDataState(enhancedHandler, {
+    return useAsyncReducer(enhancedHandler, {
         items: [],
         nextToken: undefined,
     });

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,8 +1,14 @@
 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 useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import useResolveTableData 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';
@@ -13,7 +19,7 @@ function CopyViewProvider({ children, ...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 tableData = useResolveDataTable(COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });

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 = {};

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

@@ -1,17 +1,14 @@
 import React__default, { useRef, useState } from 'react';
 import { isFunction } from '@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 { useStore } from '../../../providers/store/useStore.mjs';
+import { useLocationItems } from '../../../locationItems/context.mjs';
+import { useStore } from '../../../store/context.mjs';
 import '../../../useAction/context.mjs';
 import { useAction } from '../../../useAction/useAction.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 '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
+import '../../../configuration/context.mjs';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';
@@ -19,7 +16,8 @@ import { useFolders } from './useFolders.mjs';
 
 const useCopyView = (options) => {
     const { onExit } = options ?? {};
-    const [{ location, locationItems: { fileDataItems }, }, dispatchStoreAction,] = useStore();
+    const [{ location }, storeDispatch] = useStore();
+    const [{ fileDataItems }, locationItemsDispatch] = useLocationItems();
     const idLookup = useRef({});
     const [destination, setDestination] = useState(location);
     const data = React__default.useMemo(() => {
@@ -57,18 +55,18 @@ const useCopyView = (options) => {
     };
     const onActionExit = () => {
         // clear files state
-        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
         // clear selected action
-        dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+        storeDispatch({ type: 'RESET_ACTION_TYPE' });
         if (isFunction(onExit))
             onExit(current);
     };
     const onTaskRemove = React__default.useCallback(({ data }) => {
-        dispatchStoreAction({
+        locationItemsDispatch({
             type: 'REMOVE_LOCATION_ITEM',
             id: idLookup.current[data.id],
         });
-    }, [dispatchStoreAction]);
+    }, [locationItemsDispatch]);
     const onSelectDestination = (selectedDestination, path) => {
         setDestination({
             current: selectedDestination,

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

@@ -1,11 +1,11 @@
 import React__default from 'react';
 import '../../../useAction/context.mjs';
 import '@aws-amplify/ui-react-core/elements';
-import '../../../providers/configuration/credentials/context.mjs';
-import '../../../providers/configuration/context.mjs';
+import '../../../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import '../../../configuration/context.mjs';
 import '@aws-amplify/ui';
 import { useList } from '../../../useAction/useList.mjs';
-import '@aws-amplify/storage/internals';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';
@@ -21,8 +21,8 @@ const DEFAULT_LIST_OPTIONS = {
 const DEFAULT_REFRESH_OPTIONS = { ...DEFAULT_LIST_OPTIONS, refresh: true };
 const useFolders = ({ destination, setDestination, }) => {
     const { current, key } = destination;
-    const [{ data, hasError, isLoading, message }, handleList] = useList('folderItems');
-    const { items, nextToken, search } = data;
+    const [{ value, hasError, isLoading, message }, handleList] = useList('folderItems');
+    const { items, nextToken, search } = value;
     const { hasExhaustedSearch = false } = search ?? {};
     const onInitialize = React__default.useCallback(() => {
         handleList({
@@ -48,10 +48,7 @@ const useFolders = ({ destination, setDestination, }) => {
         handleReset();
         handleList({
             prefix: key,
-            options: {
-                ...DEFAULT_LIST_OPTIONS,
-                search: { query, filterBy: 'key' },
-            },
+            options: { ...DEFAULT_LIST_OPTIONS, search: { query, filterBy: 'key' } },
         });
     };
     const { onSearchSubmit, searchQuery: query, resetSearch, onSearchQueryChange: onQuery, } = useSearch({ onSearch });

package/dist/esm/components/StorageBrowser/views/LocationActionView/CreateFolderView/CreateFolderView.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 { ActionStartControl } from '../../../controls/ActionStartControl.mjs';
 import { ActionExitControl } from '../../../controls/ActionExitControl.mjs';
 import { FolderNameFieldControl } from '../../../controls/FolderNameFieldControl.mjs';
@@ -10,7 +14,6 @@ import { MessageControl } from '../../../controls/MessageControl.mjs';
 import { TitleControl } from '../../../controls/TitleControl.mjs';
 import { CreateFolderViewProvider } from './CreateFolderViewProvider.mjs';
 import { useCreateFolderView } from './useCreateFolderView.mjs';
-import { classNames } from '@aws-amplify/ui';
 
 const CreateFolderView = ({ className, ...props }) => {
     const state = useCreateFolderView(props);

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

@@ -4,17 +4,13 @@ import '../../../useAction/context.mjs';
 import { useAction } from '../../../useAction/useAction.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 '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
+import '../../../configuration/context.mjs';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';
-import '../../../providers/store/location/context.mjs';
-import '../../../providers/store/files/context.mjs';
-import '../../../providers/store/actionType/context.mjs';
-import '../../../providers/store/locationItems/context.mjs';
-import { useStore } from '../../../providers/store/useStore.mjs';
+import { useStore } from '../../../store/context.mjs';
 
 const useCreateFolderView = (options) => {
     const { onExit } = options ?? {};

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

@@ -1,7 +1,7 @@
 import React__default from 'react';
 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 { ActionCancelControl } from '../../../controls/ActionCancelControl.mjs';
 import { ActionExitControl } from '../../../controls/ActionExitControl.mjs';
 import { ActionStartControl } from '../../../controls/ActionStartControl.mjs';
@@ -9,10 +9,13 @@ 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 { STORAGE_BROWSER_BLOCK } from '../../../constants.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';
+import '@aws-amplify/ui-react-core/elements';
 import { DeleteViewProvider } from './DeleteViewProvider.mjs';
 import { useDeleteView } from './useDeleteView.mjs';
-import { classNames } from '@aws-amplify/ui';
 
 const DeleteView = ({ className, ...props }) => {
     const state = useDeleteView(props);

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

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
 import { useDisplayText } from '../../../displayText/context.mjs';
 import '@aws-amplify/ui';
-import useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import useResolveTableData from '../../hooks/useResolveTableData/useResolveTableData.mjs';
 import { DELETE_TABLE_RESOLVERS, DELETE_TABLE_KEYS } from '../../utils/tableResolvers/deleteResolvers.mjs';
 
 function DeleteViewProvider({ children, ...props }) {
@@ -12,7 +12,7 @@ function DeleteViewProvider({ children, ...props }) {
     const message = isProcessingComplete
         ? getActionCompleteMessage({ counts: statusCounts })
         : undefined;
-    const tableData = useResolveDataTable(DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });

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

@@ -1,17 +1,14 @@
 import React__default from 'react';
 import { isFunction } from '@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 { useStore } from '../../../providers/store/useStore.mjs';
+import { useLocationItems } from '../../../locationItems/context.mjs';
+import { useStore } from '../../../store/context.mjs';
 import '../../../useAction/context.mjs';
 import { useAction } from '../../../useAction/useAction.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 '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
+import '../../../configuration/context.mjs';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';
@@ -20,7 +17,8 @@ import '../../../actions/configs/defaults.mjs';
 const EMPTY_ITEMS = [];
 const useDeleteView = (options) => {
     const { onExit: _onExit } = options ?? {};
-    const [{ location, locationItems }, dispatchStoreAction] = useStore();
+    const [{ location }, storeDispatch] = useStore();
+    const [locationItems, locationItemsDispatch] = useLocationItems();
     const { current } = location;
     const { fileDataItems: items = EMPTY_ITEMS } = locationItems;
     const [processState, handleProcess] = useAction('delete', { items });
@@ -39,15 +37,15 @@ const useDeleteView = (options) => {
     };
     const onActionExit = () => {
         // clear files state
-        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
         // clear selected action
-        dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+        storeDispatch({ type: 'RESET_ACTION_TYPE' });
         if (isFunction(_onExit))
             _onExit(current);
     };
     const onTaskRemove = React__default.useCallback(({ data }) => {
-        dispatchStoreAction({ type: 'REMOVE_LOCATION_ITEM', id: data.id });
-    }, [dispatchStoreAction]);
+        locationItemsDispatch({ type: 'REMOVE_LOCATION_ITEM', id: data.id });
+    }, [locationItemsDispatch]);
     return {
         isProcessing,
         isProcessingComplete,

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

@@ -1,9 +1,5 @@
 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 { useStore } from '../../store/context.mjs';
 import { useActionViews } from '../context/actionViews.mjs';
 
 const LocationActionView = ({ type, ...props }) => {

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

@@ -1,23 +1,27 @@
 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 { ActionDestinationControl } from '../../../controls/ActionDestinationControl.mjs';
 import { ActionExitControl } from '../../../controls/ActionExitControl.mjs';
+import '../../../controls/context.mjs';
 import { ActionStartControl } from '../../../controls/ActionStartControl.mjs';
 import { AddFilesControl } from '../../../controls/AddFilesControl.mjs';
 import { AddFolderControl } from '../../../controls/AddFolderControl.mjs';
 import { DataTableControl } from '../../../controls/DataTableControl.mjs';
 import { DropZoneControl } from '../../../controls/DropZoneControl.mjs';
-import { OverwriteToggleControl } from '../../../controls/OverwriteToggleControl.mjs';
 import { MessageControl } from '../../../controls/MessageControl.mjs';
+import { OverwriteToggleControl } from '../../../controls/OverwriteToggleControl.mjs';
 import { StatusDisplayControl } from '../../../controls/StatusDisplayControl.mjs';
 import { TitleControl } from '../../../controls/TitleControl.mjs';
 import { UploadViewProvider } from './UploadViewProvider.mjs';
 import { useUploadView } from './useUploadView.mjs';
-import { classNames } from '@aws-amplify/ui';
 
 const UploadView = ({ className, ...props }) => {
     const state = useUploadView(props);

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

@@ -7,7 +7,7 @@ import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
 import { useDisplayText } from '../../../displayText/context.mjs';
-import useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import useResolveTableData from '../../hooks/useResolveTableData/useResolveTableData.mjs';
 import { UPLOAD_TABLE_RESOLVERS, UPLOAD_TABLE_KEYS } from '../../utils/tableResolvers/uploadResolvers.mjs';
 
 function UploadViewProvider({ children, ...props }) {
@@ -27,7 +27,7 @@ function UploadViewProvider({ children, ...props }) {
     const filesValidationMessage = invalidFiles && !isProcessing
         ? getFilesValidationMessage({ invalidFiles })
         : undefined;
-    const tableData = useResolveDataTable(UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, isMultipartUpload, onTaskRemove },
     });

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

@@ -1,17 +1,14 @@
 import React__default from 'react';
 import { isUndefined } from '@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 { useStore } from '../../../providers/store/useStore.mjs';
+import { useFiles } from '../../../files/context.mjs';
+import { useStore } from '../../../store/context.mjs';
 import '../../../useAction/context.mjs';
 import { useAction } from '../../../useAction/useAction.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 '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
+import '../../../configuration/context.mjs';
 import 'aws-amplify/storage';
 import { isFileTooBig } from '../../../validators/isFileTooBig.mjs';
 import '../../../actions/configs/context.mjs';
@@ -20,7 +17,8 @@ import { DEFAULT_OVERWRITE_ENABLED } from './constants.mjs';
 
 const useUploadView = (options) => {
     const { onExit: _onExit } = options ?? {};
-    const [{ files, location }, dispatchStoreAction] = useStore();
+    const [{ location }, storeDispatch] = useStore();
+    const [files, filesDispatch] = useFiles();
     const { current } = location;
     const [isOverwritingEnabled, setIsOverwritingEnabled] = React__default.useState(DEFAULT_OVERWRITE_ENABLED);
     const filesData = React__default.useMemo(() => (files ?? [])?.reduce((curr, item) => {
@@ -48,15 +46,15 @@ const useUploadView = (options) => {
     const [{ isProcessing, isProcessingComplete, statusCounts, tasks }, handleUploads,] = useAction('upload', { items: data });
     const onDropFiles = (files) => {
         if (files) {
-            dispatchStoreAction({ type: 'ADD_FILE_ITEMS', files });
+            filesDispatch({ type: 'ADD_FILE_ITEMS', files });
         }
     };
     const onSelectFiles = (type) => {
-        dispatchStoreAction({ type: 'SELECT_FILES', selectionType: type });
+        filesDispatch({ type: 'SELECT_FILES', selectionType: type });
     };
     const onActionStart = () => {
         invalidFiles?.forEach((file) => {
-            dispatchStoreAction({ type: 'REMOVE_FILE_ITEM', id: file.id });
+            filesDispatch({ type: 'REMOVE_FILE_ITEM', id: file.id });
         });
         handleUploads();
     };
@@ -65,16 +63,16 @@ const useUploadView = (options) => {
     };
     const onActionExit = () => {
         // clear files state
-        dispatchStoreAction({ type: 'RESET_FILE_ITEMS' });
+        filesDispatch({ type: 'RESET_FILE_ITEMS' });
         // clear selected action
-        dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+        storeDispatch({ type: 'RESET_ACTION_TYPE' });
         _onExit?.(current);
     };
     const onToggleOverwrite = () => {
         setIsOverwritingEnabled((prev) => !prev);
     };
     const onTaskRemove = ({ data }) => {
-        dispatchStoreAction({ type: 'REMOVE_FILE_ITEM', id: data.id });
+        filesDispatch({ type: 'REMOVE_FILE_ITEM', id: data.id });
     };
     return {
         isProcessing,