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

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-CooF7BS1.js');
+var createStorageBrowser = require('./createStorageBrowser-Cbdy8OAN.js');
 require('aws-amplify/storage');
 require('react');
 require('@aws-amplify/ui-react');

package/dist/{createStorageBrowser-CooF7BS1.js → createStorageBrowser-Cbdy8OAN.js}

@@ -32,7 +32,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const VERSION = '3.10.0';
+const VERSION = '3.10.2';
 
 const toAccessGrantPermission = (permission) => {
     let result = '';
@@ -1923,9 +1923,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 +1996,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 +2047,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 +2062,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 +2093,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 +2104,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)) {
@@ -2134,7 +2143,7 @@ const useListLocations = () => {
     });
     const { listLocations } = handlers;
     const enhancedHandler = React__namespace["default"].useMemo(() => createEnhancedListHandler(listLocations), [listLocations]);
-    return uiReactCore.useDataState(enhancedHandler, {
+    return uiReactCore.useAsyncReducer(enhancedHandler, {
         items: [],
         nextToken: undefined,
     });
@@ -2147,7 +2156,7 @@ const useListLocationItems = () => {
     const getConfig = useGetActionInput();
     const { listLocationItems } = handlers;
     const enhancedHandler = React__namespace["default"].useMemo(() => createEnhancedListHandler((input) => listLocationItems({ ...input, config: getConfig() })), [getConfig, listLocationItems]);
-    return uiReactCore.useDataState(enhancedHandler, {
+    return uiReactCore.useAsyncReducer(enhancedHandler, {
         items: [],
         nextToken: undefined,
     });
@@ -2160,7 +2169,7 @@ const useListFolderItems = () => {
     const getConfig = useGetActionInput();
     const { listLocationItems } = handlers;
     const enhancedHandler = React__namespace["default"].useMemo(() => createEnhancedListHandler((input) => listLocationItems({ ...input, config: getConfig() })), [getConfig, listLocationItems]);
-    return uiReactCore.useDataState(enhancedHandler, {
+    return uiReactCore.useAsyncReducer(enhancedHandler, {
         items: [],
         nextToken: undefined,
     });
@@ -3104,7 +3113,7 @@ function DisplayTextProvider({ children, displayText: _override, }) {
 const isCopyViewDisplayTextKey = (value) => !!DEFAULT_COPY_VIEW_DISPLAY_TEXT[value];
 const isDeleteViewDisplayTextKey = (value) => !!DEFAULT_DELETE_VIEW_DISPLAY_TEXT[value];
 
-function useResolveDataTable(keys, { getCell, getHeader, getRowKey }, { items, props }) {
+function useResolveTableData(keys, { getCell, getHeader, getRowKey }, { items, props }) {
     return React__namespace["default"].useMemo(() => {
         const getRow = (item) => ({
             key: getRowKey({ item, props }),
@@ -3453,7 +3462,7 @@ function UploadViewProvider({ children, ...props }) {
     const filesValidationMessage = invalidFiles && !isProcessing
         ? getFilesValidationMessage({ invalidFiles })
         : undefined;
-    const tableData = useResolveDataTable(UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, isMultipartUpload, onTaskRemove },
     });
@@ -3854,7 +3863,7 @@ function CopyViewProvider({ children, ...props }) {
     const { actionCancelLabel, actionDestinationLabel, actionExitLabel, actionStartLabel, getActionCompleteMessage, overwriteWarningMessage, searchPlaceholder, searchSubmitLabel, searchClearLabel, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, title, } = displayText;
     const { destination, folders, isProcessing, isProcessingComplete, statusCounts, tasks: items, onActionCancel, onActionExit, onActionStart, onSelectDestination, onTaskRemove, } = props;
     const { hasNextPage, highestPageVisited, hasError: hasFoldersError, message: foldersErrorMessage, query, hasExhaustedSearch, isLoading, page, pageItems, onPaginate, onQuery, onSearchClear, onSearch, onSelectFolder, } = folders;
-    const tableData = useResolveDataTable(COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });
@@ -4005,8 +4014,8 @@ const DEFAULT_LIST_OPTIONS$2 = {
 const DEFAULT_REFRESH_OPTIONS = { ...DEFAULT_LIST_OPTIONS$2, refresh: true };
 const useFolders = ({ destination, setDestination, }) => {
     const { current, key } = destination;
-    const [{ data, hasError, isLoading, message }, handleList] = useList('folderItems');
-    const { items, nextToken, search } = data;
+    const [{ value, hasError, isLoading, message }, handleList] = useList('folderItems');
+    const { items, nextToken, search } = value;
     const { hasExhaustedSearch = false } = search ?? {};
     const onInitialize = React__namespace["default"].useCallback(() => {
         handleList({
@@ -4199,7 +4208,7 @@ function DeleteViewProvider({ children, ...props }) {
     const message = isProcessingComplete
         ? getActionCompleteMessage({ counts: statusCounts })
         : undefined;
-    const tableData = useResolveDataTable(DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });
@@ -4644,9 +4653,9 @@ const useLocationDetailView = (options) => {
     const { fileDataItems } = locationItems;
     const hasInvalidPrefix = ui.isUndefined(prefix);
     const [{ task }, handleDownload] = useAction('download');
-    const [{ data, isLoading, hasError, message }, handleList] = useList('locationItems');
+    const [{ value, isLoading, hasError, message }, handleList] = useList('locationItems');
     // set up pagination
-    const { items, nextToken, search } = data;
+    const { items, nextToken, search } = value;
     const { hasExhaustedSearch = false } = search ?? {};
     const onPaginate = () => {
         if (hasInvalidPrefix || !nextToken)
@@ -4981,8 +4990,8 @@ const useLocationsView = (options) => {
     const handleDownload = useAction('download')[1];
     const [state, handleList] = useList('locations');
     const dispatchStoreAction = useStore()[1];
-    const { data, message, hasError, isLoading } = state;
-    const { items, nextToken, search } = data;
+    const { value, message, hasError, isLoading } = state;
+    const { items, nextToken, search } = value;
     const hasNextToken = !!nextToken;
     const { hasExhaustedSearch = false } = search ?? {};
     const onNavigate = options?.onNavigate;

package/dist/esm/components/FileUploader/hooks/useFileUploader/useFileUploader.mjs

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { isObject } from '@aws-amplify/ui';
 import { FileStatus } from '../../types.mjs';
 import { fileUploaderStateReducer } from './reducer.mjs';
-import { addFilesAction, clearFilesAction, queueFilesAction, setUploadingFileAction, setUploadProgressAction, setUploadSuccessAction, setUploadStatusAction, removeUploadAction } from './actions.mjs';
+import { removeUploadAction, setUploadStatusAction, setUploadSuccessAction, setUploadProgressAction, setUploadingFileAction, queueFilesAction, clearFilesAction, addFilesAction } from './actions.mjs';
 
 const isDefaultFile = (file) => !!(isObject(file) && file.key);
 const createFileFromDefault = (file) => isDefaultFile(file)

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

@@ -1,6 +1,6 @@
 import { isFunction } from '@aws-amplify/ui';
 import { uploadData } from '@aws-amplify/storage/internals';
-import { getProgress, constructBucket } from './utils.mjs';
+import { constructBucket, getProgress } from './utils.mjs';
 import { DEFAULT_CHECKSUM_ALGORITHM } from './constants.mjs';
 
 const createFolderHandler = (input) => {

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

@@ -1,7 +1,7 @@
 import { isCancelError } from 'aws-amplify/storage';
 import { isFunction } from '@aws-amplify/ui';
 import { uploadData } from '@aws-amplify/storage/internals';
-import { isMultipartUpload, constructBucket, getProgress } from './utils.mjs';
+import { constructBucket, isMultipartUpload, getProgress } from './utils.mjs';
 import { DEFAULT_CHECKSUM_ALGORITHM } from './constants.mjs';
 
 const UNDEFINED_CALLBACKS = {

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

@@ -1,5 +1,5 @@
 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 { Heading, TextField, View, CheckboxField, SearchField as SearchField$1, Breadcrumbs, Pagination as Pagination$1, Loader, Button, Menu, MenuItem } from '@aws-amplify/ui-react';
 import '@aws-amplify/ui';
 import './elements/definitions.mjs';
 import { IconElement } from './elements/IconElement.mjs';

package/dist/esm/components/StorageBrowser/components/elements/defaults.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { Button as Button$1, View as View$1, Label as Label$1, Input as Input$1, Heading as Heading$1, Table as Table$1, TableBody as TableBody$1, TableHead as TableHead$1, TableCell, TableRow as TableRow$1, Text as Text$1, Message, Flex } from '@aws-amplify/ui-react';
+import { View as View$1, Message, Flex, Text as Text$1, TableRow as TableRow$1, TableCell, TableHead as TableHead$1, TableBody as TableBody$1, Table as Table$1, Heading as Heading$1, Label as Label$1, Input as Input$1, Button as Button$1 } from '@aws-amplify/ui-react';
 
 function Button(props) {
     const { disabled, variant } = props;

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/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/useListFolderItems.mjs

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { useDataState } from '@aws-amplify/ui-react-core';
+import { useAsyncReducer } from '@aws-amplify/ui-react-core';
 import { USE_LIST_ERROR_MESSAGE } from './constants.mjs';
 import { useActionHandlers } from './context.mjs';
 import { createEnhancedListHandler } from './createEnhancedListHandler.mjs';
@@ -15,7 +15,7 @@ const useListFolderItems = () => {
     const getConfig = useGetActionInput();
     const { listLocationItems } = handlers;
     const enhancedHandler = React__default.useMemo(() => createEnhancedListHandler((input) => listLocationItems({ ...input, config: getConfig() })), [getConfig, listLocationItems]);
-    return useDataState(enhancedHandler, {
+    return useAsyncReducer(enhancedHandler, {
         items: [],
         nextToken: undefined,
     });

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

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { useDataState } from '@aws-amplify/ui-react-core';
+import { useAsyncReducer } from '@aws-amplify/ui-react-core';
 import '@aws-amplify/ui-react-core/elements';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
@@ -15,7 +15,7 @@ const useListLocationItems = () => {
     const getConfig = useGetActionInput();
     const { listLocationItems } = handlers;
     const enhancedHandler = React__default.useMemo(() => createEnhancedListHandler((input) => listLocationItems({ ...input, config: getConfig() })), [getConfig, listLocationItems]);
-    return useDataState(enhancedHandler, {
+    return useAsyncReducer(enhancedHandler, {
         items: [],
         nextToken: undefined,
     });

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

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { useDataState } from '@aws-amplify/ui-react-core';
+import { useAsyncReducer } from '@aws-amplify/ui-react-core';
 import { USE_LIST_ERROR_MESSAGE } from './constants.mjs';
 import { useActionHandlers } from './context.mjs';
 import { createEnhancedListHandler } from './createEnhancedListHandler.mjs';
@@ -10,7 +10,7 @@ const useListLocations = () => {
     });
     const { listLocations } = handlers;
     const enhancedHandler = React__default.useMemo(() => createEnhancedListHandler(listLocations), [listLocations]);
-    return useDataState(enhancedHandler, {
+    return useAsyncReducer(enhancedHandler, {
         items: [],
         nextToken: undefined,
     });

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

@@ -8,7 +8,7 @@ import '../../../components/composables/context.mjs';
 import '@aws-amplify/ui-react-core';
 import '@aws-amplify/ui-react-core/elements';
 import { useDisplayText } from '../../../displayText/context.mjs';
-import useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import useResolveTableData from '../../hooks/useResolveTableData/useResolveTableData.mjs';
 import { COPY_TABLE_RESOLVERS, COPY_TABLE_KEYS } from '../../utils/tableResolvers/copyResolvers.mjs';
 import { FoldersMessageProvider } from './FoldersMessageControl.mjs';
 import { FoldersPaginationProvider } from './FoldersPaginationControl.mjs';
@@ -19,7 +19,7 @@ function CopyViewProvider({ children, ...props }) {
     const { actionCancelLabel, actionDestinationLabel, actionExitLabel, actionStartLabel, getActionCompleteMessage, overwriteWarningMessage, searchPlaceholder, searchSubmitLabel, searchClearLabel, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, title, } = displayText;
     const { destination, folders, isProcessing, isProcessingComplete, statusCounts, tasks: items, onActionCancel, onActionExit, onActionStart, onSelectDestination, onTaskRemove, } = props;
     const { hasNextPage, highestPageVisited, hasError: hasFoldersError, message: foldersErrorMessage, query, hasExhaustedSearch, isLoading, page, pageItems, onPaginate, onQuery, onSearchClear, onSearch, onSelectFolder, } = folders;
-    const tableData = useResolveDataTable(COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });

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

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

package/dist/esm/components/StorageBrowser/views/LocationActionView/DeleteView/DeleteViewProvider.mjs

@@ -2,7 +2,7 @@ import React__default from 'react';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
 import { useDisplayText } from '../../../displayText/context.mjs';
 import '@aws-amplify/ui';
-import useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import useResolveTableData from '../../hooks/useResolveTableData/useResolveTableData.mjs';
 import { DELETE_TABLE_RESOLVERS, DELETE_TABLE_KEYS } from '../../utils/tableResolvers/deleteResolvers.mjs';
 
 function DeleteViewProvider({ children, ...props }) {
@@ -12,7 +12,7 @@ function DeleteViewProvider({ children, ...props }) {
     const message = isProcessingComplete
         ? getActionCompleteMessage({ counts: statusCounts })
         : undefined;
-    const tableData = useResolveDataTable(DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });

package/dist/esm/components/StorageBrowser/views/LocationActionView/UploadView/UploadViewProvider.mjs

@@ -7,7 +7,7 @@ import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
 import { useDisplayText } from '../../../displayText/context.mjs';
-import useResolveDataTable from '../../hooks/useResolveTableData/useResolveTableData.mjs';
+import useResolveTableData from '../../hooks/useResolveTableData/useResolveTableData.mjs';
 import { UPLOAD_TABLE_RESOLVERS, UPLOAD_TABLE_KEYS } from '../../utils/tableResolvers/uploadResolvers.mjs';
 
 function UploadViewProvider({ children, ...props }) {
@@ -27,7 +27,7 @@ function UploadViewProvider({ children, ...props }) {
     const filesValidationMessage = invalidFiles && !isProcessing
         ? getFilesValidationMessage({ invalidFiles })
         : undefined;
-    const tableData = useResolveDataTable(UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, isMultipartUpload, onTaskRemove },
     });

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

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

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

@@ -24,8 +24,8 @@ const useLocationsView = (options) => {
     const handleDownload = useAction('download')[1];
     const [state, handleList] = useList('locations');
     const dispatchStoreAction = useStore()[1];
-    const { data, message, hasError, isLoading } = state;
-    const { items, nextToken, search } = data;
+    const { value, message, hasError, isLoading } = state;
+    const { items, nextToken, search } = value;
     const hasNextToken = !!nextToken;
     const { hasExhaustedSearch = false } = search ?? {};
     const onNavigate = options?.onNavigate;

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

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

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

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

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

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

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

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

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.10.0';
+const VERSION = '3.10.2';
 
 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-CooF7BS1.js');
+var createStorageBrowser = require('./createStorageBrowser-Cbdy8OAN.js');
 require('@aws-amplify/storage/internals');
 require('aws-amplify');
 require('aws-amplify/utils');

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

@@ -5,5 +5,5 @@ export * from './composables/DataTable';
 export { MessageProps, MessageType } from './composables/Message';
 export { ComponentsProvider, ComponentsProviderProps, StorageBrowserComponents, } from './ComponentsProvider';
 export { componentsDefault } from './defaults';
-export { ViewElement } from './elements';
+export { StorageBrowserIconType, ViewElement } from './elements';
 export { WithKey } from './types';

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

@@ -1,4 +1,3 @@
-import { ExtendedActionConfigs } from '../actions';
 import { CreateStorageBrowserInput, CreateStorageBrowserOutput } from './types';
 /**
  * Creates a `StorageBrowser` component and utility hooks from provided configuration `input`.
@@ -6,4 +5,4 @@ import { CreateStorageBrowserInput, CreateStorageBrowserOutput } from './types';
  * @param input - `StorageBrowser` auth, actions and ui configuration values
  * @returns `StorageBrowser` component, `useAction` and `useView` hooks
  */
-export default function createStorageBrowser<Input extends CreateStorageBrowserInput, RInput extends Input['actions'] extends ExtendedActionConfigs ? Input['actions'] : ExtendedActionConfigs>(input: Input): CreateStorageBrowserOutput<RInput>;
+export default function createStorageBrowser<TInput extends CreateStorageBrowserInput, TActions extends NonNullable<TInput['actions']>>(input: TInput): CreateStorageBrowserOutput<TActions>;

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

@@ -110,8 +110,10 @@ export interface CreateStorageBrowserInput {
 }
 /**
  * `StorageBrowser` component properties
+ * @template TActionType Optional type of action names rendered by `LocationActionView`
+ * @template TViews Optional type of custom action view components.
  */
-export interface StorageBrowserProps<K = string, V = {}> {
+export interface StorageBrowserProps<TActionType = string, TViews = {}> {
     /**
      * @description provide to initialize the `StorageBrowser` with a default location, `actionType` or pagination values as an uncontrolled component
      */
@@ -148,16 +150,17 @@ export interface StorageBrowserProps<K = string, V = {}> {
     /**
      * @description accepts default top level `views` overrides and custom `views` defined by the `actions` parameter of `createStorageBrowser`
      */
-    views?: StorageBrowserViews<K, V>;
+    views?: StorageBrowserViews<TActionType, TViews>;
 }
 /**
  * @description `StorageBrowser.Provider` component properties
+ * @template TViews Optional type of custom action view components.
  */
-export interface StorageBrowserProviderProps<V = {}> extends StoreProviderProps, Pick<StorageBrowserProps, 'defaultValue' | 'displayText' | 'onValueChange' | 'value'> {
+export interface StorageBrowserProviderProps<TViews = {}> extends StoreProviderProps, Pick<StorageBrowserProps, 'defaultValue' | 'displayText' | 'onValueChange' | 'value'> {
     /**
      * @description accepts custom action views rendered by `LocationActionView`
      */
-    views?: V;
+    views?: TViews;
     /**
      * @deprecated will be removed in a future major verison. Prefer `value` for controlled behavior or `defaultValue` for initializng `actionType`
      * @description initial `actionType`, does not update
@@ -175,10 +178,12 @@ export interface StorageBrowserProviderProps<V = {}> extends StoreProviderProps,
     path?: string;
 }
 /**
- * @description `StorageBrowser` component, provider and view components
+ * @description `StorageBrowser` component, provider and view components.
+ * @template TActionType Optional type of action names rendered by `LocationActionView`
+ * @template TViews Optional type of custom action view components.
  */
-export interface StorageBrowserType<K = string, V = {}> {
-    (props: StorageBrowserProps<K, V>): React.JSX.Element;
+export interface StorageBrowserType<TActionType = string, TViews = {}> {
+    (props: StorageBrowserProps<TActionType, TViews>): React.JSX.Element;
     displayName: string;
     /**
      * @description `StorageBrowser` React.Context provider. Composed `StorageBrowser` components must be a descendant of a `Provider` element
@@ -189,7 +194,7 @@ export interface StorageBrowserType<K = string, V = {}> {
      * </StorageBrowser.Provider>
      * ```
      */
-    Provider: (props: StorageBrowserProviderProps<V>) => React.JSX.Element;
+    Provider: (props: StorageBrowserProviderProps<TViews>) => React.JSX.Element;
     /**
      * @description utility view aggregating all action views. Can be used to render a standalone action view
      * @example
@@ -197,7 +202,7 @@ export interface StorageBrowserType<K = string, V = {}> {
      * <StorageBrowser.LocationActionView type="copy" />
      * ```
      */
-    LocationActionView: LocationActionViewType<K>;
+    LocationActionView: LocationActionViewType<TActionType>;
     /**
      * @description displays data related to the selected or provided `location` and action selection
      */
@@ -214,14 +219,14 @@ export interface StorageBrowserType<K = string, V = {}> {
     DeleteView: DeleteViewType;
     UploadView: UploadViewType;
 }
-type DefaultActionType<T = string> = Exclude<T, keyof DefaultActionConfigs>;
+type NonDefaultActionType<T = string> = Exclude<T, keyof DefaultActionConfigs>;
 /**
  * @internal
  * @unstable interface subject to change, not recommended for public use
  * @description utility type resolving available custom action view component slots
  */
 export type DerivedActionViews<T extends StorageBrowserActions> = {
-    [K in keyof T['custom'] as K extends DefaultActionType<K> ? T['custom'][K] extends {
+    [K in keyof T['custom'] as K extends NonDefaultActionType<K> ? T['custom'][K] extends {
         viewName: `${string}View`;
     } ? T['custom'][K]['viewName'] : never : never]?: () => React.JSX.Element | null;
 };
@@ -235,22 +240,23 @@ type DefaultActionWithoutViewType = 'download';
  * @description utility type resolving available location action view types
  */
 export type DerivedActionViewType<T extends StorageBrowserActions> = keyof {
-    [K in keyof T['custom'] as K extends DefaultActionType<K> ? T['custom'][K] extends {
+    [K in keyof T['custom'] as K extends NonDefaultActionType<K> ? T['custom'][K] extends {
         viewName: `${string}View`;
     } ? K : never : never]?: any;
 } | Exclude<keyof DefaultActionConfigs, DefaultActionWithoutViewType>;
 /**
  * @description return values of `createStorageBrowser`
+ * @template TActions Type of `actions` passed to `createStorageBrowser`
  */
-export interface CreateStorageBrowserOutput<C extends ExtendedActionConfigs = ExtendedActionConfigs> {
+export interface CreateStorageBrowserOutput<TActions extends StorageBrowserActions = ExtendedActionConfigs> {
     /**
      * @description `StorageBrowser` component and subcomponents
      */
-    StorageBrowser: StorageBrowserType<DerivedActionViewType<C>, DerivedActionViews<C>>;
+    StorageBrowser: StorageBrowserType<DerivedActionViewType<TActions>, DerivedActionViews<TActions>>;
     /**
      * @description action handler utility hook
      */
-    useAction: UseAction<DerivedActionHandlers<C>>;
+    useAction: UseAction<DerivedActionHandlers<TActions>>;
     /**
      * @description view state utility hook
      */

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

@@ -1,6 +1,6 @@
 export { ActionHandler, ActionViewConfig, CopyHandlerInput, CopyHandlerOutput, CreateFolderHandlerInput, CreateFolderHandlerOutput, defaultActionConfigs, defaultHandlers, DefaultHandlers, DeleteHandlerInput, DeleteHandlerOutput, DownloadHandlerInput, DownloadHandlerOutput, ExtendedActionConfigs, ListLocations, ListLocationsInput, ListLocationsOutput, LocationData, ListLocationItemsHandlerInput, ListLocationItemsHandlerOutput, ListLocationsHandlerInput, ListLocationsHandlerOutput, UploadHandlerInput, UploadHandlerOutput, } from './actions';
 export { createAmplifyAuthAdapter, createManagedAuthAdapter, CreateManagedAuthAdapterInput, StorageBrowserAuthAdapter, } from './adapters';
-export { componentsDefault, StorageBrowserComponents } from './components';
+export { componentsDefault, StorageBrowserComponents, StorageBrowserIconType, } from './components';
 export { createStorageBrowser, CreateStorageBrowserInput, CreateStorageBrowserOutput, DerivedActionViews, DerivedActionViewType, StorageBrowserConfig, StorageBrowserProps, StorageBrowserProviderProps, StorageBrowserType, } from './createStorageBrowser';
 export { DefaultStorageBrowserDisplayText, StorageBrowserDisplayText, } from './displayText';
 export { StorageBrowserEventValue, StorageBrowserValue } from './store';

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

@@ -1,4 +1,4 @@
-import { TaskHandlerInput, TaskData, TaskResult, TaskResultStatus } from '../actions';
+import { TaskHandlerInput, TaskData, TaskResult, TaskResultStatus, TaskHandlerOptions } from '../actions';
 /**
  * extends {@link TaskResultStatus} to include `QUEUED` and `PENDING` statuses
  * used in task processing
@@ -9,7 +9,6 @@ export type TaskStatus = TaskResultStatus | 'QUEUED' | 'PENDING';
  */
 export type StatusCounts = Record<TaskStatus | 'TOTAL', number>;
 export interface ProcessTasksOptions<TTask extends Task, TItems = []> {
-    concurrency?: number;
     items?: TItems;
     onTaskCancel?: (task: TTask) => void;
     onTaskComplete?: (task: TTask) => void;
@@ -48,4 +47,12 @@ export type UseProcessTasksState<TTask, TInput> = [
     TasksState<TTask>,
     HandleProcessTasks<TInput>
 ];
-export type InferHandleTasksInput<TItems, TData extends TaskData> = TItems extends NonNullable<TItems> ? Omit<TaskHandlerInput<TData>, 'data'> : TaskHandlerInput<TData>;
+interface HandleTasksOptions extends TaskHandlerOptions {
+    concurrency?: number;
+}
+export interface HandleBatchTasksInput<TData extends TaskData> extends Omit<TaskHandlerInput<TData, HandleTasksOptions>, 'data'> {
+}
+export interface HandleSingleTaskInput<TData extends TaskData> extends TaskHandlerInput<TData> {
+}
+export type InferHandleTasksInput<TItems, TData extends TaskData> = TItems extends NonNullable<TItems> ? HandleBatchTasksInput<TData> : HandleSingleTaskInput<TData>;
+export {};

package/dist/types/components/StorageBrowser/tasks/useProcessTasks.d.ts

@@ -1,3 +1,3 @@
-import { ActionHandler } from '../actions';
-import { InferHandleTasksInput, Task, ProcessTasksOptions, UseProcessTasksState } from './types';
+import type { ActionHandler } from '../actions';
+import type { InferHandleTasksInput, Task, ProcessTasksOptions, UseProcessTasksState } from './types';
 export declare function useProcessTasks<TData, TValue, TTask extends Task<TData, TValue>, TInput extends InferHandleTasksInput<TItems, TTask['data']>, TItems extends TTask['data'][] | undefined = undefined>(handler: ActionHandler<TData, TValue>, options?: ProcessTasksOptions<TTask, TItems>): UseProcessTasksState<TTask, TInput>;

package/dist/types/components/StorageBrowser/useAction/createEnhancedListHandler.d.ts

@@ -1,4 +1,4 @@
-import { AsyncDataAction } from '@aws-amplify/ui-react-core';
+import { AsyncReducer } from '@aws-amplify/ui-react-core';
 import { ListHandler, ListHandlerOptions, ListHandlerInput, ListHandlerOutput } from '../actions';
 type KeyWithStringValue<T> = keyof {
     [P in keyof T as T[P] extends string ? P : never]: T[P];
@@ -29,7 +29,7 @@ export interface EnhancedListHandlerOutput<T> extends ListHandlerOutput<T> {
 }
 export interface EnhancedListHandlerInput<T, K> extends Omit<ListHandlerInput<EnhancedListHandlerOptions<T, K>>, 'config'> {
 }
-export interface EnhancedListHandler<T, K> extends AsyncDataAction<EnhancedListHandlerOutput<T>, EnhancedListHandlerInput<T, K>> {
+export interface EnhancedListHandler<T, K> extends AsyncReducer<EnhancedListHandlerOutput<T>, EnhancedListHandlerInput<T, K>> {
 }
 type ListItem<Action> = Action extends ListHandler<any, ListHandlerOutput<infer T>> ? T : never;
 type Options<Action> = Action extends ListHandler<Omit<ListHandlerInput<ListHandlerOptions<infer E>>, 'config'>> ? E : never;

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

@@ -1,9 +1,10 @@
 import React from 'react';
-import { DataState } from '@aws-amplify/ui-react-core';
-import { ActionHandler, ExtendedActionConfigs, CopyHandler, CreateFolderHandler, DeleteHandler, DownloadHandler, ListLocationItemsHandler, ListLocations, LocationData, UploadHandler } from '../actions';
+import { AsyncReducerState } from '@aws-amplify/ui-react-core';
+import { ActionHandler, CopyHandler, CreateFolderHandler, DeleteHandler, DownloadHandler, ListLocationItemsHandler, ListLocations, LocationData, UploadHandler } from '../actions';
 import { ProcessTasksOptions, StatusCounts, Task } from '../tasks';
+import { StorageBrowserActions } from '../createStorageBrowser';
 export type ListActionState<T = any, K = any> = [
-    state: DataState<T>,
+    state: AsyncReducerState<T>,
     handleAction: (...input: K[]) => void
 ];
 export interface DefaultActionHandlers {
@@ -20,14 +21,11 @@ export interface ActionHandlersContext {
 export interface ActionHandlersProviderProps extends ActionHandlersContext {
     children?: React.ReactNode;
 }
-type DerivedCustomActions<T> = T extends {
-    custom?: infer U;
-} ? U : {};
 export type ResolveHandlerType<T> = T extends {
     handler: infer X;
 } | infer X ? X : never;
-export type DerivedActionHandlers<C extends ExtendedActionConfigs = ExtendedActionConfigs, D extends DerivedCustomActions<C> = DerivedCustomActions<C>> = DefaultActionHandlers & {
-    [K in keyof D]: ResolveHandlerType<D[K]>;
+export type DerivedActionHandlers<TActions extends StorageBrowserActions> = DefaultActionHandlers & {
+    [K in keyof NonNullable<TActions['custom']>]: ResolveHandlerType<NonNullable<TActions['custom']>[K]>;
 };
 export type InferTask<THandler> = THandler extends ActionHandler<infer TData, infer TValue> ? Task<TData, TValue> : never;
 export interface UseHandlerOptions<TTask extends Task> extends Pick<ProcessTasksOptions<TTask>, 'onTaskError' | 'onTaskProgress' | 'onTaskSuccess'> {

package/dist/types/components/StorageBrowser/views/hooks/useResolveTableData/useResolveTableData.d.ts

@@ -1,6 +1,6 @@
 import { DataTableProps } from '../../../components';
 import { DataTableResolvers } from './types';
-export default function useResolveDataTable<K extends string, TItem = {}, TProps = {}>(keys: readonly K[] | K[], { getCell, getHeader, getRowKey }: DataTableResolvers<K, TProps, TItem>, { items, props }: {
+export default function useResolveTableData<K extends string, TItem, TProps>(keys: readonly K[] | K[], { getCell, getHeader, getRowKey }: DataTableResolvers<K, TProps, TItem>, { items, props }: {
     items?: TItem[];
     props: TProps;
 }): DataTableProps;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.10.0";
+export declare const VERSION = "3.10.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.10.0",
+  "version": "3.10.2",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -45,19 +45,17 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.10.1",
-    "@aws-amplify/ui-react": "6.11.0",
-    "@aws-amplify/ui-react-core": "3.4.1",
+    "@aws-amplify/ui": "6.10.2",
+    "@aws-amplify/ui-react": "6.11.1",
+    "@aws-amplify/ui-react-core": "3.4.2",
     "tslib": "^2.5.2"
   },
   "peerDependencies": {
-    "aws-amplify": "^6.9.0",
+    "aws-amplify": "^6.14.3",
     "react": "^16.14 || ^17 || ^18 || ^19",
     "react-dom": "^16.14 || ^17 || ^18 || ^19"
   },
   "devDependencies": {
-    "jest-tsd": "^0.2.2",
-    "@tsd/typescript": "^5.1.6",
     "@types/node": "^18.19.50"
   },
   "sideEffects": [
@@ -68,7 +66,7 @@
       "name": "createStorageBrowser",
       "path": "dist/esm/browser.mjs",
       "import": "{ createStorageBrowser }",
-      "limit": "64 kB",
+      "limit": "64.19 kB",
       "ignore": [
         "@aws-amplify/storage"
       ]
@@ -77,7 +75,7 @@
       "name": "StorageBrowser",
       "path": "dist/esm/index.mjs",
       "import": "{ StorageBrowser }",
-      "limit": "86.5 kB"
+      "limit": "86.74 kB"
     },
     {
       "name": "FileUploader",