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

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

@@ -1,28 +1,21 @@
 import React__default from 'react';
-import '../../actions/configs/context.mjs';
-import { isDefaultActionViewType } from '../../actions/configs/defaults.mjs';
-import '@aws-amplify/storage/internals';
-import '@aws-amplify/ui';
-import 'aws-amplify/storage';
-import '@aws-amplify/ui-react-core';
 import '../../providers/store/location/context.mjs';
 import '../../providers/store/files/context.mjs';
 import '../../providers/store/actionType/context.mjs';
 import '../../providers/store/locationItems/context.mjs';
 import { useStore } from '../../providers/store/useStore.mjs';
-import { CreateFolderView } from './CreateFolderView/CreateFolderView.mjs';
-import '../../providers/configuration/context.mjs';
-import '@aws-amplify/ui-react-core/elements';
-import '../../providers/configuration/credentials/context.mjs';
-import { CopyView } from './CopyView/CopyView.mjs';
-import { DeleteView } from './DeleteView/DeleteView.mjs';
-import { UploadView } from './UploadView/UploadView.mjs';
+import { useActionViews } from '../context/actionViews.mjs';
 
 const LocationActionView = ({ type, ...props }) => {
     const [{ actionType = type }] = useStore();
-    if (!isDefaultActionViewType(actionType))
-        return null;
-    return (React__default.createElement(React__default.Fragment, null, actionType === 'createFolder' ? (React__default.createElement(CreateFolderView, { ...props })) : actionType === 'delete' ? (React__default.createElement(DeleteView, { ...props })) : actionType === 'copy' ? (React__default.createElement(CopyView, { ...props })) : (React__default.createElement(UploadView, { ...props }))));
+    const views = useActionViews().action;
+    const ActionView = actionType
+        ? views[actionType]
+        : undefined;
+    if (ActionView) {
+        return React__default.createElement(ActionView, { ...props });
+    }
+    return null;
 };
 
 export { LocationActionView };

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

@@ -1,85 +1,80 @@
 import React__default from 'react';
-import '../../../actions/configs/context.mjs';
-import '@aws-amplify/storage/internals';
 import { isUndefined } from '@aws-amplify/ui';
-import { isFileTooBig } from '../../../validators/isFileTooBig.mjs';
-import { uploadHandler } from '../../../actions/handlers/upload.mjs';
-import '@aws-amplify/ui-react-core';
-import { useGetActionInput } from '../../../providers/configuration/context.mjs';
-import '@aws-amplify/ui-react-core/elements';
-import '../../../providers/configuration/credentials/context.mjs';
 import '../../../providers/store/location/context.mjs';
 import '../../../providers/store/files/context.mjs';
 import '../../../providers/store/actionType/context.mjs';
 import '../../../providers/store/locationItems/context.mjs';
 import { useStore } from '../../../providers/store/useStore.mjs';
