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

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

package/dist/esm/components/StorageBrowser/credentials/{store → credentialsStore}/store.mjs

@@ -78,11 +78,7 @@ const fetchNewValue = async (store, location) => {
     const storeValues = store.values;
     const key = createCacheKey(location);
     if (!storeValues.has(key)) {
-        const newStoreValue = {
-            scope: location.scope,
-            permissions: location.permissions,
-        };
-        setCacheRecord(store, key, newStoreValue);
+        setCacheRecord(store, key, location);
     }
     const storeValue = storeValues.get(key);
     return dispatchRefresh(store.refreshHandler, storeValue, () => {

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

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { isFunction } from '@aws-amplify/ui';
-import { createLocationCredentialsStore } from '../../../credentials/store/create.mjs';
+import { createLocationCredentialsStore } from './credentialsStore/create.mjs';
 
 const createCredentialsStore = ({ ...input }) => {
     const { destroy, getProvider } = createLocationCredentialsStore(input);

package/dist/esm/components/StorageBrowser/{providers/store/locationItems → locationItems}/context.mjs

@@ -2,10 +2,10 @@ import React__default from 'react';
 import { createContextUtilities } from '@aws-amplify/ui-react-core';
 import { noop } from '@aws-amplify/ui';
 import '@aws-amplify/storage/internals';
-import { createFileDataItem } from '../../../actions/handlers/utils.mjs';
+import { createFileDataItem } from '../actions/handlers/utils.mjs';
 import 'aws-amplify/storage';
-import '../../../actions/configs/context.mjs';
-import '../../../actions/configs/defaults.mjs';
+import '../actions/configs/context.mjs';
+import '../actions/configs/defaults.mjs';
 
 const DEFAULT_STATE = {
     fileDataItems: undefined,

package/dist/esm/components/StorageBrowser/store/constants.mjs

@@ -0,0 +1,6 @@
+const DEFAULT_STATE = {
+    actionType: undefined,
+    location: { current: undefined, path: '', key: '' },
+};
+
+export { DEFAULT_STATE };

package/dist/esm/components/StorageBrowser/store/context.mjs

@@ -0,0 +1,17 @@
+import React__default from 'react';
+import { noop } from '@aws-amplify/ui';
+import { createContextUtilities } from '@aws-amplify/ui-react-core';
+import { DEFAULT_STATE } from './constants.mjs';
+import useStoreReducer from './useStoreReducer.mjs';
+
+const DEFAULT_VALUE = [DEFAULT_STATE, noop];
+const { StoreContext, useStore } = createContextUtilities({
+    contextName: 'Store',
+    defaultValue: DEFAULT_VALUE,
+});
+function StoreProvider({ children, ...props }) {
+    const value = useStoreReducer(props);
+    return (React__default.createElement(StoreContext.Provider, { value: value }, children));
+}
+
+export { StoreContext, StoreProvider, useStore };

package/dist/esm/components/StorageBrowser/store/storeReducer.mjs

@@ -0,0 +1,34 @@
+import { DEFAULT_STATE } from './constants.mjs';
+
+function storeReducer(state, action) {
+    switch (action.type) {
+        case 'CHANGE_LOCATION': {
+            const { location, path = '' } = action;
+            if (state.location.current?.id === location.id &&
+                state.location.path === path) {
+                return state;
+            }
+            const key = `${location.prefix}${path}`;
+            return { ...state, location: { current: location, path, key } };
+        }
+        case 'RESET_LOCATION': {
+            if (state.location.current === undefined)
+                return state;
+            return { ...state, location: DEFAULT_STATE.location };
+        }
+        case 'CHANGE_ACTION_TYPE': {
+            const { actionType } = action;
+            if (state.actionType === actionType) {
+                return state;
+            }
+            return { ...state, actionType };
+        }
+        case 'RESET_ACTION_TYPE': {
+            if (state.actionType === undefined)
+                return state;
+            return { ...state, actionType: DEFAULT_STATE.actionType };
+        }
+    }
+}
+
+export { storeReducer as default };

package/dist/esm/components/StorageBrowser/store/useStoreReducer.mjs

@@ -0,0 +1,21 @@
+import { useControlledReducer } from '@aws-amplify/ui-react-core';
+import storeReducer from './storeReducer.mjs';
+import { getInitialState, getState } from './utils.mjs';
+import validateStoreProps from './validateStoreProps.mjs';
+
+function useStoreReducer(props) {
+    validateStoreProps(props);
+    const { defaultValue, onValueChange, value, ...legacyProps } = props;
+    const initialState = getInitialState(defaultValue, legacyProps);
+    const controlledState = value !== undefined ? getState(value) : undefined;
+    const onStateChange = ({ actionType, location: { current, path }, }) => {
+        const location = !current ? undefined : { ...current, path };
+        onValueChange?.({ actionType, location });
+    };
+    return useControlledReducer(storeReducer, initialState, {
+        controlledState,
+        onStateChange,
+    });
+}
+
+export { useStoreReducer as default };

package/dist/esm/components/StorageBrowser/store/utils.mjs

@@ -0,0 +1,40 @@
+import { isObject } from '@aws-amplify/ui';
+import { DEFAULT_STATE } from './constants.mjs';
+
+const parseLocationType = ({ prefix, }) => prefix?.endsWith('/') ? 'PREFIX' : prefix?.length ? 'OBJECT' : 'BUCKET';
+function getLocationData(location) {
+    if (location === undefined)
+        return;
+    const { bucket, permissions, prefix, id: _id, type: _type } = location;
+    const id = _id ?? crypto.randomUUID();
+    const type = _type ?? parseLocationType(location);
+    return { bucket, permissions, prefix, id, type };
+}
+function getState(value) {
+    if (value === undefined || value === null)
+        return DEFAULT_STATE;
+    const current = getLocationData(value.location);
+    if (!current)
+        return DEFAULT_STATE;
+    const actionType = value?.actionType;
+    const path = value?.location?.path ?? '';
+    const key = `${current.prefix}${path}`;
+    return { actionType, location: { current, key, path } };
+}
+function getInitialState(defaultValue, legacyProps) {
+    // prefer `defaultValue` if provided
+    if (isObject(defaultValue) || defaultValue === null) {
+        return getState(defaultValue);
+    }
+    const legacyValue = legacyProps
+        ? {
+            actionType: legacyProps.actionType,
+            location: legacyProps.location
+                ? { ...legacyProps.location, path: legacyProps.path }
+                : undefined,
+        }
+        : undefined;
+    return getState(legacyValue);
+}
+
+export { getInitialState, getLocationData, getState, parseLocationType };

package/dist/esm/components/StorageBrowser/store/validateStoreProps.mjs

@@ -0,0 +1,68 @@
+import { templateJoin } from '@aws-amplify/ui';
+
+const CONLICTING_PROPS = '`StorageBrowser` has been been provided with both `value` and `defaultValue` props. StorageBrowser must be either controlled or uncontrolled (specify either the `value` prop, or the `defaultValue` prop, but not both). Decide between using a controlled or uncontrolled `StorageBrowser` and remove one of these props.';
+const READONLY = 'A `value` prop has been provided to `StorageBrowser` without `onValueChange`. This will render a read-only `StorageBrowser`. If the `StorageBrowser` should be mutable use `defaultValue`, otherwise set `onValueChange`.';
+const MISSING_REQUIRED = 'A `value` prop has been provided to `StorageBrowser` without all required `location` parameters. `StorageBrowser` will ignore the provided `location`. Missing `location` parameters: %s.';
+const DEPRECATED_SUFFIX = '`actionType`, `location` and `path` props have been deprecated and will be removed in a future major version. Provide the `value` prop for controlled behavior or the `defaultValue` prop for uncontrolled behavior.';
+const DEPRECATED_PROPS = '`StorageBrowser` has been provided with one or more deprecated props: %s. %s';
+const DEPRECATED_PROPS_AND_CONFLICTING = '`StorageBrowser` has been provided with deprecated props of %s that conflict with the `value` and `defaultValue` props. %s';
+const CHANGED_MODE = '`StorageBrowser` has changed from controlled to uncontrolled due to the `value` prop resolving to type `%s`. Switching between controlled and uncontrolled behaviors is not supported and may lead to unexpected behaviors.';
+const REQUIRED_LOCATION_KEYS = ['bucket', 'permissions', 'prefix'];
+const DEPRECATED_PROP_KEYS = ['actionType', 'location', 'path'];
+const template = (key, index, values) => `\`${key}\`${index < values.length - 1 ? ', ' : ''}`;
+const getMissingLocationKeys = (location) => location === null
+    ? []
+    : REQUIRED_LOCATION_KEYS.filter((key) => !location[key]);
+let didWarnConflictingBehavior = false;
+let didWarnDeprecatedAndConflictingProps = false;
+let didWarnDeprecatedProps = false;
+let didWarnMissingParameters = false;
+let didWarnReadonly = false;
+let didWarnChangedMode = false;
+let initialMode;
+function validateStoreProps(props) {
+    // eslint-disable-next-line no-console
+    const logError = console.error;
+    const { defaultValue, location, onValueChange, value } = props;
+    const deprecatedProps = templateJoin(DEPRECATED_PROP_KEYS.filter((key) => !!props[key]), template);
+    if (!didWarnDeprecatedAndConflictingProps &&
+        deprecatedProps &&
+        (!!value || !!defaultValue)) {
+        logError(DEPRECATED_PROPS_AND_CONFLICTING, deprecatedProps, DEPRECATED_SUFFIX);
+        didWarnDeprecatedAndConflictingProps = true;
+    }
+    if (!didWarnDeprecatedAndConflictingProps &&
+        !didWarnDeprecatedProps &&
+        deprecatedProps) {
+        logError(DEPRECATED_PROPS, deprecatedProps, DEPRECATED_SUFFIX);
+        didWarnDeprecatedProps = true;
+    }
+    const hasConflictingProps = value && defaultValue;
+    if (!didWarnConflictingBehavior && hasConflictingProps) {
+        logError(CONLICTING_PROPS);
+        didWarnConflictingBehavior = true;
+    }
+    const isReadonly = !hasConflictingProps && value && !onValueChange;
+    if (!didWarnReadonly && isReadonly) {
+        logError(READONLY);
+        didWarnReadonly = true;
+    }
+    const missingParameters = value?.location
+        ? templateJoin(getMissingLocationKeys(value.location), template)
+        : location
+            ? templateJoin(getMissingLocationKeys(location), template)
+            : undefined;
+    if (!didWarnMissingParameters && missingParameters) {
+        logError(MISSING_REQUIRED, missingParameters);
+        didWarnMissingParameters = true;
+    }
+    const mode = value === undefined ? 'uncontrolled' : 'controlled';
+    if (!initialMode)
+        initialMode = mode;
+    if (!didWarnChangedMode && initialMode !== mode) {
+        logError(CHANGED_MODE);
+        didWarnChangedMode = true;
+    }
+}
+
+export { CHANGED_MODE, CONLICTING_PROPS, DEPRECATED_PROPS, DEPRECATED_PROPS_AND_CONFLICTING, DEPRECATED_SUFFIX, MISSING_REQUIRED, READONLY, validateStoreProps as default };

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

@@ -1,7 +1,8 @@
 import React__default from 'react';
 import '@aws-amplify/ui-react-core/elements';
-import '../providers/configuration/credentials/context.mjs';
-import { useGetActionInput } from '../providers/configuration/context.mjs';
+import '../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import { useGetActionInput } from '../configuration/context.mjs';
 import { DEFAULT_ACTION_CONCURRENCY } from './constants.mjs';
 import { useProcessTasks } from '../tasks/useProcessTasks.mjs';
 

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

@@ -4,8 +4,9 @@ import { USE_LIST_ERROR_MESSAGE } from './constants.mjs';
 import { useActionHandlers } from './context.mjs';
 import { createEnhancedListHandler } from './createEnhancedListHandler.mjs';
 import '@aws-amplify/ui-react-core/elements';
-import '../providers/configuration/credentials/context.mjs';
-import { useGetActionInput } from '../providers/configuration/context.mjs';
+import '../credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import { useGetActionInput } from '../configuration/context.mjs';
 
 const useListFolderItems = () => {
     const { handlers } = useActionHandlers({