@aws-amplify/ui-react-storage 3.15.0 → 3.17.0

package/dist/esm/browser.mjs

@@ -18,6 +18,7 @@ import './components/StorageBrowser/useAction/context.mjs';
 import '@aws-amplify/ui-react-core/elements';
 import './components/StorageBrowser/credentials/context.mjs';
 import './components/StorageBrowser/configuration/context.mjs';
+import './components/StorageBrowser/configuration/paginationContext.mjs';
 import './components/StorageBrowser/displayText/context.mjs';
 export { DEFAULT_STORAGE_BROWSER_DISPLAY_TEXT as DefaultStorageBrowserDisplayText } from './components/StorageBrowser/displayText/libraries/en/default.mjs';
 import './components/StorageBrowser/filePreview/context.mjs';

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

@@ -11,10 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
-import 'aws-amplify';
-import 'jszip';
-import 'aws-amplify/storage';
-import '../actions/configs/context.mjs';
+import '../configuration/paginationContext.mjs';
 import '../actions/configs/defaults.mjs';
 import '../displayText/context.mjs';
 import '../filePreview/context.mjs';

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

@@ -1,3 +1,4 @@
+import { hasSelectedFolders } from '../../locationItems/utils.mjs';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify';
 import '@aws-amplify/ui';
