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

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,20 +30,22 @@ 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;
     const hasInvalidPrefix = isUndefined(prefix);
     const [{ task }, handleDownload] = useAction('download');
-    const [{ data, isLoading, hasError, message }, handleList] = useList('locationItems');
+    const [{ value, isLoading, hasError, message }, handleList] = useList('locationItems');
     // set up pagination
-    const { items, nextToken, search } = data;
+    const { items, nextToken, search } = value;
     const { hasExhaustedSearch = false } = search ?? {};
     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 }) {

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

@@ -1,18 +1,14 @@
 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 '../../useAction/context.mjs';
-import { useAction } from '../../useAction/useAction.mjs';
-import { useList } from '../../useAction/useList.mjs';
-import '@aws-amplify/ui';
 import '@aws-amplify/storage/internals';
 import { getFileKey } from '../../actions/handlers/utils.mjs';
+import '@aws-amplify/ui';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';
+import { useStore } from '../../store/context.mjs';
+import '../../useAction/context.mjs';
+import { useAction } from '../../useAction/useAction.mjs';
+import { useList } from '../../useAction/useList.mjs';
 import { usePaginate } from '../hooks/usePaginate.mjs';
 import { useSearch } from '../hooks/useSearch.mjs';
 
@@ -28,8 +24,8 @@ const useLocationsView = (options) => {
     const handleDownload = useAction('download')[1];
     const [state, handleList] = useList('locations');
     const dispatchStoreAction = useStore()[1];
-    const { data, message, hasError, isLoading } = state;
-    const { items, nextToken, search } = data;
+    const { value, message, hasError, isLoading } = state;
+    const { items, nextToken, search } = value;
     const hasNextToken = !!nextToken;
     const { hasExhaustedSearch = false } = search ?? {};
     const onNavigate = options?.onNavigate;
@@ -92,7 +88,7 @@ const useLocationsView = (options) => {
         },
         onNavigate: (location) => {
             onNavigate?.(location);
-            dispatchStoreAction({ type: 'NAVIGATE', location });
+            dispatchStoreAction({ type: 'CHANGE_LOCATION', location });
         },
         onRefresh: () => {
             resetSearch();

package/dist/esm/components/StorageBrowser/views/context/actionViews.mjs

@@ -1,21 +1,20 @@
 import React__default from 'react';
 import { UploadView } from '../LocationActionView/UploadView/UploadView.mjs';
 import '@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 '../../files/context.mjs';
+import '../../store/context.mjs';
 import '../../useAction/context.mjs';
 import '@aws-amplify/ui-react-core/elements';
-import '../../providers/configuration/credentials/context.mjs';
-import '../../providers/configuration/context.mjs';
-import '@aws-amplify/ui-react-core';
+import '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
+import '../../configuration/context.mjs';
+import '@aws-amplify/ui-react-core';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';
 import { CreateFolderView } from '../LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import { CopyView } from '../LocationActionView/CopyView/CopyView.mjs';
+import '../../locationItems/context.mjs';
 import { DeleteView } from '../LocationActionView/DeleteView/DeleteView.mjs';
 
 const DEFAULT_ACTION_VIEWS = {

package/dist/esm/components/StorageBrowser/views/context/primaryViews.mjs

@@ -1,16 +1,14 @@
 import React__default from 'react';
 import '../LocationActionView/CopyView/CopyView.mjs';
 import '@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 '../../locationItems/context.mjs';
+import '../../store/context.mjs';
 import '../../useAction/context.mjs';
 import '@aws-amplify/ui-react-core/elements';
-import '../../providers/configuration/credentials/context.mjs';
-import '../../providers/configuration/context.mjs';
-import '@aws-amplify/ui-react-core';
+import '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
+import '../../configuration/context.mjs';
+import '@aws-amplify/ui-react-core';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';
@@ -18,6 +16,7 @@ import '../LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import '../LocationActionView/DeleteView/DeleteView.mjs';
 import { LocationActionView } from '../LocationActionView/LocationActionView.mjs';
 import '../LocationActionView/UploadView/UploadView.mjs';
+import '../../files/context.mjs';
 import { LocationDetailView } from '../LocationDetailView/LocationDetailView.mjs';
 import { LocationsView } from '../LocationsView/LocationsView.mjs';
 

package/dist/esm/components/StorageBrowser/views/hooks/useResolveTableData/useResolveTableData.mjs

@@ -1,6 +1,6 @@
 import React__default from 'react';
 
-function useResolveDataTable(keys, { getCell, getHeader, getRowKey }, { items, props }) {
+function useResolveTableData(keys, { getCell, getHeader, getRowKey }, { items, props }) {
     return React__default.useMemo(() => {
         const getRow = (item) => ({
             key: getRowKey({ item, props }),
@@ -12,4 +12,4 @@ function useResolveDataTable(keys, { getCell, getHeader, getRowKey }, { items, p
     }, [getCell, getHeader, getRowKey, keys, items, props]);
 }
 
-export { useResolveDataTable as default };
+export { useResolveTableData as default };

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

@@ -5,14 +5,10 @@ import { useCreateFolderView } from './LocationActionView/CreateFolderView/useCr
 import './LocationActionView/DeleteView/DeleteView.mjs';
 import { useDeleteView } from './LocationActionView/DeleteView/useDeleteView.mjs';
 import '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 '../store/context.mjs';
 import './context/actionViews.mjs';
 import './LocationActionView/UploadView/UploadView.mjs';
 import { useUploadView } from './LocationActionView/UploadView/useUploadView.mjs';
-import '@aws-amplify/ui';
 import './LocationDetailView/LocationDetailView.mjs';
 import { useLocationDetailView } from './LocationDetailView/useLocationDetailView.mjs';
 import './LocationsView/LocationsView.mjs';

package/dist/esm/components/StorageBrowser/views/utils/tableResolvers/copyResolvers.mjs

@@ -1,8 +1,8 @@
-import { capitalize, noop } from '@aws-amplify/ui';
+import { noop, capitalize } from '@aws-amplify/ui';
 import '../../../displayText/context.mjs';
 import { isCopyViewDisplayTextKey } from '../../../displayText/utils.mjs';
 import { STATUS_ICONS, STATUS_LABELS } from './constants.mjs';
-import { getCopyCellFolder, getFileType, getFileSize, getCopyOrDeleteCancelCellContent } from './utils.mjs';
+import { getCopyOrDeleteCancelCellContent, getFileSize, getFileType, getCopyCellFolder } from './utils.mjs';
 
 const COPY_TABLE_KEYS = [
     'name',

package/dist/esm/components/StorageBrowser/views/utils/tableResolvers/deleteResolvers.mjs

@@ -1,8 +1,8 @@
-import { capitalize, noop } from '@aws-amplify/ui';
+import { noop, capitalize } from '@aws-amplify/ui';
 import '../../../displayText/context.mjs';
 import { isDeleteViewDisplayTextKey } from '../../../displayText/utils.mjs';
 import { STATUS_ICONS, STATUS_LABELS } from './constants.mjs';
-import { getDeleteCellFolder, getFileType, getFileSize, getCopyOrDeleteCancelCellContent } from './utils.mjs';
+import { getCopyOrDeleteCancelCellContent, getFileSize, getFileType, getDeleteCellFolder } from './utils.mjs';
 
 const DELETE_TABLE_KEYS = [
     'name',

package/dist/esm/components/StorageBrowser/views/utils/tableResolvers/uploadResolvers.mjs

@@ -1,6 +1,6 @@
 import { capitalize } from '@aws-amplify/ui';
-import { STATUS_ICONS, STATUS_LABELS } from './constants.mjs';
-import { getCellName, getUploadCellFolder, getFileType, getFileSize, getUploadCellProgress } from './utils.mjs';
+import { STATUS_LABELS, STATUS_ICONS } from './constants.mjs';
+import { getFileType, getCellName, getFileSize, getUploadCellProgress, getUploadCellFolder } from './utils.mjs';
 
 const UPLOAD_TABLE_KEYS = [
     'name',

package/dist/esm/components/StorageImage/StorageImage.mjs

@@ -22,7 +22,7 @@ const getDeprecationMessage = ({ hasImgkey, hasPath, hasDeprecatedOptions, }) =>
     }
     return message;
 };
-const StorageImage = ({ accessLevel, bucket, className, fallbackSrc, identityId, imgKey, path, onStorageGetError, onGetUrlError, validateObjectExistence = true, ...rest }) => {
+const StorageImage = ({ accessLevel, bucket, className, fallbackSrc, identityId, imgKey, path, loadingElement, onStorageGetError, onGetUrlError, validateObjectExistence = true, ...rest }) => {
     const hasImgkey = !!imgKey;
     const hasPath = !!path;
     const hasDeprecatedOptions = !!accessLevel || !!identityId;
@@ -59,7 +59,10 @@ const StorageImage = ({ accessLevel, bucket, className, fallbackSrc, identityId,
         path,
         validateObjectExistence,
     ]);
-    const { url } = useGetUrl(input);
+    const { url, isLoading } = useGetUrl(input);
+    if (isLoading) {
+        return !loadingElement ? null : React.createElement(React.Fragment, null, loadingElement);
+    }
     return (React.createElement(Image, { ...rest, className: classNames(ComponentClassName.StorageImage, className), src: url?.toString() ?? fallbackSrc }));
 };
 

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.9.2';
+const VERSION = '3.10.1';
 
 export { VERSION };

package/dist/index.js

@@ -9,11 +9,11 @@ var uiReactCore = require('@aws-amplify/ui-react-core');
 var auth = require('aws-amplify/auth');
 var storage = require('aws-amplify/storage');
 var internal = require('@aws-amplify/ui-react/internal');
-var createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-BJjOYxQA.js');
+var createStorageBrowser = require('./createStorageBrowser-BfRLqdUj.js');
 require('@aws-amplify/storage/internals');
-require('@aws-amplify/ui-react-core/elements');
 require('aws-amplify');
 require('aws-amplify/utils');
+require('@aws-amplify/ui-react-core/elements');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -699,7 +699,7 @@ const FileUploaderBase = React__namespace.forwardRef(function FileUploader({ acc
     uiReactCore.useSetUserAgent({
         componentName: 'FileUploader',
         packageName: 'react-storage',
-        version: createAmplifyAuthAdapter.VERSION,
+        version: createStorageBrowser.VERSION,
     });
     return (React__namespace.createElement(Components.Container, { className: `${ui.ComponentClassName.FileUploader} ${hasFiles ? ui.ComponentClassName.FileUploaderPreviewer : ''}` },
         React__namespace.createElement(Components.DropZone, { inDropZone: dragState !== 'inactive', ...dropZoneProps, displayText: displayText },
@@ -738,7 +738,7 @@ const getDeprecationMessage = ({ hasImgkey, hasPath, hasDeprecatedOptions, }) =>
     }
     return message;
 };
-const StorageImage = ({ accessLevel, bucket, className, fallbackSrc, identityId, imgKey, path, onStorageGetError, onGetUrlError, validateObjectExistence = true, ...rest }) => {
+const StorageImage = ({ accessLevel, bucket, className, fallbackSrc, identityId, imgKey, path, loadingElement, onStorageGetError, onGetUrlError, validateObjectExistence = true, ...rest }) => {
     const hasImgkey = !!imgKey;
     const hasPath = !!path;
     const hasDeprecatedOptions = !!accessLevel || !!identityId;
@@ -754,7 +754,7 @@ const StorageImage = ({ accessLevel, bucket, className, fallbackSrc, identityId,
     uiReactCore.useSetUserAgent({
         componentName: 'StorageImage',
         packageName: 'react-storage',
-        version: createAmplifyAuthAdapter.VERSION,
+        version: createStorageBrowser.VERSION,
     });
     const onError = onGetUrlError ?? onStorageGetError;
     const input = React__namespace.useMemo(() => ({
@@ -775,7 +775,10 @@ const StorageImage = ({ accessLevel, bucket, className, fallbackSrc, identityId,
         path,
         validateObjectExistence,
     ]);
-    const { url } = uiReactCore.useGetUrl(input);
+    const { url, isLoading } = uiReactCore.useGetUrl(input);
+    if (isLoading) {
+        return !loadingElement ? null : React__namespace.createElement(React__namespace.Fragment, null, loadingElement);
+    }
     return (React__namespace.createElement(uiReact.Image, { ...rest, className: ui.classNames(ui.ComponentClassName.StorageImage, className), src: url?.toString() ?? fallbackSrc }));
 };
 
@@ -1049,7 +1052,7 @@ const StorageManagerBase = React__namespace.forwardRef(function StorageManager({
     uiReactCore.useSetUserAgent({
         componentName: 'StorageManager',
         packageName: 'react-storage',
-        version: createAmplifyAuthAdapter.VERSION,
+        version: createStorageBrowser.VERSION,
     });
     return (React__namespace.createElement(Components.Container, { className: `${ui.ComponentClassName.StorageManager} ${hasFiles ? ui.ComponentClassName.StorageManagerPreviewer : ''}` },
         React__namespace.createElement(Components.DropZone, { inDropZone: dragState !== 'inactive', ...dropZoneProps, displayText: displayText },
@@ -1072,7 +1075,7 @@ const StorageManager = Object.assign({}, StorageManagerBase, {
 });
 
 function StorageBrowser(props) {
-    const { StorageBrowser: StorageBrowserComponent } = React__namespace["default"].useRef(createAmplifyAuthAdapter.createStorageBrowser({ config: createAmplifyAuthAdapter.createAmplifyAuthAdapter() })).current;
+    const { StorageBrowser: StorageBrowserComponent } = React__namespace["default"].useRef(createStorageBrowser.createStorageBrowser({ config: createStorageBrowser.createAmplifyAuthAdapter() })).current;
     return React__namespace["default"].createElement(StorageBrowserComponent, { ...props });
 }
 

package/dist/types/components/StorageBrowser/StorageBrowserAmplify.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StorageBrowserProps as StorageBrowserPropsBase } from './types';
+import { StorageBrowserProps as StorageBrowserPropsBase } from './createStorageBrowser';
 export interface StorageBrowserProps extends StorageBrowserPropsBase {
 }
 export declare function StorageBrowser(props: StorageBrowserProps): React.JSX.Element;

package/dist/types/components/StorageBrowser/actions/configs/types.d.ts

@@ -1,4 +1,4 @@
-import { StorageBrowserIconType } from '../../context/elements';
+import { StorageBrowserIconType } from '../../components/elements';
 import { CopyHandler, CreateFolderHandler, DeleteHandler, DownloadHandler, ListLocationItemsHandler, ListLocations, LocationItemData, LocationPermissions, TaskData, TaskHandler, TaskHandlerInput, TaskHandlerOutput, UploadHandler } from '../handlers';
 /**
  * Utility type representing the function signature of `StorageBrowser` action handlers. First

package/dist/types/components/StorageBrowser/actions/handlers/types.d.ts

@@ -1,5 +1,11 @@
 import { LocationCredentialsProvider } from '../../storage-internal';
+/**
+ * `location` grant scope
+ */
 export type LocationType = 'OBJECT' | 'PREFIX' | 'BUCKET';
+/**
+ * `location` grant permissions
+ */
 export type LocationPermissions = ('delete' | 'get' | 'list' | 'write')[];
 /**
  * `location` metadata
@@ -14,7 +20,7 @@ export interface LocationData {
      */
     id: string;
     /**
-     * `location` permission granted to user
+     * @see {@link LocationPermissions}
      */
     permissions: LocationPermissions;
     /**
@@ -22,9 +28,7 @@ export interface LocationData {
      */
     prefix: string;
     /**
-     * `location` grant scope
-     *
-     * @type "OBJECT" | "PREFIX" | "BUCKET"
+     * @see {@link LocationType}
      */
     type: LocationType;
 }

package/dist/types/components/StorageBrowser/actions/index.d.ts

@@ -1,2 +1,2 @@
-export { ActionInputConfig, copyHandler, CopyHandler, CopyHandlerData, CopyHandlerInput, CopyHandlerOutput, createFileDataItem, createFolderHandler, CreateFolderHandler, CreateFolderHandlerData, CreateFolderHandlerInput, CreateFolderHandlerOptions, CreateFolderHandlerOutput, defaultHandlers, DefaultHandlers, downloadHandler, DownloadHandler, DownloadHandlerData, DownloadHandlerInput, DownloadHandlerOptions, DownloadHandlerOutput, DeleteHandler, DeleteHandlerData, DeleteHandlerInput, DeleteHandlerOptions, DeleteHandlerOutput, FileData, FileDataItem, FileItem, FolderData, isFileDataItem, isFileItem, isMultipartUpload, ListHandler, ListHandlerInput, ListHandlerOptions, ListHandlerOutput, listLocationItemsHandler, ListLocationItemsHandler, ListLocationItemsHandlerInput, ListLocationItemsHandlerOptions, ListLocationItemsHandlerOutput, ListLocationsExcludeOptions, ListLocations, ListLocationsInput, ListLocationsOutput, listLocationsHandler, ListLocationsHandler, ListLocationsHandlerInput, ListLocationsHandlerOptions, ListLocationsHandlerOutput, LocationData, LocationItemData, LocationItemType, LocationPermissions, LocationType, TaskData, TaskHandler, TaskHandlerInput, TaskHandlerOptions, TaskHandlerOutput, TaskResult, TaskResultStatus, uploadHandler, UploadHandler, UploadHandlerData, UploadHandlerInput, UploadHandlerOptions, UploadHandlerOutput, } from './handlers';
+export { ActionInputConfig, copyHandler, CopyHandler, CopyHandlerData, CopyHandlerInput, CopyHandlerOutput, createFileDataItem, createFolderHandler, CreateFolderHandler, CreateFolderHandlerData, CreateFolderHandlerInput, CreateFolderHandlerOptions, CreateFolderHandlerOutput, defaultHandlers, DefaultHandlers, downloadHandler, DownloadHandler, DownloadHandlerData, DownloadHandlerInput, DownloadHandlerOptions, DownloadHandlerOutput, DeleteHandler, DeleteHandlerData, DeleteHandlerInput, DeleteHandlerOptions, DeleteHandlerOutput, FileData, FileDataItem, FileItem, FolderData, getFileKey, isFileDataItem, isFileItem, isMultipartUpload, ListHandler, ListHandlerInput, ListHandlerOptions, ListHandlerOutput, listLocationItemsHandler, ListLocationItemsHandler, ListLocationItemsHandlerInput, ListLocationItemsHandlerOptions, ListLocationItemsHandlerOutput, ListLocationsExcludeOptions, ListLocations, ListLocationsInput, ListLocationsOutput, listLocationsHandler, ListLocationsHandler, ListLocationsHandlerInput, ListLocationsHandlerOptions, ListLocationsHandlerOutput, LocationData, LocationItemData, LocationItemType, LocationPermissions, LocationType, TaskData, TaskHandler, TaskHandlerInput, TaskHandlerOptions, TaskHandlerOutput, TaskResult, TaskResultStatus, uploadHandler, UploadHandler, UploadHandlerData, UploadHandlerInput, UploadHandlerOptions, UploadHandlerOutput, } from './handlers';
 export { ExtendedActionConfigs, ActionViewConfig, ActionViewConfigs, ActionConfigsProvider, ActionConfigsProviderProps, ActionHandler, CustomActionConfigs, defaultActionConfigs, DefaultActionConfigs, defaultActionViewConfigs, getActionConfigs, isDefaultActionViewType, useActionConfigs, } from './configs';

package/dist/types/components/StorageBrowser/adapters/createManagedAuthAdapter/createLocationCredentialsHandler.d.ts

@@ -1,4 +1,4 @@
-import { GetLocationCredentials } from '../../credentials/types';
+import { GetLocationCredentials } from '../../credentials';
 import { CredentialsProvider } from '../../storage-internal';
 interface CreateLocationCredentialsHandlerInput {
     accountId: string;

package/dist/types/components/StorageBrowser/adapters/types.d.ts

@@ -1,7 +1,6 @@
-import { RegisterAuthListener } from '../providers';
-import { GetLocationCredentials, CredentialsLocation } from '../credentials/types';
-import { CredentialsProvider } from '../storage-internal';
 import { LocationType, ListLocations } from '../actions';
+import { GetLocationCredentials, CredentialsLocation, RegisterAuthListener } from '../credentials';
+import { CredentialsProvider } from '../storage-internal';
 export interface LocationAccess extends CredentialsLocation {
     /**
      * Parse location type parsed from scope format:

package/dist/types/components/StorageBrowser/{ComponentsProvider.d.ts → components/ComponentsProvider.d.ts}

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Composables } from './composables';
-import { StorageBrowserElements } from './context/elements';
 /**
  * Override/Custom component slots
  */
@@ -9,6 +8,5 @@ export interface StorageBrowserComponents extends Partial<Composables> {
 export interface ComponentsProviderProps {
     children?: React.ReactNode;
     composables?: Composables;
-    elements?: Partial<StorageBrowserElements>;
 }
 export declare function ComponentsProvider(props: ComponentsProviderProps): React.JSX.Element;

package/dist/types/components/StorageBrowser/components/{DropdownMenu.d.ts → base/DropdownMenu.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StorageBrowserIconType } from '../context/elements';
+import { StorageBrowserIconType } from '../elements';
 interface MenuItem {
     isDisabled?: boolean;
     isHidden?: boolean;

package/dist/types/components/StorageBrowser/components/{Field.d.ts → base/Field.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InputElementProps } from '../context/elements';
+import { InputElementProps } from '../elements';
 interface FieldProps extends InputElementProps {
     className?: string;
     icon?: React.ReactNode;

package/dist/types/components/StorageBrowser/components/{PaginationButton.d.ts → base/PaginationButton.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InputElementProps } from '../context/elements';
+import { InputElementProps } from '../elements';
 type ButtonType = 'previous' | 'next';
 export interface PaginationButtonProps extends InputElementProps {
     isDisabled?: boolean;

package/dist/types/components/StorageBrowser/components/{Table.d.ts → base/Table.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithKey } from './types';
+import { WithKey } from '../types';
 interface TableItem {
     type?: 'dataCell' | 'header';
     content: React.ReactNode;

package/dist/types/components/StorageBrowser/components/base/index.d.ts

@@ -0,0 +1,10 @@
+export * from './BreadcrumbNavigation';
+export * from './Checkbox';
+export * from './constants';
+export * from './DescriptionList';
+export * from './DropdownMenu';
+export * from './EmptyMessage';
+export * from './Field';
+export * from './PaginationButton';
+export * from './Separator';
+export * from './Table';

package/dist/types/components/StorageBrowser/{composables → components/composables}/ActionsList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StorageBrowserIconType } from '../context/elements';
+import { StorageBrowserIconType } from '../elements';
 export interface ActionListItem {
     isDisabled?: boolean;
     isHidden?: boolean;

package/dist/types/components/StorageBrowser/{composables → components/composables}/DataTable/DataTable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { WithKey } from '../../types';
 import { DataTableDataCell, DataTableHeader } from './types';
-import { WithKey } from '../../components/types';
 export interface DataTableRow {
     content: WithKey<DataTableDataCell>[];
 }

package/dist/types/components/StorageBrowser/{composables → components/composables}/DataTable/dataCells/ButtonDataCell.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StorageBrowserIconType } from '../../../context/elements';
+import { StorageBrowserIconType } from '../../../elements';
 export interface ButtonDataCellProps {
     content: {
         icon?: StorageBrowserIconType;