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

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

@@ -1,24 +1,23 @@
 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';
 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(() => {
@@ -56,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,15 +1,14 @@
 import React__default from 'react';
 import '../../../useAction/context.mjs';
+import '@aws-amplify/ui-react-core/elements';
+import '../../../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import '../../../configuration/context.mjs';
 import '@aws-amplify/ui';
-import '../../../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 { useList } from '../../../useAction/useList.mjs';
-import '@aws-amplify/storage/internals';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
 import { usePaginate } from '../../hooks/usePaginate.mjs';
 import { useSearch } from '../../hooks/useSearch.mjs';
 
@@ -31,29 +30,25 @@ const useFolders = ({ destination, setDestination, }) => {
             options: { ...DEFAULT_REFRESH_OPTIONS },
         });
     }, [handleList, key]);
-    const hasNextToken = !!nextToken;
-    const paginateCallback = () => {
-        if (!nextToken)
+    const hasNextPage = !!nextToken;
+    const onPaginate = () => {
+        if (!hasNextPage)
             return;
         handleList({
             prefix: key,
             options: { ...DEFAULT_LIST_OPTIONS, nextToken },
         });
     };
-    const { currentPage: page, onPaginate, highestPageVisited, pageItems, handleReset, } = usePaginate({
+    const { currentPage: page, handlePaginate, highestPageVisited, pageItems, handleReset, } = usePaginate({
         items,
-        paginateCallback,
+        onPaginate,
         pageSize: DEFAULT_PAGE_SIZE,
-        hasNextToken,
     });
     const onSearch = (query) => {
         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 });
@@ -70,7 +65,7 @@ const useFolders = ({ destination, setDestination, }) => {
     };
     return {
         hasError,
-        hasNextPage: hasNextToken,
+        hasNextPage,
         highestPageVisited,
         isLoading,
         message,
@@ -79,7 +74,7 @@ const useFolders = ({ destination, setDestination, }) => {
         pageItems,
         query,
         hasExhaustedSearch,
-        onPaginate,
+        onPaginate: handlePaginate,
         onQuery,
         onSearch: onSearchSubmit,
         onSearchClear: () => {

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,16 +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 '../../../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 '../../../actions/configs/defaults.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,22 +2,19 @@ import React__default from 'react';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
 import { useDisplayText } from '../../../displayText/context.mjs';
 import '@aws-amplify/ui';
-import { getActionViewTableData } from '../getActionViewTableData.mjs';
-import { getFolderText } from './utils.mjs';
+import useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import { DELETE_TABLE_RESOLVERS, DELETE_TABLE_KEYS } from '../../utils/tableResolvers/deleteResolvers.mjs';
 
 function DeleteViewProvider({ children, ...props }) {
     const { DeleteView: displayText } = useDisplayText();
     const { actionCancelLabel, actionExitLabel, actionStartLabel, title, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, getActionCompleteMessage, } = displayText;
-    const { isProcessing, isProcessingComplete, statusCounts, tasks, onActionCancel, onActionStart, onActionExit, onTaskRemove, } = props;
+    const { isProcessing, isProcessingComplete, statusCounts, tasks: items, onActionCancel, onActionStart, onActionExit, onTaskRemove, } = props;
     const message = isProcessingComplete
         ? getActionCompleteMessage({ counts: statusCounts })
         : undefined;
-    const tableData = getActionViewTableData({
-        tasks,
-        isProcessing,
-        displayText,
-        getFolderText,
-        onTaskRemove,
+    const tableData = useResolveDataTable(DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
+        items,
+        props: { displayText, isProcessing, onTaskRemove },
     });
     return (React__default.createElement(ControlsContextProvider, { data: {
             actionCancelLabel,

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

@@ -1,25 +1,24 @@
 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';
 
 // assign to constant to ensure referential equality
 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 });
@@ -38,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

@@ -1,14 +1,19 @@
 import React__default from 'react';
+import '@aws-amplify/storage/internals';
+import { isMultipartUpload } from '../../../actions/handlers/utils.mjs';
+import '@aws-amplify/ui';
+import 'aws-amplify/storage';
+import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
 import { useDisplayText } from '../../../displayText/context.mjs';
-import '@aws-amplify/ui';
-import { getActionViewTableData } from '../getActionViewTableData.mjs';
-import { getFolderText } from './utils.mjs';
+import useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import { UPLOAD_TABLE_RESOLVERS, UPLOAD_TABLE_KEYS } from '../../utils/tableResolvers/uploadResolvers.mjs';
 
 function UploadViewProvider({ children, ...props }) {
     const { UploadView: displayText } = useDisplayText();
     const { actionCancelLabel, actionDestinationLabel, actionExitLabel, actionStartLabel, addFilesLabel, addFolderLabel, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, overwriteToggleLabel, title, getActionCompleteMessage, getFilesValidationMessage, } = displayText;
-    const { isOverwritingEnabled, isProcessing, isProcessingComplete, location, tasks, statusCounts, invalidFiles, onActionStart, onActionCancel, onDropFiles, onActionExit, onTaskRemove, onSelectFiles, onToggleOverwrite, } = props;
+    const { isOverwritingEnabled, isProcessing, isProcessingComplete, location, tasks: items, statusCounts, invalidFiles, onActionStart, onActionCancel, onDropFiles, onActionExit, onTaskRemove, onSelectFiles, onToggleOverwrite, } = props;
     const isActionStartDisabled = isProcessing || isProcessingComplete || statusCounts.TOTAL === 0;
     const isActionCancelDisabled = !isProcessing || isProcessingComplete;
     const isAddFilesDisabled = isProcessing || isProcessingComplete;
@@ -22,6 +27,10 @@ function UploadViewProvider({ children, ...props }) {
     const filesValidationMessage = invalidFiles && !isProcessing
         ? getFilesValidationMessage({ invalidFiles })
         : undefined;
+    const tableData = useResolveDataTable(UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, {
+        items,
+        props: { displayText, isProcessing, isMultipartUpload, onTaskRemove },
+    });
     return (React__default.createElement(ControlsContextProvider, { data: {
             actionCancelLabel,
             actionDestinationLabel,
@@ -45,14 +54,7 @@ function UploadViewProvider({ children, ...props }) {
             statusDisplayCompletedLabel,
             statusDisplayFailedLabel,
             statusDisplayQueuedLabel,
-            tableData: getActionViewTableData({
-                getFolderText,
-                tasks,
-                shouldDisplayProgress: true,
-                displayText,
-                isProcessing,
-                onTaskRemove,
-            }),
+            tableData,
             title,
         }, onActionCancel: onActionCancel, onActionExit: onActionExit, onActionStart: onActionStart, onAddFiles: () => {
             onSelectFiles('FILE');

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

@@ -1,25 +1,24 @@
 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 { isFileTooBig } from '../../../validators/isFileTooBig.mjs';
+import '../../../configuration/context.mjs';
 import 'aws-amplify/storage';
+import { isFileTooBig } from '../../../validators/isFileTooBig.mjs';
 import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
 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) => {
@@ -47,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();
     };
@@ -64,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/getLocationDetailViewTableData/getLocationDetailViewTableData.mjs

@@ -3,6 +3,7 @@ import { createFileDataItem } from '../../../actions/handlers/utils.mjs';
 import '@aws-amplify/ui';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
 import { getFileRowContent } from './getFileRowContent.mjs';
 import { getFolderRowContent } from './getFolderRowContent.mjs';
 import { getHeaders } from './getHeaders.mjs';