@aws-amplify/ui-react-storage 0.0.0-studio-console-80bb2e2-20230921222703 → 0.0.0-testdelay-84839eb-20250107181059

package/dist/esm/components/StorageBrowser/views/LocationActionView/CreateFolderView/utils.mjs

@@ -0,0 +1,6 @@
+const isValidFolderName = (name) => !!name?.length &&
+    !name.includes('/') &&
+    !name.trim().endsWith('.') &&
+    !name.trim().startsWith('.');
+
+export { isValidFolderName };

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

@@ -0,0 +1,44 @@
+import React__default from 'react';
+import '@aws-amplify/ui-react';
+import { ViewElement } from '../../../context/elements/definitions.mjs';
+import '../../../context/elements/IconElement.mjs';
+import { ActionCancelControl } from '../../../controls/ActionCancelControl.mjs';
+import { ActionExitControl } from '../../../controls/ActionExitControl.mjs';
+import { ActionStartControl } from '../../../controls/ActionStartControl.mjs';
+import { DataTableControl } from '../../../controls/DataTableControl.mjs';
+import { MessageControl } from '../../../controls/MessageControl.mjs';
+import { StatusDisplayControl } from '../../../controls/StatusDisplayControl.mjs';
+import { TitleControl } from '../../../controls/TitleControl.mjs';
+import { STORAGE_BROWSER_BLOCK } from '../../../constants.mjs';
+import { DeleteViewProvider } from './DeleteViewProvider.mjs';
+import { useDeleteView } from './useDeleteView.mjs';
+import { classNames } from '@aws-amplify/ui';
+
+const DeleteView = ({ className, ...props }) => {
+    const state = useDeleteView(props);
+    return (React__default.createElement(ViewElement, { className: classNames(STORAGE_BROWSER_BLOCK, className) },
+        React__default.createElement(DeleteViewProvider, { ...state },
+            React__default.createElement(ActionExitControl, null),
+            React__default.createElement(TitleControl, null),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__data-table` },
+                React__default.createElement(DataTableControl, null)),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__summary` },
+                React__default.createElement(StatusDisplayControl, null)),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__footer` },
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__message` },
+                    React__default.createElement(MessageControl, null)),
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__buttons` },
+                    React__default.createElement(ActionCancelControl, null),
+                    React__default.createElement(ActionStartControl, null))))));
+};
+DeleteView.displayName = 'DeleteView';
+DeleteView.Provider = DeleteViewProvider;
+DeleteView.Cancel = ActionCancelControl;
+DeleteView.Exit = ActionExitControl;
+DeleteView.Message = MessageControl;
+DeleteView.Start = ActionStartControl;
+DeleteView.Statuses = StatusDisplayControl;
+DeleteView.TasksTable = DataTableControl;
+DeleteView.Title = TitleControl;
+
+export { DeleteView };

package/dist/esm/components/StorageBrowser/views/LocationActionView/DeleteView/DeleteViewProvider.mjs

@@ -0,0 +1,39 @@
+import React__default from 'react';
+import { ControlsContextProvider } from '../../../controls/context.mjs';
+import { useDisplayText } from '../../../displayText/context.mjs';
+import '@aws-amplify/ui';
+import { getActionViewTableData } from '../getActionViewTableData.mjs';
+
+function DeleteViewProvider({ children, ...props }) {
+    const { DeleteView: displayText } = useDisplayText();
+    const { actionCancelLabel, actionExitLabel, actionStartLabel, title, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, getActionCompleteMessage, } = displayText;
+    const { isProcessing, isProcessingComplete, location, statusCounts, tasks, onActionCancel, onActionStart, onActionExit, onTaskRemove, } = props;
+    const message = isProcessingComplete
+        ? getActionCompleteMessage({ counts: statusCounts })
+        : undefined;
+    const tableData = getActionViewTableData({
+        tasks,
+        locationKey: location.key,
+        isProcessing,
+        displayText,
+        onTaskRemove,
+    });
+    return (React__default.createElement(ControlsContextProvider, { data: {
+            actionCancelLabel,
+            actionExitLabel,
+            actionStartLabel,
+            isActionCancelDisabled: !isProcessing || isProcessingComplete,
+            isActionExitDisabled: isProcessing,
+            isActionStartDisabled: isProcessing || isProcessingComplete,
+            statusDisplayCanceledLabel,
+            statusDisplayCompletedLabel,
+            statusDisplayFailedLabel,
+            statusDisplayQueuedLabel,
+            statusCounts,
+            tableData,
+            title,
+            message,
+        }, onActionStart: onActionStart, onActionExit: onActionExit, onActionCancel: onActionCancel }, children));
+}
+
+export { DeleteViewProvider };

package/dist/esm/components/StorageBrowser/views/LocationActionView/DeleteView/useDeleteView.mjs

@@ -0,0 +1,67 @@
+import React__default from 'react';
+import { isFunction } from '@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 { useAction } from '../../../useAction/useAction.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import '../../../providers/configuration/credentials/context.mjs';
+import '../../../providers/configuration/context.mjs';
+import '@aws-amplify/storage/internals';
+import 'aws-amplify/storage';
+import '../../../actions/configs/context.mjs';
+
+const useDeleteView = (options) => {
+    const { onExit: _onExit } = options ?? {};
+    const [{ location, locationItems }, dispatchStoreAction] = useStore();
+    const { fileDataItems } = locationItems;
+    const { current, key } = location;
+    const data = React__default.useMemo(() => !fileDataItems
+        ? []
+        : fileDataItems.map((item) => ({
+            ...item,
+            key: `${key}${item.fileKey}`,
+        })), [fileDataItems, key]);
+    const [processState, handleProcess] = useAction('delete', { items: data });
+    const { isProcessing, isProcessingComplete, statusCounts, tasks } = processState;
+    const onActionStart = () => {
+        if (!current)
+            return;
+        handleProcess();
+    };
+    const onActionCancel = () => {
+        tasks.forEach((task) => {
+            // @TODO Fixme, calling cancel on task doesn't currently work
+            if (isFunction(task.cancel))
+                task.cancel();
+        });
+    };
+    const onActionExit = () => {
+        // clear files state
+        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        // clear selected action
+        dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+        if (isFunction(_onExit))
+            _onExit(current);
+    };
+    const onTaskRemove = React__default.useCallback(({ data }) => {
+        dispatchStoreAction({ type: 'REMOVE_LOCATION_ITEM', id: data.id });
+    }, [dispatchStoreAction]);
+    return {
+        isProcessing,
+        isProcessingComplete,
+        location,
+        statusCounts,
+        tasks,
+        onActionCancel,
+        onActionExit,
+        onActionStart,
+        onTaskRemove,
+    };
+};
+
+export { useDeleteView };

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

@@ -0,0 +1,21 @@
+import React__default from 'react';
+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 { useActionViews } from '../context/actionViews.mjs';
+
+const LocationActionView = ({ type, ...props }) => {
+    const [{ actionType = type }] = useStore();
+    const views = useActionViews().action;
+    const ActionView = actionType
+        ? views[actionType]
+        : undefined;
+    if (ActionView) {
+        return React__default.createElement(ActionView, { ...props });
+    }
+    return null;
+};
+
+export { LocationActionView };

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

@@ -0,0 +1,61 @@
+import React__default from 'react';
+import { STORAGE_BROWSER_BLOCK } from '../../../constants.mjs';
+import '@aws-amplify/ui-react';
+import { ViewElement } from '../../../context/elements/definitions.mjs';
+import '../../../context/elements/IconElement.mjs';
+import { ActionCancelControl } from '../../../controls/ActionCancelControl.mjs';
+import { ActionDestinationControl } from '../../../controls/ActionDestinationControl.mjs';
+import { ActionExitControl } from '../../../controls/ActionExitControl.mjs';
+import { ActionStartControl } from '../../../controls/ActionStartControl.mjs';
+import { AddFilesControl } from '../../../controls/AddFilesControl.mjs';
+import { AddFolderControl } from '../../../controls/AddFolderControl.mjs';
+import { DataTableControl } from '../../../controls/DataTableControl.mjs';
+import { DropZoneControl } from '../../../controls/DropZoneControl.mjs';
+import { OverwriteToggleControl } from '../../../controls/OverwriteToggleControl.mjs';
+import { MessageControl } from '../../../controls/MessageControl.mjs';
+import { StatusDisplayControl } from '../../../controls/StatusDisplayControl.mjs';
+import { TitleControl } from '../../../controls/TitleControl.mjs';
+import { UploadViewProvider } from './UploadViewProvider.mjs';
+import { useUploadView } from './useUploadView.mjs';
+import { classNames } from '@aws-amplify/ui';
+
+const UploadView = ({ className, ...props }) => {
+    const state = useUploadView(props);
+    return (React__default.createElement(ViewElement, { className: classNames(STORAGE_BROWSER_BLOCK, className) },
+        React__default.createElement(UploadViewProvider, { ...state },
+            React__default.createElement(ActionExitControl, null),
+            React__default.createElement(TitleControl, null),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__controls` },
+                React__default.createElement(OverwriteToggleControl, null),
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__buttons` },
+                    React__default.createElement(AddFolderControl, null),
+                    React__default.createElement(AddFilesControl, null))),
+            React__default.createElement(DropZoneControl, null,
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__data-table` },
+                    React__default.createElement(DataTableControl, null))),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__summary` },
+                React__default.createElement(ActionDestinationControl, null),
+                React__default.createElement(StatusDisplayControl, null)),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__footer` },
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__message` },
+                    React__default.createElement(MessageControl, null)),
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__buttons` },
+                    React__default.createElement(ActionCancelControl, null),
+                    React__default.createElement(ActionStartControl, null))))));
+};
+UploadView.displayName = 'UploadView';
+UploadView.Provider = UploadViewProvider;
+UploadView.AddFiles = AddFilesControl;
+UploadView.AddFolder = AddFolderControl;
+UploadView.Cancel = ActionCancelControl;
+UploadView.Destination = ActionDestinationControl;
+UploadView.DropZone = DropZoneControl;
+UploadView.Exit = ActionExitControl;
+UploadView.Message = MessageControl;
+UploadView.OverwriteToggle = OverwriteToggleControl;
+UploadView.Start = ActionStartControl;
+UploadView.Statuses = StatusDisplayControl;
+UploadView.TasksTable = DataTableControl;
+UploadView.Title = TitleControl;
+
+export { UploadView };