@@ -8,7 +9,10 @@ import 'aws-amplify/storage';
 const copyActionConfig = {
     viewName: 'CopyView',
     actionListItem: {
-        disable: (selected) => !selected || selected.length === 0,
+        disable: (selected) => {
+            const hasNoSelection = !selected || selected.length === 0;
+            return hasNoSelection || hasSelectedFolders(selected);
+        },
         hide: (permissions) => !permissions.includes('write'),
         icon: 'copy-file',
         label: 'Copy',
@@ -18,7 +22,10 @@ const copyActionConfig = {
 const deleteActionConfig = {
     viewName: 'DeleteView',
     actionListItem: {
-        disable: (selected) => !selected || selected.length === 0,
+        disable: (selected) => {
+            const hasNoSelection = !selected || selected.length === 0;
+            return hasNoSelection;
+        },
         hide: (permissions) => !permissions.includes('delete'),
         icon: 'delete-file',
         label: 'Delete',
@@ -46,7 +53,10 @@ const uploadActionConfig = {
 const downloadActionConfig = {
     viewName: 'DownloadView',
     actionListItem: {
-        disable: (selected) => !selected || selected.length === 0,
+        disable: (selected) => {
+            const hasNoSelection = !selected || selected.length === 0;
+            return hasNoSelection || hasSelectedFolders(selected);
+        },
         hide: (permissions) => !permissions.includes('get'),
         icon: 'download',
         label: 'Download',

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

@@ -1,27 +1,58 @@
 import { remove } from '@aws-amplify/storage/internals';
 import { constructBucket } from './utils.mjs';
 
-const deleteHandler = ({ config, data, }) => {
+const deleteHandler = ({ config, data, options, }) => {
     const { key } = data;
     const { accountId, credentials, customEndpoint } = config;
-    const result = remove({
+    const { onProgress } = options ?? {};
+    let cumulativeSuccessCount = 0;
+    let cumulativeFailureCount = 0;
+    let operationCancel = () => {
+        // noop
+    };
+    const cancel = () => {
+        operationCancel?.();
+    };
+    const operation = remove({
         path: key,
         options: {
             bucket: constructBucket(config),
             locationCredentialsProvider: credentials,
             expectedBucketOwner: accountId,
             customEndpoint,
+            onProgress: (progress) => {
+                if (!progress) {
+                    return;
+                }
+                const batchSuccessCount = progress?.deleted?.length ?? 0;
+                const batchFailureCount = progress?.failed?.length ?? 0;
+                cumulativeSuccessCount += batchSuccessCount;
+                cumulativeFailureCount += batchFailureCount;
+                onProgress?.(data, {
+                    successCount: cumulativeSuccessCount,
+                    failureCount: cumulativeFailureCount,
+                });
+            },
         },
+    });
+    operationCancel = operation?.cancel ? operation?.cancel : () => { };
+    const operationPromise = operation?.result ?? operation;
+    const result = operationPromise
+        ?.then?.(({ path }) => {
+        return {
+            status: 'COMPLETE',
+            value: {
+                key: path,
+                successCount: cumulativeSuccessCount,
+                failureCount: cumulativeFailureCount,
+            },
+        };
     })
-        .then(({ path }) => ({
-        status: 'COMPLETE',
-        value: { key: path },
-    }))
-        .catch((error) => {
+        ?.catch?.((error) => {
         const { message } = error;
         return { error, message, status: 'FAILED' };
     });
-    return { result };
+    return { result, cancel };
 };
 
 export { deleteHandler };

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

@@ -11,10 +11,7 @@ import '../useAction/context.mjs';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
-import 'aws-amplify';
-import 'jszip';
-import 'aws-amplify/storage';
-import '../actions/configs/context.mjs';
+import '../configuration/paginationContext.mjs';
 import '../actions/configs/defaults.mjs';
 import '../displayText/context.mjs';
 import '../filePreview/context.mjs';

package/dist/esm/components/StorageBrowser/components/base/preview/DownloadButton.mjs

@@ -11,11 +11,8 @@ import '@aws-amplify/ui-react-core/elements';
 import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
+import '../../../configuration/paginationContext.mjs';
 import '@aws-amplify/ui';
-import 'aws-amplify';
-import 'jszip';
-import 'aws-amplify/storage';
-import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';
 import { useDisplayText } from '../../../displayText/context.mjs';
 

package/dist/esm/components/StorageBrowser/components/composables/ActionConfirmationModal.mjs

@@ -0,0 +1,34 @@
+import React__default from 'react';
+import '@aws-amplify/ui-react';
+import { ViewElement, HeadingElement, TextElement, ButtonElement } from '../elements/definitions.mjs';
+import '../elements/IconElement.mjs';
+
+const ActionConfirmationModal = ({ isOpen = false, title, message, content, onConfirm, onCancel, confirmLabel, cancelLabel, }) => {
+    const modalRef = React__default.useRef(null);
+    React__default.useEffect(() => {
+        if (isOpen && modalRef.current) {
+            modalRef.current.focus();
+        }
+    }, [isOpen]);
+    const handleKeyDown = (event) => {
+        if (event.key === 'Escape') {
+            onCancel?.();
+        }
+    };
+    if (!isOpen)
+        return null;
+    return (React__default.createElement("div", { ref: modalRef, className: "amplify-modal__overlay", role: "dialog", "aria-modal": "true", tabIndex: -1, onKeyDown: handleKeyDown, onClick: (e) => {
+            if (e.target === e.currentTarget) {
+                onCancel?.();
+            }
+        } },
+        React__default.createElement(ViewElement, { className: "amplify-modal__content", role: "document" },
+            React__default.createElement(HeadingElement, { className: "amplify-modal__title" }, title),
+            message && (React__default.createElement(TextElement, { className: "amplify-modal__body" }, message)),
+            content && (React__default.createElement(ViewElement, { className: "amplify-modal__body" }, content)),
+            React__default.createElement(ViewElement, { className: "amplify-modal__footer" },
+                React__default.createElement(ButtonElement, { className: "amplify-modal__cancel", onClick: onCancel, variant: "cancel" }, cancelLabel),
+                React__default.createElement(ButtonElement, { className: "amplify-modal__confirm", onClick: onConfirm, variant: "primary" }, confirmLabel)))));
+};
+
+export { ActionConfirmationModal };

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

@@ -1,4 +1,5 @@
 import { ActionCancel } from './ActionCancel.mjs';
+import { ActionConfirmationModal } from './ActionConfirmationModal.mjs';
 import { ActionDestination } from './ActionDestination.mjs';
 import { ActionExit } from './ActionExit.mjs';
 import { ActionStart } from './ActionStart.mjs';
@@ -22,6 +23,7 @@ import { Title } from './Title.mjs';
 
 const DEFAULT_COMPOSABLES = {
     ActionCancel,
+    ActionConfirmationModal,
     ActionDestination,
     ActionExit,
     ActionStart,

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

@@ -29,7 +29,7 @@ const OrderedListElement = defineBaseElement({
     type: 'ol',
     displayName: 'OrderedList',
 });
-defineBaseElement({
+const UnorderedListElement = defineBaseElement({
     type: 'ul',
     displayName: 'UnorderedList',
 });
@@ -83,4 +83,4 @@ const SpanElement = defineBaseElement({
     displayName: 'Span',
 });
 
-export { ButtonElement, DescriptionDetailsElement, DescriptionListElement, DescriptionTermElement, HeadingElement, InputElement, LabelElement, ListItemElement, NavElement, OrderedListElement, SpanElement, TableBodyElement, TableDataCellElement, TableElement, TableHeadElement, TableHeaderElement, TableRowElement, TextElement, ViewElement };
+export { ButtonElement, DescriptionDetailsElement, DescriptionListElement, DescriptionTermElement, HeadingElement, InputElement, LabelElement, ListItemElement, NavElement, OrderedListElement, SpanElement, TableBodyElement, TableDataCellElement, TableElement, TableHeadElement, TableHeaderElement, TableRowElement, TextElement, UnorderedListElement, ViewElement };

package/dist/esm/components/StorageBrowser/configuration/paginationContext.mjs

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { createContextUtilities } from '@aws-amplify/ui-react-core';
+import { validatePageSize } from '../utils/validatePageSize.mjs';
+
+const ERROR_MESSAGE = '`usePaginationConfig` must be called from within a `PaginationConfigProvider`.';
+const { usePaginationConfig, PaginationConfigContext } = createContextUtilities({
+    contextName: 'PaginationConfig',
+    errorMessage: ERROR_MESSAGE,
+});
+function PaginationConfigProvider({ children, pageSize, }) {
+    const value = React__default.useMemo(() => ({ pageSize: validatePageSize(pageSize) }), [pageSize]);
+    return (React__default.createElement(PaginationConfigContext.Provider, { value: value }, children));
+}
+
+export { PaginationConfigContext, PaginationConfigProvider, usePaginationConfig };

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

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

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

@@ -11,10 +11,7 @@ import '@aws-amplify/ui-react-core/elements';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
-import 'aws-amplify';
-import 'jszip';
-import 'aws-amplify/storage';
-import '../actions/configs/context.mjs';
+import '../configuration/paginationContext.mjs';
 import '../actions/configs/defaults.mjs';
 import '../displayText/context.mjs';
 import '../filePreview/context.mjs';

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

@@ -0,0 +1,17 @@
+import { useControlsContext } from '../context.mjs';
+
+const useActionConfirmationModal = () => {
+    const { data: { confirmationModal = {} }, onConfirmationModalConfirm = () => { }, onConfirmationModalCancel = () => { }, } = useControlsContext();
+    return {
+        isOpen: false,
+        title: 'Confirm Action',
+        message: '',
+        confirmLabel: 'Confirm',
+        cancelLabel: 'Cancel',
+        ...confirmationModal,
+        onConfirm: onConfirmationModalConfirm,
+        onCancel: onConfirmationModalCancel,
+    };
+};
+
+export { useActionConfirmationModal };

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

@@ -9,19 +9,24 @@ import '@aws-amplify/ui-react-core/elements';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
+import '../configuration/paginationContext.mjs';
 import '@aws-amplify/ui-react-core';
-import 'aws-amplify';
-import 'jszip';
-import 'aws-amplify/storage';
-import '../actions/configs/context.mjs';
 import '../actions/configs/defaults.mjs';
 import '../views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import '../views/LocationActionView/DeleteView/DeleteView.mjs';
+import '../displayText/context.mjs';
+import '@aws-amplify/ui-react';
+import '../components/elements/definitions.mjs';
+import '../components/elements/IconElement.mjs';
+import 'aws-amplify';
+import 'jszip';
+import 'aws-amplify/storage';
 import '../views/LocationActionView/DownloadView/DownloadView.mjs';
 import '../views/context/actionViews.mjs';
 import '../views/LocationActionView/UploadView/UploadView.mjs';
 import '../fileItems/context.mjs';
 import '../views/LocationDetailView/LocationDetailView.mjs';
+import '../actions/configs/context.mjs';
 import '../filePreview/context.mjs';
 import '../views/LocationsView/LocationsView.mjs';
 

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

@@ -16,6 +16,7 @@ import { ComponentsProvider } from '../components/ComponentsProvider.mjs';
 import { componentsDefault } from '../components/defaults.mjs';
 import { createConfigurationProvider } from '../configuration/createConfigurationProvider.mjs';
 import '../configuration/context.mjs';
+import { PaginationConfigProvider } from '../configuration/paginationContext.mjs';
 import { DisplayTextProvider } from '../displayText/context.mjs';
 import { FileItemsProvider } from '../fileItems/context.mjs';
 import { defaultValidateFile } from '../fileItems/utils.mjs';
@@ -69,17 +70,18 @@ function createProvider({ actions, components, config, options, filePreview = {}
      * Provides state, configuration and action values that are shared between
      * the primary View components
      */
-    function Provider({ children, displayText, views, ...props }) {
+    function Provider({ children, displayText, views, pageSize, ...props }) {
         return (React__default.createElement(StoreProvider, { ...props },
             React__default.createElement(ConfigurationProvider, null,
-                React__default.createElement(ActionConfigsProvider, { actionConfigs: actionConfigs },
-                    React__default.createElement(ActionHandlersProvider, { handlers: handlers },
-                        React__default.createElement(DisplayTextProvider, { displayText: displayText },
-                            React__default.createElement(ViewsProvider, { actions: resolvedActions, views: views },
-                                React__default.createElement(ComponentsProvider, { composables: composables },
-                                    React__default.createElement(LocationItemsProvider, null,
-                                        React__default.createElement(FileItemsProvider, { validateFile: validateFile },
-                                            React__default.createElement(FilePreviewProvider, { filePreview: filePreview }, children)))))))))));
+                React__default.createElement(PaginationConfigProvider, { pageSize: pageSize },
+                    React__default.createElement(ActionConfigsProvider, { actionConfigs: actionConfigs },
+                        React__default.createElement(ActionHandlersProvider, { handlers: handlers },
+                            React__default.createElement(DisplayTextProvider, { displayText: displayText },
+                                React__default.createElement(ViewsProvider, { actions: resolvedActions, views: views },
+                                    React__default.createElement(ComponentsProvider, { composables: composables },
+                                        React__default.createElement(LocationItemsProvider, null,
+                                            React__default.createElement(FileItemsProvider, { validateFile: validateFile },
+                                                React__default.createElement(FilePreviewProvider, { filePreview: filePreview }, children))))))))))));
     }
     return Provider;
 }

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

@@ -9,12 +9,9 @@ import '@aws-amplify/ui-react-core/elements';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
-import 'aws-amplify';
-import 'jszip';
-import 'aws-amplify/storage';
-import { assertRegisterAuthListener } from '../validators/assertRegisterAuthListener.mjs';
-import '../actions/configs/context.mjs';
+import '../configuration/paginationContext.mjs';
 import '../actions/configs/defaults.mjs';
+import { assertRegisterAuthListener } from '../validators/assertRegisterAuthListener.mjs';
 import '../views/context/actionViews.mjs';
 import '../views/context/primaryViews.mjs';
 import { CopyView } from '../views/LocationActionView/CopyView/CopyView.mjs';
@@ -22,11 +19,19 @@ import '../locationItems/context.mjs';
 import '../store/context.mjs';
 import { CreateFolderView } from '../views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import { DeleteView } from '../views/LocationActionView/DeleteView/DeleteView.mjs';
+import '../displayText/context.mjs';
+import '@aws-amplify/ui-react';
+import '../components/elements/definitions.mjs';
+import '../components/elements/IconElement.mjs';
+import 'aws-amplify';
+import 'jszip';
+import 'aws-amplify/storage';
 import { DownloadView } from '../views/LocationActionView/DownloadView/DownloadView.mjs';
 import { LocationActionView } from '../views/LocationActionView/LocationActionView.mjs';
 import { UploadView } from '../views/LocationActionView/UploadView/UploadView.mjs';
 import '../fileItems/context.mjs';
 import { LocationDetailView } from '../views/LocationDetailView/LocationDetailView.mjs';
+import '../actions/configs/context.mjs';
 import '../filePreview/context.mjs';
 import { LocationsView } from '../views/LocationsView/LocationsView.mjs';
 import { useView } from '../views/useView.mjs';

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

@@ -1,20 +1,132 @@
 import { DEFAULT_ACTION_VIEW_DISPLAY_TEXT } from './shared.mjs';
 
+const pluralize = (count, word) => count === 1 ? word : `${word}s`;
+const formatCount = (count, word) => `${count === 1 ? '' : 'All '}${count} ${pluralize(count, word)}`;
 const DEFAULT_DELETE_VIEW_DISPLAY_TEXT = {
     ...DEFAULT_ACTION_VIEW_DISPLAY_TEXT,
     title: 'Delete',
     actionStartLabel: 'Delete',
+    confirmationModalTitle: 'Confirm Deletion',
+    confirmationModalConfirmLabel: 'Delete',
+    confirmationModalCancelLabel: 'Cancel',
+    confirmationModalMessage: 'The items that will be deleted contain {count} folder{plural}',
+    confirmationModalFolderListTitle: 'Folder list:',
     getActionCompleteMessage: (data) => {
-        const { counts } = data ?? {};
-        const { COMPLETE, FAILED, TOTAL } = counts ?? {};
+        const { counts, tasks } = data ?? {};
+        const { COMPLETE = 0, FAILED = 0, TOTAL = 0 } = counts ?? {};
+        if (!TOTAL || TOTAL === 0) {
+            return { content: 'No items to delete.', type: 'info' };
+        }
+        if (tasks && tasks.length > 0) {
+            const folderTasks = tasks.filter((task) => task.data.type === 'FOLDER');
+            const fileTasks = tasks.filter((task) => task.data.type === 'FILE');
+            const completeFolders = folderTasks.filter((task) => task.status === 'COMPLETE').length;
+            const failedFolders = folderTasks.filter((task) => task.status === 'FAILED').length;
+            const completeFiles = fileTasks.filter((task) => task.status === 'COMPLETE').length;
+            const failedFiles = fileTasks.filter((task) => task.status === 'FAILED').length;
+            const hasFolders = folderTasks.length > 0;
+            const hasFiles = fileTasks.length > 0;
+            const isMixed = hasFolders && hasFiles;
+            // All successful
+            if (COMPLETE === TOTAL) {
+                if (isMixed) {
+                    return {
+                        content: `${formatCount(completeFolders, 'folder')} and ${completeFiles} ${pluralize(completeFiles, 'file')} deleted successfully.`,
+                        type: 'success',
+                    };
+                }
+                else if (hasFolders) {
+                    return {
+                        content: `${formatCount(completeFolders, 'folder')} deleted successfully.`,
+                        type: 'success',
+                    };
+                }
+                else {
+                    return {
+                        content: `${formatCount(completeFiles, 'file')} deleted successfully.`,
+                        type: 'success',
+                    };
+                }
+            }
+            // Complete failure
+            if (FAILED === TOTAL) {
+                if (isMixed) {
+                    return {
+                        content: `Failed to delete ${failedFolders} ${pluralize(failedFolders, 'folder')} and ${failedFiles} ${pluralize(failedFiles, 'file')}. Some contents may have been deleted.`,
+                        type: 'error',
+                    };
+                }
+                else if (hasFolders) {
+                    return {
+                        content: `Failed to delete ${failedFolders} ${pluralize(failedFolders, 'folder')}. Some items may have been deleted.`,
+                        type: 'error',
+                    };
+                }
+                else {
+                    return {
+                        content: `Failed to delete ${failedFiles} ${pluralize(failedFiles, 'file')}.`,
+                        type: 'error',
+                    };
+                }
+            }
+            // Partial failure
+            if (isMixed) {
+                const messages = [];
+                if (completeFiles > 0) {
+                    messages.push(`${completeFiles} ${pluralize(completeFiles, 'file')} deleted`);
+                }
+                if (completeFolders > 0) {
+                    messages.push(`${completeFolders} ${pluralize(completeFolders, 'folder')} deleted`);
+                }
+                if (failedFiles > 0) {
+                    messages.push(`${failedFiles} ${pluralize(failedFiles, 'file')} failed`);
+                }
+                if (failedFolders > 0) {
+                    messages.push(`${failedFolders} ${pluralize(failedFolders, 'folder')} failed`);
+                }
+                return {
+                    content: messages.join(', ') + '. Some items may have been deleted.',
+                    type: 'error',
+                };
+            }
+            else if (hasFolders) {
+                // Folders only partial failure
+                if (completeFolders > 0) {
+                    return {
+                        content: `${completeFolders} ${pluralize(completeFolders, 'folder')} deleted, ${failedFolders} ${pluralize(failedFolders, 'folder')} failed. Some items may have been deleted.`,
+                        type: 'error',
+                    };
+                }
+                else {
+                    return {
+                        content: `Failed to delete ${failedFolders} ${pluralize(failedFolders, 'folder')}. Some items may have been deleted.`,
+                        type: 'error',
+                    };
+                }
+            }
+            else {
+                // Files only partial failure
+                return {
+                    content: `${completeFiles} ${pluralize(completeFiles, 'file')} deleted, ${failedFiles} ${pluralize(failedFiles, 'file')} failed.`,
+                    type: 'error',
+                };
+            }
+        }
+        // Fallback to generic messaging if tasks not available
         if (COMPLETE === TOTAL) {
-            return { content: 'All files deleted.', type: 'success' };
+            return {
+                content: `${formatCount(TOTAL, 'item')} deleted successfully.`,
+                type: 'success',
+            };
         }
         if (FAILED === TOTAL) {
-            return { content: 'All files failed to delete.', type: 'error' };
+            return {
+                content: `Failed to delete ${formatCount(TOTAL, 'item')}.`,
+                type: 'error',
+            };
         }
         return {
-            content: `${COMPLETE} files deleted, ${FAILED} files failed to delete.`,
+            content: `${COMPLETE} ${pluralize(COMPLETE, 'item')} deleted, ${FAILED} ${pluralize(FAILED, 'item')} failed to delete.`,
             type: 'error',
         };
     },

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

@@ -69,6 +69,7 @@ const DEFAULT_LOCATION_DETAIL_VIEW_DISPLAY_TEXT = {
     tableColumnSizeHeader: 'Size',
     tableColumnTypeHeader: 'Type',
     selectFileLabel: 'Select file',
+    selectFolderLabel: 'Select folder',
     selectAllFilesLabel: 'Select all files',
     getActionListItemLabel: (key = '') => {
         switch (key) {

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

@@ -17,6 +17,7 @@ const DEFAULT_ACTION_VIEW_DISPLAY_TEXT = {
     tableColumnNameHeader: 'Name',
     tableColumnTypeHeader: 'Type',
     tableColumnSizeHeader: 'Size',
+    tableColumnProgressHeader: 'Progress',
 };
 const DEFAULT_LIST_VIEW_DISPLAY_TEXT = {
     loadingIndicatorLabel: 'Loading',

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

@@ -9,6 +9,7 @@ import '../actions/configs/context.mjs';
 import '../actions/configs/defaults.mjs';
 
 const DEFAULT_STATE = {
+    dataItems: undefined,
     fileDataItems: undefined,
 };
 const locationItemsReducer = (prevState, event) => {
@@ -17,27 +18,29 @@ const locationItemsReducer = (prevState, event) => {
             const { items } = event;
             if (!items?.length)
                 return prevState;
-            if (!prevState.fileDataItems?.length) {
-                return { fileDataItems: items.map(createFileDataItem) };
-            }
-            const nextFileDataItems = items?.reduce((fileDataItems, data) => prevState.fileDataItems?.some(({ id }) => id === data.id)
-                ? fileDataItems
-                : fileDataItems.concat(createFileDataItem(data)), []);
-            if (!nextFileDataItems?.length)
-                return prevState;
+            const nextDataItems = !prevState.dataItems?.length
+                ? items
+                : prevState.dataItems.concat(items.filter((data) => !prevState.dataItems?.some(({ id }) => id === data.id)));
+            const fileItems = items.filter((item) => item.type === 'FILE');
+            const nextFileDataItems = !prevState.fileDataItems?.length
+                ? fileItems.map(createFileDataItem)
+                : prevState.fileDataItems.concat(fileItems
+                    .filter((data) => !prevState.fileDataItems?.some(({ id }) => id === data.id))
+                    .map(createFileDataItem));
             return {
-                fileDataItems: prevState.fileDataItems.concat(nextFileDataItems),
+                dataItems: nextDataItems,
+                fileDataItems: nextFileDataItems,
             };
         }
         case 'REMOVE_LOCATION_ITEM': {
             const { id } = event;
-            if (!prevState.fileDataItems)
-                return prevState;
-            const fileDataItems = prevState.fileDataItems.filter((item) => item.id !== id);
-            if (fileDataItems.length === prevState.fileDataItems.length) {
+            const dataItems = prevState.dataItems?.filter((item) => item.id !== id);
+            const fileDataItems = prevState.fileDataItems?.filter((item) => item.id !== id);
+            if (dataItems?.length === prevState.dataItems?.length &&
+                fileDataItems?.length === prevState.fileDataItems?.length) {
                 return prevState;
             }
-            return { fileDataItems };
+            return { dataItems, fileDataItems };
         }
         case 'RESET_LOCATION_ITEMS': {
             return DEFAULT_STATE;

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

@@ -0,0 +1,38 @@
+/**
+ * Selection utility functions for LocationItems
+ */
+/**
+ * Get selected files from dataItems
+ */
+const getSelectedFiles = (dataItems) => {
+    return dataItems?.filter((item) => item.type === 'FILE') ?? [];
+};
+/**
+ * Get selected folders from dataItems
+ */
+const getSelectedFolders = (dataItems) => {
+    return dataItems?.filter((item) => item.type === 'FOLDER') ?? [];
+};
+/**
+ * Check if selection contains folders
+ */
+const hasSelectedFolders = (dataItems) => {
+    return dataItems?.some((item) => item.type === 'FOLDER') ?? false;
+};
+/**
+ * Get selection summary
+ */
+const getSelectionSummary = (dataItems) => {
+    const files = getSelectedFiles(dataItems);
+    const folders = getSelectedFolders(dataItems);
+    return {
+        total: dataItems?.length ?? 0,
+        files: files.length,
+        folders: folders.length,
+        hasFiles: files.length > 0,
+        hasFolders: folders.length > 0,
+        isMixed: files.length > 0 && folders.length > 0,
+    };
+};
+
+export { getSelectedFiles, getSelectedFolders, getSelectionSummary, hasSelectedFolders };

package/dist/esm/components/StorageBrowser/store/validateStoreProps.mjs

@@ -12,7 +12,7 @@ const DEPRECATED_PROP_KEYS = ['actionType', 'location', 'path'];
 const template = (key, index, values) => `\`${key}\`${index < values.length - 1 ? ', ' : ''}`;
 const getMissingLocationKeys = (location) => location === null
     ? []
-    : REQUIRED_LOCATION_KEYS.filter((key) => !location[key]);
+    : REQUIRED_LOCATION_KEYS.filter((key) => location[key] === undefined || location[key] === null);
 let didWarnConflictingBehavior = false;
 let didWarnDeprecatedAndConflictingProps = false;
 let didWarnDeprecatedProps = false;