@aws-amplify/ui-react-storage 3.1.6 → 3.2.1

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/ui/FileList/FileDetails.mjs

@@ -1,9 +1,6 @@
 import React__default from 'react';
-import { ComponentClassName } from '@aws-amplify/ui';
+import { ComponentClassName, humanFileSize } from '@aws-amplify/ui';
 import { View, Text } from '@aws-amplify/ui-react';
-import { humanFileSize } from '../../utils/humanFileSize.mjs';
-import 'aws-amplify/auth';
-import 'aws-amplify/storage';
 
 const UploadDetails = ({ displayName, fileSize, }) => {
     return (React__default.createElement(React__default.Fragment, null,

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

@@ -1,4 +1,4 @@
-import { humanFileSize } from './humanFileSize.mjs';
+import { humanFileSize } from '@aws-amplify/ui';
 
 const checkMaxFileSize = ({ file, getFileSizeErrorText, maxFileSize, }) => {
     if (maxFileSize === undefined)

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

@@ -2,7 +2,7 @@ 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);
@@ -10,7 +10,7 @@ const getInput = ({ accessLevel, file, key, onProcessFileSuccess, onProgress, pa
         const { file: data, key: processedKey, ...rest } = await resolveFile({ file, key, processFile });
         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`

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.1.6';
+const VERSION = '3.2.1';
 
 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.6';
+const VERSION = '3.2.1';
 
 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';
@@ -286,39 +286,11 @@ function useStorageManager(defaultFiles = []) {
     };
 }
 
-/**
- * Format bytes as human-readable text.
- *
- * @param bytes Number of bytes.
- * @param si True to use metric (SI) units, aka powers of 1000. False to use
- *           binary (IEC), aka powers of 1024.
- * @param dp Number of decimal places to display.
- *
- * @return Formatted string.
- */
-function humanFileSize(bytes, si = false, dp = 1) {
-    const thresh = si ? 1000 : 1024;
-    if (Math.abs(bytes) < thresh) {
-        return `${bytes} B`;
-    }
-    const units = si
-        ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
-        : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
-    let unit = -1;
-    const range = 10 ** dp;
-    do {
-        bytes /= thresh;
-        ++unit;
-    } while (Math.round(Math.abs(bytes) * range) / range >= thresh &&
-        unit < units.length - 1);
-    return bytes.toFixed(dp) + ' ' + units[unit];
-}
-
 const checkMaxFileSize = ({ file, getFileSizeErrorText, maxFileSize, }) => {
     if (maxFileSize === undefined)
         return '';
     if (file.size > maxFileSize) {
-        return getFileSizeErrorText(humanFileSize(maxFileSize, true));
+        return getFileSizeErrorText(ui.humanFileSize(maxFileSize, true));
     }
     return '';
 };
@@ -404,7 +376,7 @@ 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);
@@ -412,7 +384,7 @@ const getInput = ({ accessLevel, file, key, onProcessFileSuccess, onProgress, pa
         const { file: data, key: processedKey, ...rest } = await resolveFile({ file, key, processFile });
         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`
@@ -460,7 +432,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) {
@@ -487,6 +459,7 @@ function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProce
                     onProgress,
                     path,
                     processFile,
+                    useAccelerateEndpoint,
                 });
                 uploadFile({
                     input,
@@ -527,6 +500,7 @@ function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onProce
         setUploadSuccess,
         processFile,
         path,
+        useAccelerateEndpoint,
     ]);
 }
 
@@ -576,7 +550,7 @@ const UploadDetails = ({ displayName, fileSize, }) => {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(uiReact.View, { className: ui.ComponentClassName.StorageManagerFileMain },
             React__default["default"].createElement(uiReact.Text, { className: ui.ComponentClassName.StorageManagerFileName }, displayName)),
-        React__default["default"].createElement(uiReact.Text, { as: "span", className: ui.ComponentClassName.StorageManagerFileSize }, fileSize ? humanFileSize(fileSize, true) : '')));
+        React__default["default"].createElement(uiReact.Text, { as: "span", className: ui.ComponentClassName.StorageManagerFileSize }, fileSize ? ui.humanFileSize(fileSize, true) : '')));
 };
 
 const FileThumbnail = ({ fileName, isImage, url, }) => {
@@ -660,7 +634,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);
@@ -727,6 +701,7 @@ const StorageManagerBase = React__namespace.forwardRef(function StorageManager({
         setUploadSuccess,
         processFile,
         path,
+        useAccelerateEndpoint,
     });
     const onFilePickerChange = (event) => {
         const { files } = event.target;

package/dist/styles.css

@@ -1640,9 +1640,8 @@ strong.amplify-text {
   padding-inline-start: var(--amplify-components-button-padding-inline-start);
   padding-inline-end: var(--amplify-components-button-padding-inline-end);
   transition: all var(--amplify-components-button-transition-duration);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
   --amplify-internal-button-disabled-color: var(
     --amplify-components-button-disabled-color
   );
@@ -2663,58 +2662,50 @@ strong.amplify-text {
   background-color: var(--amplify-internal-button-disabled-background-color);
   border-color: var(--amplify-internal-button-disabled-border-color);
   color: var(--amplify-internal-button-disabled-color);
-  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
-          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
+  text-decoration: var(--amplify-internal-button-disabled-text-decoration);
   cursor: not-allowed;
 }
 .amplify-button--disabled:hover {
   background-color: var(--amplify-internal-button-disabled-background-color);
   border-color: var(--amplify-internal-button-disabled-border-color);
   color: var(--amplify-internal-button-disabled-color);
-  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
-          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
+  text-decoration: var(--amplify-internal-button-disabled-text-decoration);
 }
 .amplify-button--disabled :focus {
   background-color: var(--amplify-internal-button-disabled-background-color);
   border-color: var(--amplify-internal-button-disabled-border-color);
   color: var(--amplify-internal-button-disabled-color);
-  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
-          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
+  text-decoration: var(--amplify-internal-button-disabled-text-decoration);
 }
 .amplify-button--disabled:active {
   background-color: var(--amplify-internal-button-disabled-background-color);
   border-color: var(--amplify-internal-button-disabled-border-color);
   color: var(--amplify-internal-button-disabled-color);
-  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
-          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
+  text-decoration: var(--amplify-internal-button-disabled-text-decoration);
 }
 .amplify-button--loading {
   background-color: var(--amplify-internal-button-loading-background-color);
   border-color: var(--amplify-internal-button-loading-border-color);
   color: var(--amplify-components-button-loading-color);
-  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
-          text-decoration: var(--amplify-internal-button-loading-text-decoration);
+  text-decoration: var(--amplify-internal-button-loading-text-decoration);
 }
 .amplify-button--loading:hover {
   background-color: var(--amplify-internal-button-loading-background-color);
   border-color: var(--amplify-internal-button-loading-border-color);
   color: var(--amplify-components-button-loading-color);
-  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
-          text-decoration: var(--amplify-internal-button-loading-text-decoration);
+  text-decoration: var(--amplify-internal-button-loading-text-decoration);
 }
 .amplify-button--loading:focus {
   background-color: var(--amplify-internal-button-loading-background-color);
   border-color: var(--amplify-internal-button-loading-border-color);
   color: var(--amplify-components-button-loading-color);
-  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
-          text-decoration: var(--amplify-internal-button-loading-text-decoration);
+  text-decoration: var(--amplify-internal-button-loading-text-decoration);
 }
 .amplify-button--loading:active {
   background-color: var(--amplify-internal-button-loading-background-color);
   border-color: var(--amplify-internal-button-loading-border-color);
   color: var(--amplify-components-button-loading-color);
-  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
-          text-decoration: var(--amplify-internal-button-loading-text-decoration);
+  text-decoration: var(--amplify-internal-button-loading-text-decoration);
 }
 .amplify-button__loader-wrapper {
   align-items: var(--amplify-components-button-loader-wrapper-align-items);
@@ -2862,9 +2853,8 @@ strong.amplify-text {
   outline-style: var(--amplify-components-fieldcontrol-outline-style);
   outline-width: var(--amplify-components-fieldcontrol-outline-width);
   outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
-  -webkit-user-select: text;
-     -moz-user-select: text;
-          user-select: text;
+  -moz-user-select: text;
+       user-select: text;
   display: inline-block;
   --amplify-components-fieldcontrol-color: var(
     --amplify-components-input-color
@@ -2947,9 +2937,8 @@ strong.amplify-text {
   outline-style: var(--amplify-components-fieldcontrol-outline-style);
   outline-width: var(--amplify-components-fieldcontrol-outline-width);
   outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
-  -webkit-user-select: text;
-     -moz-user-select: text;
-          user-select: text;
+  -moz-user-select: text;
+       user-select: text;
   white-space: pre-wrap;
 }
 .amplify-textarea:focus {
@@ -3013,29 +3002,24 @@ strong.amplify-text {
 
 .amplify-link {
   color: var(--amplify-components-link-color);
-  -webkit-text-decoration: var(--amplify-components-link-text-decoration);
-          text-decoration: var(--amplify-components-link-text-decoration);
+  text-decoration: var(--amplify-components-link-text-decoration);
   cursor: pointer;
 }
 .amplify-link:visited {
   color: var(--amplify-components-link-visited-color);
-  -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
-          text-decoration: var(--amplify-components-link-visited-text-decoration);
+  text-decoration: var(--amplify-components-link-visited-text-decoration);
 }
 .amplify-link:active {
   color: var(--amplify-components-link-active-color);
-  -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
-          text-decoration: var(--amplify-components-link-active-text-decoration);
+  text-decoration: var(--amplify-components-link-active-text-decoration);
 }
 .amplify-link:focus {
   color: var(--amplify-components-link-focus-color);
-  -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration);
-          text-decoration: var(--amplify-components-link-focus-text-decoration);
+  text-decoration: var(--amplify-components-link-focus-text-decoration);
 }
 .amplify-link:hover {
   color: var(--amplify-components-link-hover-color);
-  -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
-          text-decoration: var(--amplify-components-link-hover-text-decoration);
+  text-decoration: var(--amplify-components-link-hover-text-decoration);
 }
 
 .amplify-loader {
@@ -3466,16 +3450,14 @@ strong.amplify-text {
   font-weight: var(--amplify-components-breadcrumbs-link-font-weight);
   padding-inline: var(--amplify-components-breadcrumbs-link-padding-inline);
   padding-block: var(--amplify-components-breadcrumbs-link-padding-block);
-  -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
-          text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
+  text-decoration: var(--amplify-components-breadcrumbs-link-text-decoration);
 }
 
 .amplify-breadcrumbs__link--current {
   color: var(--amplify-components-breadcrumbs-link-current-color);
   font-size: var(--amplify-components-breadcrumbs-link-current-font-size);
   font-weight: var(--amplify-components-breadcrumbs-link-current-font-weight);
-  -webkit-text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
-          text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
+  text-decoration: var(--amplify-components-breadcrumbs-link-current-text-decoration);
 }
 
 .amplify-card {
@@ -5025,9 +5007,8 @@ html[dir=rtl] .amplify-field-group__inner-start {
   padding-block: var(--amplify-components-sliderfield-padding-block);
   position: relative;
   touch-action: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  -moz-user-select: none;
+       user-select: none;
   --amplify-internal-sliderfield-root-height: var(
     --amplify-components-sliderfield-thumb-height
   );

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/components/StorageManager/utils/index.d.ts

@@ -1,6 +1,5 @@
 export { checkMaxFileSize } from './checkMaxFileSize';
 export { defaultStorageManagerDisplayText, StorageManagerDisplayText, StorageManagerDisplayTextDefault, } from './displayText';
 export { filterAllowedFiles } from './filterAllowedFiles';
-export { humanFileSize } from './humanFileSize';
 export { getInput } from './getInput';
 export { PathCallback, TaskEvent, TaskHandler, uploadFile, UploadTask, } from './uploadFile';

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.1.6";
+export declare const VERSION = "3.2.1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.1.6",
+  "version": "3.2.1",
   "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.2.0",
+    "@aws-amplify/ui-react": "6.2.1",
+    "@aws-amplify/ui-react-core": "3.0.19",
     "lodash": "4.17.21",
     "tslib": "^2.5.2"
   },

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

@@ -1,29 +0,0 @@
-/**
- * Format bytes as human-readable text.
- *
- * @param bytes Number of bytes.
- * @param si True to use metric (SI) units, aka powers of 1000. False to use
- *           binary (IEC), aka powers of 1024.
- * @param dp Number of decimal places to display.
- *
- * @return Formatted string.
- */
-function humanFileSize(bytes, si = false, dp = 1) {
-    const thresh = si ? 1000 : 1024;
-    if (Math.abs(bytes) < thresh) {
-        return `${bytes} B`;
-    }
-    const units = si
-        ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
-        : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
-    let unit = -1;
-    const range = 10 ** dp;
-    do {
-        bytes /= thresh;
-        ++unit;
-    } while (Math.round(Math.abs(bytes) * range) / range >= thresh &&
-        unit < units.length - 1);
-    return bytes.toFixed(dp) + ' ' + units[unit];
-}
-
-export { humanFileSize };

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

@@ -1,11 +0,0 @@
-/**
- * Format bytes as human-readable text.
- *
- * @param bytes Number of bytes.
- * @param si True to use metric (SI) units, aka powers of 1000. False to use
- *           binary (IEC), aka powers of 1024.
- * @param dp Number of decimal places to display.
- *
- * @return Formatted string.
- */
-export declare function humanFileSize(bytes: number, si?: boolean, dp?: number): string;