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

package/dist/esm/components/StorageBrowser/{composables → components/composables}/DropZone.mjs

@@ -1,9 +1,10 @@
 import React__default from 'react';
 import { useDropZone } from '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui';
 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 { ViewElement } from '../elements/definitions.mjs';
+import '../elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK } from '../base/constants.mjs';
 
 const DropZone = ({ children, onDropFiles, }) => {
     const { dragState, ...dropHandlers } = useDropZone({

package/dist/esm/components/StorageBrowser/{composables → components/composables}/FolderNameField.mjs

@@ -1,6 +1,10 @@
 import React__default from 'react';
-import { Field } from '../components/Field.mjs';
-import { STORAGE_BROWSER_BLOCK_TO_BE_UPDATED } from '../constants.mjs';
+import '@aws-amplify/ui';
+import '@aws-amplify/ui-react';
+import '../elements/definitions.mjs';
+import '../elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK_TO_BE_UPDATED } from '../base/constants.mjs';
+import { Field } from '../base/Field.mjs';
 
 function FolderNameField({ id, isDisabled, label, onChange, onValidate, placeholder, validationMessage, }) {
     const handleValidate = ({ target: { value }, }) => {

package/dist/esm/components/StorageBrowser/{composables → components/composables}/LoadingIndicator.mjs

@@ -1,8 +1,9 @@
 import React__default from 'react';
+import '@aws-amplify/ui';
 import '@aws-amplify/ui-react';
-import { ViewElement, SpanElement } from '../context/elements/definitions.mjs';
-import { IconElement } from '../context/elements/IconElement.mjs';
-import { STORAGE_BROWSER_BLOCK_TO_BE_UPDATED } from '../constants.mjs';
+import { ViewElement, SpanElement } from '../elements/definitions.mjs';
+import { IconElement } from '../elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK_TO_BE_UPDATED } from '../base/constants.mjs';
 
 function LoadingIndicator({ label, isLoading, }) {
     return !isLoading ? null : (React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK_TO_BE_UPDATED}__loading-indicator` },

package/dist/esm/components/StorageBrowser/{composables → components/composables}/Message.mjs

@@ -1,8 +1,9 @@
 import React__default from 'react';
 import '@aws-amplify/ui-react';
-import { ViewElement, ButtonElement } from '../context/elements/definitions.mjs';
-import { IconElement } from '../context/elements/IconElement.mjs';
-import { STORAGE_BROWSER_BLOCK } from '../constants.mjs';
+import { ViewElement, ButtonElement } from '../elements/definitions.mjs';
+import { IconElement } from '../elements/IconElement.mjs';
+import '@aws-amplify/ui';
+import { STORAGE_BROWSER_BLOCK } from '../base/constants.mjs';
 
 const Message = ({ content, id, onDismiss, type, }) => {
     let ariaLabel;

package/dist/esm/components/StorageBrowser/{composables → components/composables}/Navigation.mjs

@@ -1,5 +1,8 @@
 import React__default from 'react';
-import { BreadcrumbNavigation } from '../components/BreadcrumbNavigation.mjs';
+import { BreadcrumbNavigation } from '../base/BreadcrumbNavigation.mjs';
+import '@aws-amplify/ui-react';
+import '../elements/definitions.mjs';
+import '../elements/IconElement.mjs';
 
 const Navigation = ({ items, }) => {
     if (!items.length) {

package/dist/esm/components/StorageBrowser/{composables → components/composables}/OverwriteToggle.mjs

@@ -1,8 +1,9 @@
 import React__default from 'react';
-import { STORAGE_BROWSER_BLOCK } from '../constants.mjs';
+import '@aws-amplify/ui';
 import '@aws-amplify/ui-react';
-import { ViewElement, InputElement, LabelElement } from '../context/elements/definitions.mjs';
-import '../context/elements/IconElement.mjs';
+import { ViewElement, InputElement, LabelElement } from '../elements/definitions.mjs';
+import '../elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK } from '../base/constants.mjs';
 
 const OVERWRITE_TOGGLE_ID = 'overwrite-toggle';
 const OverwriteToggle = ({ isOverwritingEnabled, isDisabled, label, onToggle, }) => (React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__overwrite-toggle` },

package/dist/esm/components/StorageBrowser/{composables → components/composables}/Pagination.mjs

@@ -1,9 +1,10 @@
 import React__default from 'react';
-import { STORAGE_BROWSER_BLOCK_TO_BE_UPDATED } from '../constants.mjs';
+import '@aws-amplify/ui';
 import '@aws-amplify/ui-react';
-import { NavElement, OrderedListElement, ListItemElement, SpanElement } from '../context/elements/definitions.mjs';
-import '../context/elements/IconElement.mjs';
-import { PaginationButton } from '../components/PaginationButton.mjs';
+import { NavElement, OrderedListElement, ListItemElement, SpanElement } from '../elements/definitions.mjs';
+import '../elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK_TO_BE_UPDATED } from '../base/constants.mjs';
+import { PaginationButton } from '../base/PaginationButton.mjs';
 
 const Pagination = ({ page, hasNextPage, onPaginate, highestPageVisited, }) => {
     if (!page)

package/dist/esm/components/StorageBrowser/{composables → components/composables}/SearchField.mjs

@@ -1,9 +1,10 @@
 import React__default from 'react';
-import { Field } from '../components/Field.mjs';
+import '@aws-amplify/ui';
 import '@aws-amplify/ui-react';
-import { ButtonElement } from '../context/elements/definitions.mjs';
-import { IconElement } from '../context/elements/IconElement.mjs';
-import { STORAGE_BROWSER_BLOCK_TO_BE_UPDATED } from '../constants.mjs';
+import { ButtonElement } from '../elements/definitions.mjs';
+import { IconElement } from '../elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK_TO_BE_UPDATED } from '../base/constants.mjs';
+import { Field } from '../base/Field.mjs';
 
 const SearchField = ({ id, label, clearLabel, submitLabel, onSearch, onClear, placeholder, query = '', onQueryChange, }) => {
     // FIXME: focus not returning to input field after clear

package/dist/esm/components/StorageBrowser/{composables → components/composables}/SearchSubfoldersToggle.mjs

@@ -1,8 +1,9 @@
 import React__default from 'react';
-import { STORAGE_BROWSER_BLOCK } from '../constants.mjs';
+import '@aws-amplify/ui';
 import '@aws-amplify/ui-react';
-import { ViewElement, InputElement, LabelElement } from '../context/elements/definitions.mjs';
-import '../context/elements/IconElement.mjs';
+import { ViewElement, InputElement, LabelElement } from '../elements/definitions.mjs';
+import '../elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK } from '../base/constants.mjs';
 
 const SEARCH_SUBFOLDERS_TOGGLE_ID = 'search-subfolders-toggle';
 const SearchSubfoldersToggle = ({ isSearchingSubfolders, label, onToggle, }) => (React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__search-subfolders-toggle` },

package/dist/esm/components/StorageBrowser/{composables → components/composables}/StatusDisplay.mjs

@@ -1,6 +1,10 @@
 import React__default from 'react';
-import { DescriptionList } from '../components/DescriptionList.mjs';
-import { STORAGE_BROWSER_BLOCK } from '../constants.mjs';
+import '@aws-amplify/ui';
+import '@aws-amplify/ui-react';
+import '../elements/definitions.mjs';
+import '../elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK } from '../base/constants.mjs';
+import { DescriptionList } from '../base/DescriptionList.mjs';
 
 const StatusDisplay = ({ statuses, total, }) => {
     if (!statuses?.length) {

package/dist/esm/components/StorageBrowser/{composables → components/composables}/Title.mjs

@@ -1,8 +1,9 @@
 import React__default from 'react';
+import '@aws-amplify/ui';
 import '@aws-amplify/ui-react';
-import { HeadingElement } from '../context/elements/definitions.mjs';
-import '../context/elements/IconElement.mjs';
-import { STORAGE_BROWSER_BLOCK } from '../constants.mjs';
+import { HeadingElement } from '../elements/definitions.mjs';
+import '../elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK } from '../base/constants.mjs';
 
 const Title = ({ title }) => (React__default.createElement(HeadingElement, { className: `${STORAGE_BROWSER_BLOCK}__title` }, title));
 

package/dist/esm/components/StorageBrowser/{componentsDefault.mjs → components/defaults.mjs}

@@ -1,15 +1,16 @@
 import * as React from 'react';
 import { CheckboxField, Pagination as Pagination$1, SearchField as SearchField$1, Breadcrumbs, Loader, TextField, Button, Menu, MenuItem, View, Heading } from '@aws-amplify/ui-react';
-import './context/elements/definitions.mjs';
-import { IconElement } from './context/elements/IconElement.mjs';
-import { STORAGE_BROWSER_BLOCK } from './constants.mjs';
+import '@aws-amplify/ui';
+import './elements/definitions.mjs';
+import { IconElement } from './elements/IconElement.mjs';
+import { STORAGE_BROWSER_BLOCK } from './base/constants.mjs';
 
 const OverwriteToggle = ({ isDisabled, isOverwritingEnabled, label = '', onToggle, }) => {
     return (React.createElement(CheckboxField, { name: label, label: label, labelPosition: "end", isDisabled: isDisabled, checked: isOverwritingEnabled, onChange: () => {
             onToggle?.();
         } }));
 };
-const SearchSubfoldersToggle = ({ isSearchingSubfolders, label = '', onToggle, }) => {
+const SearchSubfoldersToggle = ({ isSearchingSubfolders, label = '', onToggle }) => {
     return (React.createElement(CheckboxField, { name: label, label: label, labelPosition: "end", checked: isSearchingSubfolders, onChange: () => {
             onToggle?.();
         } }));
@@ -39,7 +40,7 @@ const Navigation = ({ items }) => {
             item.isCurrent ? null : React.createElement(Breadcrumbs.Separator, null)));
     })));
 };
-const LoadingIndicator = ({ isLoading }) => {
+const LoadingIndicator = ({ isLoading, }) => {
     if (isLoading) {
         return (React.createElement(Loader, { className: "amplify-storage-browser__loader", variation: "linear", size: "small" }));
     }
@@ -54,7 +55,7 @@ const FolderNameField = ({ onChange, label, placeholder, validationMessage, onVa
             onChange?.(value);
         } }));
 };
-const DataRefresh = ({ onRefresh }) => {
+const DataRefresh = ({ onRefresh, }) => {
     return (React.createElement(Button, { onClick: () => {
             onRefresh?.();
         }, "aria-label": "Refresh data" },
@@ -72,7 +73,7 @@ const ActionsList = ({ items, onActionSelect, isDisabled, }) => {
             label));
     })));
 };
-const StatusDisplay = ({ statuses, total }) => {
+const StatusDisplay = ({ statuses, total, }) => {
     if (!statuses?.length) {
         return null;
     }

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

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { isComponent } from '@aws-amplify/ui-react-core/elements';
-import { CredentialsProvider } from './credentials/context.mjs';
+import { CredentialsProvider } from '../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
 import { GetActionInputProvider } from './context.mjs';
 
 const Passthrough = ({ children }) => (React__default.createElement(React__default.Fragment, null, children));

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

@@ -1,12 +1,9 @@
 import React__default from 'react';
-import { assertLocationData, assertPrefix } from '../../validators/assertLocationData.mjs';
+import { useCredentials } from '../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import { useStore } from '../store/context.mjs';
+import { assertLocationData, assertPrefix } from '../validators/assertLocationData.mjs';
 import '@aws-amplify/ui';
-import '../store/location/context.mjs';
-import '../store/files/context.mjs';
-import '../store/actionType/context.mjs';
-import '../store/locationItems/context.mjs';
-import { useStore } from '../store/useStore.mjs';
-import { useCredentials } from './credentials/context.mjs';
 
 const getErrorMessage = (propertyName) => `Unable to resolve credentials due to invalid value of '${propertyName}'`;
 function useGetActionInputCallback({ accountId, customEndpoint, region, }) {

package/dist/esm/components/StorageBrowser/controls/ActionCancelControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { ActionCancel } from '../composables/ActionCancel.mjs';
+import { ActionCancel } from '../components/composables/ActionCancel.mjs';
 import { useActionCancel } from './hooks/useActionCancel.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/ActionDestinationControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { ActionDestination } from '../composables/ActionDestination.mjs';
+import { ActionDestination } from '../components/composables/ActionDestination.mjs';
 import { useActionDestination } from './hooks/useActionDestination.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/ActionExitControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { ActionExit } from '../composables/ActionExit.mjs';
+import { ActionExit } from '../components/composables/ActionExit.mjs';
 import { useActionExit } from './hooks/useActionExit.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/ActionStartControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { ActionStart } from '../composables/ActionStart.mjs';
+import { ActionStart } from '../components/composables/ActionStart.mjs';
 import { useActionStart } from './hooks/useActionStart.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/ActionsListControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { ActionsList } from '../composables/ActionsList.mjs';
+import { ActionsList } from '../components/composables/ActionsList.mjs';
 import { useActionsList } from './hooks/useActionsList.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/AddFilesControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { AddFiles } from '../composables/AddFiles.mjs';
+import { AddFiles } from '../components/composables/AddFiles.mjs';
 import { useAddFiles } from './hooks/useAddFiles.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/AddFolderControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { AddFolder } from '../composables/AddFolder.mjs';
+import { AddFolder } from '../components/composables/AddFolder.mjs';
 import { useAddFolder } from './hooks/useAddFolder.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/DataRefreshControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { DataRefresh } from '../composables/DataRefresh.mjs';
+import { DataRefresh } from '../components/composables/DataRefresh.mjs';
 import { useDataRefresh } from './hooks/useDataRefresh.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/DataTableControl.mjs

@@ -1,5 +1,12 @@
 import React__default from 'react';
-import { DataTable } from '../composables/DataTable/DataTable.mjs';
+import '@aws-amplify/ui';
+import '@aws-amplify/ui-react';
+import '../components/elements/definitions.mjs';
+import '../components/elements/IconElement.mjs';
+import '../components/composables/context.mjs';
+import { DataTable } from '../components/composables/DataTable/DataTable.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
 import { useDataTable } from './hooks/useDataTable.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/DropZoneControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { DropZone } from '../composables/DropZone.mjs';
+import { DropZone } from '../components/composables/DropZone.mjs';
 import { useDropZone } from './hooks/useDropZone.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/FolderNameFieldControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { FolderNameField } from '../composables/FolderNameField.mjs';
+import { FolderNameField } from '../components/composables/FolderNameField.mjs';
 import { useFolderNameField } from './hooks/useFolderNameField.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/LoadingIndicatorControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { LoadingIndicator } from '../composables/LoadingIndicator.mjs';
+import { LoadingIndicator } from '../components/composables/LoadingIndicator.mjs';
 import { useLoadingIndicator } from './hooks/useLoadingIndicator.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/MessageControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { Message } from '../composables/Message.mjs';
+import { Message } from '../components/composables/Message.mjs';
 import { useMessage } from './hooks/useMessage.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/NavigationControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { Navigation } from '../composables/Navigation.mjs';
+import { Navigation } from '../components/composables/Navigation.mjs';
 import { useNavigation } from './hooks/useNavigation.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/OverwriteToggleControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { OverwriteToggle } from '../composables/OverwriteToggle.mjs';
+import { OverwriteToggle } from '../components/composables/OverwriteToggle.mjs';
 import { useOverwriteToggle } from './hooks/useOverwriteToggle.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 

package/dist/esm/components/StorageBrowser/controls/PaginationControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { Pagination } from '../composables/Pagination.mjs';
+import { Pagination } from '../components/composables/Pagination.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 import { usePagination } from './hooks/usePagination.mjs';
 

package/dist/esm/components/StorageBrowser/controls/SearchFieldControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { SearchField } from '../composables/SearchField.mjs';
+import { SearchField } from '../components/composables/SearchField.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 import { useSearchField } from './hooks/useSearchField.mjs';
 

package/dist/esm/components/StorageBrowser/controls/SearchSubfoldersToggleControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { SearchSubfoldersToggle } from '../composables/SearchSubfoldersToggle.mjs';
+import { SearchSubfoldersToggle } from '../components/composables/SearchSubfoldersToggle.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 import { useSearchSubfoldersToggle } from './hooks/useSearchSubfoldersToggle.mjs';
 

package/dist/esm/components/StorageBrowser/controls/StatusDisplayControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { StatusDisplay } from '../composables/StatusDisplay.mjs';
+import { StatusDisplay } from '../components/composables/StatusDisplay.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 import { useStatusDisplay } from './hooks/useStatusDisplay.mjs';
 

package/dist/esm/components/StorageBrowser/controls/TitleControl.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { Title } from '../composables/Title.mjs';
+import { Title } from '../components/composables/Title.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
 import { useTitle } from './hooks/useTitle.mjs';
 

package/dist/esm/components/StorageBrowser/controls/hooks/useActionDestination.mjs

@@ -3,7 +3,6 @@ import { useControlsContext } from '../context.mjs';
 import { getNavigationItems } from './getNavigationItems.mjs';
 import { getNavigationParts } from './getNavigationParts.mjs';
 
-// import { ActionDestinationProps } from '../../composables/ActionDestination';
 const useActionDestination = () => {
     const { data, onSelectDestination } = useControlsContext();
     const { actionDestinationLabel, isActionDestinationNavigable, destination } = data;

package/dist/esm/components/StorageBrowser/controls/hooks/useResolvedComposable.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { useComposables } from '../../composables/context.mjs';
+import { useComposables } from '../../components/composables/context.mjs';
 
 function useResolvedComposable(DefaultComposable, name) {
     const { composables } = useComposables();

package/dist/esm/components/StorageBrowser/createStorageBrowser/StorageBrowserDefault.mjs

@@ -0,0 +1,44 @@
+import React__default from 'react';
+import { useViews } from '../views/context/views.mjs';
+import '../views/LocationActionView/CopyView/CopyView.mjs';
+import '@aws-amplify/ui';
+import '../locationItems/context.mjs';
+import { useStore } from '../store/context.mjs';
+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-react-core';
+import 'aws-amplify/storage';
+import '../actions/configs/context.mjs';
+import '../actions/configs/defaults.mjs';
+import '../views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
+import '../views/LocationActionView/DeleteView/DeleteView.mjs';
+import '../views/context/actionViews.mjs';
+import '../views/LocationActionView/UploadView/UploadView.mjs';
+import '../files/context.mjs';
+import '../views/LocationDetailView/LocationDetailView.mjs';
+import '../views/LocationsView/LocationsView.mjs';
+
+/**
+ * Handles default `StorageBrowser` behavior:
+ * - render `LocationsView` on init
+ * - render `LocationDetailView` on location selection
+ * - render `ActionView` on action selection
+ */
+function StorageBrowserDefault() {
+    const { primary } = useViews();
+    const { LocationActionView, LocationDetailView, LocationsView } = primary;
+    const [{ actionType, location }] = useStore();
+    const { current } = location;
+    if (actionType) {
+        return React__default.createElement(LocationActionView, null);
+    }
+    if (current) {
+        return React__default.createElement(LocationDetailView, null);
+    }
+    return React__default.createElement(LocationsView, null);
+}
+
+export { StorageBrowserDefault as default };

package/dist/esm/components/StorageBrowser/createStorageBrowser/createProvider.mjs

@@ -0,0 +1,80 @@
+import React__default from 'react';
+import '@aws-amplify/storage/internals';
+import '@aws-amplify/ui';
+import 'aws-amplify/storage';
+import { ActionConfigsProvider } from '../actions/configs/context.mjs';
+import { defaultActionConfigs } from '../actions/configs/defaults.mjs';
+import { getActionConfigs } from '../actions/configs/utils.mjs';
+import '@aws-amplify/ui-react';
+import '../components/elements/definitions.mjs';
+import '../components/elements/IconElement.mjs';
+import '../components/composables/context.mjs';
+import { DEFAULT_COMPOSABLES } from '../components/composables/defaults.mjs';
+import { ComponentsProvider } from '../components/ComponentsProvider.mjs';
+import { componentsDefault } from '../components/defaults.mjs';
+import { createConfigurationProvider } from '../configuration/createConfigurationProvider.mjs';
+import '../configuration/context.mjs';
+import { DisplayTextProvider } from '../displayText/context.mjs';
+import { FilesProvider } from '../files/context.mjs';
+import { LocationItemsProvider } from '../locationItems/context.mjs';
+import { StoreProvider } from '../store/context.mjs';
+import { ActionHandlersProvider } from '../useAction/context.mjs';
+import '@aws-amplify/ui-react-core';
+import { getActionHandlers } from '../useAction/utils.mjs';
+import { ViewsProvider } from '../views/context/views.mjs';
+import '../views/LocationActionView/CopyView/CopyView.mjs';
+import '../views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
+import '../views/LocationActionView/DeleteView/DeleteView.mjs';
+import '../views/context/actionViews.mjs';
+import '../views/LocationActionView/UploadView/UploadView.mjs';
+import '../views/LocationDetailView/LocationDetailView.mjs';
+import '../views/LocationsView/LocationsView.mjs';
+
+function createProvider({ actions, components, config, }) {
+    const { accountId, customEndpoint, registerAuthListener, getLocationCredentials, region, listLocations, } = config;
+    const resolvedActions = {
+        default: {
+            ...defaultActionConfigs,
+            ...actions?.default,
+            // always last
+            listLocations,
+        },
+        custom: actions?.custom,
+    };
+    const handlers = getActionHandlers(resolvedActions);
+    const actionConfigs = getActionConfigs(resolvedActions);
+    const ConfigurationProvider = createConfigurationProvider({
+        accountId,
+        customEndpoint,
+        displayName: 'ConfigurationProvider',
+        getLocationCredentials,
+        region,
+        registerAuthListener,
+    });
+    const composables = {
+        // fallback composables
+        ...DEFAULT_COMPOSABLES,
+        // default components
+        ...componentsDefault,
+        // override components
+        ...components,
+    };
+    /**
+     * Provides state, configuration and action values that are shared between
+     * the primary View components
+     */
+    function Provider({ children, displayText, views, ...props }) {
+        return (React__default.createElement(StoreProvider, { ...props },
+            React__default.createElement(ConfigurationProvider, null,
+                React__default.createElement(ActionConfigsProvider, { actionConfigs: actionConfigs },
+                    React__default.createElement(ActionHandlersProvider, { handlers: handlers },
+                        React__default.createElement(DisplayTextProvider, { displayText: displayText },
+                            React__default.createElement(ViewsProvider, { actions: resolvedActions, views: views },
+                                React__default.createElement(ComponentsProvider, { composables: composables },
+                                    React__default.createElement(LocationItemsProvider, null,
+                                        React__default.createElement(FilesProvider, null, children))))))))));
+    }
+    return Provider;
+}
+
+export { createProvider as default };

package/dist/esm/components/StorageBrowser/createStorageBrowser/createStorageBrowser.mjs

@@ -0,0 +1,70 @@
+import React__default from 'react';
+import { setUserAgent } from '@aws-amplify/ui';
+import { VERSION } from '../../../version.mjs';
+import { ErrorBoundary } from '../ErrorBoundary/ErrorBoundary.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 '../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import '../configuration/context.mjs';
+import 'aws-amplify/storage';
+import { assertRegisterAuthListener } from '../validators/assertRegisterAuthListener.mjs';
+import '../actions/configs/context.mjs';
+import '../actions/configs/defaults.mjs';
+import '../views/context/actionViews.mjs';
+import '../views/context/primaryViews.mjs';
+import { CopyView } from '../views/LocationActionView/CopyView/CopyView.mjs';
+import '../locationItems/context.mjs';
+import '../store/context.mjs';
+import { CreateFolderView } from '../views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
+import { DeleteView } from '../views/LocationActionView/DeleteView/DeleteView.mjs';
+import { LocationActionView } from '../views/LocationActionView/LocationActionView.mjs';
+import { UploadView } from '../views/LocationActionView/UploadView/UploadView.mjs';
+import '../files/context.mjs';
+import { LocationDetailView } from '../views/LocationDetailView/LocationDetailView.mjs';
+import { LocationsView } from '../views/LocationsView/LocationsView.mjs';
+import { useView } from '../views/useView.mjs';
+import createProvider from './createProvider.mjs';
+import StorageBrowserDefault from './StorageBrowserDefault.mjs';
+
+const UA_CONFIG = {
+    componentName: 'StorageBrowser',
+    packageName: 'react-storage',
+    version: VERSION,
+};
+/**
+ * Creates a `StorageBrowser` component and utility hooks from provided configuration `input`.
+ *
+ * @param input - `StorageBrowser` auth, actions and ui configuration values
+ * @returns `StorageBrowser` component, `useAction` and `useView` hooks
+ */
+function createStorageBrowser(input) {
+    assertRegisterAuthListener(input.config.registerAuthListener);
+    setUserAgent(UA_CONFIG);
+    /**
+     * Provides state, configuration and action values that are shared between
+     * the primary View components
+     */
+    const Provider = createProvider(input);
+    const ErrorBoundary$1 = input.ErrorBoundary === null
+        ? React__default.Fragment
+        : input.ErrorBoundary ?? ErrorBoundary;
+    const StorageBrowser = (props) => (React__default.createElement(ErrorBoundary$1, null,
+        React__default.createElement(Provider, { ...props },
+            React__default.createElement(StorageBrowserDefault, null))));
+    StorageBrowser.LocationActionView =
+        LocationActionView;
+    StorageBrowser.LocationDetailView = LocationDetailView;
+    StorageBrowser.LocationsView = LocationsView;
+    StorageBrowser.CopyView = CopyView;
+    StorageBrowser.CreateFolderView = CreateFolderView;
+    StorageBrowser.DeleteView = DeleteView;
+    StorageBrowser.UploadView = UploadView;
+    StorageBrowser.Provider = Provider;
+    StorageBrowser.displayName = 'StorageBrowser';
+    return { StorageBrowser, useAction, useView };
+}
+
+export { createStorageBrowser as default };