@aws-amplify/ui-react-storage 3.14.0 → 3.16.0

package/dist/esm/browser.mjs

@@ -2,6 +2,7 @@ import '@aws-amplify/storage/internals';
 import 'aws-amplify';
 import '@aws-amplify/ui';
 export { defaultHandlers } from './components/StorageBrowser/actions/handlers/defaults.mjs';
+import 'jszip';
 import 'aws-amplify/storage';
 import './components/StorageBrowser/actions/configs/context.mjs';
 export { defaultActionConfigs } from './components/StorageBrowser/actions/configs/defaults.mjs';

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

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

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

@@ -3,6 +3,7 @@ import { createAmplifyAuthAdapter } from './adapters/createAmplifyAuthAdapter/cr
 import '@aws-amplify/storage/internals';
 import 'aws-amplify';
 import '@aws-amplify/ui';
+import 'jszip';
 import 'aws-amplify/storage';
 import './actions/configs/context.mjs';
 import './actions/configs/defaults.mjs';

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

@@ -1,13 +1,18 @@
+import { hasSelectedFolders } from '../../locationItems/utils.mjs';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify';
 import '@aws-amplify/ui';
 import { defaultHandlers } from '../handlers/defaults.mjs';
+import 'jszip';
 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',
@@ -17,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',
@@ -45,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/defaults.mjs

@@ -1,7 +1,7 @@
 import { copyHandler } from './copy.mjs';
 import { createFolderHandler } from './createFolder.mjs';
 import { deleteHandler } from './delete.mjs';
-import { downloadHandler } from './download.mjs';
+import { zipDownloadHandler as downloadHandler } from './zipdownload.mjs';
 import { listLocationItemsHandler } from './listLocationItems.mjs';
 import { uploadHandler } from './upload.mjs';
 

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/actions/handlers/listLocations.mjs

@@ -1,7 +1,7 @@
 import { listCallerAccessGrants } from '@aws-amplify/storage/internals';
 import { assertAccountId } from '../../validators/assertAccountId.mjs';
 import '@aws-amplify/ui';
-import { getFilteredLocations } from './utils.mjs';
+import { deduplicateLocations, getFilteredLocations } from './utils.mjs';
 
 const DEFAULT_PAGE_SIZE = 1000;
 const listLocationsHandler = async (input) => {
@@ -26,7 +26,12 @@ const listLocationsHandler = async (input) => {
         }
         return { items, nextToken: output.nextToken };
     };
-    return fetchLocations([], nextToken);
+    const result = await fetchLocations([], nextToken);
+    // Deduplicate locations with the same bucket and prefix, keeping broader permissions
+    return {
+        items: deduplicateLocations(result.items),
+        nextToken: result.nextToken,
+    };
 };
 
 export { listLocationsHandler };

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

@@ -88,6 +88,70 @@ const shouldExcludeLocation = ({ permissions, type }, exclude) => {
     const excludedByType = !!(exclude?.type && isSameType(exclude.type, type));
     return excludedByPermssions || excludedByType;
 };