package/dist/esm/components/StorageBrowser/views/LocationActionView/UploadView/UploadViewProvider.mjs

@@ -0,0 +1,62 @@
+import React__default from 'react';
+import { ControlsContextProvider } from '../../../controls/context.mjs';
+import { useDisplayText } from '../../../displayText/context.mjs';
+import '@aws-amplify/ui';
+import { getActionViewTableData } from '../getActionViewTableData.mjs';
+
+function UploadViewProvider({ children, ...props }) {
+    const { UploadView: displayText } = useDisplayText();
+    const { actionCancelLabel, actionDestinationLabel, actionExitLabel, actionStartLabel, addFilesLabel, addFolderLabel, statusDisplayCanceledLabel, statusDisplayCompletedLabel, statusDisplayFailedLabel, statusDisplayQueuedLabel, overwriteToggleLabel, title, getActionCompleteMessage, getFilesValidationMessage, } = displayText;
+    const { isOverwritingEnabled, isProcessing, isProcessingComplete, location, tasks, statusCounts, invalidFiles, onActionStart, onActionCancel, onDropFiles, onActionExit, onTaskRemove, onSelectFiles, onToggleOverwrite, } = props;
+    const isActionStartDisabled = isProcessing || isProcessingComplete || statusCounts.TOTAL === 0;
+    const isActionCancelDisabled = !isProcessing || isProcessingComplete;
+    const isAddFilesDisabled = isProcessing || isProcessingComplete;
+    const isAddFolderDisabled = isProcessing || isProcessingComplete;
+    const isActionExitDisabled = isProcessing;
+    const actionCompleteMessage = isProcessingComplete
+        ? getActionCompleteMessage({
+            counts: statusCounts,
+        })
+        : undefined;
+    const filesValidationMessage = invalidFiles && !isProcessing
+        ? getFilesValidationMessage({ invalidFiles })
+        : undefined;
+    return (React__default.createElement(ControlsContextProvider, { data: {
+            actionCancelLabel,
+            actionDestinationLabel,
+            actionExitLabel,
+            actionStartLabel,
+            addFilesLabel,
+            addFolderLabel,
+            isActionCancelDisabled,
+            isActionExitDisabled,
+            isActionStartDisabled,
+            isAddFilesDisabled,
+            isAddFolderDisabled,
+            isActionDestinationNavigable: false,
+            isOverwriteToggleDisabled: isProcessing || isProcessingComplete,
+            isOverwritingEnabled,
+            overwriteToggleLabel,
+            destination: location,
+            message: actionCompleteMessage ?? filesValidationMessage,
+            statusCounts,
+            statusDisplayCanceledLabel,
+            statusDisplayCompletedLabel,
+            statusDisplayFailedLabel,
+            statusDisplayQueuedLabel,
+            tableData: getActionViewTableData({
+                tasks,
+                shouldDisplayProgress: true,
+                displayText,
+                isProcessing,
+                onTaskRemove,
+            }),
+            title,
+        }, onActionCancel: onActionCancel, onActionExit: onActionExit, onActionStart: onActionStart, onAddFiles: () => {
+            onSelectFiles('FILE');
+        }, onAddFolder: () => {
+            onSelectFiles('FOLDER');
+        }, onDropFiles: onDropFiles, onToggleOverwrite: onToggleOverwrite }, children));
+}
+
+export { UploadViewProvider };

