@aws-amplify/ui-react-storage 3.9.0 → 3.9.2

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

@@ -14,6 +14,7 @@ export interface ListViewState<T = any> {
 }
 export interface ListViewProps extends ActionViewProps, Partial<ListViewState> {
 }
+export type StorageBrowserViews<T = string, K = {}> = Partial<PrimaryViews<T> & DefaultActionViews & K>;
 export interface PrimaryViews<T = string> {
     LocationActionView: (props: LocationActionViewProps<T>) => React.JSX.Element | null;
     LocationDetailView: (props: LocationDetailViewProps) => React.JSX.Element | null;
@@ -31,4 +32,3 @@ export interface DefaultActionViewsByActionName {
     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

@@ -1,16 +1,19 @@
-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;
-    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;
+import { UploadViewState, CreateFolderViewState, DeleteViewState, CopyViewState } from './LocationActionView';
+import { LocationDetailViewState } from './LocationDetailView';
+import { LocationsViewState } from './LocationsView';
+interface DefaultUseViewStates {
+    Copy: CopyViewState;
+    CreateFolder: CreateFolderViewState;
+    Delete: DeleteViewState;
+    LocationDetail: LocationDetailViewState;
+    Locations: LocationsViewState;
+    Upload: UploadViewState;
+}
+type UseViewHooks = {
+    [K in keyof DefaultUseViewStates]: () => DefaultUseViewStates[K];
 };
-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 UseViewType, S extends ReturnType<DefaultViewHooks[K]>>(type: K) => S;
+export declare const USE_VIEW_HOOKS: UseViewHooks;
+export type UseViewType = keyof DefaultUseViewStates;
+export type UseView = <K extends UseViewType>(type: K) => DefaultUseViewStates[K];
 export declare const useView: UseView;
 export {};

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

@@ -0,0 +1 @@
+export { COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS, DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, } from './tableResolvers';

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

@@ -0,0 +1,23 @@
+import { CopyActionTask, DeleteActionTask, UploadActionTask } from '../types';
+import { TaskStatus } from '../../../../tasks';
+type MockCopyOrDeleteTaskStatus = Exclude<TaskStatus, 'OVERWRITE_PREVENTED'>;
+type MockCopyTasks = {
+    [K in MockCopyOrDeleteTaskStatus]: Omit<CopyActionTask, 'status'> & {
+        status: K;
+    };
+};
+type MockDeleteTasks = {
+    [K in MockCopyOrDeleteTaskStatus]: Omit<DeleteActionTask, 'status'> & {
+        status: K;
+    };
+};
+type MockUploadTasks = {
+    [K in TaskStatus]: Omit<UploadActionTask, 'status'> & {
+        status: K;
+    };
+};
+export declare const MOCK_COPY_TASKS: MockCopyTasks;
+export declare const MOCK_DELETE_TASKS: MockDeleteTasks;
+export declare const MOCK_UPLOAD_TASKS_SINGLE_PART: MockUploadTasks;
+export declare const MOCK_UPLOAD_TASKS_MULTIPART: MockUploadTasks;
+export {};

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

@@ -0,0 +1,16 @@
+export declare const STATUS_LABELS: {
+    readonly PENDING: "statusDisplayInProgressLabel";
+    readonly CANCELED: "statusDisplayCanceledLabel";
+    readonly COMPLETE: "statusDisplayCompletedLabel";
+    readonly FAILED: "statusDisplayFailedLabel";
+    readonly QUEUED: "statusDisplayQueuedLabel";
+    readonly OVERWRITE_PREVENTED: "statusDisplayOverwritePreventedLabel";
+};
+export declare const STATUS_ICONS: {
+    readonly PENDING: "action-progress";
+    readonly COMPLETE: "action-success";
+    readonly FAILED: "action-error";
+    readonly OVERWRITE_PREVENTED: "action-info";
+    readonly CANCELED: "action-canceled";
+    readonly QUEUED: "action-queued";
+};

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

@@ -0,0 +1,3 @@
+import { CopyTaskTableResolvers } from './types';
+export declare const COPY_TABLE_KEYS: readonly ["name", "folder", "type", "size", "status", "cancel"];
+export declare const COPY_TABLE_RESOLVERS: CopyTaskTableResolvers;

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

@@ -0,0 +1,3 @@
+import { DeleteTableResolvers } from './types';
+export declare const DELETE_TABLE_KEYS: readonly ["name", "folder", "type", "size", "status", "cancel"];
+export declare const DELETE_TABLE_RESOLVERS: DeleteTableResolvers;

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

@@ -0,0 +1,3 @@
+export { COPY_TABLE_KEYS, COPY_TABLE_RESOLVERS } from './copyResolvers';
+export { UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS } from './uploadResolvers';
+export { DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS } from './deleteResolvers';

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

@@ -0,0 +1,36 @@
+import { CopyHandlerData, DeleteHandlerData, UploadHandlerData } from '../../../actions';
+import { CopyViewDisplayText, DeleteViewDisplayText, UploadViewDisplayText } from '../../../displayText';
+import { Task } from '../../../tasks';
+import { DataTableResolvers } from '../../hooks/useResolveTableData';
+export interface CopyActionTask extends Task<CopyHandlerData> {
+}
+export interface DeleteActionTask extends Task<DeleteHandlerData> {
+}
+export interface UploadActionTask extends Task<UploadHandlerData> {
+}
+interface ActionTableResolverProps<TDisplayText, TTask> {
+    displayText: TDisplayText;
+    isProcessing: boolean;
+    onTaskRemove?: (task: TTask) => void;
+}
+export interface CopyTableResolverProps extends ActionTableResolverProps<CopyViewDisplayText, CopyActionTask> {
+}
+export interface DeleteTableResolverProps extends ActionTableResolverProps<DeleteViewDisplayText, DeleteActionTask> {
+}
+export interface UploadTableResolverProps extends ActionTableResolverProps<UploadViewDisplayText, UploadActionTask> {
+    isMultipartUpload: (file: File) => boolean;
+}
+type ActionTableKey = 'name' | 'folder' | 'type' | 'size' | 'status' | 'progress' | 'cancel';
+export type CopyTableKey = Exclude<ActionTableKey, 'progress'>;
+export type DeleteTableKey = Exclude<ActionTableKey, 'progress'>;
+export type UploadTableKey = ActionTableKey;
+export interface CopyTaskTableResolvers extends DataTableResolvers<CopyTableKey, CopyTableResolverProps, CopyActionTask> {
+}
+export interface DeleteTableResolvers extends DataTableResolvers<DeleteTableKey, DeleteTableResolverProps, DeleteActionTask> {
+}
+export interface UploadTableResolvers extends DataTableResolvers<UploadTableKey, UploadTableResolverProps, UploadActionTask> {
+}
+export type GetCopyCell = CopyTaskTableResolvers['getCell'];
+export type GetDeleteCell = DeleteTableResolvers['getCell'];
+export type GetUploadCell = UploadTableResolvers['getCell'];
+export {};

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

@@ -0,0 +1,3 @@
+import { UploadTableResolvers } from './types';
+export declare const UPLOAD_TABLE_KEYS: readonly ["name", "folder", "type", "size", "status", "progress", "cancel"];
+export declare const UPLOAD_TABLE_RESOLVERS: UploadTableResolvers;

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

@@ -0,0 +1,12 @@
+import { DataTableButtonDataCell, DataTableNumberDataCell } from '../../../composables/DataTable';
+import { CopyActionTask, DeleteActionTask, GetCopyCell, GetDeleteCell, UploadActionTask } from './types';
+export declare const getFileType: (value: string, fallback?: string) => string;
+export declare const getCellName: (value: string) => string;
+export declare const getUploadCellFolder: ({ data: { file: { webkitRelativePath }, }, }: UploadActionTask, fallback?: string) => string;
+export declare const getCopyCellFolder: ({ data: { fileKey, sourceKey }, }: CopyActionTask) => string;
+export declare const getDeleteCellFolder: ({ data: { fileKey, key }, }: DeleteActionTask) => string;
+export declare const getUploadCellProgress: ({ progress, status, }: UploadActionTask) => DataTableNumberDataCell['content'];
+export declare const getFileSize: (value: number | undefined, fallback?: string) => string;
+type CellInput = Parameters<GetCopyCell>[0] | Parameters<GetDeleteCell>[0];
+export declare const getCopyOrDeleteCancelCellContent: <TInput extends CellInput, TCallback extends TInput["props"]["onTaskRemove"] extends (item: infer TItem) => void ? (item: TItem) => void : never>(data: TInput) => DataTableButtonDataCell['content'];
+export {};

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.9.0";
+export declare const VERSION = "3.9.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react-storage",
-  "version": "3.9.0",
+  "version": "3.9.2",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -45,9 +45,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "6.9.1",
-    "@aws-amplify/ui-react": "6.9.4",
-    "@aws-amplify/ui-react-core": "3.3.4",
+    "@aws-amplify/ui": "6.10.0",
+    "@aws-amplify/ui-react": "6.10.0",
+    "@aws-amplify/ui-react-core": "3.4.0",
     "tslib": "^2.5.2"
   },
   "peerDependencies": {
@@ -98,4 +98,4 @@
       "limit": "22 kB"
     }
   ]