+/**
+ * Determines if permissions1 is a strict superset (broader) of permissions2.
+ * Returns true only if permissions1 contains all permissions from permissions2
+ * AND has more permissions.
+ */
+const hasBroaderPermissions = (permissions1, permissions2) => {
+    // permissions1 must have more permissions (strict superset, not equal)
+    if (permissions1.length <= permissions2.length) {
+        return false;
+    }
+    // permissions1 must contain all permissions from permissions2
+    return permissions2.every((perm) => permissions1.includes(perm));
+};
+/**
+ * Deduplicates locations with the same bucket and prefix.
+ * Only deduplicates when one location's permissions are a superset of another's.
+ * This prevents deduplication of incompatible grants like READ + WRITE.
+ *
+ * Examples:
+ * - READ + READWRITE → Keep READWRITE (superset)
+ * - READ + READ → Keep first (identical)
+ * - READ + WRITE → Keep both (not superset, need separate locations)
+ */
+const deduplicateLocations = (locations) => {
+    // Group locations by bucket:prefix
+    const locationGroups = new Map();
+    for (const location of locations) {
+        const key = `${location.bucket}:${location.prefix}`;
+        const group = locationGroups.get(key) ?? [];
+        group.push(location);
+        locationGroups.set(key, group);
+    }
+    // For each group, keep only non-redundant locations
+    const result = [];
+    for (const group of locationGroups.values()) {
+        if (group.length === 1) {
+            result.push(group[0]);
+            continue;
+        }
+        // Find locations that are not subsets of any other location in the group
+        const nonRedundant = [];
+        for (const location of group) {
+            // Check if this location is a subset of any other location
+            const isSubsetOfAnother = group.some((other) => {
+                if (other === location)
+                    return false;
+                return hasBroaderPermissions(other.permissions, location.permissions);
+            });
+            if (!isSubsetOfAnother) {
+                // Check if we already have an identical permission set
+                const isDuplicate = nonRedundant.some((existing) => {
+                    const sortedNew = [...location.permissions].sort().join(',');
+                    const sortedExisting = [...existing.permissions].sort().join(',');
+                    return sortedNew === sortedExisting;
+                });
+                if (!isDuplicate) {
+                    nonRedundant.push(location);
+                }
+            }
+        }
+        result.push(...nonRedundant);
+    }
+    return result;
+};
 const getFilteredLocations = (locations, exclude) => locations.reduce((filteredLocations, location) => {
     const parsedLocation = parseAccessGrantLocation(location);
     const isNonFolderLikePrefix = !parsedLocation.prefix.endsWith('/') &&
@@ -108,4 +172,4 @@ const createFileDataItem = (data) => ({
 const getProgress = ({ totalBytes, transferredBytes, }) => totalBytes ? transferredBytes / totalBytes : undefined;
 const isMultipartUpload = (file) => file.size > MULTIPART_UPLOAD_THRESHOLD_BYTES;
 
-export { constructBucket, createFileDataItem, getBucketRegion, getFileKey, getFilteredLocations, getProgress, isMultipartUpload, parseAccessGrantLocation, shouldExcludeLocation };
+export { constructBucket, createFileDataItem, deduplicateLocations, getBucketRegion, getFileKey, getFilteredLocations, getProgress, isMultipartUpload, parseAccessGrantLocation, shouldExcludeLocation };

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

@@ -0,0 +1,195 @@
+import { getUrl } from '@aws-amplify/storage/internals';
+import { isFunction } from '@aws-amplify/ui';
+import { getProgress } from './utils.mjs';
+import JSZip from 'jszip';
+
+const zipProgressManager = ({ dataMap, onZipProgress, }) => {
+    const iter = (() => {
+        let f;
+        let i = 0;
+        return (str) => {
+            if (!f) {
+                f = str;
+            }
+            else if (str !== f) {
+                ++i;
+                f = str;
+            }
+            return i;
+        };
+    })();
+    const progressMap = new Map(Array.from(dataMap.keys()).map((k) => [k, 0]));
+    const total = dataMap.size;
+    dataMap.forEach((data, key) => {
+        onZipProgress(key, 0, data);
+    });
+    return ({ percent, currentFile, }) => {
+        if (currentFile) {
+            const item = iter(currentFile);
+            const sliceSize = 100 / total; // when 3 this is 33.3%
+            const start = sliceSize * item; // this is 66.6% for last item of 3;
+            // take percent and calculate the percent of the slice
+            const progress = percent - start;
+            const actualPercent = (progress / sliceSize) * 100;
+            progressMap.set(currentFile, Math.max(actualPercent, progressMap.get(currentFile) ?? 0));
+            onZipProgress(currentFile, progressMap.get(currentFile), dataMap.get(currentFile));
+        }
+    };
+};
+const zipper = (() => {
+    let zip = null;
+    const dataMap = new Map();
+    return {
+        addFile: (file, name, data) => {
+            if (!zip) {
+                zip = new JSZip();
+            }
+            dataMap.set(name, data);
+            return new Promise((ok, no) => {
+                try {
+                    zip?.file(name, file);
+                    ok();
+                }
+                catch (e) {
+                    no();
+                }
+            });
+        },
+        getBlobUrl: async (onProgress) => {
+            if (!zip) {
+                throw new Error('no zip');
+            }
+            const blob = await zip.generateAsync({
+                type: 'blob',
+                streamFiles: true,
+                compression: 'DEFLATE',
+                compressionOptions: {
+                    level: 5,
+                },
+            }, zipProgressManager({
+                dataMap,
+                onZipProgress: (file, progress, data) => {
+                    if (isFunction(onProgress)) {
+                        onProgress(progress, file, data);
+                    }
+                },
+            }));
+            zip = null;
+            return URL.createObjectURL(blob);
+        },
+        destroy: () => {
+            dataMap.clear();
+            zip = null;
+        },
+    };
+})();
+const constructBucket = ({ bucket: bucketName, region, }) => ({ bucketName, region });
+const readBody = async (response, { data, options }) => {
+    let loading = true;
+    const chunks = [];
+    const reader = response.body.getReader();
+    const size = +(response.headers.get('content-length') ?? 0);
+    let received = 0;
+    while (loading) {
+        const { value, done } = await reader.read();
+        if (done) {
+            loading = false;
+        }
+        else {
+            chunks.push(value);
+            received += value.length;
+            if (isFunction(options?.onProgress)) {
+                options?.onProgress(data, getProgress({
+                    totalBytes: size,
+                    transferredBytes: received,
+                }), 'PENDING');
+            }
+        }
+    }
+    return new Blob(chunks);
+};
+const download = async ({ config, data, all, options }, abortController) => {
+    const { customEndpoint, credentials, accountId } = config;
+    const { key } = data;
+    const { url } = await getUrl({
+        path: key,
+        options: {
+            bucket: constructBucket(config),
+            customEndpoint,
+            locationCredentialsProvider: credentials,
+            validateObjectExistence: true,
+            contentDisposition: 'attachment',
+            expectedBucketOwner: accountId,
+        },
+    });
+    const response = await fetch(url, {
+        mode: 'cors',
+        signal: abortController.signal,
+    });
+    const blob = await readBody(response, { data, options });
+    const [filename] = key.split('/').reverse();
+    await zipper.addFile(blob, filename, data);
+    return filename;
+};
+const downloadHandler = (() => {
+    const fileDownloadQueue = new Map();
+    const handler = ({ config, data, all, options }) => {
+        const { key } = data;
+        const [, folder] = key.split('/').reverse();
+        fileDownloadQueue.set(key, false);
+        const abortController = new AbortController();
+        return {
+            cancel: () => {
+                abortController.abort();
+                fileDownloadQueue.set(key, true);
+            },
+            result: download({ config, data, all, options }, abortController)
+                .then(() => {
+                fileDownloadQueue.set(key, true);
+                return {
+                    status: 'LOADED',
+                };
+            })
+                .catch((e) => {
+                const error = e;
+                fileDownloadQueue.set(key, true);
+                return {
+                    status: 'FAILED',
+                    message: error.message,
+                    error,
+                };
+            })
+                .finally(() => {
+                const done = all.every(({ key }) => {
+                    return fileDownloadQueue.get(key);
+                });
+                if (done) {
+                    zipper
+                        .getBlobUrl((percent, name, _data) => {
+                        if (isFunction(options?.onProgress)) {
+                            const progress = percent / 100;
+                            options?.onProgress(_data, progress, progress === 1 ? 'COMPLETE' : 'FINISHING');
+                        }
+                    })
+                        .then((blobURL) => {
+                        if (blobURL) {
+                            zipper.destroy();
+                            const anchor = document.createElement('a');
+                            const clickEvent = new MouseEvent('click');
+                            anchor.href = blobURL;
+                            anchor.download = `${folder || 'archive'}.zip`;
+                            anchor.dispatchEvent(clickEvent);
+                        }
+                    })
+                        .catch(() => {
+                        // this catch happens, when no zip was created.
+                        // it is handled by the UI showing "FAILED" for all files
+                    });
+                }
+            }),
+        };
+    };
+    return handler;
+})();
+
+export { downloadHandler as zipDownloadHandler };

package/dist/esm/components/StorageBrowser/adapters/createAmplifyAuthAdapter/createAmplifyListLocationsHandler.mjs

@@ -1,4 +1,5 @@
 import { listPaths } from '@aws-amplify/storage/internals';
+import { deduplicateLocations } from '../../actions/handlers/utils.mjs';
 import { parseAmplifyAuthPermission } from '../permissionParsers.mjs';
 import { getPaginatedLocations } from './getPaginatedLocations.mjs';
 
@@ -24,7 +25,8 @@ const createAmplifyListLocationsHandler = () => {
                 id: crypto.randomUUID(),
             };
         });
-        cachedItems = sanitizedItems;
+        // Deduplicate locations with the same bucket and prefix, keeping broader permissions
+        cachedItems = deduplicateLocations(sanitizedItems);
         return getPaginatedLocations({
             items: cachedItems,
             pageSize,

package/dist/esm/components/StorageBrowser/adapters/createManagedAuthAdapter/createManagedAuthAdapter.mjs

@@ -2,6 +2,7 @@ import { createLocationCredentialsHandler } from './createLocationCredentialsHan
 import '@aws-amplify/storage/internals';
 import 'aws-amplify';
 import '@aws-amplify/ui';
+import 'jszip';
 import 'aws-amplify/storage';
 import { listLocationsHandler } from '../../actions/handlers/listLocations.mjs';
 import '../../actions/configs/context.mjs';

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

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

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

@@ -12,9 +12,6 @@ import '../../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../../configuration/context.mjs';
 import '@aws-amplify/ui';
-import 'aws-amplify';
-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/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,9 +11,6 @@ import '@aws-amplify/ui-react-core/elements';
 import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
-import 'aws-amplify';
-import 'aws-amplify/storage';
-import '../actions/configs/context.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

@@ -10,17 +10,22 @@ import '../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../configuration/context.mjs';
 import '@aws-amplify/ui-react-core';
-import 'aws-amplify';
-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

@@ -2,6 +2,7 @@ import React__default from 'react';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify';
 import '@aws-amplify/ui';
+import 'jszip';
 import 'aws-amplify/storage';
 import { ActionConfigsProvider } from '../actions/configs/context.mjs';
 import { defaultActionConfigs } from '../actions/configs/defaults.mjs';