@aws-amplify/ui-react-storage 3.4.1 → 3.5.1

package/dist/esm/browser.mjs

@@ -2,3 +2,5 @@ export { componentsDefault } from './components/StorageBrowser/componentsDefault
 export { createStorageBrowser } from './components/StorageBrowser/createStorageBrowser.mjs';
 export { createAmplifyAuthAdapter } from './components/StorageBrowser/adapters/createAmplifyAuthAdapter/createAmplifyAuthAdapter.mjs';
 export { createManagedAuthAdapter } from './components/StorageBrowser/adapters/createManagedAuthAdapter/createManagedAuthAdapter.mjs';
+import './components/StorageBrowser/displayText/context.mjs';
+export { DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT as DefaultStorageBrowserDisplayText } from './components/StorageBrowser/displayText/libraries/en/default.mjs';

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

@@ -2,17 +2,12 @@ import React__default from 'react';
 import { createStorageBrowser } from './createStorageBrowser.mjs';
 import { createAmplifyAuthAdapter } from './adapters/createAmplifyAuthAdapter/createAmplifyAuthAdapter.mjs';
 import '@aws-amplify/storage/internals';
-import './actions/configs/context.mjs';
 import '@aws-amplify/ui';
 import 'aws-amplify/storage';
-import '@aws-amplify/ui-react-core';
-import { componentsDefault } from './componentsDefault.mjs';
+import './actions/configs/context.mjs';
 
 const StorageBrowser = ({ views, displayText, }) => {
-    const { StorageBrowser } = React__default.useRef(createStorageBrowser({
-        components: componentsDefault,
-        config: createAmplifyAuthAdapter(),
-    })).current;
+    const { StorageBrowser } = React__default.useRef(createStorageBrowser({ config: createAmplifyAuthAdapter() })).current;
     return React__default.createElement(StorageBrowser, { views: views, displayText: displayText });
 };
 

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

@@ -1,24 +1,10 @@
 import React__default from 'react';