-}
+}

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

@@ -1,25 +0,0 @@
-const getActionIcon = (status) => {
-    switch (status) {
-        case 'PENDING': {
-            return 'action-progress';
-        }
-        case 'COMPLETE': {
-            return 'action-success';
-        }
-        case 'FAILED': {
-            return 'action-error';
-        }
-        case 'OVERWRITE_PREVENTED': {
-            return 'action-info';
-        }
-        case 'CANCELED': {
-            return 'action-canceled';
-        }
-        case 'QUEUED':
-        default: {
-            return 'action-queued';
-        }
-    }
-};
-
-export { getActionIcon };

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

@@ -1,155 +0,0 @@
-import { humanFileSize } from '@aws-amplify/ui';
-import '@aws-amplify/storage/internals';
-import { isFileDataItem, isFileItem } from '../../actions/handlers/utils.mjs';
-import 'aws-amplify/storage';
-import '../../actions/configs/context.mjs';
-import { getActionIcon } from './getActionIcon.mjs';
-import { getFileTypeDisplayValue } from './getFileTypeDisplayValue.mjs';
-import { getPercentValue } from './getPercentValue.mjs';
-import { getDefaultActionViewHeaders } from './getDefaultActionViewHeaders.mjs';
-
-const getTaskStatusDisplayLabel = ({ status, displayText: { statusDisplayInProgressLabel, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, statusDisplayOverwritePreventedLabel, }, }) => {
-    switch (status) {
-        case 'PENDING':
-            return statusDisplayInProgressLabel;
-        case 'CANCELED':
-            return statusDisplayCanceledLabel;
-        case 'COMPLETE':
-            return statusDisplayCompletedLabel;
-        case 'FAILED':
-            return statusDisplayFailedLabel;
-        case 'QUEUED':
-            return statusDisplayQueuedLabel;
-        case 'OVERWRITE_PREVENTED':
-            return statusDisplayOverwritePreventedLabel;
-        default:
-            return statusDisplayQueuedLabel;
-    }
-};
-const getProgressHeader = (label) => ({
-    key: 'progress',
-    type: 'sort',
-    content: { label },
-});
-const getActionViewTableData = ({ tasks, displayText, isProcessing, locationKey, shouldDisplayProgress = false, onTaskRemove, }) => {
-    const headers = [
-        ...getDefaultActionViewHeaders({
-            displayText,
-        }),
-    ];
-    if (shouldDisplayProgress) {
-        headers.splice(-1, 0, getProgressHeader(displayText.tableColumnProgressHeader));
-    }
-    const rows = tasks.map((task) => {
-        const { cancel, data, progress, status } = task;
-        const { id } = data;
-        const displayKey = isFileDataItem(data)
-            ? data.fileKey
-            : data.key.split('/').pop() ?? '';
-        return {
-            key: id,
-            content: headers.map(({ key: columnKey }) => {
-                const key = `${columnKey}-${id}`;
-                switch (columnKey) {
-                    case 'name': {
-                        return {
-                            key,
-                            type: 'text',
-                            content: {
-                                icon: getActionIcon(status),
-                                text: displayKey,
-                            },
-                        };
-                    }
-                    case 'folder': {
-                        if (locationKey) {
-                            return { key, type: 'text', content: { text: locationKey } };
-                        }
-                        if (isFileItem(data)) {
-                            const { webkitRelativePath } = data.file;
-                            return {
-                                key,
-                                type: 'text',
-                                content: {
-                                    text: webkitRelativePath
-                                        ? webkitRelativePath.slice(0, webkitRelativePath.lastIndexOf('/') + 1)
-                                        : '-',
-                                },
-                            };
-                        }
-                        return { key, type: 'text', content: { text: '/' } };
-                    }
-                    case 'type': {
-                        return {
-                            key,
-                            type: 'text',
-                            content: { text: getFileTypeDisplayValue(displayKey) },
-                        };
-                    }
-                    case 'size': {
-                        const value = isFileItem(data)
-                            ? data.file.size
-                            : isFileDataItem(data)
-                                ? data.size
-                                : undefined;
-                        return {
-                            key,
-                            type: 'number',
-                            content: {
-                                value,
-                                displayValue: value ? humanFileSize(value, true) : '-',
-                            },
-                        };
-                    }
-                    case 'status': {
-                        return {
-                            key,
-                            type: 'text',
-                            content: {
-                                text: getTaskStatusDisplayLabel({ status, displayText }),
-                            },
-                        };
-                    }
-                    case 'progress': {
-                        return {
-                            key,
-                            type: 'number',
-                            content: {
-                                value: progress,
-                                displayValue: `${getPercentValue(
-                                // Default progress to 100% if progress value is unavailable but status is recognized as complete
-                                progress ?? (status === 'COMPLETE' ? 1 : 0))}%`,
-                            },
-                        };
-                    }
-                    case 'cancel': {
-                        const isPending = status === 'PENDING';
-                        const isQueued = status === 'QUEUED';
-                        const isDisabled = (!isPending && !isQueued) || !cancel || progress === 1;
-                        const ariaLabel = `${isProcessing ? 'Cancel' : 'Remove'} item: ${displayKey}`;
-                        return {
-                            key,
-                            type: 'button',
-                            content: {
-                                isDisabled,
-                                onClick: () => {
-                                    if (!isProcessing) {
-                                        onTaskRemove?.(task);
-                                    }
-                                    cancel?.();
-                                },
-                                ariaLabel,
-                                icon: 'cancel',
-                            },
-                        };
-                    }
-                    default:
-                        return { key, type: 'text', content: {} };
-                }
-            }),
-        };
-    });
-    return { headers, rows };
-};
-
-export { getActionViewTableData };

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