package/dist/esm/components/StorageBrowser/views/LocationActionView/UploadView/constants.mjs

@@ -0,0 +1,3 @@
+const DEFAULT_OVERWRITE_ENABLED = false;
+
+export { DEFAULT_OVERWRITE_ENABLED };

package/dist/esm/components/StorageBrowser/views/LocationActionView/UploadView/useUploadView.mjs

@@ -0,0 +1,96 @@
+import React__default from 'react';
+import { isUndefined } from '@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 { useAction } from '../../../useAction/useAction.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import '../../../providers/configuration/credentials/context.mjs';
+import '../../../providers/configuration/context.mjs';
+import '@aws-amplify/storage/internals';
+import { isFileTooBig } from '../../../validators/isFileTooBig.mjs';
+import 'aws-amplify/storage';
+import '../../../actions/configs/context.mjs';
+import { DEFAULT_OVERWRITE_ENABLED } from './constants.mjs';
+
+const useUploadView = (options) => {
+    const { onExit: _onExit } = options ?? {};
+    const [{ files, location }, dispatchStoreAction] = useStore();
+    const { current } = location;
+    const [isOverwritingEnabled, setIsOverwritingEnabled] = React__default.useState(DEFAULT_OVERWRITE_ENABLED);
+    const filesData = React__default.useMemo(() => (files ?? [])?.reduce((curr, item) => {
+        if (isFileTooBig(item.file)) {
+            curr.invalidFiles = isUndefined(curr.invalidFiles)
+                ? [item]
+                : curr.invalidFiles.concat(item);
+        }
+        else {
+            curr.validFiles = isUndefined(curr.validFiles)
+                ? [item]
+                : curr.validFiles.concat(item);
+            const parsedFileItem = {
+                ...item,
+                key: `${location.key}${item.key}`,
+            };
+            curr.data = curr.data.concat({
+                ...parsedFileItem,
+                preventOverwrite: !isOverwritingEnabled,
+            });
+        }
+        return curr;
+    }, { invalidFiles: undefined, validFiles: undefined, data: [] }), [files, isOverwritingEnabled, location.key]);
+    const { data, invalidFiles } = filesData;
+    const [{ isProcessing, isProcessingComplete, statusCounts, tasks }, handleUploads,] = useAction('upload', { items: data });
+    const onDropFiles = (files) => {
+        if (files) {
+            dispatchStoreAction({ type: 'ADD_FILE_ITEMS', files });
+        }
+    };
+    const onSelectFiles = (type) => {
+        dispatchStoreAction({ type: 'SELECT_FILES', selectionType: type });
+    };
+    const onActionStart = () => {
+        invalidFiles?.forEach((file) => {
+            dispatchStoreAction({ type: 'REMOVE_FILE_ITEM', id: file.id });
+        });
+        handleUploads();
+    };
+    const onActionCancel = () => {
+        tasks.forEach((task) => task.cancel?.());
+    };
+    const onActionExit = () => {
+        // clear files state
+        dispatchStoreAction({ type: 'RESET_FILE_ITEMS' });
+        // clear selected action
+        dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+        _onExit?.(current);
+    };
+    const onToggleOverwrite = () => {
+        setIsOverwritingEnabled((prev) => !prev);
+    };
+    const onTaskRemove = ({ data }) => {
+        dispatchStoreAction({ type: 'REMOVE_FILE_ITEM', id: data.id });
+    };
+    return {
+        isProcessing,
+        isProcessingComplete,
+        isOverwritingEnabled,
+        location,
+        invalidFiles,
+        statusCounts,
+        tasks,
+        onActionCancel,
+        onActionExit,
+        onActionStart,
+        onDropFiles,
+        onTaskRemove,
+        onSelectFiles,
+        onToggleOverwrite,
+    };
+};
+
+export { useUploadView };

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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,155 @@
+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

@@ -0,0 +1,24 @@
+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

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

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

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