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

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,7 +1,13 @@
 import React__default from 'react';
+import '@aws-amplify/ui';
+import '@aws-amplify/ui-react';
+import '../../../components/elements/definitions.mjs';
+import '../../../components/elements/IconElement.mjs';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
+import '../../../components/composables/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
 import { useDisplayText } from '../../../displayText/context.mjs';
-import '@aws-amplify/ui';
 import useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
 import { COPY_TABLE_RESOLVERS, COPY_TABLE_KEYS } from '../../utils/tableResolvers/copyResolvers.mjs';
 import { FoldersMessageProvider } from './FoldersMessageControl.mjs';

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';
@@ -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/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/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,

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

@@ -1,11 +1,16 @@
 import React__default from 'react';
-import { STORAGE_BROWSER_BLOCK } from '../../constants.mjs';
+import { classNames } from '@aws-amplify/ui';
 import '@aws-amplify/ui-react';
-import { ViewElement } from '../../context/elements/definitions.mjs';
-import '../../context/elements/IconElement.mjs';
+import { ViewElement } from '../../components/elements/definitions.mjs';
+import '../../components/elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK } from '../../components/base/constants.mjs';
+import '../../components/composables/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import '../../controls/context.mjs';
 import { ActionsListControl } from '../../controls/ActionsListControl.mjs';
-import { DataTableControl } from '../../controls/DataTableControl.mjs';
 import { DataRefreshControl } from '../../controls/DataRefreshControl.mjs';
+import { DataTableControl } from '../../controls/DataTableControl.mjs';
 import { DropZoneControl } from '../../controls/DropZoneControl.mjs';
 import { LoadingIndicatorControl } from '../../controls/LoadingIndicatorControl.mjs';
 import { MessageControl } from '../../controls/MessageControl.mjs';
@@ -14,9 +19,8 @@ import { PaginationControl } from '../../controls/PaginationControl.mjs';
 import { SearchFieldControl } from '../../controls/SearchFieldControl.mjs';
 import { SearchSubfoldersToggleControl } from '../../controls/SearchSubfoldersToggleControl.mjs';
 import { TitleControl } from '../../controls/TitleControl.mjs';
-import { useLocationDetailView } from './useLocationDetailView.mjs';
 import { LocationDetailViewProvider } from './LocationDetailViewProvider.mjs';
-import { classNames } from '@aws-amplify/ui';
+import { useLocationDetailView } from './useLocationDetailView.mjs';
 
 const LocationDetailView = ({ className, ...props }) => {
     const state = useLocationDetailView(props);

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

@@ -1,15 +1,13 @@
 import React__default from 'react';
 import { isUndefined, isFunction } from '@aws-amplify/ui';
 import { usePaginate } from '../hooks/usePaginate.mjs';
-import '../../providers/store/location/context.mjs';
-import '../../providers/store/files/context.mjs';
-import '../../providers/store/actionType/context.mjs';
-import '../../providers/store/locationItems/context.mjs';
-import { useStore } from '../../providers/store/useStore.mjs';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify/storage';
 import { useActionConfigs } from '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';
+import { useFiles } from '../../files/context.mjs';
+import { useLocationItems } from '../../locationItems/context.mjs';
+import { useStore } from '../../store/context.mjs';
 import '../../useAction/context.mjs';
 import { useAction } from '../../useAction/useAction.mjs';
 import { useList } from '../../useAction/useList.mjs';
@@ -32,7 +30,9 @@ const useLocationDetailView = (options) => {
         ...initialValues,
     });
     const listOptions = listOptionsRef.current;
-    const [{ location, locationItems, actionType }, dispatchStoreAction] = useStore();
+    const [{ location, actionType }, storeDispatch] = useStore();
+    const [locationItems, locationItemsDispatch] = useLocationItems();
+    const filesDispatch = useFiles()[1];
     const { current, key } = location;
     const { permissions, prefix } = current ?? {};
     const { fileDataItems } = locationItems;
@@ -45,7 +45,7 @@ const useLocationDetailView = (options) => {
     const onPaginate = () => {
         if (hasInvalidPrefix || !nextToken)
             return;
-        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
         handleList({
             prefix: key,
             options: { ...listOptions, nextToken },
@@ -70,7 +70,7 @@ const useLocationDetailView = (options) => {
         };
         handleReset();
         handleList({ prefix: key, options: searchOptions });
-        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
     };
     const { searchQuery, isSearchingSubfolders: isSearchSubfoldersEnabled, onSearchQueryChange, onSearchSubmit, onToggleSearchSubfolders, resetSearch, } = useSearch({ onSearch });
     const onRefresh = () => {
@@ -82,7 +82,7 @@ const useLocationDetailView = (options) => {
             prefix: key,
             options: { ...listOptions, refresh: true },
         });
-        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
     };
     React__default.useEffect(() => {
         if (hasInvalidPrefix)
@@ -133,25 +133,25 @@ const useLocationDetailView = (options) => {
         hasExhaustedSearch,
         onRefresh,
         onActionExit: () => {
-            dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+            storeDispatch({ type: 'RESET_ACTION_TYPE' });
         },
         onActionSelect: (nextActionType) => {
             options?.onActionSelect?.(nextActionType);
-            dispatchStoreAction({
-                type: 'SET_ACTION_TYPE',
+            storeDispatch({
+                type: 'CHANGE_ACTION_TYPE',
                 actionType: nextActionType,
             });
         },
         onNavigate: (location, path) => {
             onNavigate?.(location, path);
             resetSearch();
-            dispatchStoreAction({ type: 'NAVIGATE', location, path });
-            dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+            storeDispatch({ type: 'CHANGE_LOCATION', location, path });
+            locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
         },
         onDropFiles: (files) => {
-            dispatchStoreAction({ type: 'ADD_FILE_ITEMS', files });
+            filesDispatch({ type: 'ADD_FILE_ITEMS', files });
             const actionType = 'upload';
-            dispatchStoreAction({ type: 'SET_ACTION_TYPE', actionType });
+            storeDispatch({ type: 'CHANGE_ACTION_TYPE', actionType });
             options?.onActionSelect?.(actionType);
         },
         onDownload: (data) => {
@@ -159,23 +159,23 @@ const useLocationDetailView = (options) => {
         },
         onNavigateHome: () => {
             onExit?.();
-            dispatchStoreAction({ type: 'RESET_LOCATION' });
+            storeDispatch({ type: 'RESET_LOCATION' });
             handleList({
                 // @todo: prefix should not be required to refresh
                 prefix: prefix ?? '',
                 options: { reset: true },
             });
-            dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
-            dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+            storeDispatch({ type: 'RESET_ACTION_TYPE' });
+            locationItemsDispatch({ type: 'RESET_LOCATION_ITEMS' });
         },
         onSelect: (isSelected, fileItem) => {
-            dispatchStoreAction(isSelected
+            locationItemsDispatch(isSelected
                 ? { type: 'REMOVE_LOCATION_ITEM', id: fileItem.id }
                 : { type: 'SET_LOCATION_ITEMS', items: [fileItem] });
         },
         onToggleSelectAll: () => {
             const fileItems = pageItems.filter((item) => item.type === 'FILE');
-            dispatchStoreAction(fileItems.length === fileDataItems?.length
+            locationItemsDispatch(fileItems.length === fileDataItems?.length
                 ? { type: 'RESET_LOCATION_ITEMS' }
                 : { type: 'SET_LOCATION_ITEMS', items: fileItems });
         },

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

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

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

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