@aws-amplify/ui-react-storage 0.0.0-studio-e5b8195-20230912200241 → 0.0.0-test-delay-3b0be8c-20250107175849

package/dist/types/components/StorageBrowser/views/LocationsView/useLocationsView.d.ts

@@ -0,0 +1,7 @@
+import { ListLocationsExcludeOptions } from '../../actions';
+import { LocationsViewState, UseLocationsViewOptions } from './types';
+export declare const DEFAULT_LIST_OPTIONS: {
+    exclude: ListLocationsExcludeOptions;
+    pageSize: number;
+};
+export declare const useLocationsView: (options?: UseLocationsViewOptions) => LocationsViewState;

package/dist/types/components/StorageBrowser/views/context/actionViews.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ActionViewsContextType } from './types';
+import { DefaultActionViewsByActionName } from '../types';
+export declare const DEFAULT_ACTION_VIEWS: DefaultActionViewsByActionName;
+export declare const ActionViewsContext: React.Context<ActionViewsContextType<{}>>;
+export declare function useActionViews(): ActionViewsContextType;

package/dist/types/components/StorageBrowser/views/context/getViews.d.ts

@@ -0,0 +1,4 @@
+import { CustomActionConfigs } from '../../actions';
+import { Views } from '../types';
+import { ViewsContextType } from './types';
+export declare const getViews: (views?: Views, customConfigs?: CustomActionConfigs) => ViewsContextType;

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

@@ -0,0 +1 @@
+export { ViewsProvider, useViews } from './views';

package/dist/types/components/StorageBrowser/views/context/primaryViews.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PrimaryViewsContextType } from './types';
+import { PrimaryViews } from '../types';
+export declare const DEFAULT_PRIMARY_VIEWS: PrimaryViews;
+export declare const PrimaryViewsContext: React.Context<PrimaryViewsContextType<string>>;
+export declare function usePrimaryViews(): PrimaryViewsContextType;

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

@@ -0,0 +1,9 @@
+import { DefaultActionViewsByActionName, PrimaryViews } from '../types';
+export interface PrimaryViewsContextType<T = string> {
+    primary: PrimaryViews<T>;
+}
+export interface ActionViewsContextType<T = {}> {
+    action: DefaultActionViewsByActionName & T;
+}
+export interface ViewsContextType<TPrimaryView = string, TActionView = {}> extends PrimaryViewsContextType<TPrimaryView>, ActionViewsContextType<TActionView> {
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ExtendedActionConfigs } from '../../actions';
+import { Views } from '../types';
+import { ViewsContextType } from './types';
+export declare function ViewsProvider({ children, views, actions, }: {
+    children?: React.ReactNode;
+    actions?: ExtendedActionConfigs;
+    views?: Views;
+}): React.JSX.Element;
+export declare function useViews(): ViewsContextType;

package/dist/types/components/StorageBrowser/views/hooks/usePaginate.d.ts

@@ -0,0 +1,15 @@
+interface UsePaginate<T> {
+    currentPage: number;
+    highestPageVisited: number;
+    onPaginate: (page: number) => void;
+    handleReset: () => void;
+    pageItems: T[];
+}
+interface UsePaginateProps<T> {
+    hasNextToken: boolean;
+    items: T[];
+    paginateCallback?: () => void;
+    pageSize: number;
+}
+export declare const usePaginate: <T>({ hasNextToken, items, paginateCallback, pageSize, }: UsePaginateProps<T>) => UsePaginate<T>;
+export {};

package/dist/types/components/StorageBrowser/views/hooks/useSearch.d.ts

@@ -0,0 +1,13 @@
+interface UseSearchResult {
+    searchQuery: string;
+    isSearchingSubfolders: boolean;
+    onSearchQueryChange: (query: string) => void;
+    onSearchSubmit: () => void;
+    onToggleSearchSubfolders: () => void;
+    resetSearch: () => void;
+}
+interface UseSearchProps {
+    onSearch?: (query: string, includeSubfolders?: boolean) => void;
+}
+export declare function useSearch(props: UseSearchProps): UseSearchResult;
+export {};

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

@@ -0,0 +1,4 @@
+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 * from './types';

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { LocationData } from '../actions';
+import { LocationActionViewProps, UploadViewProps, CreateFolderViewProps, CopyViewProps, DeleteViewProps } from './LocationActionView';
+import { LocationDetailViewProps } from './LocationDetailView';
+import { LocationsViewProps } from './LocationsView';
+export interface ActionViewProps {
+    className?: string;
+}
+export interface ListViewState<T = any> {
+    onNavigate: (location: LocationData, path?: string) => void;
+    onPaginate: (page: number) => void;
+    page: number;
+    pageItems: T[];
+}
+export interface ListViewProps extends ActionViewProps, Partial<ListViewState> {
+}
+export interface PrimaryViews<T = string> {
+    LocationActionView: (props: LocationActionViewProps<T>) => React.JSX.Element | null;
+    LocationDetailView: (props: LocationDetailViewProps) => React.JSX.Element | null;
+    LocationsView: (props: LocationsViewProps) => React.JSX.Element | null;
+}
+export interface DefaultActionViews {
+    CreateFolderView: (props: CreateFolderViewProps) => React.JSX.Element | null;
+    CopyView: (props: CopyViewProps) => React.JSX.Element | null;
+    DeleteView: (props: DeleteViewProps) => React.JSX.Element | null;
+    UploadView: (props: UploadViewProps) => React.JSX.Element | null;
+}
+export interface DefaultActionViewsByActionName {
+    createFolder: (props: CreateFolderViewProps) => React.JSX.Element | null;
+    copy: (props: CopyViewProps) => React.JSX.Element | null;
+    delete: (props: DeleteViewProps) => React.JSX.Element | null;
+    upload: (props: UploadViewProps) => React.JSX.Element | null;
+}
+export type Views<T = string, K = {}> = Partial<PrimaryViews<T> & DefaultActionViews & K>;

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