@@ -1,24 +0,0 @@
-const getDefaultActionViewHeaders = ({ displayText: { tableColumnNameHeader, tableColumnTypeHeader, tableColumnSizeHeader, tableColumnStatusHeader, tableColumnCancelHeader, tableColumnFolderHeader, }, }) => {
-    return [
-        {
-            key: 'name',
-            type: 'sort',
-            content: { label: tableColumnNameHeader },
-        },
-        {
-            key: 'folder',
-            type: 'sort',
-            content: { label: tableColumnFolderHeader },
-        },
-        { key: 'type', type: 'sort', content: { label: tableColumnTypeHeader } },
-        { key: 'size', type: 'sort', content: { label: tableColumnSizeHeader } },
-        {
-            key: 'status',
-            type: 'sort',
-            content: { label: tableColumnStatusHeader },
-        },
-        { key: 'cancel', type: 'text', content: { text: tableColumnCancelHeader } },
-    ];
-};
-
-export { getDefaultActionViewHeaders };

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

@@ -1,5 +0,0 @@
-const getFileTypeDisplayValue = (fileName) => fileName.lastIndexOf('.') !== -1
-    ? fileName.slice(fileName.lastIndexOf('.') + 1)
-    : '';
-
-export { getFileTypeDisplayValue };

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

