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

package/README.md

@@ -1,23 +1,31 @@
-# Amplify UI
+# Amplify UI React Storage
 
-Amplify UI is an open-source UI library with cloud-connected components that are endlessly customizable, accessible, and can integrate into _any_ application. Amplify UI consists of:
+The React Storage package provides components for file storage and management in Amplify connected applications.
 
-1. Connected components that simplify complex cloud-connected workflows, like Authenticator.
-2. Primitive components that create consistency across Amplify UI and allow you to build complete applications that fit your brand, like Buttons and Badges.
-3. Data-bound components that make it easy to display dynamic data, like DataStoreCollections.
-4. Theming capabilities that allow you to customize the appearance of Amplify UI to match your brand.
+## Contents
 
-## React Documentation
+### Core Components
 
-- https://ui.docs.amplify.aws/react
+- `FileUploader` - Component for uploading files
+- `StorageImage` - Component for displaying images from storage
+- `StorageManager` - Component for managing storage
+- `StorageBrowser` - Component for browsing storage
 
-## Features 🚀
+### Props Types
 
-- **Better developer experience** Connected-components like Authenticator are being written with framework-specific implementations so that they follow framework conventions and are easier to integrate into your application.
-- **Endlessly customizable** Every detail of Amplify UI is customizable to match your brand. Style all of Amplify UI with themes, override components with your own, or build your own UI and use Amplify for complex state management.
-- **Accessible** Amplify UI components follow [WCAG](https://www.w3.org/WAI/standards-guidelines/wcag/) and [WAI-ARIA](https://www.w3.org/TR/wai-aria-1.2/) best practices and guidelines such as color contrast, keyboard navigation, accessible labels, and focus management.
-- **Primitive components (React only right now)** Primitive components are used in the connected components, like Authenticator, you can also customize them and use them to build the rest of your UI.
+- `FileUploaderProps` - Props for FileUploader component
+- `StorageImageProps` - Props for StorageImage component
+- `StorageManagerProps` - Props for StorageManager component
+- `StorageBrowserProps` - Props for StorageBrowser component
+- `DropZoneProps` - Props for drop zone functionality
+- `ContainerProps` - Props for container components
+- `FileListProps` - Props for file list components
+- `FilePickerProps` - Props for file picker components
+- `FileListHeaderProps` - Props for file list header components
+- `FileListFooterProps` - Props for file list footer components
+- `FileUploaderHandle` - React.ForwardRef handle for FileUploader component
+- `StorageManagerHandle` - React.ForwardRef handle for StorageManager component
 
-## We love contributors!!
+## React Documentation
 
-See our contributing guide [CONTRIBUTING.md](/CONTRIBUTING.md) to help us scale Amplify UI!
+- https://ui.docs.amplify.aws/react

package/dist/browser.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var internals = require('@aws-amplify/storage/internals');
 require('@aws-amplify/ui');
-var createStorageBrowser = require('./createStorageBrowser-BfRLqdUj.js');
+var createStorageBrowser = require('./createStorageBrowser-B75dAYRb.js');
 require('aws-amplify/storage');
 require('react');
 require('@aws-amplify/ui-react');

package/dist/{createStorageBrowser-BfRLqdUj.js → createStorageBrowser-B75dAYRb.js}

@@ -32,7 +32,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const VERSION = '3.10.1';
+const VERSION = '3.10.3';
 
 const toAccessGrantPermission = (permission) => {
     let result = '';
@@ -1359,8 +1359,6 @@ const { ActionHandlersProvider, useActionHandlers } = uiReactCore.createContextU
     errorMessage: '`useActionHandlers` must be called from within an `ActionHandlersProvider',
 });
 
