@aws-amplify/ui-react-storage 3.1.5 → 3.2.0

package/dist/esm/components/StorageManager/StorageManager.mjs

@@ -23,7 +23,7 @@ const logger = getLogger('Storage');
 const MISSING_REQUIRED_PROPS_MESSAGE = '`StorageManager` requires a `maxFileCount` prop to be provided.';
 const ACCESS_LEVEL_WITH_PATH_CALLBACK_MESSAGE = '`StorageManager` does not allow usage of a `path` callback prop with an `accessLevel` prop.';
 const ACCESS_LEVEL_DEPRECATION_MESSAGE = '`accessLevel` has been deprecated and will be removed in a future major version. See migration notes at https://ui.docs.amplify.aws/react/connected-components/storage/storagemanager';
-const StorageManagerBase = React.forwardRef(function StorageManager({ acceptedFileTypes = [], accessLevel, autoUpload = true, components, defaultFiles, displayText: overrideDisplayText, isResumable = false, maxFileCount, maxFileSize, onFileRemove, onUploadError, onUploadStart, onUploadSuccess, path, processFile, showThumbnails = true, }, ref) {
+const StorageManagerBase = React.forwardRef(function StorageManager({ acceptedFileTypes = [], accessLevel, autoUpload = true, components, defaultFiles, displayText: overrideDisplayText, isResumable = false, maxFileCount, maxFileSize, onFileRemove, onUploadError, onUploadStart, onUploadSuccess, path, processFile, showThumbnails = true, useAccelerateEndpoint, }, ref) {
     if (!maxFileCount) {
         // eslint-disable-next-line no-console
         console.warn(MISSING_REQUIRED_PROPS_MESSAGE);
@@ -90,6 +90,7 @@ const StorageManagerBase = React.forwardRef(function StorageManager({ acceptedFi
         setUploadSuccess,
         processFile,
         path,
+        useAccelerateEndpoint,
     });
     const onFilePickerChange = (event) => {
         const { files } = event.target;

package/dist/esm/components/StorageManager/hooks/useUploadFiles/useUploadFiles.mjs

@@ -4,7 +4,7 @@ import { getInput } from '../../utils/getInput.mjs';
 import { uploadFile } from '../../utils/uploadFile.mjs';
 import { FileStatus } from '../../types.mjs';
 
-function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProcessFileSuccess, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, }) {
+function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProcessFileSuccess, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, useAccelerateEndpoint, }) {
     React.useEffect(() => {
         const filesReadyToUpload = files.filter((file) => file.status === FileStatus.QUEUED);
         if (filesReadyToUpload.length > maxFileCount) {
@@ -31,6 +31,7 @@ function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProce
                     onProgress,
                     path,
                     processFile,
+                    useAccelerateEndpoint,
                 });
                 uploadFile({
                     input,
@@ -71,6 +72,7 @@ function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProce
         setUploadSuccess,
         processFile,
         path,
+        useAccelerateEndpoint,
     ]);
 }
 

package/dist/esm/components/StorageManager/utils/getInput.mjs

@@ -2,29 +2,37 @@ import { fetchAuthSession } from 'aws-amplify/auth';
 import { isTypedFunction, isString } from '@aws-amplify/ui';
 import { resolveFile } from './resolveFile.mjs';
 
-const getInput = ({ accessLevel, file, key, onProcessFileSuccess, onProgress, path, processFile, }) => {
+const getInput = ({ accessLevel, file, key, onProcessFileSuccess, onProgress, path, processFile, useAccelerateEndpoint, }) => {
     return async () => {
         const hasCallbackPath = isTypedFunction(path);
         const hasStringPath = isString(path);
         const hasKeyInput = !!accessLevel && !hasCallbackPath;
         const { file: data, key: processedKey, ...rest } = await resolveFile({ file, key, processFile });
-        if (processFile) {
-            // provide post-processing value of target `key`
-            onProcessFileSuccess({ processedKey });
-        }
         const contentType = file.type || 'binary/octet-stream';
         // IMPORTANT: always pass `...rest` here for backwards compatibility
-        const options = { contentType, onProgress, ...rest };
+        const options = { contentType, onProgress, useAccelerateEndpoint, ...rest };
+        let inputResult;
         if (hasKeyInput) {
             // legacy handling of `path` is to prefix to `fileKey`
             const resolvedKey = hasStringPath
                 ? `${path}${processedKey}`
                 : processedKey;
-            return { data, key: resolvedKey, options: { ...options, accessLevel } };
+            inputResult = {
+                data,
+                key: resolvedKey,
+                options: { ...options, accessLevel },
+            };
+        }
+        else {
+            const { identityId } = await fetchAuthSession();
+            const resolvedPath = `${hasCallbackPath ? path({ identityId }) : path}${processedKey}`;
+            inputResult = { data: file, path: resolvedPath, options };
+        }
+        if (processFile) {
+            // provide post-processing value of target `key`
+            onProcessFileSuccess({ processedKey });
         }
-        const { identityId } = await fetchAuthSession();
-        const resolvedPath = `${hasCallbackPath ? path({ identityId }) : path}${processedKey}`;
-        return { data: file, path: resolvedPath, options };
+        return inputResult;
     };
 };
 

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.1.5';
+const VERSION = '3.2.0';
 
 export { VERSION };

package/dist/index.js

@@ -33,7 +33,7 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const VERSION = '3.1.5';
+const VERSION = '3.2.0';
 
 const MISSING_REQUIRED_PROP_MESSAGE = '`StorageImage` requires either an `imgKey` or `path` prop.';
 const HAS_DEPRECATED_PROPS_MESSAGE = '`imgKey`, `accessLevel`, and `identityId` will be replaced with `path` in a future major version. See https://ui.docs.amplify.aws/react/connected-components/storage/storageimage#props';
@@ -404,29 +404,37 @@ const resolveFile = ({ processFile, ...input }) => {
     });
 };
 
-const getInput = ({ accessLevel, file, key, onProcessFileSuccess, onProgress, path, processFile, }) => {
+const getInput = ({ accessLevel, file, key, onProcessFileSuccess, onProgress, path, processFile, useAccelerateEndpoint, }) => {
     return async () => {
         const hasCallbackPath = ui.isTypedFunction(path);
         const hasStringPath = ui.isString(path);
         const hasKeyInput = !!accessLevel && !hasCallbackPath;
         const { file: data, key: processedKey, ...rest } = await resolveFile({ file, key, processFile });
-        if (processFile) {
-            // provide post-processing value of target `key`
-            onProcessFileSuccess({ processedKey });
-        }
         const contentType = file.type || 'binary/octet-stream';
         // IMPORTANT: always pass `...rest` here for backwards compatibility
-        const options = { contentType, onProgress, ...rest };
+        const options = { contentType, onProgress, useAccelerateEndpoint, ...rest };
+        let inputResult;
         if (hasKeyInput) {
             // legacy handling of `path` is to prefix to `fileKey`
             const resolvedKey = hasStringPath
                 ? `${path}${processedKey}`
                 : processedKey;
-            return { data, key: resolvedKey, options: { ...options, accessLevel } };
+            inputResult = {
+                data,
+                key: resolvedKey,
+                options: { ...options, accessLevel },
+            };
+        }
+        else {
+            const { identityId } = await auth.fetchAuthSession();
+            const resolvedPath = `${hasCallbackPath ? path({ identityId }) : path}${processedKey}`;
+            inputResult = { data: file, path: resolvedPath, options };
+        }
+        if (processFile) {
+            // provide post-processing value of target `key`
+            onProcessFileSuccess({ processedKey });
         }
-        const { identityId } = await auth.fetchAuthSession();
-        const resolvedPath = `${hasCallbackPath ? path({ identityId }) : path}${processedKey}`;
-        return { data: file, path: resolvedPath, options };
+        return inputResult;
     };
 };
 
@@ -452,7 +460,7 @@ async function uploadFile({ input, onError, onStart, onComplete, }) {
     return uploadTask;
 }
 
-function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProcessFileSuccess, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, }) {
+function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProcessFileSuccess, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, useAccelerateEndpoint, }) {
     React__namespace.useEffect(() => {
         const filesReadyToUpload = files.filter((file) => file.status === FileStatus.QUEUED);
         if (filesReadyToUpload.length > maxFileCount) {
@@ -479,6 +487,7 @@ function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProce
                     onProgress,
                     path,
                     processFile,
+                    useAccelerateEndpoint,
                 });
                 uploadFile({
                     input,
@@ -519,6 +528,7 @@ function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProce
         setUploadSuccess,
         processFile,
         path,
+        useAccelerateEndpoint,
     ]);
 }
 
@@ -652,7 +662,7 @@ const logger = ui.getLogger('Storage');
 const MISSING_REQUIRED_PROPS_MESSAGE = '`StorageManager` requires a `maxFileCount` prop to be provided.';
 const ACCESS_LEVEL_WITH_PATH_CALLBACK_MESSAGE = '`StorageManager` does not allow usage of a `path` callback prop with an `accessLevel` prop.';
 const ACCESS_LEVEL_DEPRECATION_MESSAGE = '`accessLevel` has been deprecated and will be removed in a future major version. See migration notes at https://ui.docs.amplify.aws/react/connected-components/storage/storagemanager';
-const StorageManagerBase = React__namespace.forwardRef(function StorageManager({ acceptedFileTypes = [], accessLevel, autoUpload = true, components, defaultFiles, displayText: overrideDisplayText, isResumable = false, maxFileCount, maxFileSize, onFileRemove, onUploadError, onUploadStart, onUploadSuccess, path, processFile, showThumbnails = true, }, ref) {
+const StorageManagerBase = React__namespace.forwardRef(function StorageManager({ acceptedFileTypes = [], accessLevel, autoUpload = true, components, defaultFiles, displayText: overrideDisplayText, isResumable = false, maxFileCount, maxFileSize, onFileRemove, onUploadError, onUploadStart, onUploadSuccess, path, processFile, showThumbnails = true, useAccelerateEndpoint, }, ref) {
     if (!maxFileCount) {
         // eslint-disable-next-line no-console
         console.warn(MISSING_REQUIRED_PROPS_MESSAGE);
@@ -719,6 +729,7 @@ const StorageManagerBase = React__namespace.forwardRef(function StorageManager({
         setUploadSuccess,
         processFile,
         path,
+        useAccelerateEndpoint,
     });
     const onFilePickerChange = (event) => {
         const { files } = event.target;

package/dist/types/components/StorageManager/hooks/useUploadFiles/useUploadFiles.d.ts

@@ -1,7 +1,7 @@
 import { PathCallback } from '../../utils';
 import { StorageManagerProps } from '../../types';
 import { UseStorageManager } from '../useStorageManager';
-export interface UseUploadFilesProps extends Pick<StorageManagerProps, 'isResumable' | 'onUploadSuccess' | 'onUploadError' | 'onUploadStart' | 'maxFileCount' | 'processFile'>, Pick<UseStorageManager, 'setUploadingFile' | 'setUploadProgress' | 'setUploadSuccess' | 'files'> {
+export interface UseUploadFilesProps extends Pick<StorageManagerProps, 'isResumable' | 'onUploadSuccess' | 'onUploadError' | 'onUploadStart' | 'maxFileCount' | 'processFile' | 'useAccelerateEndpoint'>, Pick<UseStorageManager, 'setUploadingFile' | 'setUploadProgress' | 'setUploadSuccess' | 'files'> {
     accessLevel?: StorageManagerProps['accessLevel'];
     onProcessFileSuccess: (input: {
         id: string;
@@ -9,4 +9,4 @@ export interface UseUploadFilesProps extends Pick<StorageManagerProps, 'isResuma
     }) => void;
     path?: string | PathCallback;
 }
-export declare function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProcessFileSuccess, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, }: UseUploadFilesProps): void;
+export declare function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProcessFileSuccess, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, useAccelerateEndpoint, }: UseUploadFilesProps): void;

package/dist/types/components/StorageManager/types.d.ts

@@ -26,6 +26,7 @@ export type DefaultFile = Pick<StorageFile, 'key'>;
 export interface ProcessFileParams extends Record<string, any> {
     file: File;
     key: string;
+    useAccelerateEndpoint?: boolean;
 }
 export type ProcessFile = (params: ProcessFileParams) => Promise<ProcessFileParams> | ProcessFileParams;
 export interface StorageManagerHandle {
@@ -113,6 +114,7 @@ export interface StorageManagerProps {
      * Provided value is prefixed to the file `key` for each file
      */
     path?: string;
+    useAccelerateEndpoint?: boolean;
 }
 export interface StorageManagerPathProps extends Omit<StorageManagerProps, 'accessLevel' | 'path'> {
     /**
@@ -123,4 +125,5 @@ export interface StorageManagerPathProps extends Omit<StorageManagerProps, 'acce
      */
     path: string | PathCallback;
     accessLevel?: never;
+    useAccelerateEndpoint?: boolean;
 }

package/dist/types/components/StorageManager/utils/getInput.d.ts

@@ -12,5 +12,6 @@ export interface GetInputParams {
     onProgress: NonNullable<UploadDataWithPathInput['options']>['onProgress'];
     path: string | PathCallback | undefined;
     processFile: ProcessFile | undefined;
+    useAccelerateEndpoint?: boolean;
 }
-export declare const getInput: ({ accessLevel, file, key, onProcessFileSuccess, onProgress, path, processFile, }: GetInputParams) => () => Promise<PathInput | UploadDataInput>;
+export declare const getInput: ({ accessLevel, file, key, onProcessFileSuccess, onProgress, path, processFile, useAccelerateEndpoint, }: GetInputParams) => () => Promise<PathInput | UploadDataInput>;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.1.5";
+export declare const VERSION = "3.2.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.1.5",
+  "version": "3.2.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -39,9 +39,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.0.17",
-    "@aws-amplify/ui-react": "6.1.14",
-    "@aws-amplify/ui-react-core": "3.0.17",
+    "@aws-amplify/ui": "6.1.0",
+    "@aws-amplify/ui-react": "6.2.0",
+    "@aws-amplify/ui-react-core": "3.0.18",
     "lodash": "4.17.21",
     "tslib": "^2.5.2"
   },