-import { useProcessTasks } from '../../../tasks/useProcessTasks.mjs';
-import { DEFAULT_ACTION_CONCURRENCY } from '../constants.mjs';
+import '../../../useAction/context.mjs';
+import { useAction } from '../../../useAction/useAction.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import '../../../providers/configuration/credentials/context.mjs';
+import '../../../providers/configuration/context.mjs';
+import '@aws-amplify/storage/internals';
+import { isFileTooBig } from '../../../validators/isFileTooBig.mjs';
+import 'aws-amplify/storage';
+import '../../../actions/configs/context.mjs';
 import { DEFAULT_OVERWRITE_ENABLED } from './constants.mjs';
 
 const useUploadView = (options) => {
     const { onExit: _onExit } = options ?? {};
-    const getInput = useGetActionInput();
     const [{ files, location }, dispatchStoreAction] = useStore();
-    const { current, key } = location;
-    const { invalidFiles, validFiles } = React__default.useMemo(() => (files ?? [])?.reduce((curr, file) => {
-        if (isFileTooBig(file.file)) {
+    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)
-                ? [file]
-                : curr.invalidFiles.concat(file);
+                ? [item]
+                : curr.invalidFiles.concat(item);
         }
         else {
             curr.validFiles = isUndefined(curr.validFiles)
-                ? [file]
-                : curr.validFiles.concat(file);
+                ? [item]
+                : curr.validFiles.concat(item);
+            const parsedFileItem = {
+                ...item,
+                key: `${location.key}${item.key}`,
+            };
+            curr.data = curr.data.concat({
+                ...parsedFileItem,
+                preventOverwrite: !isOverwritingEnabled,
+            });
         }
         return curr;
-    }, {}), [files]);
-    const [isOverwritingEnabled, setIsOverwritingEnabled] = React__default.useState(DEFAULT_OVERWRITE_ENABLED);
-    const [{ isProcessing, isProcessingComplete, statusCounts, tasks }, handleProcess,] = useProcessTasks(uploadHandler, validFiles, {
-        concurrency: DEFAULT_ACTION_CONCURRENCY,
-    });
-    const onDropFiles = React__default.useCallback((files) => {
+    }, { invalidFiles: undefined, validFiles: undefined, data: [] }), [files, isOverwritingEnabled, location.key]);
+    const { data, invalidFiles } = filesData;
+    const [{ isProcessing, isProcessingComplete, statusCounts, tasks }, handleUploads,] = useAction('upload', { items: data });
+    const onDropFiles = (files) => {
         if (files) {
             dispatchStoreAction({ type: 'ADD_FILE_ITEMS', files });
         }
-    }, [dispatchStoreAction]);
-    const onSelectFiles = React__default.useCallback((type) => {
+    };
+    const onSelectFiles = (type) => {
         dispatchStoreAction({ type: 'SELECT_FILES', selectionType: type });
-    }, [dispatchStoreAction]);
-    const onActionStart = React__default.useCallback(() => {
+    };
+    const onActionStart = () => {
         invalidFiles?.forEach((file) => {
             dispatchStoreAction({ type: 'REMOVE_FILE_ITEM', id: file.id });
         });
-        handleProcess({
-            config: getInput(),
-            destinationPrefix: key,
-            options: { preventOverwrite: !isOverwritingEnabled },
-        });
-    }, [
-        isOverwritingEnabled,
-        key,
-        getInput,
-        handleProcess,
-        invalidFiles,
-        dispatchStoreAction,
-    ]);
-    const onActionCancel = React__default.useCallback(() => {
+        handleUploads();
+    };
+    const onActionCancel = () => {
         tasks.forEach((task) => task.cancel?.());
-    }, [tasks]);
-    const onActionExit = React__default.useCallback(() => {
+    };
+    const onActionExit = () => {
         // clear files state
         dispatchStoreAction({ type: 'RESET_FILE_ITEMS' });
         // clear selected action
         dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
         _onExit?.(current);
-    }, [dispatchStoreAction, _onExit, current]);
-    const onToggleOverwrite = React__default.useCallback(() => {
+    };
+    const onToggleOverwrite = () => {
         setIsOverwritingEnabled((prev) => !prev);
-    }, []);
-    const onTaskRemove = React__default.useCallback(({ data }) => {
+    };
+    const onTaskRemove = ({ data }) => {
         dispatchStoreAction({ type: 'REMOVE_FILE_ITEM', id: data.id });
-    }, [dispatchStoreAction]);
+    };
     return {
         isProcessing,
         isProcessingComplete,

package/dist/esm/components/StorageBrowser/views/LocationActionView/getActionViewTableData.mjs

@@ -1,10 +1,8 @@
 import { humanFileSize } from '@aws-amplify/ui';
-import '../../actions/configs/context.mjs';
 import '@aws-amplify/storage/internals';
 import { isFileDataItem, isFileItem } from '../../actions/handlers/utils.mjs';
 import 'aws-amplify/storage';
-import 'react';
-import '@aws-amplify/ui-react-core';
+import '../../actions/configs/context.mjs';
 import { getActionIcon } from './getActionIcon.mjs';
 import { getFileTypeDisplayValue } from './getFileTypeDisplayValue.mjs';
 import { getPercentValue } from './getPercentValue.mjs';
@@ -152,4 +150,4 @@ const getActionViewTableData = ({ tasks, displayText, isProcessing, locationKey,
     return { headers, rows };
 };
 
-export { getActionViewTableData, getProgressHeader };
+export { getActionViewTableData };

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

@@ -11,7 +11,7 @@ import { LoadingIndicatorControl } from '../../controls/LoadingIndicatorControl.
 import { MessageControl } from '../../controls/MessageControl.mjs';
 import { NavigationControl } from '../../controls/NavigationControl.mjs';
 import { PaginationControl } from '../../controls/PaginationControl.mjs';
-import { SearchControl } from '../../controls/SearchControl.mjs';
+import { SearchFieldControl } from '../../controls/SearchFieldControl.mjs';
 import { SearchSubfoldersToggleControl } from '../../controls/SearchSubfoldersToggleControl.mjs';
 import { TitleControl } from '../../controls/TitleControl.mjs';
 import { useLocationDetailView } from './useLocationDetailView.mjs';
@@ -27,7 +27,7 @@ const LocationDetailView = ({ className, ...props }) => {
             React__default.createElement(TitleControl, null),
             React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__controls` },
                 React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__search` },
-                    React__default.createElement(SearchControl, null),
+                    React__default.createElement(SearchFieldControl, null),
                     React__default.createElement(SearchSubfoldersToggleControl, null)),
                 React__default.createElement(PaginationControl, null),
                 React__default.createElement(DataRefreshControl, null),
@@ -49,7 +49,7 @@ LocationDetailView.Message = MessageControl;
 LocationDetailView.Navigation = NavigationControl;
 LocationDetailView.Pagination = PaginationControl;
 LocationDetailView.Refresh = DataRefreshControl;
-LocationDetailView.Search = SearchControl;
+LocationDetailView.Search = SearchFieldControl;
 LocationDetailView.SearchSubfoldersToggle = SearchSubfoldersToggleControl;
 LocationDetailView.Title = TitleControl;
 

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

@@ -6,11 +6,14 @@ import { getLocationDetailViewTableData } from './getLocationDetailViewTableData
 
 function LocationDetailViewProvider({ children, ...props }) {
     const { LocationDetailView: { loadingIndicatorLabel, searchSubfoldersToggleLabel, selectFileLabel, selectAllFilesLabel, searchPlaceholder, searchSubmitLabel, searchClearLabel, getActionListItemLabel, getDateDisplayValue, getTitle, getListItemsResultMessage, }, } = useDisplayText();
-    const { actions, page, pageItems, hasNextPage, highestPageVisited, isLoading, isSearchingSubfolders, location, areAllFilesSelected, fileDataItems, hasFiles, hasError, hasDownloadError, message, downloadErrorMessage, searchQuery, hasExhaustedSearch, onActionSelect, onDropFiles, onRefresh, onPaginate, onDownload, onNavigate, onNavigateHome, onSelect, onSelectAll, onSearch, onSearchQueryChange, onSearchClear, onToggleSearchSubfolders, } = props;
-    const actionsWithDisplayText = actions.map((item) => ({
+    const { actionItems, page, pageItems, hasNextPage, highestPageVisited, isLoading, isSearchSubfoldersEnabled, location, fileDataItems, hasError, hasDownloadError, message, downloadErrorMessage, searchQuery, hasExhaustedSearch, onActionSelect, onDropFiles, onRefresh, onPaginate, onDownload, onNavigate, onNavigateHome, onSelect, onToggleSelectAll, onSearch, onSearchQueryChange, onSearchClear, onToggleSearchSubfolders, } = props;
+    const actionsWithDisplayText = actionItems.map((item) => ({
         ...item,
         label: getActionListItemLabel(item.label),
     }));
+    const fileItems = pageItems.filter((item) => item.type === 'FILE');
+    const areAllFilesSelected = fileDataItems?.length === fileItems.length;
+    const hasFiles = fileItems.length > 0;
     const messageControlContent = getListItemsResultMessage({
         isLoading,
         items: pageItems,
@@ -18,20 +21,21 @@ function LocationDetailViewProvider({ children, ...props }) {
         hasExhaustedSearch,
         message: hasError ? message : downloadErrorMessage,
     });
-    const isNoActionAvailable = !Array.isArray(actions) || actions?.every((action) => action.isHidden);
+    const isActionsListDisabled = isLoading ||
+        !actionItems?.length ||
+        actionItems.every(({ isHidden }) => isHidden);
     return (React__default.createElement(ControlsContextProvider, { data: {
             actions: actionsWithDisplayText,
-            isActionsListDisabled: isLoading || isNoActionAvailable,
+            isActionsListDisabled,
             isDataRefreshDisabled: isLoading,
             isLoading,
-            isSearchingSubfolders,
+            isSearchingSubfolders: isSearchSubfoldersEnabled,
             loadingIndicatorLabel,
             location,
             paginationData: {
                 page,
                 hasNextPage,
                 highestPageVisited,
-                onPaginate,
             },
             searchPlaceholder,
             searchSubfoldersToggleLabel,
@@ -50,11 +54,11 @@ function LocationDetailViewProvider({ children, ...props }) {
                 onDownload,
                 onNavigate,
                 onSelect,
-                onSelectAll,
+                onSelectAll: onToggleSelectAll,
             }),
             title: getTitle(location),
             message: messageControlContent,
-        }, onActionSelect: onActionSelect, onDropFiles: onDropFiles, onNavigate: onNavigate, onNavigateHome: onNavigateHome, onRefresh: onRefresh, onSearch: onSearch, onSearchQueryChange: onSearchQueryChange, onSearchClear: onSearchClear, onToggleSearchSubfolders: onToggleSearchSubfolders }, children));
+        }, onActionSelect: onActionSelect, onDropFiles: onDropFiles, onNavigate: onNavigate, onNavigateHome: onNavigateHome, onPaginate: onPaginate, onRefresh: onRefresh, onSearch: onSearch, onSearchQueryChange: onSearchQueryChange, onSearchClear: onSearchClear, onToggleSearchSubfolders: onToggleSearchSubfolders }, children));
 }
 
 export { LocationDetailViewProvider };

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