-const SEARCH_LIMIT = 10000;
-const SEARCH_PAGE_SIZE = 1000;
 /**
  * Normalizes and converts a string to lower case,
  * handling Unicode characters and locale-specific case mappings.
@@ -1389,10 +1387,10 @@ function normalize(input) {
 function caseInsensitiveIncludes(input, query) {
     return normalize(input).includes(normalize(query));
 }
-function searchItems({ prefix = '', list, options }) {
+function searchItems({ prefix = '', items, options, }) {
     const { query, filterBy, groupBy } = options;
     // filter keys that match `filterBy` search option
-    const filteredItems = list.filter((item) => {
+    const filteredItems = items.filter((item) => {
         const key = typeof filterBy === 'function' ? filterBy(item) : filterBy;
         const path = item[key];
         const suffix = path.slice(prefix.length);
@@ -1433,7 +1431,10 @@ function searchItems({ prefix = '', list, options }) {
     }
     return Array.from(uniquePaths.values());
 }
-const createEnhancedListHandler = (action) => {
+
+const SEARCH_LIMIT = 10000;
+const SEARCH_PAGE_SIZE = 1000;
+const createEnhancedListHandler = (handler) => {
     return async function listActionHandler(prevState, { options, ...input }) {
         const { nextToken: _nextToken, refresh, reset, search, ...rest } = options ?? {};
         if (reset) {
@@ -1441,43 +1442,32 @@ const createEnhancedListHandler = (action) => {
         }
         // collect and filter results on `search`
         if (search) {
-            const result = [];
-            let nextNextToken = undefined;
+            const items = [];
+            let nextToken = undefined;
             do {
-                const output = (await action({
+                const output = await handler({
                     ...input,
-                    options: {
-                        ...rest,
-                        pageSize: SEARCH_PAGE_SIZE,
-                        nextToken: nextNextToken,
-                    },
-                }));
-                result.push(...output.items);
-                nextNextToken = output.nextToken;
-            } while (nextNextToken && result.length < SEARCH_LIMIT);
+                    options: { ...rest, pageSize: SEARCH_PAGE_SIZE, nextToken },
+                });
+                items.push(...output.items);
+                // eslint-disable-next-line prefer-destructuring
+                nextToken = output.nextToken;
+            } while (nextToken && items.length < SEARCH_LIMIT);
             return {
-                items: searchItems({
-                    list: result,
-                    prefix: input.prefix,
-                    options: search,
-                }),
-                search: {
-                    // search limit reached but we still have a next token
-                    hasExhaustedSearch: !!nextNextToken,
-                },
+                items: searchItems({ items, prefix: input.prefix, options: search }),
+                // search limit reached but we still have a next token
+                hasExhaustedSearch: !!nextToken,
                 nextToken: undefined,
             };
         }
         // ignore provided `nextToken` on `refresh`
         const nextToken = refresh ? undefined : _nextToken;
-        const output = (await action({
+        const output = await handler({
             ...input,
             options: { ...rest, nextToken },
-        }));
-        return {
-            items: [...(refresh ? [] : prevState.items), ...output.items],
-            nextToken: output.nextToken,
-        };
+        });
+        const items = [...(refresh ? [] : prevState.items), ...output.items];
+        return { ...output, items };
     };
 };
 
@@ -1923,9 +1913,9 @@ const QUEUED_TASK_BASE = {
     progress: undefined,
     status: 'QUEUED',
 };
-const isTaskHandlerInput = (input) => !!input.data;
+const isSingleTaskInput = (input) => !!input.data;
 function useProcessTasks(handler, options) {
-    const { concurrency, items, ...callbacks } = options ?? {};
+    const { items, ...callbacks } = options ?? {};
     const callbacksRef = React__namespace["default"].useRef(callbacks);
     if (callbacks) {
         callbacksRef.current = callbacks;
@@ -1996,13 +1986,13 @@ function useProcessTasks(handler, options) {
         });
         flush();
     }, [createTask, flush, updateTask, items, refreshTaskData]);
-    const processNextTask = (_input) => {
-        const hasInputData = isTaskHandlerInput(_input);
-        if (hasInputData) {
+    const processTask = (_input) => {
+        const isSingleTask = isSingleTaskInput(_input);
+        if (isSingleTask) {
             createTask(_input.data);
             flush();
         }
-        const { data } = hasInputData
+        const { data } = isSingleTask
             ? _input
             : [...tasksRef.current.values()].find(({ status }) => status === 'QUEUED') ?? {};
         if (!data)
@@ -2047,10 +2037,10 @@ function useProcessTasks(handler, options) {
             const task = getTask();
             if (task && ui.isFunction(onTaskComplete))
                 onTaskComplete(task);
-            // ignore process next task for single operation inputs
-            if (hasInputData)
+            // ignore process next task for single task
+            if (isSingleTask)
                 return;
-            processNextTask(_input);
+            processTask(_input);
         });
         updateTask(data.id, { cancel, status: 'PENDING' });
     };
@@ -2062,13 +2052,22 @@ function useProcessTasks(handler, options) {
         if (isProcessing) {
             return;
         }
+        // if single task, run `processTask` once
+        if (isSingleTaskInput(input)) {
+            processTask(input);
+            return;
+        }
+        const { concurrency, ...options } = input.options ?? {};
+        // reconstruct `input` without `concurrency`
+        const _input = { ...input, options };
+        // for batch tasks, if no `concurrency` process tasks individually
         if (!concurrency) {
-            processNextTask(input);
+            processTask(_input);
             return;
         }
         let count = 0;
         while (count < concurrency) {
-            processNextTask(input);
+            processTask(_input);
             count++;
         }
     };
@@ -2084,10 +2083,7 @@ function useProcessTasks(handler, options) {
 const isOptionsWithItems = (options) => !!options?.items;
 const isHandleTaskInput = (value) => !!value?.data;
 function useHandler(handler, options) {
-    const [state, handleProcessing] = useProcessTasks(handler, {
-        ...options,
-        concurrency: DEFAULT_ACTION_CONCURRENCY,
-    });
+    const [state, handleProcessing] = useProcessTasks(handler, options);
     const getConfig = useGetActionInput();
     const { reset, isProcessing, tasks, ...rest } = state;
     const handleDispatch = React__namespace["default"].useCallback((input) => {
@@ -2098,7 +2094,10 @@ function useHandler(handler, options) {
             reset();
         handleProcessing({
             config,
-            ...(hasData ? { data: input.data } : undefined),
+            ...(hasData
+                ? { data: input.data }
+                : // if no `data` provided, provide `concurrency` to `options`
+                    { options: { concurrency: DEFAULT_ACTION_CONCURRENCY } }),
         });
     }, [getConfig, handleProcessing, reset]);
     if (isOptionsWithItems(options)) {
@@ -2149,6 +2148,7 @@ const useListLocationItems = () => {
     const enhancedHandler = React__namespace["default"].useMemo(() => createEnhancedListHandler((input) => listLocationItems({ ...input, config: getConfig() })), [getConfig, listLocationItems]);
     return uiReactCore.useAsyncReducer(enhancedHandler, {
         items: [],
+        hasExhaustedSearch: false,
         nextToken: undefined,
     });
 };
@@ -4006,8 +4006,7 @@ const DEFAULT_REFRESH_OPTIONS = { ...DEFAULT_LIST_OPTIONS$2, refresh: true };
 const useFolders = ({ destination, setDestination, }) => {
     const { current, key } = destination;
     const [{ value, hasError, isLoading, message }, handleList] = useList('folderItems');
-    const { items, nextToken, search } = value;
-    const { hasExhaustedSearch = false } = search ?? {};
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const onInitialize = React__namespace["default"].useCallback(() => {
         handleList({
             prefix: key,
@@ -4646,8 +4645,7 @@ const useLocationDetailView = (options) => {
     const [{ task }, handleDownload] = useAction('download');
     const [{ value, isLoading, hasError, message }, handleList] = useList('locationItems');
     // set up pagination
-    const { items, nextToken, search } = value;
-    const { hasExhaustedSearch = false } = search ?? {};
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const onPaginate = () => {
         if (hasInvalidPrefix || !nextToken)
             return;
@@ -4982,9 +4980,8 @@ const useLocationsView = (options) => {
     const [state, handleList] = useList('locations');
     const dispatchStoreAction = useStore()[1];
     const { value, message, hasError, isLoading } = state;
-    const { items, nextToken, search } = value;
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const hasNextToken = !!nextToken;
-    const { hasExhaustedSearch = false } = search ?? {};
     const onNavigate = options?.onNavigate;
     const initialValues = options?.initialValues ?? {};
     const listOptionsRef = React__namespace["default"].useRef({

package/dist/esm/components/StorageBrowser/tasks/useProcessTasks.mjs

@@ -8,9 +8,9 @@ const QUEUED_TASK_BASE = {
     progress: undefined,
     status: 'QUEUED',
 };
-const isTaskHandlerInput = (input) => !!input.data;
+const isSingleTaskInput = (input) => !!input.data;
 function useProcessTasks(handler, options) {
-    const { concurrency, items, ...callbacks } = options ?? {};
+    const { items, ...callbacks } = options ?? {};
     const callbacksRef = React__default.useRef(callbacks);
     if (callbacks) {
         callbacksRef.current = callbacks;
@@ -81,13 +81,13 @@ function useProcessTasks(handler, options) {
         });
         flush();
     }, [createTask, flush, updateTask, items, refreshTaskData]);
-    const processNextTask = (_input) => {
-        const hasInputData = isTaskHandlerInput(_input);
-        if (hasInputData) {
+    const processTask = (_input) => {
+        const isSingleTask = isSingleTaskInput(_input);
+        if (isSingleTask) {
             createTask(_input.data);
             flush();
         }
-        const { data } = hasInputData
+        const { data } = isSingleTask
             ? _input
             : [...tasksRef.current.values()].find(({ status }) => status === 'QUEUED') ?? {};
         if (!data)
@@ -132,10 +132,10 @@ function useProcessTasks(handler, options) {
             const task = getTask();
             if (task && isFunction(onTaskComplete))
                 onTaskComplete(task);
-            // ignore process next task for single operation inputs
-            if (hasInputData)
+            // ignore process next task for single task
+            if (isSingleTask)
                 return;
-            processNextTask(_input);
+            processTask(_input);
         });
         updateTask(data.id, { cancel, status: 'PENDING' });
     };
@@ -147,13 +147,22 @@ function useProcessTasks(handler, options) {
         if (isProcessing) {
             return;
         }
+        // if single task, run `processTask` once
+        if (isSingleTaskInput(input)) {
+            processTask(input);
+            return;
+        }
+        const { concurrency, ...options } = input.options ?? {};
+        // reconstruct `input` without `concurrency`
+        const _input = { ...input, options };
+        // for batch tasks, if no `concurrency` process tasks individually
         if (!concurrency) {
-            processNextTask(input);
+            processTask(_input);
             return;
         }
         let count = 0;
         while (count < concurrency) {
-            processNextTask(input);
+            processTask(_input);
             count++;
         }
     };

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

@@ -1,78 +1,8 @@
+import { searchItems } from './searchItems.mjs';
+
 const SEARCH_LIMIT = 10000;
 const SEARCH_PAGE_SIZE = 1000;
-/**
- * Normalizes and converts a string to lower case,
- * handling Unicode characters and locale-specific case mappings.
- * Uses NFKD to fully decompose unicode: https://unicode.org/reports/tr15/#Normalization_Forms_Table
- */
-function normalize(input) {
-    return input
-        .normalize('NFKD')
-        .replace(/[\u0300-\u036f]/g, '') // remove diacritic modifiers
-        .toLocaleLowerCase();
-}
-/**
- * Performs a case-insensitive check to determine if a string includes another string,
- * handling Unicode characters and locale-specific case mappings.
- *
- * @param {string} input - The string to search within.
- * @param {string} query - The substring to search for.
- * @returns {boolean} - Returns `true` if `query` is found in `input` (case-insensitively), otherwise `false`.
- *
- * @example
- * caseInsensitiveIncludes("Photos", "photo"); // true
- * caseInsensitiveIncludes("Hello", "HELLO");   // true
- * caseInsensitiveIncludes("\uFB00", "\u0046\u0046");   // ff = FF true
- * caseInsensitiveIncludes("Cafè", "cafe");   // true
- */
-function caseInsensitiveIncludes(input, query) {
-    return normalize(input).includes(normalize(query));
-}
-function searchItems({ prefix = '', list, options }) {
-    const { query, filterBy, groupBy } = options;
-    // filter keys that match `filterBy` search option
-    const filteredItems = list.filter((item) => {
-        const key = typeof filterBy === 'function' ? filterBy(item) : filterBy;
-        const path = item[key];
-        const suffix = path.slice(prefix.length);
-        return caseInsensitiveIncludes(suffix, query);
-    });
-    if (!groupBy) {
-        return filteredItems;
-    }
-    // group items using the provided grouping delimiter
-    const uniquePaths = new Map();
-    for (const item of filteredItems) {
-        const key = typeof filterBy === 'function' ? filterBy(item) : filterBy;
-        const path = item[key];
-        const components = path.split(groupBy);
-        for (const [i, component] of components.entries()) {
-            if (!caseInsensitiveIncludes(component, query)) {
-                continue;
-            }
-            // list of components ending with match
-            const matchedPathSegments = components.slice(0, i + 1);
-            // create new path
-            let matchedPath = matchedPathSegments.join(groupBy);
-            const isFolder = matchedPath !== path;
-            if (isFolder) {
-                matchedPath += groupBy;
-            }
-            // ignore anything below the prefix for matching
-            if (matchedPath.length > prefix.length && !uniquePaths.has(matchedPath)) {
-                // add a new item
-                uniquePaths.set(matchedPath, {
-                    ...item,
-                    id: crypto.randomUUID(),
-                    [key]: matchedPath,
-                    type: isFolder ? 'FOLDER' : 'FILE',
-                });
-            }
-        }
-    }
-    return Array.from(uniquePaths.values());
-}
-const createEnhancedListHandler = (action) => {
+const createEnhancedListHandler = (handler) => {
     return async function listActionHandler(prevState, { options, ...input }) {
         const { nextToken: _nextToken, refresh, reset, search, ...rest } = options ?? {};
         if (reset) {
@@ -80,44 +10,33 @@ const createEnhancedListHandler = (action) => {
         }
         // collect and filter results on `search`
         if (search) {
-            const result = [];
-            let nextNextToken = undefined;
+            const items = [];
+            let nextToken = undefined;
             do {
-                const output = (await action({
+                const output = await handler({
                     ...input,
-                    options: {
-                        ...rest,
-                        pageSize: SEARCH_PAGE_SIZE,
-                        nextToken: nextNextToken,
-                    },
-                }));
-                result.push(...output.items);
-                nextNextToken = output.nextToken;
-            } while (nextNextToken && result.length < SEARCH_LIMIT);
+                    options: { ...rest, pageSize: SEARCH_PAGE_SIZE, nextToken },
+                });
+                items.push(...output.items);
+                // eslint-disable-next-line prefer-destructuring
+                nextToken = output.nextToken;
+            } while (nextToken && items.length < SEARCH_LIMIT);
             return {
-                items: searchItems({
-                    list: result,
-                    prefix: input.prefix,
-                    options: search,
-                }),
-                search: {
-                    // search limit reached but we still have a next token
-                    hasExhaustedSearch: !!nextNextToken,
-                },
+                items: searchItems({ items, prefix: input.prefix, options: search }),
+                // search limit reached but we still have a next token
+                hasExhaustedSearch: !!nextToken,
                 nextToken: undefined,
             };
         }
         // ignore provided `nextToken` on `refresh`
         const nextToken = refresh ? undefined : _nextToken;
-        const output = (await action({
+        const output = await handler({
             ...input,
             options: { ...rest, nextToken },
-        }));
-        return {
-            items: [...(refresh ? [] : prevState.items), ...output.items],
-            nextToken: output.nextToken,
-        };
+        });
+        const items = [...(refresh ? [] : prevState.items), ...output.items];
+        return { ...output, items };
     };
 };
 
-export { SEARCH_LIMIT, SEARCH_PAGE_SIZE, createEnhancedListHandler, searchItems };
+export { SEARCH_LIMIT, SEARCH_PAGE_SIZE, createEnhancedListHandler };

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

@@ -0,0 +1,74 @@
+/**
+ * Normalizes and converts a string to lower case,
+ * handling Unicode characters and locale-specific case mappings.
+ * Uses NFKD to fully decompose unicode: https://unicode.org/reports/tr15/#Normalization_Forms_Table
+ */
+function normalize(input) {
+    return input
+        .normalize('NFKD')
+        .replace(/[\u0300-\u036f]/g, '') // remove diacritic modifiers
+        .toLocaleLowerCase();
+}
+/**
+ * Performs a case-insensitive check to determine if a string includes another string,
+ * handling Unicode characters and locale-specific case mappings.
+ *
+ * @param {string} input - The string to search within.
+ * @param {string} query - The substring to search for.
+ * @returns {boolean} - Returns `true` if `query` is found in `input` (case-insensitively), otherwise `false`.
+ *
+ * @example
+ * caseInsensitiveIncludes("Photos", "photo"); // true
+ * caseInsensitiveIncludes("Hello", "HELLO");   // true
+ * caseInsensitiveIncludes("\uFB00", "\u0046\u0046");   // ff = FF true
+ * caseInsensitiveIncludes("Cafè", "cafe");   // true
+ */
+function caseInsensitiveIncludes(input, query) {
+    return normalize(input).includes(normalize(query));
+}
+function searchItems({ prefix = '', items, options, }) {
+    const { query, filterBy, groupBy } = options;
+    // filter keys that match `filterBy` search option
+    const filteredItems = items.filter((item) => {
+        const key = typeof filterBy === 'function' ? filterBy(item) : filterBy;
+        const path = item[key];
+        const suffix = path.slice(prefix.length);
+        return caseInsensitiveIncludes(suffix, query);
+    });
+    if (!groupBy) {
+        return filteredItems;
+    }
+    // group items using the provided grouping delimiter
+    const uniquePaths = new Map();
+    for (const item of filteredItems) {
+        const key = typeof filterBy === 'function' ? filterBy(item) : filterBy;
+        const path = item[key];
+        const components = path.split(groupBy);
+        for (const [i, component] of components.entries()) {
+            if (!caseInsensitiveIncludes(component, query)) {
+                continue;
+            }
+            // list of components ending with match
+            const matchedPathSegments = components.slice(0, i + 1);
+            // create new path
+            let matchedPath = matchedPathSegments.join(groupBy);
+            const isFolder = matchedPath !== path;
+            if (isFolder) {
+                matchedPath += groupBy;
+            }
+            // ignore anything below the prefix for matching
+            if (matchedPath.length > prefix.length && !uniquePaths.has(matchedPath)) {
+                // add a new item
+                uniquePaths.set(matchedPath, {
+                    ...item,
+                    id: crypto.randomUUID(),
+                    [key]: matchedPath,
+                    type: isFolder ? 'FOLDER' : 'FILE',
+                });
+            }
+        }
+    }
+    return Array.from(uniquePaths.values());
+}
+
+export { searchItems };

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

@@ -9,10 +9,7 @@ import { useProcessTasks } from '../tasks/useProcessTasks.mjs';
 const isOptionsWithItems = (options) => !!options?.items;
 const isHandleTaskInput = (value) => !!value?.data;
 function useHandler(handler, options) {
-    const [state, handleProcessing] = useProcessTasks(handler, {
-        ...options,
-        concurrency: DEFAULT_ACTION_CONCURRENCY,
-    });
+    const [state, handleProcessing] = useProcessTasks(handler, options);
     const getConfig = useGetActionInput();
     const { reset, isProcessing, tasks, ...rest } = state;
     const handleDispatch = React__default.useCallback((input) => {
@@ -23,7 +20,10 @@ function useHandler(handler, options) {
             reset();
         handleProcessing({
             config,
-            ...(hasData ? { data: input.data } : undefined),
+            ...(hasData
+                ? { data: input.data }
+                : // if no `data` provided, provide `concurrency` to `options`
+                    { options: { concurrency: DEFAULT_ACTION_CONCURRENCY } }),
         });
     }, [getConfig, handleProcessing, reset]);
     if (isOptionsWithItems(options)) {

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

@@ -17,6 +17,7 @@ const useListLocationItems = () => {
     const enhancedHandler = React__default.useMemo(() => createEnhancedListHandler((input) => listLocationItems({ ...input, config: getConfig() })), [getConfig, listLocationItems]);
     return useAsyncReducer(enhancedHandler, {
         items: [],
+        hasExhaustedSearch: false,
         nextToken: undefined,
     });
 };

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

@@ -22,8 +22,7 @@ const DEFAULT_REFRESH_OPTIONS = { ...DEFAULT_LIST_OPTIONS, refresh: true };
 const useFolders = ({ destination, setDestination, }) => {
     const { current, key } = destination;
     const [{ value, hasError, isLoading, message }, handleList] = useList('folderItems');
-    const { items, nextToken, search } = value;
-    const { hasExhaustedSearch = false } = search ?? {};
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const onInitialize = React__default.useCallback(() => {
         handleList({
             prefix: key,

package/dist/esm/components/StorageBrowser/views/LocationDetailView/useLocationDetailView.mjs

@@ -40,8 +40,7 @@ const useLocationDetailView = (options) => {
     const [{ task }, handleDownload] = useAction('download');
     const [{ value, isLoading, hasError, message }, handleList] = useList('locationItems');
     // set up pagination
-    const { items, nextToken, search } = value;
-    const { hasExhaustedSearch = false } = search ?? {};
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const onPaginate = () => {
         if (hasInvalidPrefix || !nextToken)
             return;

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

@@ -25,9 +25,8 @@ const useLocationsView = (options) => {
     const [state, handleList] = useList('locations');
     const dispatchStoreAction = useStore()[1];
     const { value, message, hasError, isLoading } = state;
-    const { items, nextToken, search } = value;
+    const { items, nextToken, hasExhaustedSearch = false } = value;
     const hasNextToken = !!nextToken;
-    const { hasExhaustedSearch = false } = search ?? {};
     const onNavigate = options?.onNavigate;
     const initialValues = options?.initialValues ?? {};
     const listOptionsRef = React__default.useRef({

package/dist/esm/version.mjs

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

package/dist/index.js

@@ -9,7 +9,7 @@ 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 createStorageBrowser = require('./createStorageBrowser-BfRLqdUj.js');
+var createStorageBrowser = require('./createStorageBrowser-B75dAYRb.js');
 require('@aws-amplify/storage/internals');
 require('aws-amplify');
 require('aws-amplify/utils');