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

package/dist/browser.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var internals = require('@aws-amplify/storage/internals');
 require('aws-amplify');
 require('@aws-amplify/ui');
-var createStorageBrowser = require('./createStorageBrowser-De4hcP-u.js');
-require('jszip');
+var createStorageBrowser = require('./createStorageBrowser-CtfBkr62.js');
+require('@zip.js/zip.js');
 require('aws-amplify/storage');
 require('react');
 require('@aws-amplify/ui-react');

package/dist/{createStorageBrowser-De4hcP-u.js → createStorageBrowser-CtfBkr62.js}

@@ -10,11 +10,9 @@ var uiReact = require('@aws-amplify/ui-react');
 var elements = require('@aws-amplify/ui-react-core/elements');
 var internal = require('@aws-amplify/ui-react/internal');
 var uiReactCore = require('@aws-amplify/ui-react-core');
-var JSZip = require('jszip');
+var zip_js = require('@zip.js/zip.js');
 var storage = require('aws-amplify/storage');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -34,9 +32,8 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var JSZip__default = /*#__PURE__*/_interopDefault(JSZip);
 
-const VERSION = '3.17.0';
+const VERSION = '3.17.2';
 
 const DEFAULT_CHECKSUM_ALGORITHM = 'crc-32';
 // 5MiB for multipart upload
@@ -56,7 +53,7 @@ const getBucketRegion = (bucketName, fallbackRegion) => {
         }
         return fallbackRegion;
     }
-    catch (error) {
+    catch {
         return fallbackRegion;
     }
 };
@@ -261,7 +258,7 @@ const getPaginatedLocations = ({ items, pageSize, nextToken, }) => {
             if (Number(nextToken) > items.length) {
                 return { items: [], nextToken: undefined };
             }
-            const start = -nextToken;
+            const start = parseInt(nextToken, 10) * -1;
             const end = start + pageSize < 0 ? start + pageSize : undefined;
             return {
                 items: items.slice(start, end),
@@ -476,83 +473,73 @@ const deleteHandler = ({ config, data, options, }) => {
     return { result, cancel };
 };
 
-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);
+function downloadFromUrl(fileName, url) {
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = fileName;
+    a.target = '_blank';
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+}
+const downloadHandler$1 = ({ config, data }) => {
+    const { accountId, credentials, customEndpoint } = config;
+    const { key } = data;
+    const result = internals.getUrl({
+        path: key,
+        options: {
+            bucket: constructBucket$1(config),
+            customEndpoint,
+            locationCredentialsProvider: credentials,
+            validateObjectExistence: true,
+            contentDisposition: 'attachment',
+            expectedBucketOwner: accountId,
+        },
+    })
+        .then(({ url }) => {
+        downloadFromUrl(key, url.toString());
+        return { status: 'COMPLETE', value: { url } };
+    })
+        .catch((error) => {
+        const { message } = error;
+        return { error, message, status: 'FAILED' };
     });
-    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));
-        }
-    };
+    return { result };
 };