-import './views/LocationActionView/CopyView/CopyView.mjs';
-import '@aws-amplify/ui';
-import '@aws-amplify/storage/internals';
-import 'aws-amplify/storage';
-import './providers/configuration/context.mjs';
-import '@aws-amplify/ui-react-core/elements';
-import './actions/configs/context.mjs';
-import '@aws-amplify/ui-react-core';
-import './providers/configuration/credentials/context.mjs';
+import { useViews } from './views/context/views.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 './views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
-import './views/LocationActionView/DeleteView/DeleteView.mjs';
-import './views/LocationActionView/UploadView/UploadView.mjs';
-import './views/LocationDetailView/LocationDetailView.mjs';
-import './views/LocationsView/LocationsView.mjs';
-import { useViews } from './views/context.mjs';
 
 /**
  * Handles default `StorageBrowser` behavior:
@@ -27,7 +13,8 @@ import { useViews } from './views/context.mjs';
  * - render `ActionView` on action selection
  */
 function StorageBrowserDefault() {
-    const { LocationActionView, LocationDetailView, LocationsView } = useViews();
+    const { primary } = useViews();
+    const { LocationActionView, LocationDetailView, LocationsView } = primary;
     const [{ actionType, location }] = useStore();
     const { current } = location;
     if (actionType) {

package/dist/esm/components/StorageBrowser/actions/configs/context.mjs

@@ -1,13 +1,8 @@
 import { createContextUtilities } from '@aws-amplify/ui-react-core';
 
-const defaultValue = { actions: undefined };
+const defaultValue = {
+    actionConfigs: undefined,
+};
 const { useActionConfigs, ActionConfigsProvider } = createContextUtilities({ contextName: 'ActionConfigs', defaultValue });
-function useActionConfig(type) {
-    const { actions } = useActionConfigs();
-    const config = actions?.[type];
-    if (!config)
-        throw new Error('No action!');
-    return config;
-}
 
-export { ActionConfigsProvider, useActionConfig, useActionConfigs };
+export { ActionConfigsProvider, useActionConfigs };

package/dist/esm/components/StorageBrowser/actions/configs/defaults.mjs

@@ -1,78 +1,54 @@
 import { copyHandler } from '../handlers/copy.mjs';
 import { createFolderHandler } from '../handlers/createFolder.mjs';
 import { deleteHandler } from '../handlers/delete.mjs';
-import '@aws-amplify/storage/internals';
+import { downloadHandler } from '../handlers/download.mjs';
 import { listLocationItemsHandler } from '../handlers/listLocationItems.mjs';
-import { listLocationsHandler } from '../handlers/listLocations.mjs';
+import '@aws-amplify/storage/internals';
+import '@aws-amplify/ui';
 import { uploadHandler } from '../handlers/upload.mjs';
 
 const copyActionConfig = {
-    componentName: 'CopyView',
-    actionsListItemConfig: {
+    viewName: 'CopyView',
+    actionListItem: {
         disable: (selected) => !selected || selected.length === 0,
         hide: (permissions) => !permissions.includes('write'),
         icon: 'copy-file',
         label: 'Copy',
     },
-    displayName: 'Copy',
     handler: copyHandler,
 };
 const deleteActionConfig = {
-    componentName: 'DeleteView',
-    actionsListItemConfig: {
+    viewName: 'DeleteView',
+    actionListItem: {
         disable: (selected) => !selected || selected.length === 0,
         hide: (permissions) => !permissions.includes('delete'),
         icon: 'delete-file',
         label: 'Delete',
     },
-    displayName: 'Delete',
     handler: deleteHandler,
 };
 const createFolderActionConfig = {
-    componentName: 'CreateFolderView',
-    actionsListItemConfig: {
-        disable: () => false,
+    viewName: 'CreateFolderView',
+    actionListItem: {
         hide: (permissions) => !permissions.includes('write'),
         icon: 'create-folder',
         label: 'Create folder',
     },
     handler: createFolderHandler,
-    isCancelable: false,
-    displayName: 'Create Folder',
-};
-const listLocationItemsActionConfig = {
-    componentName: 'LocationDetailView',
-    handler: listLocationItemsHandler,
-    displayName: (bucket, prefix) => {
-        if (bucket && prefix) {
-            const prefixes = prefix.split('/');
-            return `${bucket}: ${prefixes.length > 2 ? `../${prefixes[prefixes.length - 2]}/` : prefix}`;
-        }
-        return !bucket ? '-' : bucket;
-    },
-};
-const listLocationsActionConfig = {
-    componentName: 'LocationsView',
-    handler: listLocationsHandler,
-    displayName: 'Home',
 };
 const uploadActionConfig = {
-    componentName: 'UploadView',
-    actionsListItemConfig: {
-        disable: () => false,
-        fileSelection: 'FILE',
+    viewName: 'UploadView',
+    actionListItem: {
         hide: (permissions) => !permissions.includes('write'),
         icon: 'upload-file',
         label: 'Upload',
     },
-    isCancelable: true,
-    includeProgress: true,
     handler: uploadHandler,
-    displayName: 'Upload',
 };
 const defaultActionViewConfigs = {
     copy: copyActionConfig,
     createFolder: createFolderActionConfig,
+    download: downloadHandler,
     delete: deleteActionConfig,
     upload: uploadActionConfig,
 };
@@ -80,8 +56,7 @@ const DEFAULT_ACTION_VIEW_TYPES = Object.keys(defaultActionViewConfigs);
 const isDefaultActionViewType = (value) => DEFAULT_ACTION_VIEW_TYPES.some((type) => type === value);
 const defaultActionConfigs = {
     ...defaultActionViewConfigs,
-    listLocationItems: listLocationItemsActionConfig,
-    listLocations: listLocationsActionConfig,
+    listLocationItems: listLocationItemsHandler,
 };
 
-export { DEFAULT_ACTION_VIEW_TYPES, copyActionConfig, createFolderActionConfig, defaultActionConfigs, defaultActionViewConfigs, deleteActionConfig, isDefaultActionViewType, listLocationItemsActionConfig, listLocationsActionConfig, uploadActionConfig };
+export { DEFAULT_ACTION_VIEW_TYPES, copyActionConfig, createFolderActionConfig, defaultActionConfigs, defaultActionViewConfigs, deleteActionConfig, isDefaultActionViewType, uploadActionConfig };

package/dist/esm/components/StorageBrowser/actions/configs/utils.mjs

@@ -0,0 +1,8 @@
+import { isObject } from '@aws-amplify/ui';
+
+const isActionConfig = (value) => isObject(value);
+const getActionConfigs = (configs) => {
+    return Object.entries({ ...configs.default, ...configs.custom }).reduce((configs, [type, config]) => !isActionConfig(config) ? configs : { ...configs, [type]: config }, {});
+};
+
+export { getActionConfigs };

package/dist/esm/components/StorageBrowser/actions/handlers/copy.mjs

@@ -2,29 +2,26 @@ import { copy } from '@aws-amplify/storage/internals';
 import { constructBucket } from './utils.mjs';
 
 const copyHandler = (input) => {
-    const { config, destinationPrefix: path, data } = input;
+    const { config, data } = input;
     const { accountId: expectedBucketOwner, credentials, customEndpoint, } = config;
-    const { key: sourcePath, fileKey, lastModified, eTag } = data;
+    const { key, sourceKey, lastModified, eTag } = data;
     const bucket = constructBucket(config);
-    const destinationPath = `${path}${fileKey}`;
     const source = {
         bucket,
         expectedBucketOwner,
-        /**
-         * Per S3 requirement, copy source must the URI encoded.
-         * This is NOT added to Amplify JS v6 because it will be a breaking
-         * change to suddenly introduce URI encode to copy API source.
-         *
-         * see: https://docs.aws.amazon.com/AmazonS3/latest/API/API_CopyObject.html#API_CopyObject_RequestSyntax
-         */
-        path: sourcePath.split('/').map(encodeURIComponent).join('/'),
+        // Per S3 requirement, copy source must the URI encoded.
+        // This is NOT added to Amplify JS v6 because it will be a breaking
+        // change to suddenly introduce URI encode to copy API source.
+        //
+        // see: https://docs.aws.amazon.com/AmazonS3/latest/API/API_CopyObject.html#API_CopyObject_RequestSyntax
+        path: sourceKey.split('/').map(encodeURIComponent).join('/'),
         notModifiedSince: lastModified,
         eTag,
     };
     const destination = {
         bucket,
         expectedBucketOwner,
-        path: destinationPath,
+        path: key,
     };
     const result = copy({
         source,
@@ -33,7 +30,10 @@ const copyHandler = (input) => {
     });
     return {
         result: result
-            .then(() => ({ status: 'COMPLETE' }))
+            .then(({ path }) => ({
+            status: 'COMPLETE',
+            value: { key: path },
+        }))
             .catch(({ message }) => ({ message, status: 'FAILED' })),
     };
 };

package/dist/esm/components/StorageBrowser/actions/handlers/createFolder.mjs

@@ -1,15 +1,15 @@
-import { uploadData } from '@aws-amplify/storage/internals';
 import { isFunction } from '@aws-amplify/ui';
+import { uploadData } from '@aws-amplify/storage/internals';
 import { getProgress, constructBucket } from './utils.mjs';
 
 const createFolderHandler = (input) => {
-    const { destinationPrefix, config, data, options } = input;
+    const { config, data, options } = input;
     const { accountId, credentials, customEndpoint } = config;
-    const { onProgress, preventOverwrite } = options ?? {};
-    const { key } = data;
+    const { onProgress } = options ?? {};
+    const { key, preventOverwrite } = data;
     const bucket = constructBucket(config);
     const { result } = uploadData({
-        path: `${destinationPrefix}${key}`,
+        path: key,
         data: '',
         options: {
             bucket,
@@ -25,7 +25,10 @@ const createFolderHandler = (input) => {
     });
     return {
         result: result
-            .then(() => ({ status: 'COMPLETE' }))
+            .then(({ path }) => ({
+            status: 'COMPLETE',
+            value: { key: path },
+        }))
             .catch(({ message, name }) => {
             if (name === 'PreconditionFailed') {
                 return { message, status: 'OVERWRITE_PREVENTED' };

package/dist/esm/components/StorageBrowser/actions/handlers/delete.mjs

@@ -1,7 +1,8 @@
 import { remove } from '@aws-amplify/storage/internals';
 import { constructBucket } from './utils.mjs';
 
-const deleteHandler = ({ config, data: { key }, }) => {
+const deleteHandler = ({ config, data, }) => {
+    const { key } = data;
     const { accountId, credentials, customEndpoint } = config;
     const result = remove({
         path: key,
@@ -11,12 +12,13 @@ const deleteHandler = ({ config, data: { key }, }) => {
             expectedBucketOwner: accountId,
             customEndpoint,
         },
-    });
-    return {
-        result: result
-            .then(() => ({ status: 'COMPLETE' }))
-            .catch(({ message }) => ({ message, status: 'FAILED' })),
-    };
+    })
+        .then(({ path }) => ({
+        status: 'COMPLETE',
+        value: { key: path },
+    }))
+        .catch(({ message }) => ({ message, status: 'FAILED' }));
+    return { result };
 };
 
 export { deleteHandler };

package/dist/esm/components/StorageBrowser/actions/handlers/download.mjs

@@ -22,17 +22,13 @@ const downloadHandler = ({ config, data: { key }, }) => {
             contentDisposition: 'attachment',
             expectedBucketOwner: accountId,
         },
-    }).then((result) => {
-        return result;
-    });
-    return {
-        result: result
-            .then(({ url }) => {
-            downloadFromUrl(key, url.toString());
-            return { status: 'COMPLETE' };
-        })
-            .catch(({ message }) => ({ message, status: 'FAILED' })),
-    };
+    })
+        .then(({ url }) => {
+        downloadFromUrl(key, url.toString());
+        return { status: 'COMPLETE', value: { url } };
+    })
+        .catch(({ message }) => ({ message, status: 'FAILED' }));
+    return { result };
 };
 
 export { downloadHandler };

package/dist/esm/components/StorageBrowser/actions/handlers/listLocationItems.mjs

@@ -39,9 +39,9 @@ const listLocationItemsHandler = async (input) => {
         delimiter,
         strategy: delimiter ? 'exclude' : 'include',
     };
-    // `ListObjectsV2` returns the root `key` on initial request, which is from
-    // filtered from `results` by `parseResult`, creatimg a scenario where the
-    // return count of `results` to be one item less than provided the `pageSize`.
+    // `ListObjectsV2` returns the root `key` on initial request which, when from
+    // filtered from `results` by `parseResult`, creates a scenario where the
+    // return count of `results` is one item less than the provided `pageSize`.
     // To mitigate, if a `pageSize` is provided and there are no previous `results`
     // or `refresh` is `true` increment the provided `pageSize` by `1`
     const hasOffset = !nextToken;

package/dist/esm/components/StorageBrowser/actions/handlers/upload.mjs

@@ -6,17 +6,18 @@ import { constructBucket, getProgress } from './utils.mjs';
 // 5MB for multipart upload
 // https://github.com/aws-amplify/amplify-js/blob/1a5366d113c9af4ce994168653df3aadb142c581/packages/storage/src/providers/s3/utils/constants.ts#L16
 const MULTIPART_UPLOAD_THRESHOLD_BYTES = 5 * 1024 * 1024;
+const DEFAULT_CHECKSUM_ALGORITHM = 'crc-32';
 const UNDEFINED_CALLBACKS = {
     cancel: undefined,
     pause: undefined,
     resume: undefined,
 };
-const uploadHandler = ({ config, data, destinationPrefix, options, }) => {
+const uploadHandler = ({ config, data, options }) => {
     const { accountId, credentials, customEndpoint } = config;
-    const { key, file } = data;
-    const { onProgress, preventOverwrite } = options ?? {};
+    const { key, file, preventOverwrite } = data;
+    const { onProgress } = options ?? {};
     const input = {
-        path: `${destinationPrefix}${key}`,
+        path: key,
         data: file,
         options: {
             bucket: constructBucket(config),
@@ -28,7 +29,7 @@ const uploadHandler = ({ config, data, destinationPrefix, options, }) => {
             },
             preventOverwrite,
             customEndpoint,
-            checksumAlgorithm: 'crc-32',
+            checksumAlgorithm: DEFAULT_CHECKSUM_ALGORITHM,
         },
     };
     const { cancel, pause, resume, result } = uploadData(input);
@@ -37,7 +38,10 @@ const uploadHandler = ({ config, data, destinationPrefix, options, }) => {
             ? { cancel, pause, resume }
             : UNDEFINED_CALLBACKS),
         result: result
-            .then(() => ({ status: 'COMPLETE' }))
+            .then((output) => ({
+            status: 'COMPLETE',
+            value: { key: output.path },
+        }))
             .catch((error) => {
             const { message } = error;
             if (error.name === 'PreconditionFailed') {
@@ -51,4 +55,4 @@ const uploadHandler = ({ config, data, destinationPrefix, options, }) => {
     };
 };
 
-export { MULTIPART_UPLOAD_THRESHOLD_BYTES, UNDEFINED_CALLBACKS, uploadHandler };
+export { DEFAULT_CHECKSUM_ALGORITHM, MULTIPART_UPLOAD_THRESHOLD_BYTES, UNDEFINED_CALLBACKS, uploadHandler };

package/dist/esm/components/StorageBrowser/actions/handlers/utils.mjs

@@ -82,18 +82,8 @@ const createFileDataItem = (data) => ({
     ...data,
     fileKey: getFileKey(data.key),
 });
-const createFileDataItemFromLocation = (data) => ({
-    id: data.id,
-    type: 'FILE',
-    key: data.prefix,
-    fileKey: getFileKey(data.prefix),
-    // `lastModified` and `size` included to satisfy
-    // expected shape of `FileDataItem`
-    lastModified: new Date(),
-    size: 0,
-});
 const isFileItem = (value) => !!value.file;
 const isFileDataItem = (item) => !!item.fileKey;
 const getProgress = ({ totalBytes, transferredBytes, }) => totalBytes ? transferredBytes / totalBytes : undefined;
 
-export { constructBucket, createFileDataItem, createFileDataItemFromLocation, getFileKey, getFilteredLocations, getProgress, isFileDataItem, isFileItem, parseAccessGrantLocation, shouldExcludeLocation };
+export { constructBucket, createFileDataItem, getFileKey, getFilteredLocations, getProgress, isFileDataItem, isFileItem, parseAccessGrantLocation, shouldExcludeLocation };

package/dist/esm/components/StorageBrowser/adapters/createManagedAuthAdapter/createManagedAuthAdapter.mjs

@@ -1,11 +1,9 @@
 import { createLocationCredentialsHandler } from './createLocationCredentialsHandler.mjs';
-import '../../actions/configs/context.mjs';
 import '@aws-amplify/storage/internals';
 import '@aws-amplify/ui';
 import { listLocationsHandler } from '../../actions/handlers/listLocations.mjs';
 import 'aws-amplify/storage';
-import 'react';
-import '@aws-amplify/ui-react-core';
+import '../../actions/configs/context.mjs';
 
 /**
  * Create configuration including handlers to call S3 Access Grant APIs to list and get

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

@@ -1,12 +1,12 @@
 import React__default from 'react';
 import { Pagination } from '../composables/Pagination.mjs';
 import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
-import { useControlsContext } from './context.mjs';
+import { usePagination } from './hooks/usePagination.mjs';
 
 const PaginationControl = () => {
-    const { data } = useControlsContext();
+    const props = usePagination();
     const Resolved = useResolvedComposable(Pagination, 'Pagination');
-    return React__default.createElement(Resolved, { ...data.paginationData });
+    return React__default.createElement(Resolved, { ...props });
 };
 
 export { PaginationControl };

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

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { SearchField } from '../composables/SearchField.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+import { useSearchField } from './hooks/useSearchField.mjs';
+
+const SearchFieldControl = () => {
+    const props = useSearchField();
+    const Resolved = useResolvedComposable(SearchField, 'SearchField');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { SearchFieldControl };

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

@@ -0,0 +1,9 @@
+import { useControlsContext } from '../context.mjs';
+
+const usePagination = () => {
+    const { data, onPaginate } = useControlsContext();
+    const { paginationData } = data;
+    return { ...paginationData, onPaginate };
+};
+
+export { usePagination };

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

@@ -0,0 +1,17 @@
+import { useControlsContext } from '../context.mjs';
+
+const useSearchField = () => {
+    const { data, onSearch, onSearchClear, onSearchQueryChange } = useControlsContext();
+    const { searchPlaceholder, searchClearLabel, searchQuery, searchSubmitLabel, } = data;
+    return {
+        clearLabel: searchClearLabel,
+        placeholder: searchPlaceholder,
+        query: searchQuery,
+        submitLabel: searchSubmitLabel,
+        onClear: onSearchClear,
+        onQueryChange: onSearchQueryChange,
+        onSearch,
+    };
+};
+
+export { useSearchField };

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

@@ -1,4 +1,12 @@
 import React__default from 'react';
+import { setUserAgent } from '@aws-amplify/ui';
+import { VERSION } from '../../version.mjs';
+import '@aws-amplify/storage/internals';
+import { assertRegisterAuthListener } from './validators/assertRegisterAuthListener.mjs';
+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 './composables/context.mjs';
 import { DEFAULT_COMPOSABLES } from './composables/defaults.mjs';
 import { elementsDefault } from './context/elements/defaults.mjs';
@@ -7,45 +15,50 @@ import './context/elements/IconElement.mjs';
 import { ComponentsProvider } from './ComponentsProvider.mjs';
 import { componentsDefault } from './componentsDefault.mjs';
 import { ErrorBoundary } from './ErrorBoundary/ErrorBoundary.mjs';
-import './providers/configuration/context.mjs';
 import { createConfigurationProvider } from './providers/configuration/createConfigurationProvider.mjs';
+import './providers/configuration/context.mjs';
 import { StoreProvider } from './providers/store/StoreProvider.mjs';
 import './providers/store/actionType/context.mjs';
 import './providers/store/files/context.mjs';
 import './providers/store/location/context.mjs';
 import './providers/store/locationItems/context.mjs';
 import { StorageBrowserDefault } from './StorageBrowserDefault.mjs';
-import '@aws-amplify/ui';
-import { assertRegisterAuthListener } from './validators/assertRegisterAuthListener.mjs';
 import { CopyView } from './views/LocationActionView/CopyView/CopyView.mjs';
-import '@aws-amplify/storage/internals';
-import 'aws-amplify/storage';
+import { ActionHandlersProvider } from './useAction/context.mjs';
+import { useAction } from './useAction/useAction.mjs';
 import '@aws-amplify/ui-react-core';
-import './actions/configs/context.mjs';
-import { defaultActionConfigs } from './actions/configs/defaults.mjs';
+import { getActionHandlers } from './useAction/utils.mjs';
 import { CreateFolderView } from './views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import { DeleteView } from './views/LocationActionView/DeleteView/DeleteView.mjs';
-import { UploadView } from './views/LocationActionView/UploadView/UploadView.mjs';
 import { LocationActionView } from './views/LocationActionView/LocationActionView.mjs';
+import { UploadView } from './views/LocationActionView/UploadView/UploadView.mjs';
 import { LocationDetailView } from './views/LocationDetailView/LocationDetailView.mjs';
 import { LocationsView } from './views/LocationsView/LocationsView.mjs';
-import { ViewsProvider } from './views/context.mjs';
+import { useView } from './views/useView.mjs';
+import { ViewsProvider } from './views/context/views.mjs';
 import { DisplayTextProvider } from './displayText/context.mjs';
-import { createUseView } from './views/createUseView.mjs';
 
 function createStorageBrowser(input) {
     assertRegisterAuthListener(input.config.registerAuthListener);
     const { accountId, customEndpoint, registerAuthListener, getLocationCredentials, region, } = input.config;
-    const ConfigurationProvider = createConfigurationProvider({
-        accountId,
-        actions: {
+    setUserAgent({
+        componentName: 'StorageBrowser',
+        packageName: 'react-storage',
+        version: VERSION,
+    });
+    const actions = {
+        default: {
             ...defaultActionConfigs,
-            // @ts-expect-error To be addressed with line 40
-            listLocations: {
-                componentName: 'LocationsView',
-                handler: input.config.listLocations,
-            },
+            ...input.actions?.default,
+            // always last
+            listLocations: input.config.listLocations,
         },
+        custom: input.actions?.custom,
+    };
+    const handlers = getActionHandlers(actions);
+    const actionConfigs = getActionConfigs(actions);
+    const ConfigurationProvider = createConfigurationProvider({
+        accountId,
         customEndpoint,
         displayName: 'ConfigurationProvider',
         getLocationCredentials,
@@ -64,17 +77,20 @@ function createStorageBrowser(input) {
      * Provides state, configuration and action values that are shared between
      * the primary View components
      */
-    function Provider({ children, ...props }) {
+    function Provider({ children, displayText, views, ...props }) {
         return (React__default.createElement(StoreProvider, { ...props },
             React__default.createElement(ConfigurationProvider, null,
-                React__default.createElement(DisplayTextProvider, { displayText: props.displayText },
-                    React__default.createElement(ComponentsProvider, { composables: composables, elements: elementsDefault }, children)))));
+                React__default.createElement(ActionConfigsProvider, { actionConfigs: actionConfigs },
+                    React__default.createElement(ActionHandlersProvider, { handlers: handlers },
+                        React__default.createElement(DisplayTextProvider, { displayText: displayText },
+                            React__default.createElement(ViewsProvider, { actions: actions, views: views },
+                                React__default.createElement(ComponentsProvider, { composables: composables, elements: elementsDefault }, children))))))));
     }
     const StorageBrowser = ({ views, displayText }) => (React__default.createElement(ErrorBoundary, null,
-        React__default.createElement(Provider, { displayText: displayText },
-            React__default.createElement(ViewsProvider, { views: views },
-                React__default.createElement(StorageBrowserDefault, null)))));
-    StorageBrowser.LocationActionView = LocationActionView;
+        React__default.createElement(Provider, { displayText: displayText, views: views },
+            React__default.createElement(StorageBrowserDefault, null))));
+    StorageBrowser.LocationActionView =
+        LocationActionView;
     StorageBrowser.LocationDetailView = LocationDetailView;
     StorageBrowser.LocationsView = LocationsView;
     StorageBrowser.CopyView = CopyView;
@@ -83,8 +99,7 @@ function createStorageBrowser(input) {
     StorageBrowser.UploadView = UploadView;
     StorageBrowser.Provider = Provider;
     StorageBrowser.displayName = 'StorageBrowser';
-    const useView = createUseView(defaultActionConfigs);
-    return { StorageBrowser, useView };
+    return { StorageBrowser, useAction, useView };
 }
 
 export { createStorageBrowser };

package/dist/esm/components/StorageBrowser/displayText/libraries/en/locationDetailView.mjs

@@ -14,6 +14,12 @@ const DEFAULT_LOCATION_DETAIL_VIEW_DISPLAY_TEXT = {
                 content: message ?? DEFAULT_ERROR_MESSAGE,
             };
         }
+        if (!items?.length && hasExhaustedSearch) {
+            return {
+                type: 'info',
+                content: `No results found in the first 10,000 items.`,
+            };
+        }
         if (!items?.length) {
             return {
                 type: 'info',