@@ -0,0 +1,16 @@
+declare const USE_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;
+    LocationDetail: (options?: import("./LocationDetailView/types").UseLocationDetailViewOptions | undefined) => import("./LocationDetailView/types").LocationDetailViewState;
+    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;
+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 declare const useView: UseView;
+export {};

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

@@ -1,3 +1,7 @@
 /// <reference types="react" />
-import type { StorageImageProps } from './types';
-export declare const StorageImage: ({ accessLevel, className, fallbackSrc, identityId, imgKey, onStorageGetError, ...rest }: StorageImageProps) => JSX.Element;
+import type { StorageImageProps, StorageImagePathProps } from './types';
+export declare const MISSING_REQUIRED_PROP_MESSAGE = "`StorageImage` requires either an `imgKey` or `path` prop.";
+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) => JSX.Element;

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

@@ -1,9 +1,40 @@
-import type { StorageAccessLevel } from '@aws-amplify/storage';
-import type { ImageProps } from '@aws-amplify/ui-react';
+import { ImageProps } from '@aws-amplify/ui-react';
+type StorageAccessLevel = 'guest' | 'protected' | 'private';
 export interface StorageImageProps extends Omit<ImageProps, 'src'> {
+    /**
+     * @deprecated
+     * `imgKey` 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
+     */
     imgKey: string;
+    /**
+     * @deprecated
+     * `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;
+    /**
+     * @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
+     */
     identityId?: string;
     fallbackSrc?: string;
+    validateObjectExistence?: boolean;
+    /**
+     * @deprecated use `onGetUrlError`
+     *
+     * `onStorageGetError` will be replaced with `onGetUrlError` in a future major version of Amplify UI. See https://ui.docs.amplify.aws/react/connected-components/storage/storageimage#props
+     */
     onStorageGetError?: (error: Error) => void;
+    onGetUrlError?: (error: Error) => void;
+    path?: never;
 }
+type OmittedPropKey = 'accessLevel' | 'imgKey' | 'identityId' | 'onStorageGetError' | 'path';
+export interface StorageImagePathProps extends Omit<StorageImageProps, OmittedPropKey> {
+    path: string | ((input: {
+        identityId?: string;
+    }) => string);
+    imgKey?: never;
+    accessLevel?: never;
+    identityId?: never;
+    onStorageGetError?: never;
+}
+export {};

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

@@ -1,7 +1,10 @@
 import * as React from 'react';
-import { StorageManagerProps, StorageManagerHandle } from './types';
+import { StorageManagerProps, StorageManagerPathProps, StorageManagerHandle } from './types';
 import { Container, DropZone, FileList, FileListHeader, FileListFooter, FilePicker } from './ui';