@@ -2,6 +2,7 @@ import '@aws-amplify/storage/internals';
 import { createFileDataItem } from '../../../actions/handlers/utils.mjs';
 import '@aws-amplify/ui';
 import 'aws-amplify/storage';
+import '../../../actions/configs/context.mjs';
 import { getFileRowContent } from './getFileRowContent.mjs';
 import { getFolderRowContent } from './getFolderRowContent.mjs';
 import { LOCATION_DETAIL_VIEW_HEADERS } from './constants.mjs';

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

@@ -1,52 +1,43 @@
 import React__default from 'react';
 import { isUndefined, isFunction } from '@aws-amplify/ui';
-import { useDataState } from '@aws-amplify/ui-react-core';
 import { usePaginate } from '../hooks/usePaginate.mjs';
 import '../../providers/store/location/context.mjs';
 import '../../providers/store/files/context.mjs';
 import '../../providers/store/actionType/context.mjs';
 import '../../providers/store/locationItems/context.mjs';
 import { useStore } from '../../providers/store/useStore.mjs';
-import '../../actions/configs/context.mjs';
-import { defaultActionViewConfigs } from '../../actions/configs/defaults.mjs';
 import '@aws-amplify/storage/internals';
-import { downloadHandler } from '../../actions/handlers/download.mjs';
-import { listLocationItemsHandler } from '../../actions/handlers/listLocationItems.mjs';
 import 'aws-amplify/storage';
