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

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

@@ -2,6 +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 'aws-amplify/storage';
 import '../../../actions/configs/context.mjs';
 import '../../../actions/configs/defaults.mjs';

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

@@ -10,6 +10,7 @@ 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 '../../../actions/configs/defaults.mjs';

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

@@ -12,6 +12,7 @@ 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 '../../actions/configs/defaults.mjs';

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

@@ -1,6 +1,7 @@
 import '@aws-amplify/storage/internals';
 import { createFileDataItem } from '../../../actions/handlers/utils.mjs';
 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/views/LocationDetailView/useLocationDetailView.mjs

@@ -3,6 +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 'aws-amplify/storage';
 import { useActionConfigs } from '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';

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

@@ -12,6 +12,7 @@ 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 '../../actions/configs/defaults.mjs';

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

@@ -12,6 +12,7 @@ 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 '../../actions/configs/defaults.mjs';

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

@@ -2,6 +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 'aws-amplify/storage';
 import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';

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

@@ -10,6 +10,7 @@ import '@aws-amplify/storage/internals';
 import '../../configuration/context.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';

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

@@ -10,6 +10,7 @@ import '@aws-amplify/storage/internals';
 import '../../configuration/context.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';

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

@@ -8,6 +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 'aws-amplify/storage';
 import { useStore } from '../../../store/context.mjs';
 

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