+
 const zipper = (() => {
-    let zip = null;
-    const dataMap = new Map();
+    let blobWriter = null;
+    let zipWriter = null;
     return {
-        addFile: (file, name, data) => {
-            if (!zip) {
-                zip = new JSZip__default["default"]();
+        addFile: async (file, name, options) => {
+            const { data, signal, onProgress } = options ?? {};
+            if (!blobWriter) {
+                blobWriter = new zip_js.BlobWriter('application/zip');
+                zipWriter = new zip_js.ZipWriter(blobWriter);
             }
-            dataMap.set(name, data);
-            return new Promise((ok, no) => {
-                try {
-                    zip?.file(name, file);
-                    ok();
-                }
-                catch (e) {
-                    no();
-                }
+            await zipWriter.add(name, new zip_js.BlobReader(file), {
+                level: 0,
+                signal,
+                onprogress: (progress, total) => {
+                    if (ui.isFunction(onProgress) && data) {
+                        onProgress(progress / total, name, data);
+                    }
+                    return undefined;
+                },
             });
         },
-        getBlobUrl: async (onProgress) => {
-            if (!zip) {
+        getBlobUrl: async () => {
+            if (!zipWriter) {
                 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 (ui.isFunction(onProgress)) {
-                        onProgress(progress, file, data);
-                    }
-                },
-            }));
-            zip = null;
+            const blob = await zipWriter.close();
+            zipWriter = null;
+            blobWriter = null;
             return URL.createObjectURL(blob);
         },
         destroy: () => {
-            dataMap.clear();
-            zip = null;
+            zipWriter = null;
+            blobWriter = null;
         },
     };
 })();
@@ -601,7 +588,15 @@ const download = async ({ config, data, all, options }, abortController) => {
     });
     const blob = await readBody(response, { data, options });
     const [filename] = key.split('/').reverse();
-    await zipper.addFile(blob, filename, data);
+    await zipper.addFile(blob, filename, {
+        data,
+        signal: abortController.signal,
+        onProgress: (progress, _name, _data) => {
+            if (ui.isFunction(options?.onProgress)) {
+                options?.onProgress(_data, progress, progress === 1 ? 'COMPLETE' : 'FINISHING');
+            }
+        },
+    });
     return filename;
 };
 const downloadHandler = (() => {
@@ -620,7 +615,7 @@ const downloadHandler = (() => {
                 .then(() => {
                 fileDownloadQueue.set(key, true);
                 return {
-                    status: 'LOADED',
+                    status: 'COMPLETE',
                 };
             })
                 .catch((e) => {
@@ -638,12 +633,7 @@ const downloadHandler = (() => {
                 });
                 if (done) {
                     zipper
-                        .getBlobUrl((percent, name, _data) => {
-                        if (ui.isFunction(options?.onProgress)) {
-                            const progress = percent / 100;
-                            options?.onProgress(_data, progress, progress === 1 ? 'COMPLETE' : 'FINISHING');
-                        }
-                    })
+                        .getBlobUrl()
                         .then((blobURL) => {
                         if (blobURL) {
                             zipper.destroy();
@@ -665,6 +655,8 @@ const downloadHandler = (() => {
     return handler;
 })();
 
+const composedDownloadHandler = (input) => input.all.length === 1 ? downloadHandler$1(input) : downloadHandler(input);
+
 const DEFAULT_PAGE_SIZE$2 = 1000;
 const parseItems = (items, excludedPath) => items
     // remove root `key` from results
@@ -786,7 +778,7 @@ const defaultHandlers = {
     copy: copyHandler,
     createFolder: createFolderHandler,
     delete: deleteHandler,
-    download: downloadHandler,
+    download: composedDownloadHandler,
     listLocationItems: listLocationItemsHandler,
     upload: uploadHandler,
 };
@@ -3097,7 +3089,7 @@ function determineFileType(options) {
                 return customResult;
             }
         }
-        catch (error) {
+        catch {
             //
         }
     }
@@ -3705,11 +3697,10 @@ const useActionCancel = () => {
 function useResolvedComposable(DefaultComposable, name) {
     const { composables } = useComposables();
     const Composable = React__namespace["default"].useMemo(() => {
-        const ResolvedComposable = (props) => {
+        function ResolvedComposable(props) {
             const Resolved = composables?.[name] ?? DefaultComposable;
             return React__namespace["default"].createElement(Resolved, { ...props });
-        };
-        ResolvedComposable.displayName = name;
+        }
         return ResolvedComposable;
     }, [composables, DefaultComposable, name]);
     return Composable;
@@ -4483,7 +4474,7 @@ const countFilesInFolder = async (folderKey, config) => {
         }
         return fileCount;
     }
-    catch (error) {
+    catch {
         return 0;
     }
 };
@@ -5720,7 +5711,7 @@ const useDeleteView = (options) => {
                     const totalCount = await countFilesInFolder(folder.key, config);
                     folderCountsRef.current.set(folder.id, totalCount);
                 }
-                catch (error) {
+                catch {
                     folderCountsRef.current.set(folder.id, null);
                 }
             }));
@@ -6298,7 +6289,7 @@ function resolveMaxFileSize(maxFileSize, fileType) {
                 return result;
             }
         }
-        catch (error) {
+        catch {
             //
         }
     }
@@ -6311,7 +6302,7 @@ async function safeGetProperties(params) {
     try {
         return await storage.getProperties(params);
     }
-    catch (error) {
+    catch {
         return {};
     }
 }
@@ -6382,7 +6373,7 @@ function useFilePreview({ activeFile, }) {
                 url: url.toString(),
             });
         }
-        catch (error) {
+        catch {
             setFilePreviewContent({
                 isLoading: false,
                 ok: false,

package/dist/esm/browser.mjs

@@ -2,7 +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 '@zip.js/zip.js';
 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/StorageBrowserAmplify.mjs

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

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

@@ -3,7 +3,7 @@ import '@aws-amplify/storage/internals';
 import 'aws-amplify';
 import '@aws-amplify/ui';
 import { defaultHandlers } from '../handlers/defaults.mjs';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 
 const copyActionConfig = {

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

@@ -0,0 +1,6 @@
+import { downloadHandler } from './download.mjs';
+import { zipDownloadHandler as downloadHandler$1 } from './zipdownload.mjs';
+
+const composedDownloadHandler = (input) => input.all.length === 1 ? downloadHandler(input) : downloadHandler$1(input);
+
+export { composedDownloadHandler };

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 { zipDownloadHandler as downloadHandler } from './zipdownload.mjs';
+import { composedDownloadHandler } from './composedDownloadHandler.mjs';
 import { listLocationItemsHandler } from './listLocationItems.mjs';
 import { uploadHandler } from './upload.mjs';
 
@@ -9,7 +9,7 @@ const defaultHandlers = {
     copy: copyHandler,
     createFolder: createFolderHandler,
     delete: deleteHandler,
-    download: downloadHandler,
+    download: composedDownloadHandler,
     listLocationItems: listLocationItemsHandler,
     upload: uploadHandler,
 };

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

@@ -0,0 +1,38 @@
+import { getUrl } from '@aws-amplify/storage/internals';
+import { constructBucket } from './utils.mjs';
+
+function downloadFromUrl(fileName, url) {
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = fileName;
+    a.target = '_blank';
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+}
+const downloadHandler = ({ config, data }) => {
+    const { accountId, credentials, customEndpoint } = config;
+    const { key } = data;
+    const result = getUrl({
+        path: key,
+        options: {
+            bucket: constructBucket(config),
+            customEndpoint,
+            locationCredentialsProvider: credentials,
+            validateObjectExistence: true,
+            contentDisposition: 'attachment',
+            expectedBucketOwner: accountId,
+        },
+    })
+        .then(({ url }) => {
+        downloadFromUrl(key, url.toString());
+        return { status: 'COMPLETE', value: { url } };
+    })
+        .catch((error) => {
+        const { message } = error;
+        return { error, message, status: 'FAILED' };
+    });
+    return { result };
+};
+
+export { downloadHandler };

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

@@ -14,7 +14,7 @@ const getBucketRegion = (bucketName, fallbackRegion) => {
         }
         return fallbackRegion;
     }
-    catch (error) {
+    catch {
         return fallbackRegion;
     }
 };

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

@@ -1,85 +1,41 @@
 import { getUrl } from '@aws-amplify/storage/internals';
 import { isFunction } from '@aws-amplify/ui';
 import { getProgress } from './utils.mjs';
-import JSZip from 'jszip';
+import { BlobWriter, ZipWriter, BlobReader } from '@zip.js/zip.js';
 
-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();
+    let blobWriter = null;
+    let zipWriter = null;
     return {
-        addFile: (file, name, data) => {
-            if (!zip) {
-                zip = new JSZip();
+        addFile: async (file, name, options) => {
+            const { data, signal, onProgress } = options ?? {};
+            if (!blobWriter) {
+                blobWriter = new BlobWriter('application/zip');
+                zipWriter = new ZipWriter(blobWriter);
             }
-            dataMap.set(name, data);
-            return new Promise((ok, no) => {
-                try {
-                    zip?.file(name, file);
-                    ok();
-                }
-                catch (e) {
-                    no();
-                }
+            await zipWriter.add(name, new BlobReader(file), {
+                level: 0,
+                signal,
+                onprogress: (progress, total) => {
+                    if (isFunction(onProgress) && data) {
+                        onProgress(progress / total, name, data);
+                    }
+                    return undefined;
+                },
             });
         },
-        getBlobUrl: async (onProgress) => {
-            if (!zip) {
+        getBlobUrl: async () => {
+            if (!zipWriter) {
                 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;
+            const blob = await zipWriter.close();
+            zipWriter = null;
+            blobWriter = null;
             return URL.createObjectURL(blob);
         },
         destroy: () => {
-            dataMap.clear();
-            zip = null;
+            zipWriter = null;
+            blobWriter = null;
         },
     };
 })();
@@ -128,7 +84,15 @@ const download = async ({ config, data, all, options }, abortController) => {
     });
     const blob = await readBody(response, { data, options });
     const [filename] = key.split('/').reverse();
-    await zipper.addFile(blob, filename, data);
+    await zipper.addFile(blob, filename, {
+        data,
+        signal: abortController.signal,
+        onProgress: (progress, _name, _data) => {
+            if (isFunction(options?.onProgress)) {
+                options?.onProgress(_data, progress, progress === 1 ? 'COMPLETE' : 'FINISHING');
+            }
+        },
+    });
     return filename;
 };
 const downloadHandler = (() => {
@@ -147,7 +111,7 @@ const downloadHandler = (() => {
                 .then(() => {
                 fileDownloadQueue.set(key, true);
                 return {
-                    status: 'LOADED',
+                    status: 'COMPLETE',
                 };
             })
                 .catch((e) => {
@@ -165,12 +129,7 @@ const downloadHandler = (() => {
                 });
                 if (done) {
                     zipper
-                        .getBlobUrl((percent, name, _data) => {
-                        if (isFunction(options?.onProgress)) {
-                            const progress = percent / 100;
-                            options?.onProgress(_data, progress, progress === 1 ? 'COMPLETE' : 'FINISHING');
-                        }
-                    })
+                        .getBlobUrl()
                         .then((blobURL) => {
                         if (blobURL) {
                             zipper.destroy();

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

@@ -4,7 +4,7 @@ const getPaginatedLocations = ({ items, pageSize, nextToken, }) => {
             if (Number(nextToken) > items.length) {
                 return { items: [], nextToken: undefined };
             }
-            const start = -nextToken;
+            const start = parseInt(nextToken, 10) * -1;
             const end = start + pageSize < 0 ? start + pageSize : undefined;
             return {
                 items: items.slice(start, end),

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

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

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

@@ -4,11 +4,10 @@ import { useComposables } from '../../components/composables/context.mjs';
 function useResolvedComposable(DefaultComposable, name) {
     const { composables } = useComposables();
     const Composable = React__default.useMemo(() => {
-        const ResolvedComposable = (props) => {
+        function ResolvedComposable(props) {
             const Resolved = composables?.[name] ?? DefaultComposable;
             return React__default.createElement(Resolved, { ...props });
-        };
-        ResolvedComposable.displayName = name;
+        }
         return ResolvedComposable;
     }, [composables, DefaultComposable, name]);
     return Composable;

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

@@ -19,7 +19,7 @@ import '@aws-amplify/ui-react';
 import '../components/elements/definitions.mjs';
 import '../components/elements/IconElement.mjs';
 import 'aws-amplify';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import '../views/LocationActionView/DownloadView/DownloadView.mjs';
 import '../views/context/actionViews.mjs';

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

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

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

@@ -24,7 +24,7 @@ import '@aws-amplify/ui-react';
 import '../components/elements/definitions.mjs';
 import '../components/elements/IconElement.mjs';
 import 'aws-amplify';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import { DownloadView } from '../views/LocationActionView/DownloadView/DownloadView.mjs';
 import { LocationActionView } from '../views/LocationActionView/LocationActionView.mjs';

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

@@ -3,7 +3,7 @@ import { createContextUtilities } from '@aws-amplify/ui-react-core';
 import { noop } from '@aws-amplify/ui';
 import '@aws-amplify/storage/internals';
 import { createFileDataItem } from '../actions/handlers/utils.mjs';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import '../actions/configs/context.mjs';
 import '../actions/configs/defaults.mjs';

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

@@ -19,7 +19,7 @@ import useResolveTableData from '../../hooks/useResolveTableData/useResolveTable
 import { COPY_TABLE_RESOLVERS } from '../../utils/tableResolvers/copyResolvers.mjs';
 import { FILE_DATA_ITEM_TABLE_KEYS } from '../../utils/tableResolvers/constants.mjs';
 import 'aws-amplify';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import { FoldersMessageProvider } from './FoldersMessageControl.mjs';

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

@@ -57,7 +57,7 @@ const useDeleteView = (options) => {
                     const totalCount = await countFilesInFolder(folder.key, config);
                     folderCountsRef.current.set(folder.id, totalCount);
                 }
-                catch (error) {
+                catch {
                     folderCountsRef.current.set(folder.id, null);
                 }
             }));

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

@@ -6,7 +6,7 @@ import '../../../components/elements/IconElement.mjs';
 import { list } from '@aws-amplify/storage/internals';
 import { constructBucket } from '../../../actions/handlers/utils.mjs';
 import '@aws-amplify/ui';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 
 const getFolderName = (folderKey) => {
@@ -79,7 +79,7 @@ const countFilesInFolder = async (folderKey, config) => {
         }
         return fileCount;
     }
-    catch (error) {
+    catch {
         return 0;
     }
 };

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

@@ -5,7 +5,7 @@ import useResolveTableData from '../../hooks/useResolveTableData/useResolveTable
 import '@aws-amplify/ui';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -2,7 +2,7 @@ import React__default from 'react';
 import '@aws-amplify/storage/internals';
 import { isMultipartUpload } from '../../../actions/handlers/utils.mjs';
 import '@aws-amplify/ui';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -1,7 +1,7 @@
 import '@aws-amplify/storage/internals';
 import { createFileDataItem } from '../../../actions/handlers/utils.mjs';
 import '@aws-amplify/ui';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -3,7 +3,7 @@ import { isUndefined, isFunction } from '@aws-amplify/ui';
 import { usePaginate } from '../hooks/usePaginate.mjs';
 import '@aws-amplify/storage/internals';
 import 'aws-amplify';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import { useActionConfigs } from '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';

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

@@ -2,7 +2,7 @@ import React__default from 'react';
 import '@aws-amplify/storage/internals';
 import { getFileKey } from '../../actions/handlers/utils.mjs';
 import '@aws-amplify/ui';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';

package/dist/esm/components/StorageBrowser/views/context/actionViews.mjs

@@ -20,7 +20,7 @@ import '@aws-amplify/ui-react';
 import '../../components/elements/definitions.mjs';
 import '../../components/elements/IconElement.mjs';
 import 'aws-amplify';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import { DownloadView } from '../LocationActionView/DownloadView/DownloadView.mjs';
 

package/dist/esm/components/StorageBrowser/views/context/primaryViews.mjs

@@ -18,7 +18,7 @@ import '@aws-amplify/ui-react';
 import '../../components/elements/definitions.mjs';
 import '../../components/elements/IconElement.mjs';
 import 'aws-amplify';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import '../LocationActionView/DownloadView/DownloadView.mjs';
 import { LocationActionView } from '../LocationActionView/LocationActionView.mjs';

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

@@ -8,7 +8,7 @@ import { safeGetProperties } from '../../utils/files/safeGetProperties.mjs';
 import { getUrl } from '@aws-amplify/storage/internals';
 import { constructBucket } from '../../../actions/handlers/utils.mjs';
 import '@aws-amplify/ui';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import { useStore } from '../../../store/context.mjs';
 
@@ -78,7 +78,7 @@ function useFilePreview({ activeFile, }) {
                 url: url.toString(),
             });
         }
-        catch (error) {
+        catch {
             setFilePreviewContent({
                 isLoading: false,
                 ok: false,

package/dist/esm/components/StorageBrowser/views/utils/files/fileSize.mjs

@@ -11,7 +11,7 @@ function resolveMaxFileSize(maxFileSize, fileType) {
                 return result;
             }
         }
-        catch (error) {
+        catch {
             //
         }
     }

package/dist/esm/components/StorageBrowser/views/utils/files/fileType.mjs

@@ -67,7 +67,7 @@ function determineFileType(options) {
                 return customResult;
             }
         }
-        catch (error) {
+        catch {
             //
         }
     }

package/dist/esm/components/StorageBrowser/views/utils/files/safeGetProperties.mjs

@@ -4,7 +4,7 @@ async function safeGetProperties(params) {
     try {
         return await getProperties(params);
     }
-    catch (error) {
+    catch {
         return {};
     }
 }

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

@@ -1,4 +1,4 @@
-import { noop, capitalize } from '@aws-amplify/ui';
+import { capitalize, noop } from '@aws-amplify/ui';
 import '../../../displayText/context.mjs';
 import { isCopyViewDisplayTextKey } from '../../../displayText/utils.mjs';
 import { STATUS_LABELS } from './constants.mjs';

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

@@ -5,7 +5,7 @@ import { STATUS_ICONS, STATUS_LABELS } from './constants.mjs';
 import { getFileSize, getFileType, getCellName } from './utils.mjs';
 import '@aws-amplify/storage/internals';
 import { getFileKey } from '../../../actions/handlers/utils.mjs';
-import 'jszip';
+import '@zip.js/zip.js';
 import 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.17.0';
+const VERSION = '3.17.2';
 
 export { VERSION };

package/dist/index.js

@@ -9,10 +9,10 @@ var uiReactCore = require('@aws-amplify/ui-react-core');
 var auth = require('aws-amplify/auth');
 var storage = require('aws-amplify/storage');
 var internal = require('@aws-amplify/ui-react/internal');
-var createStorageBrowser = require('./createStorageBrowser-De4hcP-u.js');
+var createStorageBrowser = require('./createStorageBrowser-CtfBkr62.js');
 require('@aws-amplify/storage/internals');
 require('aws-amplify');
-require('jszip');
+require('@zip.js/zip.js');
 require('aws-amplify/utils');
 require('@aws-amplify/ui-react-core/elements');
 

package/dist/styles.css

@@ -4891,11 +4891,14 @@ html[dir=rtl] .amplify-field-group__inner-start {
   overflow-y: auto;
   box-sizing: border-box;
   list-style: disc;
+  display: flex;
+  flex-direction: column;
+  gap: var(--amplify-space-xxs);
 }
 
 .amplify-modal__list-item.amplify-modal__list-item {
+  display: list-item;
   margin-bottom: var(--amplify-space-xxs);
-  box-sizing: border-box;
 }
 
 .amplify-pagination {

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

@@ -2,5 +2,5 @@ export type { ActionConfigsProviderProps } from './context';
 export { ActionConfigsProvider, useActionConfigs } from './context';
 export type { DefaultActionViewType } from './defaults';
 export { defaultActionConfigs, defaultActionViewConfigs, isDefaultActionViewType, } from './defaults';
-export * from './types';
+export type * from './types';
 export { getActionConfigs } from './utils';

package/dist/types/components/StorageBrowser/actions/handlers/composedDownloadHandler.d.ts

@@ -0,0 +1,2 @@
+import type { DownloadHandler } from './download';
+export declare const composedDownloadHandler: DownloadHandler;

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

@@ -8,4 +8,4 @@ export * from './listLocationItems';
 export * from './listLocations';
 export * from './upload';
 export * from './utils';
-export * from './types';
+export type * from './types';

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

@@ -1,3 +1,3 @@
 export { FileItemsContext, FileItemsProvider, useFileItems } from './context';
-export * from './types';
+export type * from './types';
 export { defaultValidateFile } from './utils';

package/dist/types/components/StorageBrowser/views/LocationActionView/CopyView/index.d.ts

@@ -1,3 +1,3 @@
 export { CopyView } from './CopyView';
 export { useCopyView } from './useCopyView';
-export * from './types';
+export type * from './types';

package/dist/types/components/StorageBrowser/views/LocationActionView/CreateFolderView/index.d.ts

@@ -1,3 +1,3 @@
 export { CreateFolderView } from './CreateFolderView';
 export { useCreateFolderView } from './useCreateFolderView';
-export * from './types';
+export type * from './types';

package/dist/types/components/StorageBrowser/views/LocationActionView/DeleteView/index.d.ts

@@ -1,3 +1,3 @@
 export { DeleteView } from './DeleteView';
 export { useDeleteView } from './useDeleteView';
-export * from './types';
+export type * from './types';

package/dist/types/components/StorageBrowser/views/LocationActionView/DownloadView/index.d.ts

@@ -1,3 +1,3 @@
 export { DownloadView } from './DownloadView';
 export { useDownloadView } from './useDownloadView';
-export * from './types';
+export type * from './types';

package/dist/types/components/StorageBrowser/views/LocationActionView/UploadView/index.d.ts

@@ -1,3 +1,3 @@
 export { UploadView } from './UploadView';
 export { useUploadView } from './useUploadView';
-export * from './types';
+export type * from './types';

package/dist/types/components/StorageBrowser/views/hooks/useFilePreview/index.d.ts

@@ -1,2 +1,2 @@
 export * from './useFilePreview';
-export * from './types';
+export type * from './types';

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

@@ -7,4 +7,4 @@ export type { LocationsViewProps, LocationsViewType } from './LocationsView';
 export { LocationsView } from './LocationsView';
 export type { UseView } from './useView';
 export { useView } from './useView';
-export * from './types';
+export type * from './types';

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.17.0";
+export declare const VERSION = "3.17.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.17.0",
+  "version": "3.17.2",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -46,11 +46,11 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.15.1",
-    "@aws-amplify/ui-react": "6.15.1",
-    "@aws-amplify/ui-react-core": "3.6.1",
+    "@aws-amplify/ui": "6.15.3",
+    "@aws-amplify/ui-react": "6.15.3",
+    "@aws-amplify/ui-react-core": "3.6.3",
     "tslib": "^2.5.2",
-    "jszip": "^3.10.1"
+    "@zip.js/zip.js": "^2.7.53"
   },
   "peerDependencies": {
     "aws-amplify": "^6.16.0",
@@ -69,7 +69,7 @@
       "name": "createStorageBrowser",
       "path": "dist/esm/browser.mjs",
       "import": "{ createStorageBrowser }",
-      "limit": "97 kB",
+      "limit": "130 kB",
       "ignore": [
         "@aws-amplify/storage"
       ]
@@ -78,7 +78,7 @@
       "name": "StorageBrowser",
       "path": "dist/esm/index.mjs",
       "import": "{ StorageBrowser }",
-      "limit": "121.1 kB"
+      "limit": "154 kB"
     },
     {
       "name": "FileUploader",