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

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

@@ -1,6 +1,6 @@
 import { listCallerAccessGrants } from '@aws-amplify/storage/internals';
-import '@aws-amplify/ui';
 import { assertAccountId } from '../../validators/assertAccountId.mjs';
+import '@aws-amplify/ui';
 import { getFilteredLocations } from './utils.mjs';
 
 const DEFAULT_PAGE_SIZE = 1000;

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

@@ -17,7 +17,7 @@ import '../views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import '../views/LocationActionView/DeleteView/DeleteView.mjs';
 import '../views/context/actionViews.mjs';
 import '../views/LocationActionView/UploadView/UploadView.mjs';
-import '../files/context.mjs';
+import '../fileItems/context.mjs';
 import '../views/LocationDetailView/LocationDetailView.mjs';
 import '../views/LocationsView/LocationsView.mjs';
 

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

@@ -15,7 +15,8 @@ import { componentsDefault } from '../components/defaults.mjs';
 import { createConfigurationProvider } from '../configuration/createConfigurationProvider.mjs';
 import '../configuration/context.mjs';
 import { DisplayTextProvider } from '../displayText/context.mjs';
-import { FilesProvider } from '../files/context.mjs';
+import { FileItemsProvider } from '../fileItems/context.mjs';
+import { defaultValidateFile } from '../fileItems/utils.mjs';
 import { LocationItemsProvider } from '../locationItems/context.mjs';
 import { StoreProvider } from '../store/context.mjs';
 import { ActionHandlersProvider } from '../useAction/context.mjs';
@@ -30,7 +31,7 @@ import '../views/LocationActionView/UploadView/UploadView.mjs';
 import '../views/LocationDetailView/LocationDetailView.mjs';
 import '../views/LocationsView/LocationsView.mjs';
 