@@ -1,14 +1,18 @@
 const STATUS_LABELS = {
     PENDING: 'statusDisplayInProgressLabel',
+    FINISHING: 'statusDisplayFinishingLabel',
     CANCELED: 'statusDisplayCanceledLabel',
     COMPLETE: 'statusDisplayCompletedLabel',
+    LOADED: 'statusDisplayLoadedLabel',
     FAILED: 'statusDisplayFailedLabel',
     QUEUED: 'statusDisplayQueuedLabel',
     OVERWRITE_PREVENTED: 'statusDisplayOverwritePreventedLabel',
 };
 const STATUS_ICONS = {
     PENDING: 'action-progress',
+    FINISHING: 'action-progress',
     COMPLETE: 'action-success',
+    LOADED: 'action-success',
     FAILED: 'action-error',
     OVERWRITE_PREVENTED: 'action-info',
     CANCELED: 'action-canceled',

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

@@ -27,7 +27,7 @@ const getUploadCellProgress = ({ progress, status, }) => {
 };
 const getDownloadCellProgress = ({ progress, status, }) => {
     // prefer `progress` if available, 1 if status is complete, default 0
-    const value = progress ?? (status === 'COMPLETE' ? 1 : 0);
+    const value = progress ?? (status === 'LOADED' || status === 'COMPLETE' ? 1 : 0);
     const displayValue = `${Math.round(value * 100)}%`;
     return { displayValue, value };
 };

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.14.0';
+const VERSION = '3.15.0';
 
 export { VERSION };

package/dist/index.js

@@ -9,9 +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-CotOvK0A.js');
+var createStorageBrowser = require('./createStorageBrowser-CG-6mXiT.js');
 require('@aws-amplify/storage/internals');
 require('aws-amplify');
+require('jszip');
 require('aws-amplify/utils');
 require('@aws-amplify/ui-react-core/elements');
 

package/dist/styles.css

@@ -3565,6 +3565,23 @@ strong.amplify-text {
   gap: var(--amplify-space-medium);
 }
 
+[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-success-icon {
+  font-size: var(--amplify-font-sizes-xxxl);
+  color: var(--amplify-colors-green-60, #34a853);
+}
+[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-credential-item {
+  padding: var(--amplify-space-medium);
+  background-color: var(--amplify-colors-background-secondary);
+  border-radius: var(--amplify-radii-small);
+}
+[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-error {
+  color: var(--amplify-colors-font-error);
+  margin-top: var(--amplify-space-small);
+}
+[data-amplify-authenticator-passkeyprompt] .amplify-authenticator__passkey-icon {
+  font-size: var(--amplify-components-authenticator-passkey-icon-size, 12rem);
+}
+
 .amplify-avatar {
   --avatar-color: var(--amplify-components-avatar-color);
   --avatar-background-color: var(--amplify-components-avatar-background-color);

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

@@ -3,6 +3,7 @@ export * from './createFolder';
 export * from './defaults';
 export * from './delete';
 export * from './download';
+export * from './zipdownload';
 export * from './listLocationItems';
 export * from './listLocations';
 export * from './upload';

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

@@ -1,5 +1,6 @@
 import type { AllFileTypes } from '../../createStorageBrowser/types';
 import type { LocationCredentialsProvider } from '../../storage-internal';
+import type { TaskStatus } from '../../tasks';
 /**
  * `location` grant scope
  */
@@ -78,14 +79,15 @@ export interface TaskHandlerOptions {
     onProgress?: (data: {
         key: string;
         id: string;
-    }, progress: number | undefined) => void;
+    }, progress: number | undefined, state?: TaskStatus) => void;
 }
 export interface TaskHandlerInput<TData extends TaskData = TaskData, TOptions extends TaskHandlerOptions = TaskHandlerOptions> {
     config: ActionInputConfig;
     data: TData;
+    all: TData[];
     options?: TOptions;
 }
-export type TaskResultStatus = 'CANCELED' | 'COMPLETE' | 'FAILED' | 'OVERWRITE_PREVENTED';
+export type TaskResultStatus = 'CANCELED' | 'COMPLETE' | 'FAILED' | 'LOADED' | 'OVERWRITE_PREVENTED';
 export interface TaskResult<TStatus, TValue> {
     /**
      * result error (if any)

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

@@ -8,6 +8,17 @@ export declare const constructBucket: ({ bucket: bucketName, region: globalRegio
 };
 export declare const parseAccessGrantLocation: (location: AccessGrantLocation) => LocationData;
 export declare const shouldExcludeLocation: ({ permissions, type }: LocationData, exclude?: ListLocationsExcludeOptions) => boolean;
+/**
+ * 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)
+ */
+export declare const deduplicateLocations: (locations: LocationData[]) => LocationData[];
 export declare const getFilteredLocations: (locations: AccessGrantLocation[], exclude?: ListLocationsExcludeOptions) => LocationData[];
 export declare const getFileKey: (key: string) => string;
 export declare const createFileDataItem: (data: FileData) => FileDataItem;

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

@@ -0,0 +1,3 @@
+import type { DownloadHandler } from './download';
+declare const downloadHandler: DownloadHandler;
+export { downloadHandler as zipDownloadHandler };

package/dist/types/components/StorageBrowser/displayText/types.d.ts

@@ -102,8 +102,10 @@ export interface DefaultActionViewDisplayText<T extends TaskData = TaskData> {
     } | undefined;
     statusDisplayCanceledLabel: string;
     statusDisplayCompletedLabel: string;
+    statusDisplayLoadedLabel: string;
     statusDisplayFailedLabel: string;
     statusDisplayInProgressLabel: string;
+    statusDisplayFinishingLabel: string;
     statusDisplayQueuedLabel: string;
     statusDisplayTotalLabel: string;
     title: string;

package/dist/types/components/StorageBrowser/tasks/types.d.ts

@@ -1,9 +1,9 @@
-import type { TaskHandlerInput, TaskData, TaskResult, TaskResultStatus, TaskHandlerOptions } from '../actions';
+import type { TaskData, TaskHandlerInput, TaskHandlerOptions, TaskResult, TaskResultStatus } from '../actions';
 /**
  * extends {@link TaskResultStatus} to include `QUEUED` and `PENDING` statuses
  * used in task processing
  */
-export type TaskStatus = TaskResultStatus | 'QUEUED' | 'PENDING';
+export type TaskStatus = TaskResultStatus | 'QUEUED' | 'PENDING' | 'FINISHING';
 /**
  * aggregate task status counts
  */
@@ -50,7 +50,7 @@ export type UseProcessTasksState<TTask, TInput> = [
 interface HandleTasksOptions extends TaskHandlerOptions {
     concurrency?: number;
 }
-export interface HandleBatchTasksInput<TData extends TaskData> extends Omit<TaskHandlerInput<TData, HandleTasksOptions>, 'data'> {
+export interface HandleBatchTasksInput<TData extends TaskData> extends Omit<TaskHandlerInput<TData, HandleTasksOptions>, 'data' | 'all'> {
 }
 export interface HandleSingleTaskInput<TData extends TaskData> extends TaskHandlerInput<TData> {
 }

package/dist/types/components/StorageBrowser/tasks/useProcessTasks.d.ts

@@ -1,3 +1,3 @@
 import type { ActionHandler } from '../actions';
-import type { InferHandleTasksInput, Task, ProcessTasksOptions, UseProcessTasksState } from './types';
+import type { InferHandleTasksInput, ProcessTasksOptions, Task, UseProcessTasksState } from './types';
 export declare function useProcessTasks<TData, TValue, TTask extends Task<TData, TValue>, TInput extends InferHandleTasksInput<TItems, TTask['data']>, TItems extends TTask['data'][] | undefined = undefined>(handler: ActionHandler<TData, TValue>, options?: ProcessTasksOptions<TTask, TItems>): UseProcessTasksState<TTask, TInput>;

package/dist/types/components/StorageBrowser/useAction/useHandler.d.ts

@@ -1,4 +1,4 @@
 import type { ActionHandler } from '../actions';
-import type { InferTask, HandleTaskState, HandleTasksState, UseHandlerOptions, UseHandlerOptionsWithItems } from './types';
+import type { HandleTasksState, HandleTaskState, InferTask, UseHandlerOptions, UseHandlerOptionsWithItems } from './types';
 export declare function useHandler<THandler extends ActionHandler, TTask extends InferTask<THandler>>(handler: THandler, options: UseHandlerOptionsWithItems<TTask>): HandleTasksState<TTask>;
 export declare function useHandler<THandler extends ActionHandler, TTask extends InferTask<THandler>>(handler: THandler, options?: UseHandlerOptions<TTask>): HandleTaskState<TTask>;

package/dist/types/components/StorageBrowser/views/utils/tableResolvers/constants.d.ts

@@ -1,14 +1,18 @@
 export declare const STATUS_LABELS: {
     readonly PENDING: "statusDisplayInProgressLabel";
+    readonly FINISHING: "statusDisplayFinishingLabel";
     readonly CANCELED: "statusDisplayCanceledLabel";
     readonly COMPLETE: "statusDisplayCompletedLabel";
+    readonly LOADED: "statusDisplayLoadedLabel";
     readonly FAILED: "statusDisplayFailedLabel";
     readonly QUEUED: "statusDisplayQueuedLabel";
     readonly OVERWRITE_PREVENTED: "statusDisplayOverwritePreventedLabel";
 };
 export declare const STATUS_ICONS: {
     readonly PENDING: "action-progress";
+    readonly FINISHING: "action-progress";
     readonly COMPLETE: "action-success";
+    readonly LOADED: "action-success";
     readonly FAILED: "action-error";
     readonly OVERWRITE_PREVENTED: "action-info";
     readonly CANCELED: "action-canceled";

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.14.0";
+export declare const VERSION = "3.15.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.14.0",
+  "version": "3.15.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -34,6 +34,7 @@
   "scripts": {
     "build": "yarn build:rollup",
     "build:rollup": "rollup --config",
+    "build:watch": "rollup -c -w",
     "check:esm": "node --input-type=module --eval 'import \"@aws-amplify/ui-react-storage\"'",
     "clean": "rimraf dist node_modules",
     "dev": "yarn build:rollup --watch",
@@ -45,10 +46,11 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.13.0",
-    "@aws-amplify/ui-react": "6.13.2",
-    "@aws-amplify/ui-react-core": "3.4.7",
-    "tslib": "^2.5.2"
+    "@aws-amplify/ui": "6.14.0",
+    "@aws-amplify/ui-react": "6.14.0",
+    "@aws-amplify/ui-react-core": "3.5.0",
+    "tslib": "^2.5.2",
+    "jszip": "^3.10.1"
   },
   "peerDependencies": {
     "aws-amplify": "^6.14.3",
@@ -56,7 +58,8 @@
     "react-dom": "^16.14 || ^17 || ^18 || ^19"
   },
   "devDependencies": {
-    "@types/node": "^18.19.50"
+    "@types/node": "^18.19.50",
+    "node-fetch": "~3.3.2"
   },
   "sideEffects": [
     "dist/**/*.css"
@@ -66,7 +69,7 @@
       "name": "createStorageBrowser",
       "path": "dist/esm/browser.mjs",
       "import": "{ createStorageBrowser }",
-      "limit": "70 kB",
+      "limit": "94.1 kB",
       "ignore": [
         "@aws-amplify/storage"
       ]
@@ -75,7 +78,7 @@
       "name": "StorageBrowser",
       "path": "dist/esm/index.mjs",
       "import": "{ StorageBrowser }",
-      "limit": "92 kB"
+      "limit": "118.6 kB"
     },
     {
       "name": "FileUploader",

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

@@ -1,38 +0,0 @@
-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 };