@aws-amplify/ui-react-storage 3.7.1 → 3.8.0

package/dist/esm/components/FileUploader/FileUploader.mjs

@@ -22,7 +22,7 @@ const logger = getLogger('Storage');
 const MISSING_REQUIRED_PROPS_MESSAGE = '`FileUploader` requires a `maxFileCount` prop to be provided.';
 const ACCESS_LEVEL_WITH_PATH_CALLBACK_MESSAGE = '`FileUploader` 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/FileUploader';
-const FileUploaderBase = React.forwardRef(function FileUploader({ acceptedFileTypes = [], accessLevel, autoUpload = true, components, defaultFiles, displayText: overrideDisplayText, isResumable = false, maxFileCount, maxFileSize, onFileRemove, onUploadError, onUploadStart, onUploadSuccess, path, processFile, showThumbnails = true, useAccelerateEndpoint, }, ref) {
+const FileUploaderBase = React.forwardRef(function FileUploader({ acceptedFileTypes = [], accessLevel, autoUpload = true, bucket, 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);
@@ -77,6 +77,7 @@ const FileUploaderBase = React.forwardRef(function FileUploader({ acceptedFileTy
     });
     useUploadFiles({
         accessLevel,
+        bucket,
         files,
         isResumable,
         maxFileCount,

package/dist/esm/components/FileUploader/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, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, useAccelerateEndpoint, }) {
+function useUploadFiles({ accessLevel, bucket, files, isResumable, maxFileCount, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, useAccelerateEndpoint, }) {
     React.useEffect(() => {
         const filesReadyToUpload = files.filter((file) => file.status === FileStatus.QUEUED);
         if (filesReadyToUpload.length > maxFileCount) {
@@ -24,6 +24,7 @@ function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onUploa
             if (file) {
                 const input = getInput({
                     accessLevel,
+                    bucket,
                     file,
                     key,
                     onProgress,
@@ -58,6 +59,7 @@ function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onUploa
     }, [
         files,
         accessLevel,
+        bucket,
         isResumable,
         setUploadProgress,
         setUploadingFile,

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

@@ -2,7 +2,7 @@ import { fetchAuthSession } from 'aws-amplify/auth';
 import { isFunction, isString } from '@aws-amplify/ui';
 import { resolveFile } from './resolveFile.mjs';
 
-const getInput = ({ accessLevel, file, key, onProgress, path, processFile, useAccelerateEndpoint, }) => {
+const getInput = ({ accessLevel, bucket, file, key, onProgress, path, processFile, useAccelerateEndpoint, }) => {
     return async () => {
         const hasCallbackPath = isFunction(path);
         const hasStringPath = isString(path);
@@ -10,7 +10,13 @@ const getInput = ({ accessLevel, file, key, onProgress, path, processFile, useAc
         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, useAccelerateEndpoint, ...rest };
+        const options = {
+            bucket,
+            contentType,
+            onProgress,
+            useAccelerateEndpoint,
+            ...rest,
+        };
         let inputResult;
         if (hasKeyInput) {
             // legacy handling of `path` is to prefix to `fileKey`

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

@@ -1,10 +1,26 @@
 import React__default from 'react';
 import { useViews } from './views/context/views.mjs';
+import './views/LocationActionView/CopyView/CopyView.mjs';
+import '@aws-amplify/ui';
 import './providers/store/location/context.mjs';
 import './providers/store/files/context.mjs';
 import './providers/store/actionType/context.mjs';
 import './providers/store/locationItems/context.mjs';
 import { useStore } from './providers/store/useStore.mjs';
+import './useAction/context.mjs';
+import './providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import './providers/configuration/credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import 'aws-amplify/storage';
+import './actions/configs/context.mjs';
+import './views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
+import './views/LocationActionView/DeleteView/DeleteView.mjs';
+import './views/context/actionViews.mjs';
+import './views/LocationActionView/UploadView/UploadView.mjs';
+import './views/LocationDetailView/LocationDetailView.mjs';
+import './views/LocationsView/LocationsView.mjs';
 
 /**
  * Handles default `StorageBrowser` behavior:

package/dist/esm/components/StorageBrowser/composables/DataTable/DataTable.mjs

@@ -9,7 +9,7 @@ import { CheckboxDataCell } from './dataCells/CheckboxDataCell.mjs';
 import { TextDataCell } from './dataCells/TextDataCell.mjs';
 import { CheckboxHeader } from './headers/CheckboxHeader.mjs';
 
-const DataTable = ({ headers, rows, }) => {
+const DataTable = ({ headers, isLoading, rows, }) => {
     const mappedHeaders = headers.map(({ key, content, type }) => {
         switch (type) {
             case 'checkbox': {
@@ -33,44 +33,46 @@ const DataTable = ({ headers, rows, }) => {
             }
         }
     });
-    const mappedRows = rows.map(({ key, content }) => ({
-        key,
-        content: content.map(({ key, content, type }) => {
-            switch (type) {
-                case 'button': {
-                    return {
-                        key,
-                        content: React__default.createElement(ButtonDataCell, { content: content }),
-                    };
+    const mappedRows = isLoading
+        ? []
+        : rows.map(({ key, content }) => ({
+            key,
+            content: content.map(({ key, content, type }) => {
+                switch (type) {
+                    case 'button': {
+                        return {
+                            key,
+                            content: React__default.createElement(ButtonDataCell, { content: content }),
+                        };
+                    }
+                    case 'checkbox': {
+                        return {
+                            key,
+                            content: React__default.createElement(CheckboxDataCell, { content: content }),
+                        };
+                    }
+                    case 'date': {
+                        return {
+                            key,
+                            content: React__default.createElement(DateDataCell, { content: content }),
+                        };
+                    }
+                    case 'number': {
+                        return {
+                            key,
+                            content: React__default.createElement(NumberDataCell, { content: content }),
+                        };
+                    }
+                    case 'text':
+                    default: {
+                        return {
+                            key,
+                            content: React__default.createElement(TextDataCell, { content: content }),
+                        };
+                    }
                 }
-                case 'checkbox': {
-                    return {
-                        key,
-                        content: React__default.createElement(CheckboxDataCell, { content: content }),
-                    };
-                }
-                case 'date': {
-                    return {
-                        key,
-                        content: React__default.createElement(DateDataCell, { content: content }),
-                    };
-                }
-                case 'number': {
-                    return {
-                        key,
-                        content: React__default.createElement(NumberDataCell, { content: content }),
-                    };
-                }
-                case 'text':
-                default: {
-                    return {
-                        key,
-                        content: React__default.createElement(TextDataCell, { content: content }),
-                    };
-                }
-            }
-        }),
-    }));
+            }),
+        }));
     return React__default.createElement(Table, { headers: mappedHeaders, rows: mappedRows });
 };
 

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

@@ -15,7 +15,7 @@ const GROUP_ORDER = [
 const UNSORTABLE_GROUPS = ['checkbox'];
 const useDataTable = () => {
     const { data } = useControlsContext();
-    const { tableData } = data;
+    const { isLoading, tableData } = data;
     const defaultSortIndex = React__default.useMemo(() => tableData?.headers?.findIndex(({ type }) => type === 'sort') ?? -1, [tableData]);
     const [sortState, setSortState] = React__default.useState({
         index: defaultSortIndex,
@@ -99,6 +99,7 @@ const useDataTable = () => {
     }, [sortState, tableData]);
     return {
         headers: mappedHeaders ?? [],
+        isLoading,
         rows: sortedRows ?? [],
     };
 };

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

@@ -14,6 +14,7 @@ import './context/elements/definitions.mjs';
 import './context/elements/IconElement.mjs';
 import { ComponentsProvider } from './ComponentsProvider.mjs';
 import { componentsDefault } from './componentsDefault.mjs';
+import { DisplayTextProvider } from './displayText/context.mjs';
 import { ErrorBoundary } from './ErrorBoundary/ErrorBoundary.mjs';
 import { createConfigurationProvider } from './providers/configuration/createConfigurationProvider.mjs';
 import './providers/configuration/context.mjs';
@@ -23,11 +24,12 @@ import './providers/store/files/context.mjs';
 import './providers/store/location/context.mjs';
 import './providers/store/locationItems/context.mjs';
 import { StorageBrowserDefault } from './StorageBrowserDefault.mjs';
-import { CopyView } from './views/LocationActionView/CopyView/CopyView.mjs';
 import { ActionHandlersProvider } from './useAction/context.mjs';
 import { useAction } from './useAction/useAction.mjs';
 import '@aws-amplify/ui-react-core';
 import { getActionHandlers } from './useAction/utils.mjs';
+import { ViewsProvider } from './views/context/views.mjs';
+import { CopyView } from './views/LocationActionView/CopyView/CopyView.mjs';
 import { CreateFolderView } from './views/LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import { DeleteView } from './views/LocationActionView/DeleteView/DeleteView.mjs';
 import { LocationActionView } from './views/LocationActionView/LocationActionView.mjs';
@@ -35,8 +37,6 @@ import { UploadView } from './views/LocationActionView/UploadView/UploadView.mjs
 import { LocationDetailView } from './views/LocationDetailView/LocationDetailView.mjs';
 import { LocationsView } from './views/LocationsView/LocationsView.mjs';
 import { useView } from './views/useView.mjs';
-import { ViewsProvider } from './views/context/views.mjs';
-import { DisplayTextProvider } from './displayText/context.mjs';
 
 function createStorageBrowser(input) {
     assertRegisterAuthListener(input.config.registerAuthListener);

package/dist/esm/components/StorageBrowser/views/LocationActionView/getActionViewTableData.mjs

@@ -118,7 +118,7 @@ const getActionViewTableData = ({ tasks, displayText, isProcessing, locationKey,
                                 value: progress,
                                 displayValue: `${getPercentValue(
                                 // Default progress to 100% if progress value is unavailable but status is recognized as complete
-                                progress ?? status === 'COMPLETE' ? 1 : 0)}%`,
+                                progress ?? (status === 'COMPLETE' ? 1 : 0))}%`,
                             },
                         };
                     }

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

@@ -18,7 +18,7 @@ import { useLocationsView } from './LocationsView/useLocationsView.mjs';
 import './LocationDetailView/LocationDetailView.mjs';
 import { useLocationDetailView } from './LocationDetailView/useLocationDetailView.mjs';
 
-const USE_VIEW_HOOKS = {
+const DEFAULT_VIEW_HOOKS = {
     Copy: useCopyView,
     CreateFolder: useCreateFolderView,
     Delete: useDeleteView,
@@ -26,13 +26,13 @@ const USE_VIEW_HOOKS = {
     Locations: useLocationsView,
     Upload: useUploadView,
 };
-const isUseViewType = (value) => !!USE_VIEW_HOOKS?.[value];
+const isUseViewType = (value) => !!DEFAULT_VIEW_HOOKS?.[value];
 // @ts-expect-error
 const useView = (type) => {
     if (!isUseViewType(type)) {
         throw new Error(`Value of \`${type}\` cannot be used to index \`useView\``);
     }
-    return USE_VIEW_HOOKS[type]();
+    return DEFAULT_VIEW_HOOKS[type]();
 };
 
-export { useView };
+export { DEFAULT_VIEW_HOOKS, useView };

package/dist/esm/components/StorageImage/StorageImage.mjs

@@ -22,7 +22,7 @@ const getDeprecationMessage = ({ hasImgkey, hasPath, hasDeprecatedOptions, }) =>
     }
     return message;
 };
-const StorageImage = ({ accessLevel, className, fallbackSrc, identityId, imgKey, path, onStorageGetError, onGetUrlError, validateObjectExistence = true, ...rest }) => {
+const StorageImage = ({ accessLevel, bucket, className, fallbackSrc, identityId, imgKey, path, onStorageGetError, onGetUrlError, validateObjectExistence = true, ...rest }) => {
     const hasImgkey = !!imgKey;
     const hasPath = !!path;
     const hasDeprecatedOptions = !!accessLevel || !!identityId;
@@ -46,10 +46,19 @@ const StorageImage = ({ accessLevel, className, fallbackSrc, identityId, imgKey,
         onError,
         options: {
             accessLevel,
+            bucket,
             targetIdentityId: identityId,
             validateObjectExistence,
         },
-    }), [accessLevel, imgKey, identityId, onError, path, validateObjectExistence]);
+    }), [
+        accessLevel,
+        bucket,
+        imgKey,
+        identityId,
+        onError,
+        path,
+        validateObjectExistence,
+    ]);
     const { url } = useGetUrl(input);
     return (React.createElement(Image, { ...rest, className: classNames(ComponentClassName.StorageImage, className), src: url?.toString() ?? fallbackSrc }));
 };

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

@@ -22,7 +22,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, useAccelerateEndpoint, }, ref) {
+const StorageManagerBase = React.forwardRef(function StorageManager({ acceptedFileTypes = [], accessLevel, autoUpload = true, bucket, components, defaultFiles, displayText: overrideDisplayText, isResumable = false, maxFileCount, maxFileSize, onFileRemove, onUploadError, onUploadStart, onUploadSuccess, path, processFile, showThumbnails = true, useAccelerateEndpoint, }, ref) {
     useDeprecationWarning({
         message: 'The `StorageManager` component has been renamed as the `FileUploader` component.',
         shouldWarn: false,
@@ -81,6 +81,7 @@ const StorageManagerBase = React.forwardRef(function StorageManager({ acceptedFi
     });
     useUploadFiles({
         accessLevel,
+        bucket,
         files,
         isResumable,
         maxFileCount,

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.7.1';
+const VERSION = '3.8.0';
 
 export { VERSION };

package/dist/index.js

@@ -9,7 +9,7 @@ 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 createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-D6MKiBgI.js');
+var createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-BcJMLIum.js');
 require('@aws-amplify/storage/internals');
 require('@aws-amplify/ui-react-core/elements');
 require('aws-amplify');
@@ -305,7 +305,7 @@ const resolveFile = ({ processFile, ...input }) => {
     });
 };
 
-const getInput = ({ accessLevel, file, key, onProgress, path, processFile, useAccelerateEndpoint, }) => {
+const getInput = ({ accessLevel, bucket, file, key, onProgress, path, processFile, useAccelerateEndpoint, }) => {
     return async () => {
         const hasCallbackPath = ui.isFunction(path);
         const hasStringPath = ui.isString(path);
@@ -313,7 +313,13 @@ const getInput = ({ accessLevel, file, key, onProgress, path, processFile, useAc
         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, useAccelerateEndpoint, ...rest };
+        const options = {
+            bucket,
+            contentType,
+            onProgress,
+            useAccelerateEndpoint,
+            ...rest,
+        };
         let inputResult;
         if (hasKeyInput) {
             // legacy handling of `path` is to prefix to `fileKey`
@@ -357,7 +363,7 @@ async function uploadFile({ input, onError, onStart, onComplete, }) {
     return uploadTask;
 }
 
-function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, useAccelerateEndpoint, }) {
+function useUploadFiles({ accessLevel, bucket, files, isResumable, maxFileCount, 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) {
@@ -377,6 +383,7 @@ function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onUploa
             if (file) {
                 const input = getInput({
                     accessLevel,
+                    bucket,
                     file,
                     key,
                     onProgress,
@@ -411,6 +418,7 @@ function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onUploa
     }, [
         files,
         accessLevel,
+        bucket,
         isResumable,
         setUploadProgress,
         setUploadingFile,
@@ -555,7 +563,7 @@ const logger$1 = ui.getLogger('Storage');
 const MISSING_REQUIRED_PROPS_MESSAGE$1 = '`FileUploader` requires a `maxFileCount` prop to be provided.';
 const ACCESS_LEVEL_WITH_PATH_CALLBACK_MESSAGE$1 = '`FileUploader` does not allow usage of a `path` callback prop with an `accessLevel` prop.';
 const ACCESS_LEVEL_DEPRECATION_MESSAGE$1 = '`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/FileUploader';
-const FileUploaderBase = React__namespace.forwardRef(function FileUploader({ acceptedFileTypes = [], accessLevel, autoUpload = true, components, defaultFiles, displayText: overrideDisplayText, isResumable = false, maxFileCount, maxFileSize, onFileRemove, onUploadError, onUploadStart, onUploadSuccess, path, processFile, showThumbnails = true, useAccelerateEndpoint, }, ref) {
+const FileUploaderBase = React__namespace.forwardRef(function FileUploader({ acceptedFileTypes = [], accessLevel, autoUpload = true, bucket, 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$1);
@@ -610,6 +618,7 @@ const FileUploaderBase = React__namespace.forwardRef(function FileUploader({ acc
     });
     useUploadFiles({
         accessLevel,
+        bucket,
         files,
         isResumable,
         maxFileCount,
@@ -729,7 +738,7 @@ const getDeprecationMessage = ({ hasImgkey, hasPath, hasDeprecatedOptions, }) =>
     }
     return message;
 };
-const StorageImage = ({ accessLevel, className, fallbackSrc, identityId, imgKey, path, onStorageGetError, onGetUrlError, validateObjectExistence = true, ...rest }) => {
+const StorageImage = ({ accessLevel, bucket, className, fallbackSrc, identityId, imgKey, path, onStorageGetError, onGetUrlError, validateObjectExistence = true, ...rest }) => {
     const hasImgkey = !!imgKey;
     const hasPath = !!path;
     const hasDeprecatedOptions = !!accessLevel || !!identityId;
@@ -753,10 +762,19 @@ const StorageImage = ({ accessLevel, className, fallbackSrc, identityId, imgKey,
         onError,
         options: {
             accessLevel,
+            bucket,
             targetIdentityId: identityId,
             validateObjectExistence,
         },
-    }), [accessLevel, imgKey, identityId, onError, path, validateObjectExistence]);
+    }), [
+        accessLevel,
+        bucket,
+        imgKey,
+        identityId,
+        onError,
+        path,
+        validateObjectExistence,
+    ]);
     const { url } = uiReactCore.useGetUrl(input);
     return (React__namespace.createElement(uiReact.Image, { ...rest, className: ui.classNames(ui.ComponentClassName.StorageImage, className), src: url?.toString() ?? fallbackSrc }));
 };
@@ -891,7 +909,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, useAccelerateEndpoint, }, ref) {
+const StorageManagerBase = React__namespace.forwardRef(function StorageManager({ acceptedFileTypes = [], accessLevel, autoUpload = true, bucket, components, defaultFiles, displayText: overrideDisplayText, isResumable = false, maxFileCount, maxFileSize, onFileRemove, onUploadError, onUploadStart, onUploadSuccess, path, processFile, showThumbnails = true, useAccelerateEndpoint, }, ref) {
     uiReactCore.useDeprecationWarning({
         message: 'The `StorageManager` component has been renamed as the `FileUploader` component.',
         shouldWarn: false,
@@ -950,6 +968,7 @@ const StorageManagerBase = React__namespace.forwardRef(function StorageManager({
     });
     useUploadFiles({
         accessLevel,
+        bucket,
         files,
         isResumable,
         maxFileCount,

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

@@ -1,8 +1,9 @@
 import { PathCallback } from '../../utils';
-import { FileUploaderProps } from '../../types';
+import { FileUploaderProps, StorageBucket } from '../../types';
 import { UseFileUploader } from '../useFileUploader';
 export interface UseUploadFilesProps extends Pick<FileUploaderProps, 'isResumable' | 'onUploadSuccess' | 'onUploadError' | 'onUploadStart' | 'maxFileCount' | 'processFile' | 'useAccelerateEndpoint'>, Pick<UseFileUploader, 'setUploadingFile' | 'setUploadProgress' | 'setUploadSuccess' | 'files'> {
     accessLevel?: FileUploaderProps['accessLevel'];
+    bucket?: StorageBucket;
     path?: string | PathCallback;
 }
-export declare function useUploadFiles({ accessLevel, files, isResumable, maxFileCount, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, useAccelerateEndpoint, }: UseUploadFilesProps): void;
+export declare function useUploadFiles({ accessLevel, bucket, files, isResumable, maxFileCount, onUploadError, onUploadStart, onUploadSuccess, path, processFile, setUploadingFile, setUploadProgress, setUploadSuccess, useAccelerateEndpoint, }: UseUploadFilesProps): void;

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

@@ -1,6 +1,11 @@
 import * as React from 'react';
 import { ContainerProps, DropZoneProps, FileListHeaderProps, FileListFooterProps, FileListProps, FilePickerProps } from './ui';
 import { FileUploaderDisplayText, PathCallback, UploadTask } from './utils';
+export interface BucketInfo {
+    bucketName: string;
+    region: string;
+}
+export type StorageBucket = string | BucketInfo;
 export declare enum FileStatus {
     ADDED = "added",
     QUEUED = "queued",
@@ -115,8 +120,9 @@ export interface FileUploaderProps {
      */
     path?: string;
     useAccelerateEndpoint?: boolean;
+    bucket?: never;
 }
-export interface FileUploaderPathProps extends Omit<FileUploaderProps, 'accessLevel' | 'path'> {
+export interface FileUploaderPathProps extends Omit<FileUploaderProps, 'accessLevel' | 'bucket' | 'path'> {
     /**
      * S3 bucket key, allows either a `string` or a `PathCallback`:
      * - `string`: `path` is prefixed to the file `key` for each file
@@ -125,5 +131,6 @@ export interface FileUploaderPathProps extends Omit<FileUploaderProps, 'accessLe
      */
     path: string | PathCallback;
     accessLevel?: never;
+    bucket?: StorageBucket;
     useAccelerateEndpoint?: boolean;
 }

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

@@ -1,8 +1,9 @@
 import { UploadDataWithPathInput, UploadDataInput } from 'aws-amplify/storage';
-import { ProcessFile, StorageAccessLevel } from '../types';
+import { ProcessFile, StorageAccessLevel, StorageBucket } from '../types';
 import { PathCallback, PathInput } from './uploadFile';
 export interface GetInputParams {
     accessLevel: StorageAccessLevel | undefined;
+    bucket?: StorageBucket;
     file: File;
     key: string;
     onProgress: NonNullable<UploadDataWithPathInput['options']>['onProgress'];
@@ -10,4 +11,4 @@ export interface GetInputParams {
     processFile: ProcessFile | undefined;
     useAccelerateEndpoint?: boolean;
 }
-export declare const getInput: ({ accessLevel, file, key, onProgress, path, processFile, useAccelerateEndpoint, }: GetInputParams) => () => Promise<PathInput | UploadDataInput>;
+export declare const getInput: ({ accessLevel, bucket, file, key, onProgress, path, processFile, useAccelerateEndpoint, }: GetInputParams) => () => Promise<PathInput | UploadDataInput>;

package/dist/types/components/StorageBrowser/composables/DataTable/DataTable.d.ts

@@ -6,6 +6,7 @@ export interface DataTableRow {
 }
 export interface DataTableProps {
     headers: WithKey<DataTableHeader>[];
+    isLoading?: boolean;
     rows: WithKey<DataTableRow>[];
 }
-export declare const DataTable: ({ headers, rows, }: DataTableProps) => React.JSX.Element;
+export declare const DataTable: ({ headers, isLoading, rows, }: DataTableProps) => React.JSX.Element;

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

@@ -2,5 +2,6 @@ export { componentsDefault } from './componentsDefault';
 export { createStorageBrowser } from './createStorageBrowser';
 export { ActionViewConfig, ActionHandler, FileDataItem, ExtendedActionConfigs, } from './actions';
 export { createAmplifyAuthAdapter, createManagedAuthAdapter, CreateManagedAuthAdapterInput, StorageBrowserAuthAdapter, } from './adapters';
-export { CreateStorageBrowserInput, StorageBrowserType, DerivedActionViewType, DerivedActionViews, } from './types';
 export { DefaultStorageBrowserDisplayText } from './displayText';
+export { CreateStorageBrowserInput, StorageBrowserType, DerivedActionViewType, DerivedActionViews, } from './types';
+export { UseView } from './views';

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

@@ -1,10 +1,9 @@
 import React from 'react';
 import { CustomActionConfigs, DefaultActionConfigs, ExtendedActionConfigs, ListLocations } from './actions';
 import { GetLocationCredentials } from './credentials/types';
-import { UseView } from './views/useView';
 import { Components } from './ComponentsProvider';
 import { RegisterAuthListener, StoreProviderProps } from './providers';
-import { CopyViewType, CreateFolderViewType, DeleteViewType, UploadViewType, LocationActionViewType, LocationDetailViewType, LocationsViewType, Views } from './views';
+import { CopyViewType, CreateFolderViewType, DeleteViewType, UploadViewType, LocationActionViewType, LocationDetailViewType, LocationsViewType, Views, UseView } from './views';
 import { StorageBrowserDisplayText } from './displayText';
 import { DerivedActionHandlers, UseAction } from './useAction';
 export interface Config {

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

@@ -1,4 +1,6 @@
+export { ViewsProvider, useViews } from './context';
 export { CopyView, CopyViewType, CreateFolderView, CreateFolderViewType, DeleteView, DeleteViewType, LocationActionView, LocationActionViewProps, LocationActionViewType, UploadView, UploadViewType, } from './LocationActionView';
 export { LocationDetailView, LocationDetailViewProps, LocationDetailViewType, } from './LocationDetailView';
 export { LocationsView, LocationsViewProps, LocationsViewType, } from './LocationsView';
+export { useView, UseView } from './useView';
 export * from './types';

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

@@ -1,4 +1,4 @@
-declare const USE_VIEW_HOOKS: {
+export declare const DEFAULT_VIEW_HOOKS: {
     Copy: (options?: import("./LocationActionView/CopyView").UseCopyViewOptions | undefined) => import("./LocationActionView").CopyViewState;
     CreateFolder: (options?: import("./LocationActionView/CreateFolderView").UseCreateFolderViewOptions | undefined) => import("./LocationActionView").CreateFolderViewState;
     Delete: (options?: import("./LocationActionView/DeleteView").UseDeleteViewOptions | undefined) => import("./LocationActionView").DeleteViewState;
@@ -6,11 +6,11 @@ declare const USE_VIEW_HOOKS: {
     Locations: (options?: import("./LocationsView/types").UseLocationsViewOptions | undefined) => import("./LocationsView/types").LocationsViewState;
     Upload: (options?: import("./LocationActionView/UploadView").UseUploadViewOptions | undefined) => import("./LocationActionView").UploadViewState;
 };
-type DefaultUseViews = typeof USE_VIEW_HOOKS;
-export type UseViewType = keyof DefaultUseViews;
+type DefaultViewHooks = typeof DEFAULT_VIEW_HOOKS;
+export type UseViewType = keyof DefaultViewHooks;
 export type ViewKey<T> = T extends Record<string, {
     componentName?: `${infer U}View`;
 }> ? U : T extends Record<infer K, any> ? K : never;
-export type UseView = <K extends keyof DefaultUseViews, S extends DefaultUseViews[K]>(type: K) => ReturnType<S>;
+export type UseView = <K extends UseViewType, S extends ReturnType<DefaultViewHooks[K]>>(type: K) => S;
 export declare const useView: UseView;
 export {};

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

@@ -4,4 +4,4 @@ export declare const MISSING_REQUIRED_PROP_MESSAGE = "`StorageImage` requires ei
 export declare 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";
 export declare const HAS_PATH_AND_KEY_MESSAGE = "`imgKey` is ignored when both `imgKey` and `path` props are provided.";
 export declare const HAS_PATH_AND_UNSUPPORTED_OPTIONS_MESSAGE = "`accessLevel` and `identityId` are ignored when the `path` prop is provided.";
-export declare const StorageImage: ({ accessLevel, className, fallbackSrc, identityId, imgKey, path, onStorageGetError, onGetUrlError, validateObjectExistence, ...rest }: StorageImageProps | StorageImagePathProps) => React.JSX.Element;
+export declare const StorageImage: ({ accessLevel, bucket, className, fallbackSrc, identityId, imgKey, path, onStorageGetError, onGetUrlError, validateObjectExistence, ...rest }: StorageImageProps | StorageImagePathProps) => React.JSX.Element;

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

@@ -1,4 +1,5 @@
 import { ImageProps } from '@aws-amplify/ui-react';
+import { StorageBucket } from '../FileUploader/types';
 type StorageAccessLevel = 'guest' | 'protected' | 'private';
 export interface StorageImageProps extends Omit<ImageProps, 'src'> {
     /**
@@ -11,6 +12,7 @@ export interface StorageImageProps extends Omit<ImageProps, 'src'> {
      * `accessLevel` will be replaced with `path` in a future major version of Amplify UI. See https://ui.docs.amplify.aws/react/connected-components/storage/storageimage#props
      */
     accessLevel: StorageAccessLevel;
+    bucket?: never;
     /**
      * @deprecated
      * `identityId` will be replaced with `path` in a future major version of Amplify UI. See https://ui.docs.amplify.aws/react/connected-components/storage/storageimage#props
@@ -27,13 +29,14 @@ export interface StorageImageProps extends Omit<ImageProps, 'src'> {
     onGetUrlError?: (error: Error) => void;
     path?: never;
 }
-type OmittedPropKey = 'accessLevel' | 'imgKey' | 'identityId' | 'onStorageGetError' | 'path';
+type OmittedPropKey = 'accessLevel' | 'bucket' | 'imgKey' | 'identityId' | 'onStorageGetError' | 'path';
 export interface StorageImagePathProps extends Omit<StorageImageProps, OmittedPropKey> {
     path: string | ((input: {
         identityId?: string;
     }) => string);
     imgKey?: never;
     accessLevel?: never;
+    bucket?: StorageBucket;
     identityId?: never;
     onStorageGetError?: never;
 }