-declare const StorageManager: React.ForwardRefExoticComponent<StorageManagerProps & React.RefAttributes<StorageManagerHandle>> & {
+export declare const MISSING_REQUIRED_PROPS_MESSAGE = "`StorageManager` requires a `maxFileCount` prop to be provided.";
+export declare const ACCESS_LEVEL_WITH_PATH_CALLBACK_MESSAGE = "`StorageManager` does not allow usage of a `path` callback prop with an `accessLevel` prop.";
+export declare 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";
+declare const StorageManager: React.ForwardRefExoticComponent<(StorageManagerProps | StorageManagerPathProps) & React.RefAttributes<StorageManagerHandle>> & {
     Container: typeof Container;
     DropZone: typeof DropZone;
     FileList: typeof FileList;

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

@@ -1,3 +1,3 @@
 export { StorageManager } from './StorageManager';
-export { StorageManagerProps } from './types';
+export { StorageManagerHandle, StorageManagerProps } from './types';
 export { DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, FileListFooterProps, } from './ui';

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

@@ -1,20 +1,13 @@
 import * as React from 'react';
-import type { StorageAccessLevel, UploadTask } from '@aws-amplify/storage';
+import { FileStatus, StorageAccessLevel } from '../FileUploader/types';
+import { FileUploaderDisplayText as StorageManagerDisplayText, PathCallback, UploadTask } from '../FileUploader/utils';
 import { ContainerProps, DropZoneProps, FileListHeaderProps, FileListFooterProps, FileListProps, FilePickerProps } from './ui';
-import { StorageManagerDisplayText } from './utils';
-export declare enum FileStatus {
-    ADDED = "added",
-    QUEUED = "queued",
-    UPLOADING = "uploading",
-    PAUSED = "paused",
-    ERROR = "error",
-    UPLOADED = "uploaded"
-}
 export interface StorageFile {
     id: string;
     file?: File;
     status: FileStatus;
     progress: number;
+    processedKey?: string;
     uploadTask?: UploadTask;
     key: string;
     error: string;
@@ -22,7 +15,11 @@ export interface StorageFile {
 }
 export type StorageFiles = StorageFile[];
 export type DefaultFile = Pick<StorageFile, 'key'>;
-export type ProcessFileParams = Required<Pick<StorageFile, 'file' | 'key'>> & Record<string, any>;
+export interface ProcessFileParams extends Record<string, any> {
+    file: File;
+    key: string;
+    useAccelerateEndpoint?: boolean;
+}
 export type ProcessFile = (params: ProcessFileParams) => Promise<ProcessFileParams> | ProcessFileParams;
 export interface StorageManagerHandle {
     clearFiles: () => void;
@@ -60,7 +57,7 @@ export interface StorageManagerProps {
     /**
      * Overrides default display text
      */
-    displayText?: Partial<StorageManagerDisplayText>;
+    displayText?: StorageManagerDisplayText;
     /**
      * Determines if upload can be paused / resumed
      */
@@ -106,14 +103,19 @@ export interface StorageManagerProps {
      */
     showThumbnails?: boolean;
     /**
-     * Storage provider name
-     * @see https://docs.amplify.aws/lib/storage/custom-plugin/q/platform/js/
+     * Provided value is prefixed to the file `key` for each file
      */
-    provider?: string;
+    path?: string;
+    useAccelerateEndpoint?: boolean;
+}
+export interface StorageManagerPathProps extends Omit<StorageManagerProps, 'accessLevel' | 'path'> {
     /**
-     * A path to put files in the s3 bucket.
-     * This will be prepended to the key sent to
-     * s3 for each file.
+     * S3 bucket key, allows either a `string` or a `PathCallback`:
+     * - `string`: `path` is prefixed to the file `key` for each file
+     * - `PathCallback`: callback provided an input containing the current `identityId`,
+     *    resolved value is prefixed to the file `key` for each file
      */
-    path?: string;
+    path: string | PathCallback;
+    accessLevel?: never;
+    useAccelerateEndpoint?: boolean;
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StorageManagerDisplayText } from '../../utils/displayText';
+import { FileUploaderDisplayText as StorageManagerDisplayText } from '../../../FileUploader/utils/displayText';
 export interface DropZoneProps {
     children?: React.ReactNode;
     displayText: StorageManagerDisplayText;

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

@@ -1,31 +1,21 @@
-import type { UploadTask } from '@aws-amplify/storage';
-import { StorageManagerDisplayText } from '../../utils/displayText';
-import { FileStatus, StorageFile } from '../../types';
+import { FileUploaderDisplayTextDefault as StorageManagerDisplayTextDefault, TaskHandler } from '../../../FileUploader/utils';
+import { FileStatus, StorageFile } from '../../../FileUploader/types';
 export interface FileListProps {
-    displayText: StorageManagerDisplayText;
+    displayText: StorageManagerDisplayTextDefault;
     files: StorageFile[];
     isResumable: boolean;
-    onCancelUpload: (params: {
-        id: string;
-        uploadTask: UploadTask;
-    }) => void;
+    onCancelUpload: TaskHandler;
     onDeleteUpload: (params: {
         id: string;
     }) => void;
-    onPause: (params: {
-        id: string;
-        uploadTask: UploadTask;
-    }) => void;
-    onResume: (params: {
-        id: string;
-        uploadTask: UploadTask;
-    }) => void;
+    onPause: TaskHandler;
+    onResume: TaskHandler;
     showThumbnails: boolean;
     hasMaxFilesError: boolean;
     maxFileCount: number;
 }
 export interface FileControlProps {
-    displayText: StorageManagerDisplayText;
+    displayText: StorageManagerDisplayTextDefault;
     displayName: string;
     errorMessage: string;
     isImage: boolean;
@@ -41,7 +31,7 @@ export interface FileControlProps {
     status: FileStatus;
     thumbnailUrl: string;
 }
-export interface FileStatusMessageProps extends Pick<StorageManagerDisplayText, 'getUploadingText' | 'getPausedText' | 'uploadSuccessfulText'> {
+export interface FileStatusMessageProps extends Pick<StorageManagerDisplayTextDefault, 'getUploadingText' | 'getPausedText' | 'uploadSuccessfulText'> {
     status: FileStatus;
     errorMessage: string;
     percentage: number;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { StorageManagerDisplayText } from '../../utils';
+import { FileUploaderDisplayTextDefault as StorageManagerDisplayTextDefault } from '../../../FileUploader/utils';
 export interface FileListFooterProps {
     remainingFilesCount: number;
-    displayText: StorageManagerDisplayText;
+    displayText: StorageManagerDisplayTextDefault;
     onClearAll: () => void;
     onUploadAll: () => void;
 }

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { StorageManagerDisplayText } from '../../utils/displayText';
+import { FileUploaderDisplayTextDefault as StorageManagerDisplayTextDefault } from '../../../FileUploader/utils';
 export interface FileListHeaderProps {
     allUploadsSuccessful: boolean;
-    displayText: StorageManagerDisplayText;
+    displayText: StorageManagerDisplayTextDefault;
     fileCount: number;
     remainingFilesCount: number;
     selectedFilesCount?: number;

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

@@ -1,2 +1,3 @@
+export { FileUploader, FileUploaderHandle, FileUploaderProps, } from './FileUploader';
 export { StorageImage, StorageImageProps } from './StorageImage';
-export { StorageManager, StorageManagerProps, DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, FileListFooterProps, } from './StorageManager';
+export { StorageManager, StorageManagerHandle, StorageManagerProps, DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, FileListFooterProps, } from './StorageManager';

package/dist/types/index.d.ts

@@ -1 +1,2 @@
-export { StorageImage, StorageImageProps, StorageManager, StorageManagerProps, DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, FileListFooterProps, } from './components';
+export { FileUploader, FileUploaderHandle, FileUploaderProps, StorageImage, StorageImageProps, StorageManager, StorageManagerHandle, StorageManagerProps, DropZoneProps, ContainerProps, FileListProps, FilePickerProps, FileListHeaderProps, FileListFooterProps, } from './components';
+export { StorageBrowser, StorageBrowserProps, } from './components/StorageBrowser/StorageBrowserAmplify';

package/dist/types/styles/storage-browser-styles.d.ts

@@ -0,0 +1 @@
+import './storage-browser.css';

package/dist/types/version.d.ts

@@ -0,0 +1 @@
+export declare const VERSION = "3.6.1";

package/package.json

@@ -1,18 +1,25 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "0.0.0-studio-e5b8195-20230912200241",
+  "version": "0.0.0-test-delay-3b0be8c-20250107175849",
   "main": "dist/index.js",
-  "module": "dist/esm/index.js",
+  "module": "dist/esm/index.mjs",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/esm/index.js",
+      "import": "./dist/esm/index.mjs",
       "require": "./dist/index.js"
     },
-    "./styles.css": "./dist/styles.css"
+    "./browser": {
+      "main": "./dist/browser.js",
+      "types": "./dist/types/components/StorageBrowser/index.d.ts",
+      "import": "./dist/esm/browser.mjs"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./storage-browser-styles.css": "./dist/storage-browser-styles.css"
   },
   "browser": {
-    "./styles.css": "./dist/styles.css"
+    "./styles.css": "./dist/styles.css",
+    "./storage-browser-styles.css": "./dist/storage-browser-styles.css"
   },
   "types": "dist/types/index.d.ts",
   "license": "Apache-2.0",
@@ -23,73 +30,74 @@
   },
   "files": [
     "dist",
-    "LICENSE"
+    "LICENSE",
+    "browser"
   ],
   "scripts": {
     "build": "yarn build:rollup",
     "build:rollup": "rollup --config",
+    "check:esm": "node --input-type=module --eval 'import \"@aws-amplify/ui-react-storage\"'",
     "clean": "rimraf dist node_modules",
     "dev": "yarn build:rollup --watch",
-    "lint": "yarn typecheck && eslint src --ext .js,.ts,.tsx",
+    "lint": "yarn typecheck && eslint .",
     "prebuild": "rimraf dist",
     "size": "yarn size-limit",
     "test": "jest",
-    "test:ci": "yarn test",
     "test:watch": "yarn test --watch",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "0.0.0-studio-e5b8195-20230912200241",
-    "@aws-amplify/ui-react": "0.0.0-studio-e5b8195-20230912200241",
-    "@aws-amplify/ui-react-core": "0.0.0-studio-e5b8195-20230912200241",
-    "classnames": "2.3.1",
-    "lodash": "4.17.21",
-    "tslib": "2.4.1"
+    "@aws-amplify/ui": "0.0.0-test-delay-3b0be8c-20250107175849",
+    "@aws-amplify/ui-react": "0.0.0-test-delay-3b0be8c-20250107175849",
+    "@aws-amplify/ui-react-core": "0.0.0-test-delay-3b0be8c-20250107175849",
+    "tslib": "^2.5.2"
   },
   "peerDependencies": {
-    "aws-amplify": "^5.0.1",
-    "react": ">= 16.14.0",
-    "react-dom": ">= 16.14.0"
-  },
-  "peerDependenciesMeta": {
-    "aws-amplify": {
-      "optional": true
-    }
+    "aws-amplify": "^6.9.0",
+    "react": "^16.14.0 || ^17.0 || ^18.0",
+    "react-dom": "^16.14.0 || ^17.0 || ^18.0"
   },
   "devDependencies": {
-    "@aws-amplify/eslint-config-amplify-ui": "0.0.0",
-    "@rollup/plugin-commonjs": "^22.0.1",
-    "@rollup/plugin-typescript": "^8.3.1",
-    "@size-limit/preset-big-lib": "^8.2.6",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^12.0.0",
-    "@testing-library/react-hooks": "^7.0.1",
-    "@testing-library/user-event": "^13.2.1",
-    "@types/jest": "^26.0.23",
-    "@types/react": "^17.0.2",
-    "@types/testing-library__jest-dom": "^5.14.1",
-    "eslint": "^8.44.0",
-    "jest": "^27.0.4",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.70.0",
-    "rollup-plugin-node-externals": "^4.1.1",
-    "rollup-plugin-styles": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "size-limit": "^8.2.6",
-    "ts-jest": "^27.0.3",
-    "ts-morph": "^12.0.0"
+    "jest-tsd": "^0.2.2",
+    "@tsd/typescript": "^5.1.6",
+    "@types/node": "^18.19.50"
   },
   "sideEffects": [
     "dist/**/*.css"
   ],
   "size-limit": [
+    {
+      "name": "createStorageBrowser",
+      "path": "dist/esm/browser.mjs",
+      "import": "{ createStorageBrowser }",
+      "limit": "60.5 kB",
+      "ignore": [
+        "@aws-amplify/storage"
+      ]
+    },
+    {
+      "name": "StorageBrowser",
+      "path": "dist/esm/index.mjs",
+      "import": "{ StorageBrowser }",
+      "limit": "83 kB"
+    },
+    {
+      "name": "FileUploader",
+      "path": "dist/esm/index.mjs",
+      "import": "{ FileUploader }",
+      "limit": "22 kB"
+    },
+    {
+      "name": "StorageImage",
+      "path": "dist/esm/index.mjs",
+      "import": "{ StorageImage }",
+      "limit": "14.5 kB"
+    },
     {
       "name": "StorageManager",
-      "path": "dist/esm/index.js",
+      "path": "dist/esm/index.mjs",
       "import": "{ StorageManager }",
-      "limit": "120 kB"
+      "limit": "22 kB"
     }
   ]
 }

package/dist/esm/components/StorageImage/StorageImage.js

@@ -1 +0,0 @@
-import{__rest as e}from"tslib";import*as r from"react";import a from"classnames";import{Image as t,ComponentClassNames as o}from"@aws-amplify/ui-react";import{useStorageURL as s}from"@aws-amplify/ui-react/internal";const c=c=>{var{accessLevel:i,className:m,fallbackSrc:l,identityId:n,imgKey:f,onStorageGetError:p}=c,g=e(c,["accessLevel","className","fallbackSrc","identityId","imgKey","onStorageGetError"]);const y=r.useMemo((()=>({level:i,identityId:n})),[i,n]),d=s({key:f,options:y,fallbackURL:l,onStorageGetError:p});return r.createElement(t,Object.assign({},g,{className:a(o.StorageImage,m),src:d}))};export{c as StorageImage};

package/dist/esm/components/StorageManager/StorageManager.js

@@ -1 +0,0 @@
-import{__rest as e}from"tslib";import*as i from"react";import{Logger as t}from"aws-amplify";import{ComponentClassNames as l,VisuallyHidden as o}from"@aws-amplify/ui-react";import{useDropZone as s}from"@aws-amplify/ui-react/internal";import{useStorageManager as r}from"./hooks/useStorageManager/useStorageManager.js";import{useUploadFiles as a}from"./hooks/useUploadFiles/useUploadFiles.js";import{FileStatus as n}from"./types.js";import{Container as p}from"./ui/Container/Container.js";import{DropZone as c}from"./ui/DropZone/DropZone.js";import{FileList as u}from"./ui/FileList/FileList.js";import{FileListHeader as m}from"./ui/FileListHeader/FileListHeader.js";import{FileListFooter as d}from"./ui/FileListFooter/FileListFooter.js";import{FilePicker as F}from"./ui/FilePicker/FilePicker.js";import{checkMaxFileSize as f}from"./utils/checkMaxFileSize.js";import{defaultStorageManagerDisplayText as g}from"./utils/displayText.js";import{filterAllowedFiles as U}from"./utils/filterAllowedFiles.js";const E=new t("Storage.StorageManager");const j=Object.assign(i.forwardRef((function({acceptedFileTypes:t=[],accessLevel:j,autoUpload:D=!0,defaultFiles:L,displayText:S,isResumable:h=!1,maxFileCount:x,maxFileSize:y,onUploadError:C,onUploadSuccess:T,onFileRemove:k,onUploadStart:v,showThumbnails:b=!0,processFile:w,components:P,provider:M,path:R},A){j&&x||E.warn("FileUploader requires accessLevel and maxFileCount props");const O=Object.assign({Container:p,DropZone:c,FileList:u,FilePicker:F,FileListHeader:m,FileListFooter:d},P),H=void 0===x||"number"==typeof x&&x>1,Z=Object.assign(Object.assign({},g),S),{getFileSizeErrorText:z}=Z,q=e=>f({file:e,maxFileSize:y,getFileSizeErrorText:z}),{addFiles:I,clearFiles:Q,files:$,removeUpload:N,queueFiles:B,setUploadingFile:G,setUploadPaused:J,setUploadProgress:K,setUploadSuccess:V,setUploadResumed:W}=r(L);i.useImperativeHandle(A,(()=>({clearFiles:Q})));const X=s({acceptedFileTypes:t,onDropComplete:({acceptedFiles:e,rejectedFiles:i})=>{i&&i.length>0&&E.warn("Rejected files: ",i);const l=U(e,t);I({files:l,status:D?n.QUEUED:n.ADDED,getFileErrorMessage:q})}}),{dragState:Y}=X,_=e(X,["dragState"]);a({accessLevel:j,files:$,isResumable:h,maxFileCount:x,onUploadError:C,onUploadSuccess:T,onUploadStart:v,setUploadingFile:G,setUploadProgress:K,setUploadSuccess:V,processFile:w,provider:M,path:R});const ee=0!==$.length&&$.every((e=>(null==e?void 0:e.status)===n.UPLOADED)),ie=$.filter((e=>e.progress<100)).length>x,te=$.filter((e=>(null==e?void 0:e.status)===n.UPLOADED)).length,le=$.length-te,oe=D?0:le,se=$.length>0,re=!D&&le>0,ae=i.useRef(null);return i.createElement(O.Container,{className:`${l.StorageManager} ${se?l.StorageManagerPreviewer:""}`},i.createElement(O.DropZone,Object.assign({inDropZone:"inactive"!==Y},_,{displayText:Z}),i.createElement(i.Fragment,null,i.createElement(O.FilePicker,{onClick:function(){ae.current&&(ae.current.click(),ae.current.value="")}},Z.browseFilesText),i.createElement(o,null,i.createElement("input",{type:"file",tabIndex:-1,ref:ae,onChange:e=>{const{files:i}=e.target;i&&0!==i.length&&I({files:Array.from(i),status:D?n.QUEUED:n.ADDED,getFileErrorMessage:q})},multiple:H,accept:t.join(",")})))),se?i.createElement(O.FileListHeader,{allUploadsSuccessful:ee,displayText:Z,fileCount:$.length,remainingFilesCount:le,selectedFilesCount:oe}):null,i.createElement(O.FileList,{displayText:Z,files:$,isResumable:h,onCancelUpload:({id:e,uploadTask:i})=>{i.pause(),N({id:e})},onDeleteUpload:({id:e})=>{if(N({id:e}),"function"==typeof k){const i=$.find((i=>i.id===e));i&&k({key:i.key})}},onResume:({id:e,uploadTask:i})=>{i.resume(),W({id:e})},onPause:({id:e,uploadTask:i})=>{i.pause(),J({id:e})},showThumbnails:b,hasMaxFilesError:ie,maxFileCount:x}),re?i.createElement(O.FileListFooter,{displayText:Z,remainingFilesCount:le,onClearAll:()=>{Q()},onUploadAll:()=>{B()}}):null)})),{Container:p,DropZone:c,FileList:u,FileListHeader:m,FileListFooter:d,FilePicker:F});export{j as StorageManager};

package/dist/esm/components/StorageManager/hooks/useStorageManager/actions.js

@@ -1 +0,0 @@
-import{StorageManagerActionTypes as s}from"./types.js";const e=({files:e,status:t,getFileErrorMessage:p})=>({type:s.ADD_FILES,files:e,status:t,getFileErrorMessage:p}),t=()=>({type:s.CLEAR_FILES}),p=()=>({type:s.QUEUE_FILES}),E=({id:e,uploadTask:t})=>({type:s.SET_STATUS_UPLOADING,id:e,uploadTask:t}),i=({id:e,progress:t})=>({type:s.SET_UPLOAD_PROGRESS,id:e,progress:t}),r=({id:e,status:t})=>({type:s.SET_STATUS,id:e,status:t}),S=({id:e})=>({type:s.REMOVE_UPLOAD,id:e});export{e as addFilesAction,t as clearFilesAction,p as queueFilesAction,S as removeUploadAction,i as setUploadProgressAction,r as setUploadStatusAction,E as setUploadingFileAction};

package/dist/esm/components/StorageManager/hooks/useStorageManager/reducer.js

@@ -1 +0,0 @@
-import{FileStatus as s}from"../../types.js";import{StorageManagerActionTypes as e}from"./types.js";function t(t,i){switch(i.type){case e.ADD_FILES:{const{files:e,status:a}=i,c=e.map((e=>{const t=i.getFileErrorMessage(e);return{id:e.name,file:e,error:t,key:e.name,status:t?s.ERROR:a,isImage:e.type.startsWith("image/"),progress:-1}})),n=[...t.files,...c];return Object.assign(Object.assign({},t),{files:n})}case e.CLEAR_FILES:return Object.assign(Object.assign({},t),{files:[]});case e.QUEUE_FILES:{const{files:e}=t,i=e.reduce(((e,t)=>[...e,Object.assign(Object.assign({},t),{status:s.QUEUED})]),[]);return Object.assign(Object.assign({},t),{files:i})}case e.SET_STATUS_UPLOADING:{const{id:e,uploadTask:a}=i,{files:c}=t,n=c.reduce(((t,i)=>i.id===e?[...t,Object.assign(Object.assign({},i),{status:s.UPLOADING,progress:0,uploadTask:a||void 0})]:[...t,i]),[]);return Object.assign(Object.assign({},t),{files:n})}case e.SET_UPLOAD_PROGRESS:{const{id:s,progress:e}=i,{files:a}=t,c=a.reduce(((t,i)=>i.id===s?[...t,Object.assign(Object.assign({},i),{progress:e})]:[...t,i]),[]);return Object.assign(Object.assign({},t),{files:c})}case e.SET_STATUS:{const{id:s,status:e}=i,{files:a}=t,c=a.reduce(((t,i)=>i.id===s?[...t,Object.assign(Object.assign({},i),{status:e})]:[...t,i]),[]);return Object.assign(Object.assign({},t),{files:c})}case e.REMOVE_UPLOAD:{const{id:s}=i,{files:e}=t,a=e.reduce(((e,t)=>t.id===s?[...e]:[...e,t]),[]);return Object.assign(Object.assign({},t),{files:a})}}}export{t as storageManagerStateReducer};

package/dist/esm/components/StorageManager/hooks/useStorageManager/types.js

@@ -1 +0,0 @@
-var E;!function(E){E.ADD_FILES="ADD_FILES",E.CLEAR_FILES="CLEAR_FILES",E.QUEUE_FILES="QUEUE_FILES",E.SET_STATUS="SET_STATUS",E.SET_STATUS_UPLOADING="SET_STATUS_UPLOADING",E.SET_UPLOAD_PROGRESS="SET_UPLOAD_PROGRESS",E.REMOVE_UPLOAD="REMOVE_UPLOAD"}(E||(E={}));export{E as StorageManagerActionTypes};

package/dist/esm/components/StorageManager/hooks/useStorageManager/useStorageManager.js

@@ -1 +0,0 @@
-import s from"react";import{FileStatus as e}from"../../types.js";import{storageManagerStateReducer as i}from"./reducer.js";import{addFilesAction as r,clearFilesAction as t,queueFilesAction as a,setUploadingFileAction as o,setUploadProgressAction as d,setUploadStatusAction as l,removeUploadAction as p}from"./actions.js";import{isObject as u}from"@aws-amplify/ui";const m=s=>(s=>!(!u(s)||!s.key))(s)?Object.assign(Object.assign({},s),{id:s.key,status:e.UPLOADED}):void 0;function f(u=[]){const[{files:f},c]=s.useReducer(i,{files:Array.isArray(u)?u.map(m).filter((s=>!!s)):[]});return{removeUpload:({id:s})=>{c(p({id:s}))},setUploadPaused:({id:s})=>{c(l({id:s,status:e.PAUSED}))},setUploadProgress:({progress:s,id:e})=>{c(d({id:e,progress:s}))},setUploadResumed:({id:s})=>{c(l({id:s,status:e.UPLOADING}))},setUploadSuccess:({id:s})=>{c(l({id:s,status:e.UPLOADED}))},setUploadingFile:({uploadTask:s,id:e})=>{c(o({id:e,uploadTask:s}))},queueFiles:()=>{c(a())},addFiles:({files:s,status:e,getFileErrorMessage:i})=>{c(r({files:s,status:e,getFileErrorMessage:i}))},clearFiles:()=>{c(t())},files:f}}export{f as useStorageManager};

package/dist/esm/components/StorageManager/hooks/useUploadFiles/resolveFile.js

@@ -1 +0,0 @@
-import{isFunction as e}from"@aws-amplify/ui";const i=({processFile:i,file:o,key:s})=>new Promise(((t,c)=>{const f=e(i)?i({file:o,key:s}):{file:o,key:s};f instanceof Promise?f.then(t).catch(c):t(f)}));export{i as resolveFile};

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

@@ -1 +0,0 @@
-import{__rest as e}from"tslib";import*as o from"react";import{uploadFile as s}from"../../utils/uploadFile.js";import{FileStatus as l}from"../../types.js";import{resolveFile as t}from"./resolveFile.js";function r({files:r,accessLevel:a,isResumable:i,setUploadProgress:p,setUploadingFile:c,setUploadSuccess:n,onUploadError:d,onUploadSuccess:f,onUploadStart:m,maxFileCount:u,processFile:k,provider:b,path:y=""}){o.useEffect((()=>{const o=r.filter((e=>e.status===l.QUEUED));if(!(o.length>u))for(const{file:l,key:r,id:u}of o){const o=e=>{null==f||f(e),n({id:u})},U=e=>{const o=0===e.total?100:Math.floor(e.loaded/e.total*100);p({id:u,progress:o})},g=e=>{null==d||d(e,{key:r})};l&&t({processFile:k,file:l,key:r}).then((l=>{var{key:t}=l,r=e(l,["key"]);null==m||m({key:t});const p=s(Object.assign(Object.assign({},r),{isResumable:i,provider:b,key:y+t,level:a,completeCallback:o,progressCallback:U,errorCallback:g}));c({id:u,uploadTask:i?p:void 0})}))}}),[r,a,i,p,c,d,f,m,u,n,k,b,y])}export{r as useUploadFiles};

package/dist/esm/components/StorageManager/types.js

@@ -1 +0,0 @@
-var d;!function(d){d.ADDED="added",d.QUEUED="queued",d.UPLOADING="uploading",d.PAUSED="paused",d.ERROR="error",d.UPLOADED="uploaded"}(d||(d={}));export{d as FileStatus};

package/dist/esm/components/StorageManager/ui/Container/Container.js

@@ -1 +0,0 @@
-import e from"react";import{View as r}from"@aws-amplify/ui-react";function a({children:a,className:t}){return e.createElement(r,{className:t},a)}export{a as Container};

package/dist/esm/components/StorageManager/ui/DropZone/DropZone.js

@@ -1 +0,0 @@
-import a from"react";import e from"classnames";import{View as r,ComponentClassNames as o,Text as n}from"@aws-amplify/ui-react";import{classNameModifier as t}from"@aws-amplify/ui";import{useIcons as i,IconUpload as l}from"@aws-amplify/ui-react/internal";function m({children:m,displayText:p,inDropZone:s,onDragEnter:g,onDragLeave:c,onDragOver:D,onDragStart:d,onDrop:f,testId:u}){var v;const{dropFilesText:E}=p,S=i("storageManager");return a.createElement(r,{className:e(s&&t(o.StorageManagerDropZone,"active"),o.StorageManagerDropZone),"data-testid":u,onDragStart:d,onDragEnter:g,onDragLeave:c,onDrop:f,onDragOver:D},a.createElement(r,{as:"span","aria-hidden":!0,className:o.StorageManagerDropZoneIcon},null!==(v=null==S?void 0:S.upload)&&void 0!==v?v:a.createElement(l,null)),a.createElement(n,{className:o.StorageManagerDropZoneText},E),m)}export{m as DropZone};

package/dist/esm/components/StorageManager/ui/FileList/FileControl.js

@@ -1 +0,0 @@
-import e from"react";import{View as a,ComponentClassNames as t,Loader as r,Button as l}from"@aws-amplify/ui-react";import{FileStatus as s}from"../../types.js";import{FileStatusMessage as i}from"./FileStatusMessage.js";import{FileRemoveButton as m}from"./FileRemoveButton.js";import{UploadDetails as n}from"./FileDetails.js";import{FileThumbnail as o}from"./FileThumbnail.js";function u({onPause:u,onResume:c,displayName:p,errorMessage:g,isImage:f,isResumable:d,loaderIsDeterminate:T,onRemove:x,progress:E,showThumbnails:S=!0,size:N,status:P,displayText:D,thumbnailUrl:U}){const{getPausedText:v,getUploadingText:F,uploadSuccessfulText:M,pauseText:j,resumeText:k}=D;return e.createElement(a,{className:t.StorageManagerFile},e.createElement(a,{className:t.StorageManagerFileWrapper},S?e.createElement(o,{isImage:f,fileName:p,url:U}):null,e.createElement(n,{displayName:p,fileSize:N}),P===s.UPLOADING?e.createElement(r,{className:t.StorageManagerLoader,variation:"linear",percentage:E,isDeterminate:T,isPercentageTextHidden:!0}):null,!d||P!==s.UPLOADING&&P!==s.PAUSED?null:P===s.PAUSED?e.createElement(l,{onClick:c,size:"small",variation:"link"},k):e.createElement(l,{onClick:u,size:"small",variation:"link"},j),e.createElement(m,{altText:`Remove file ${p}`,onClick:x})),e.createElement(i,{uploadSuccessfulText:M,getUploadingText:F,getPausedText:v,status:P,errorMessage:g,percentage:E}))}export{u as FileControl};

package/dist/esm/components/StorageManager/ui/FileList/FileDetails.js

@@ -1 +0,0 @@
-import e from"react";import{View as a,ComponentClassNames as r,Text as t}from"@aws-amplify/ui-react";import{humanFileSize as m}from"@aws-amplify/ui";const l=({displayName:l,fileSize:i})=>e.createElement(e.Fragment,null,e.createElement(a,{className:r.StorageManagerFileMain},e.createElement(t,{className:r.StorageManagerFileName},l)),e.createElement(t,{as:"span",className:r.StorageManagerFileSize},i?m(i,!0):""));export{l as UploadDetails};

package/dist/esm/components/StorageManager/ui/FileList/FileList.js

@@ -1 +0,0 @@
-import e from"react";import{View as a,ComponentClassNames as s,Alert as r}from"@aws-amplify/ui-react";import{FileStatus as o}from"../../types.js";import{FileControl as i}from"./FileControl.js";function t({displayText:t,files:l,hasMaxFilesError:n,isResumable:m,onCancelUpload:u,onDeleteUpload:p,onResume:d,onPause:c,showThumbnails:g,maxFileCount:f}){if(l.length<1)return null;const{getMaxFilesErrorText:T}=t,U=T(f);return e.createElement(a,{className:s.StorageManagerFileList},l.map((a=>{const{file:s,status:r,progress:l,error:n,key:f,isImage:T,id:U,uploadTask:h}=a,x=s&&T?URL.createObjectURL(s):"",y=!m||l>0,R=r===o.UPLOADING;return e.createElement(i,{displayName:f,errorMessage:n,displayText:t,isImage:T,isUploading:R,isResumable:m,key:U,loaderIsDeterminate:y,onRemove:()=>{m&&(r===o.UPLOADING||r===o.PAUSED)&&h?u({id:U,uploadTask:h}):p({id:U})},onPause:()=>{h&&c({id:U,uploadTask:h})},onResume:()=>{h&&d({id:U,uploadTask:h})},progress:l,showThumbnails:g,size:null==s?void 0:s.size,status:r,thumbnailUrl:x})})),n&&e.createElement(r,{variation:"error",heading:U}))}export{t as FileList};