-function createProvider({ actions, components, config, }) {
+function createProvider({ actions, components, config, options, }) {
     const { accountId, customEndpoint, registerAuthListener, getLocationCredentials, region, listLocations, } = config;
     const resolvedActions = {
         default: {
@@ -59,6 +60,7 @@ function createProvider({ actions, components, config, }) {
         // override components
         ...components,
     };
+    const { validateFile = defaultValidateFile } = options ?? {};
     /**
      * Provides state, configuration and action values that are shared between
      * the primary View components
@@ -72,7 +74,7 @@ function createProvider({ actions, components, config, }) {
                             React__default.createElement(ViewsProvider, { actions: resolvedActions, views: views },
                                 React__default.createElement(ComponentsProvider, { composables: composables },
                                     React__default.createElement(LocationItemsProvider, null,
-                                        React__default.createElement(FilesProvider, null, children))))))))));
+                                        React__default.createElement(FileItemsProvider, { validateFile: validateFile }, children))))))))));
     }
     return Provider;
 }

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

@@ -22,7 +22,7 @@ import { CreateFolderView } from '../views/LocationActionView/CreateFolderView/C
 import { DeleteView } from '../views/LocationActionView/DeleteView/DeleteView.mjs';
 import { LocationActionView } from '../views/LocationActionView/LocationActionView.mjs';
 import { UploadView } from '../views/LocationActionView/UploadView/UploadView.mjs';
-import '../files/context.mjs';
+import '../fileItems/context.mjs';
 import { LocationDetailView } from '../views/LocationDetailView/LocationDetailView.mjs';
 import { LocationsView } from '../views/LocationsView/LocationsView.mjs';
 import { useView } from '../views/useView.mjs';

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

@@ -1,6 +1,4 @@
 import { DEFAULT_ACTION_VIEW_DISPLAY_TEXT } from './shared.mjs';
-import '@aws-amplify/ui';
-import { isFileTooBig } from '../../../validators/isFileTooBig.mjs';
 
 const DEFAULT_UPLOAD_VIEW_DISPLAY_TEXT = {
     ...DEFAULT_ACTION_VIEW_DISPLAY_TEXT,
@@ -67,13 +65,12 @@ const DEFAULT_UPLOAD_VIEW_DISPLAY_TEXT = {
         if (!data?.invalidFiles) {
             return undefined;
         }
-        const tooBigFileNames = data.invalidFiles
-            .filter(({ file }) => isFileTooBig(file))
+        const invalidFileNames = data.invalidFiles
             .map(({ file }) => file.name)
             .join(', ');
-        if (tooBigFileNames) {
+        if (invalidFileNames) {
             return {
-                content: `Files larger than 160GB cannot be added to the upload queue: ${tooBigFileNames}`,
+                content: `Files larger than 160GB cannot be added to the upload queue: ${invalidFileNames}`,
                 type: 'warning',
             };
         }

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

@@ -0,0 +1,11 @@
+const DEFAULT_STATE = {
+    validItems: undefined,
+    invalidItems: undefined,
+};
+const DEFAULT_RESOLVED_FILES = {
+    validFiles: undefined,
+    invalidFiles: undefined,
+};
+const UPLOAD_FILE_SIZE_LIMIT = 160 * 1000 * 1000 * 1000;
+
+export { DEFAULT_RESOLVED_FILES, DEFAULT_STATE, UPLOAD_FILE_SIZE_LIMIT };

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

@@ -0,0 +1,42 @@
+import React__default from 'react';
+import { noop } from '@aws-amplify/ui';
+import { createContextUtilities } from '@aws-amplify/ui-react-core';
+import { useFileSelect } from '@aws-amplify/ui-react/internal';
+import { DEFAULT_STATE } from './constants.mjs';
+import { fileItemsReducer } from './fileItemsReducer.mjs';
+import { resolveFiles, parseFileSelectParams } from './utils.mjs';
+
+const defaultValue = [DEFAULT_STATE, noop];
+const { FileItemsContext, useFileItems } = createContextUtilities({
+    contextName: 'FileItems',
+    defaultValue,
+});
+function FileItemsProvider({ children, validateFile, }) {
+    const [state, dispatch] = React__default.useReducer(fileItemsReducer, DEFAULT_STATE);
+    const [fileInput, handleFileSelect] = useFileSelect((nextFiles) => {
+        dispatch({
+            type: 'ADD_FILE_ITEMS',
+            ...resolveFiles(nextFiles, validateFile),
+        });
+    });
+    const handleFilesAction = React__default.useCallback((action) => {
+        if (action.type === 'SELECT_FILES') {
+            handleFileSelect(...parseFileSelectParams(action.selectionType));
+        }
+        else if (action.type === 'ADD_FILES') {
+            dispatch({
+                type: 'ADD_FILE_ITEMS',
+                ...resolveFiles(action.files, validateFile),
+            });
+        }
+        else {
+            dispatch(action);
+        }
+    }, [handleFileSelect, validateFile]);
+    const value = React__default.useMemo(() => [state, handleFilesAction], [state, handleFilesAction]);
+    return (React__default.createElement(FileItemsContext.Provider, { value: value },
+        fileInput,
+        children));
+}
+
+export { FileItemsContext, FileItemsProvider, useFileItems };

package/dist/esm/components/StorageBrowser/fileItems/fileItemsReducer.mjs

@@ -0,0 +1,33 @@
+import { DEFAULT_STATE } from './constants.mjs';
+import { processFileItems } from './utils.mjs';
+
+const fileItemsReducer = (state, action) => {
+    switch (action.type) {
+        case 'ADD_FILE_ITEMS': {
+            if (!action.validFiles?.length && !action.invalidFiles?.length) {
+                return state;
+            }
+            const validItems = processFileItems(state.validItems, action.validFiles);
+            // `invalidItems` should only track invalid items from latest action taken
+            const invalidItems = processFileItems(undefined, action.invalidFiles);
+            return { validItems, invalidItems };
+        }
+        case 'REMOVE_FILE_ITEM': {
+            const { validItems: prevItems } = state;
+            if (!prevItems?.length)
+                return state;
+            const nextItems = prevItems.filter(({ id }) => id !== action.id);
+            if (nextItems.length === prevItems.length)
+                return state;
+            // `validItems` is strictly undefined if it has 0 file items
+            // otherwise, `validItems` is guaranteed to have at least 1+ file items
+            const validItems = nextItems.length ? nextItems : undefined;
+            return { ...state, validItems };
+        }
+        case 'RESET_FILE_ITEMS': {
+            return DEFAULT_STATE;
+        }
+    }
+};
+
+export { fileItemsReducer };

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

@@ -0,0 +1,55 @@
+import { isUndefined, isString, isEmpty } from '@aws-amplify/ui';
+import { UPLOAD_FILE_SIZE_LIMIT, DEFAULT_RESOLVED_FILES } from './constants.mjs';
+
+const compareFileItems = (prev, next) => prev.key.localeCompare(next.key);
+const constructFiles = (files, file) => isUndefined(files) ? [file] : files.concat(file);
+const defaultValidateFile = (file) => file.size <= UPLOAD_FILE_SIZE_LIMIT;
+const resolveFiles = (files, validateFile) => {
+    if (!files?.length)
+        return DEFAULT_RESOLVED_FILES;
+    if (!validateFile)
+        return { validFiles: files, invalidFiles: undefined };
+    return files.reduce((acc, file) => {
+        if (validateFile(file)) {
+            acc.validFiles = constructFiles(acc.validFiles, file);
+        }
+        else {
+            acc.invalidFiles = constructFiles(acc.invalidFiles, file);
+        }
+        return acc;
+    }, 
+    // create new copy of default to be modified
+    { ...DEFAULT_RESOLVED_FILES });
+};
+const processFileItems = (prevItems, files) => {
+    if (!files?.length)
+        return prevItems;
+    // construct `nextItems` and filter out existing `file` entries
+    const nextItems = files.reduce((items, file) => {
+        const { name, webkitRelativePath } = file;
+        return prevItems?.some(({ file: existing }) => existing.name === name &&
+            existing.webkitRelativePath === webkitRelativePath)
+            ? items
+            : items.concat({
+                key: isEmpty(webkitRelativePath) ? name : webkitRelativePath,
+                id: crypto.randomUUID(),
+                file,
+            });
+    }, []);
+    if (!nextItems.length)
+        return prevItems;
+    if (!prevItems?.length) {
+        return nextItems.sort(compareFileItems);
+    }
+    return prevItems?.concat(nextItems).sort(compareFileItems);
+};
+const parseFileSelectParams = (value) => {
+    if (isUndefined(value))
+        return ['FILE', undefined];
+    if (isString(value))
+        return [value, undefined];
+    const [selectType, ...rest] = value;
+    return [selectType, !rest?.length ? undefined : { accept: rest.join() }];
+};
+
+export { defaultValidateFile, parseFileSelectParams, processFileItems, resolveFiles };

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

@@ -9,7 +9,8 @@ import '@aws-amplify/ui-react-core';
 import '@aws-amplify/ui-react-core/elements';
 import { useDisplayText } from '../../../displayText/context.mjs';
 import useResolveTableData from '../../hooks/useResolveTableData/useResolveTableData.mjs';
-import { COPY_TABLE_RESOLVERS, COPY_TABLE_KEYS } from '../../utils/tableResolvers/copyResolvers.mjs';
+import { COPY_TABLE_RESOLVERS } from '../../utils/tableResolvers/copyResolvers.mjs';
+import { FILE_DATA_ITEM_TABLE_KEYS } from '../../utils/tableResolvers/constants.mjs';
 import { FoldersMessageProvider } from './FoldersMessageControl.mjs';
 import { FoldersPaginationProvider } from './FoldersPaginationControl.mjs';
 import { FoldersTableProvider } from './FoldersTableControl.mjs';
@@ -19,7 +20,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 = useResolveTableData(COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
+    const tableData = useResolveTableData(FILE_DATA_ITEM_TABLE_KEYS, COPY_TABLE_RESOLVERS, {
         items,
         props: { displayText, isProcessing, onTaskRemove },
     });

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/LocationActionView/CreateFolderView/CreateFolderViewProvider.mjs

@@ -1,7 +1,6 @@
 import React__default from 'react';
 import { ControlsContextProvider } from '../../../controls/context.mjs';
 import { useDisplayText } from '../../../displayText/context.mjs';
-import '@aws-amplify/ui';
 import { isValidFolderName } from './utils.mjs';
 
 function CreateFolderViewProvider({ children, ...props }) {

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

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

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

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { isUndefined } from '@aws-amplify/ui';
-import { useFiles } from '../../../files/context.mjs';
+import { useFileItems } from '../../../fileItems/context.mjs';
+import '@aws-amplify/ui';
 import { useStore } from '../../../store/context.mjs';
 import '../../../useAction/context.mjs';
 import { useAction } from '../../../useAction/useAction.mjs';
@@ -10,7 +10,6 @@ import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
 import 'aws-amplify/storage';
-import { isFileTooBig } from '../../../validators/isFileTooBig.mjs';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';
 import { DEFAULT_OVERWRITE_ENABLED } from './constants.mjs';
@@ -18,44 +17,24 @@ import { DEFAULT_OVERWRITE_ENABLED } from './constants.mjs';
 const useUploadView = (options) => {
     const { onExit: _onExit } = options ?? {};
     const [{ location }, storeDispatch] = useStore();
-    const [files, filesDispatch] = useFiles();
+    const [{ validItems, invalidItems: invalidFiles }, fileItemsDispatch] = useFileItems();
     const { current } = location;
     const [isOverwritingEnabled, setIsOverwritingEnabled] = React__default.useState(DEFAULT_OVERWRITE_ENABLED);
-    const filesData = React__default.useMemo(() => (files ?? [])?.reduce((curr, item) => {
-        if (isFileTooBig(item.file)) {
-            curr.invalidFiles = isUndefined(curr.invalidFiles)
-                ? [item]
-                : curr.invalidFiles.concat(item);
-        }
-        else {
-            curr.validFiles = isUndefined(curr.validFiles)
-                ? [item]
-                : curr.validFiles.concat(item);
-            const parsedFileItem = {
-                ...item,
-                key: `${location.key}${item.key}`,
-            };
-            curr.data = curr.data.concat({
-                ...parsedFileItem,
-                preventOverwrite: !isOverwritingEnabled,
-            });
-        }
-        return curr;
-    }, { invalidFiles: undefined, validFiles: undefined, data: [] }), [files, isOverwritingEnabled, location.key]);
-    const { data, invalidFiles } = filesData;
-    const [{ isProcessing, isProcessingComplete, statusCounts, tasks }, handleUploads,] = useAction('upload', { items: data });
+    const items = React__default.useMemo(() => (validItems ?? []).map((item) => ({
+        ...item,
+        key: `${location.key}${item.key}`,
+        preventOverwrite: !isOverwritingEnabled,
+    })), [validItems, isOverwritingEnabled, location.key]);
+    const [{ isProcessing, isProcessingComplete, statusCounts, tasks }, handleUploads,] = useAction('upload', { items });
     const onDropFiles = (files) => {
         if (files) {
-            filesDispatch({ type: 'ADD_FILE_ITEMS', files });
+            fileItemsDispatch({ type: 'ADD_FILES', files });
         }
     };
     const onSelectFiles = (type) => {
-        filesDispatch({ type: 'SELECT_FILES', selectionType: type });
+        fileItemsDispatch({ type: 'SELECT_FILES', selectionType: type });
     };
     const onActionStart = () => {
-        invalidFiles?.forEach((file) => {
-            filesDispatch({ type: 'REMOVE_FILE_ITEM', id: file.id });
-        });
         handleUploads();
     };
     const onActionCancel = () => {
@@ -63,7 +42,7 @@ const useUploadView = (options) => {
     };
     const onActionExit = () => {
         // clear files state
-        filesDispatch({ type: 'RESET_FILE_ITEMS' });
+        fileItemsDispatch({ type: 'RESET_FILE_ITEMS' });
         // clear selected action
         storeDispatch({ type: 'RESET_ACTION_TYPE' });
         _onExit?.(current);
@@ -72,7 +51,7 @@ const useUploadView = (options) => {
         setIsOverwritingEnabled((prev) => !prev);
     };
     const onTaskRemove = ({ data }) => {
-        filesDispatch({ type: 'REMOVE_FILE_ITEM', id: data.id });
+        fileItemsDispatch({ type: 'REMOVE_FILE_ITEM', id: data.id });
     };
     return {
         isProcessing,

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

@@ -1,7 +1,6 @@
 import React__default from 'react';
 import { ControlsContextProvider } from '../../controls/context.mjs';
 import { useDisplayText } from '../../displayText/context.mjs';
-import '@aws-amplify/ui';
 import { getLocationDetailViewTableData } from './getLocationDetailViewTableData/getLocationDetailViewTableData.mjs';
 
 function LocationDetailViewProvider({ children, ...props }) {