-import { createEnhancedListHandler } from '../../actions/useAction/createEnhancedListHandler.mjs';
-import { useGetActionInput } from '../../providers/configuration/context.mjs';
-import '@aws-amplify/ui-react-core/elements';
-import '../../providers/configuration/credentials/context.mjs';
+import { useActionConfigs } from '../../actions/configs/context.mjs';
+import '../../useAction/context.mjs';
+import { useAction } from '../../useAction/useAction.mjs';
+import { useList } from '../../useAction/useList.mjs';
 import { useSearch } from '../hooks/useSearch.mjs';
-import { useProcessTasks } from '../../tasks/useProcessTasks.mjs';
 
 const DEFAULT_PAGE_SIZE = 100;
 const DEFAULT_LIST_OPTIONS = {
     delimiter: '/',
     pageSize: DEFAULT_PAGE_SIZE,
 };
-const listLocationItemsAction = createEnhancedListHandler(listLocationItemsHandler);
-const getDownloadErrorMessageFromFailedDownloadTask = (tasks) => {
-    if (!tasks.length) {
-        return undefined;
-    }
-    return `Failed to download ${tasks[0].data.fileKey ?? tasks[0].data.key} due to error: ${tasks[0].message}.`;
+const getDownloadErrorMessageFromFailedDownloadTask = (task) => {
+    if (!task)
+        return;
+    return `Failed to download ${task.data.fileKey ?? task.data.key} due to error: ${task.message}.`;
 };
 const useLocationDetailView = (options) => {
-    const getConfig = useGetActionInput();
     const { initialValues, onExit, onNavigate } = options ?? {};
     const listOptionsRef = React__default.useRef({
         ...DEFAULT_LIST_OPTIONS,
         ...initialValues,
     });
     const listOptions = listOptionsRef.current;
-    const [{ location, locationItems }, dispatchStoreAction] = useStore();
+    const [{ location, locationItems, actionType }, dispatchStoreAction] = useStore();
     const { current, key } = location;
     const { permissions, prefix } = current ?? {};
     const { fileDataItems } = locationItems;
     const hasInvalidPrefix = isUndefined(prefix);
-    const [downloadTaskResult, handleDownload] = useProcessTasks(downloadHandler);
-    const [{ data, isLoading, hasError, message }, handleList] = useDataState(listLocationItemsAction, { items: [], nextToken: undefined });
+    const [{ task }, handleDownload] = useAction('download');
+    const [{ data, isLoading, hasError, message }, handleList] = useList('locationItems');
     // set up pagination
     const { items, nextToken, search } = data;
     const { hasExhaustedSearch = false } = search ?? {};
@@ -56,7 +47,6 @@ const useLocationDetailView = (options) => {
             return;
         dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
         handleList({
-            config: getConfig(),
             prefix: key,
             options: { ...listOptions, nextToken },
         });
@@ -80,17 +70,16 @@ const useLocationDetailView = (options) => {
             },
         };
         handleReset();
-        handleList({ config: getConfig(), prefix: key, options: searchOptions });
+        handleList({ prefix: key, options: searchOptions });
         dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
     };
-    const { searchQuery, isSearchingSubfolders, onSearchQueryChange, onSearchSubmit, onToggleSearchSubfolders, resetSearch, } = useSearch({ onSearch });
+    const { searchQuery, isSearchingSubfolders: isSearchSubfoldersEnabled, onSearchQueryChange, onSearchSubmit, onToggleSearchSubfolders, resetSearch, } = useSearch({ onSearch });
     const onRefresh = () => {
         if (hasInvalidPrefix)
             return;
         handleReset();
         resetSearch();
         handleList({
-            config: getConfig(),
             prefix: key,
             options: { ...listOptions, refresh: true },
         });
@@ -100,63 +89,60 @@ const useLocationDetailView = (options) => {
         if (hasInvalidPrefix)
             return;
         handleList({
-            config: getConfig(),
             prefix: key,
             options: { ...listOptions, refresh: true },
         });
         handleReset();
-    }, [
-        handleList,
-        handleReset,
-        listOptions,
-        hasInvalidPrefix,
-        getConfig,
-        prefix,
-        key,
-    ]);
-    // Logic for Select All Files functionality
-    const fileItems = React__default.useMemo(() => pageItems.filter((item) => item.type === 'FILE'), [pageItems]);
-    const areAllFilesSelected = fileDataItems?.length === fileItems.length;
-    const shouldShowEmptyMessage = pageItems.length === 0 && !isLoading && !hasError;
-    const actions = React__default.useMemo(() => {
+    }, [handleList, handleReset, listOptions, hasInvalidPrefix, key]);
+    const { actionConfigs } = useActionConfigs();
+    const actionItems = React__default.useMemo(() => {
         if (!permissions) {
             return [];
         }
-        return Object.entries(defaultActionViewConfigs).map(([actionType, config]) => {
-            const { actionsListItemConfig } = config ?? {};
-            const { icon, hide, disable, label } = actionsListItemConfig ?? {};
-            return {
-                actionType,
-                icon,
-                isDisabled: isFunction(disable)
-                    ? disable(fileDataItems)
-                    : disable ?? false,
-                isHidden: isFunction(hide) ? hide(permissions) : hide,
-                label,
-            };
-        });
-    }, [fileDataItems, permissions]);
+        return !actionConfigs
+            ? []
+            : Object.entries(actionConfigs).map(([type, { actionListItem }]) => {
+                const { icon, hide, disable, label } = actionListItem ?? {};
+                return {
+                    actionType: type,
+                    icon,
+                    isDisabled: isFunction(disable)
+                        ? disable(fileDataItems)
+                        : disable ?? false,
+                    isHidden: isFunction(hide) ? hide(permissions) : hide,
+                    label,
+                };
+            });
+    }, [actionConfigs, fileDataItems, permissions]);
     return {
-        actions,
+        actionItems,
+        actionType,
         page: currentPage,
         pageItems,
         location,
-        areAllFilesSelected,
         fileDataItems,
-        hasFiles: fileItems.length > 0,
         hasError,
-        hasDownloadError: downloadTaskResult.statusCounts.FAILED > 0,
+        hasDownloadError: task?.status === 'FAILED',
         hasNextPage: hasNextToken,
         highestPageVisited,
         message,
-        downloadErrorMessage: getDownloadErrorMessageFromFailedDownloadTask(downloadTaskResult.tasks),
-        shouldShowEmptyMessage,
+        downloadErrorMessage: getDownloadErrorMessageFromFailedDownloadTask(task),
         isLoading,
-        isSearchingSubfolders,
+        isSearchSubfoldersEnabled,
         onPaginate,
         searchQuery,
         hasExhaustedSearch,
         onRefresh,
+        onActionExit: () => {
+            dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+        },
+        onActionSelect: (nextActionType) => {
+            options?.onActionSelect?.(nextActionType);
+            dispatchStoreAction({
+                type: 'SET_ACTION_TYPE',
+                actionType: nextActionType,
+            });
+        },
         onNavigate: (location, path) => {
             onNavigate?.(location, path);
             resetSearch();
@@ -170,13 +156,12 @@ const useLocationDetailView = (options) => {
             options?.onActionSelect?.(actionType);
         },
         onDownload: (data) => {
-            handleDownload({ config: getConfig(), data });
+            handleDownload({ data });
         },
         onNavigateHome: () => {
             onExit?.();
             dispatchStoreAction({ type: 'RESET_LOCATION' });
             handleList({
-                config: getConfig(),
                 // @todo: prefix should not be required to refresh
                 prefix: prefix ?? '',
                 options: { reset: true },
@@ -184,17 +169,14 @@ const useLocationDetailView = (options) => {
             dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
             dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
         },
-        onActionSelect: (actionType) => {
-            options?.onActionSelect?.(actionType);
-            dispatchStoreAction({ type: 'SET_ACTION_TYPE', actionType });
-        },
         onSelect: (isSelected, fileItem) => {
             dispatchStoreAction(isSelected
                 ? { type: 'REMOVE_LOCATION_ITEM', id: fileItem.id }
                 : { type: 'SET_LOCATION_ITEMS', items: [fileItem] });
         },
-        onSelectAll: () => {
-            dispatchStoreAction(areAllFilesSelected
+        onToggleSelectAll: () => {
+            const fileItems = pageItems.filter((item) => item.type === 'FILE');
+            dispatchStoreAction(fileItems.length === fileDataItems?.length
                 ? { type: 'RESET_LOCATION_ITEMS' }
                 : { type: 'SET_LOCATION_ITEMS', items: fileItems });
         },
@@ -204,7 +186,6 @@ const useLocationDetailView = (options) => {
             if (hasInvalidPrefix)
                 return;
             handleList({
-                config: getConfig(),
                 prefix: key,
                 options: { ...listOptions, refresh: true },
             });

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

@@ -8,7 +8,7 @@ import { DataTableControl } from '../../controls/DataTableControl.mjs';
 import { LoadingIndicatorControl } from '../../controls/LoadingIndicatorControl.mjs';
 import { MessageControl } from '../../controls/MessageControl.mjs';
 import { PaginationControl } from '../../controls/PaginationControl.mjs';
-import { SearchControl } from '../../controls/SearchControl.mjs';
+import { SearchFieldControl } from '../../controls/SearchFieldControl.mjs';
 import { TitleControl } from '../../controls/TitleControl.mjs';
 import { LocationsViewProvider } from './LocationsViewProvider.mjs';
 import { useLocationsView } from './useLocationsView.mjs';
@@ -22,7 +22,7 @@ const LocationsView = ({ className, ...props }) => {
             React__default.createElement(TitleControl, null),
             React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__controls` },
                 React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__search` },
-                    React__default.createElement(SearchControl, null)),
+                    React__default.createElement(SearchFieldControl, null)),
                 React__default.createElement(PaginationControl, null),
                 React__default.createElement(DataRefreshControl, null)),
             React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__data-table` },
@@ -38,7 +38,7 @@ LocationsView.LocationsTable = DataTableControl;
 LocationsView.Message = MessageControl;
 LocationsView.Pagination = PaginationControl;
 LocationsView.Refresh = DataRefreshControl;
-LocationsView.Search = SearchControl;
+LocationsView.Search = SearchFieldControl;
 LocationsView.Title = TitleControl;
 
 export { LocationsView };

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

@@ -11,7 +11,7 @@ function LocationsViewProvider({ children, ...props }) {
     const messageControlContent = getListLocationsResultMessage({
         hasExhaustedSearch,
         isLoading,
-        locations: pageItems,
+        items: pageItems,
         hasError,
         message,
     });
@@ -28,7 +28,6 @@ function LocationsViewProvider({ children, ...props }) {
                 page,
                 hasNextPage,
                 highestPageVisited,
-                onPaginate,
             },
             title,
             searchPlaceholder,
@@ -37,7 +36,7 @@ function LocationsViewProvider({ children, ...props }) {
             searchQuery,
             message: messageControlContent,
             isLoading,
-        }, onSearch: onSearch, onRefresh: onRefresh, onSearchQueryChange: onSearchQueryChange, onSearchClear: onSearchClear }, children));
+        }, onPaginate: onPaginate, onRefresh: onRefresh, onSearch: onSearch, onSearchQueryChange: onSearchQueryChange, onSearchClear: onSearchClear }, children));
 }
 
 export { LocationsViewProvider };