@@ -1,3 +0,0 @@
-const getPercentValue = (value) => Math.round(value * 100);
-
-export { getPercentValue };

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

@@ -1,9 +0,0 @@
-/**
- * Temporarily just export strings until displayText strategy is finalized
- */
-export declare const displayText: {
-    createFolderTitle: string;
-    uploadFolderTitle: string;
-    uploadFilesTitle: string;
-    deleteFilesTitle: string;
-};

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

@@ -1,3 +0,0 @@
-import { StorageBrowserIconType } from '../../context/elements';
-import { TaskStatus } from '../../tasks';
-export declare const getActionIcon: (status: TaskStatus | 'CANCELED') => StorageBrowserIconType;

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

@@ -1,14 +0,0 @@
-import { DataTableProps } from '../../composables/DataTable';
-import { Task } from '../../tasks';
-import { TaskData } from '../../actions';
-import { DefaultActionViewDisplayText } from '../../displayText/types';
-export declare const getActionViewTableData: <T extends TaskData = TaskData>({ tasks, displayText, isProcessing, locationKey, shouldDisplayProgress, onTaskRemove, }: {
-    tasks: Task<T, any>[];
-    isProcessing: boolean;
-    locationKey?: string | undefined;
-    shouldDisplayProgress?: boolean | undefined;
-    displayText: Omit<DefaultActionViewDisplayText, 'getActionCompleteMessage'> & {
-        tableStatusOverwritePreventedLabel?: string;
-    };
-    onTaskRemove?: ((task: Task<T, any>) => void) | undefined;
-}) => DataTableProps;

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

@@ -1,5 +0,0 @@
-import { ActionViewHeaders } from './types';
-import { DefaultActionViewDisplayText } from '../../displayText/types';
-export declare const getDefaultActionViewHeaders: ({ displayText: { tableColumnNameHeader, tableColumnTypeHeader, tableColumnSizeHeader, tableColumnStatusHeader, tableColumnCancelHeader, tableColumnFolderHeader, }, }: {
-    displayText: Omit<DefaultActionViewDisplayText, 'getActionCompleteMessage'>;
-}) => ActionViewHeaders;

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

@@ -1 +0,0 @@
-export declare const getFileTypeDisplayValue: (fileName: string) => string;

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

@@ -1 +0,0 @@
-export declare const getPercentValue: (value: number) => number;