@aws-amplify/ui-react-storage 3.15.0 → 3.16.0

package/dist/esm/components/StorageBrowser/views/context/actionViews.mjs

@@ -9,15 +9,18 @@ import '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../configuration/context.mjs';
 import '@aws-amplify/ui-react-core';
-import 'aws-amplify';
-import 'jszip';
-import 'aws-amplify/storage';
-import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';
 import { CreateFolderView } from '../LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import { CopyView } from '../LocationActionView/CopyView/CopyView.mjs';
 import '../../locationItems/context.mjs';
 import { DeleteView } from '../LocationActionView/DeleteView/DeleteView.mjs';
+import '../../displayText/context.mjs';
+import '@aws-amplify/ui-react';
+import '../../components/elements/definitions.mjs';
+import '../../components/elements/IconElement.mjs';
+import 'aws-amplify';
+import 'jszip';
+import 'aws-amplify/storage';
 import { DownloadView } from '../LocationActionView/DownloadView/DownloadView.mjs';
 
 const DEFAULT_ACTION_VIEWS = {

package/dist/esm/components/StorageBrowser/views/context/primaryViews.mjs

@@ -9,18 +9,22 @@ import '../../credentials/context.mjs';
 import '@aws-amplify/storage/internals';
 import '../../configuration/context.mjs';
 import '@aws-amplify/ui-react-core';
-import 'aws-amplify';
-import 'jszip';
-import 'aws-amplify/storage';
-import '../../actions/configs/context.mjs';
 import '../../actions/configs/defaults.mjs';
 import '../LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import '../LocationActionView/DeleteView/DeleteView.mjs';
+import '../../displayText/context.mjs';
+import '@aws-amplify/ui-react';
+import '../../components/elements/definitions.mjs';
+import '../../components/elements/IconElement.mjs';
+import 'aws-amplify';
+import 'jszip';
+import 'aws-amplify/storage';
 import '../LocationActionView/DownloadView/DownloadView.mjs';
 import { LocationActionView } from '../LocationActionView/LocationActionView.mjs';
 import '../LocationActionView/UploadView/UploadView.mjs';
 import '../../fileItems/context.mjs';
 import { LocationDetailView } from '../LocationDetailView/LocationDetailView.mjs';
+import '../../actions/configs/context.mjs';
 import '../../filePreview/context.mjs';
 import { LocationsView } from '../LocationsView/LocationsView.mjs';
 

package/dist/esm/components/StorageBrowser/views/utils/tableResolvers/constants.mjs

@@ -26,5 +26,14 @@ const FILE_DATA_ITEM_TABLE_KEYS = [
     'status',
     'cancel',
 ];
+const DELETE_TABLE_KEYS = [
+    'name',
+    'folder',
+    'type',
+    'size',
+    'status',
+    'progress',
+    'cancel',
+];
 
-export { FILE_DATA_ITEM_TABLE_KEYS, STATUS_ICONS, STATUS_LABELS };
+export { DELETE_TABLE_KEYS, FILE_DATA_ITEM_TABLE_KEYS, STATUS_ICONS, STATUS_LABELS };

package/dist/esm/components/StorageBrowser/views/utils/tableResolvers/deleteResolvers.mjs

@@ -1,11 +1,95 @@
-import { noop, capitalize } from '@aws-amplify/ui';
+import { capitalize } from '@aws-amplify/ui';
 import '../../../displayText/context.mjs';
 import { isDeleteViewDisplayTextKey } from '../../../displayText/utils.mjs';
-import { STATUS_LABELS } from './constants.mjs';
-import { cancel, size, type, folder, name, getFileDataCellKey } from './utils.mjs';
+import { STATUS_ICONS, STATUS_LABELS } from './constants.mjs';
+import { getFileSize, getFileType, getCellName } from './utils.mjs';
+import '@aws-amplify/storage/internals';
+import { getFileKey } from '../../../actions/handlers/utils.mjs';
+import 'jszip';
+import 'aws-amplify/storage';
+import '../../../actions/configs/context.mjs';
+import '../../../actions/configs/defaults.mjs';
+import { getFolderName } from '../../LocationActionView/DeleteView/utils.mjs';
 
+const getDeleteCellKey = (data) => `${data.key}-${data.item.data.id}`;
+const getCellDataFolder = (data) => {
+    const { type, key } = data;
+    const fileKey = getFileKey(key);
+    const targetKey = data.key;
+    if (type === 'FOLDER') {
+        const pathWithoutTrailingSlash = targetKey.replace(/\/$/, '');
+        const lastSlashIndex = pathWithoutTrailingSlash.lastIndexOf('/');
+        return lastSlashIndex >= 0
+            ? pathWithoutTrailingSlash.slice(0, lastSlashIndex + 1)
+            : '';
+    }
+    return targetKey.slice(0, -fileKey?.length);
+};
+const name = (data) => {
+    const key = getDeleteCellKey(data);
+    const { item } = data;
+    let text;
+    if (item.data.type === 'FOLDER') {
+        text = `${getFolderName(item.data.key)}/`;
+    }
+    else {
+        text = item.data.fileKey ?? getCellName(item.data.key);
+    }
+    const icon = STATUS_ICONS[item.status];
+    return { key, type: 'text', content: { icon, text } };
+};
+const folder = (data) => {
+    const key = getDeleteCellKey(data);
+    const text = getCellDataFolder(data.item.data);
+    return { key, type: 'text', content: { text } };
+};
+const type = (data) => {
+    const key = getDeleteCellKey(data);
+    if (data.item.data.type === 'FOLDER') {
+        return { key, type: 'text', content: { text: 'Folder' } };
+    }
+    const text = getFileType(data.item.data.key);
+    return { key, type: 'text', content: { text } };
+};
+const size = (data) => {
+    const key = getDeleteCellKey(data);
+    const itemData = data.item.data;
+    if (data.item.data.type === 'FOLDER') {
+        return { key, type: 'text', content: { text: '-' } };
+    }
+    const value = 'size' in itemData ? itemData.size : 0;
+    const displayValue = getFileSize(value);
+    return { key, type: 'number', content: { value, displayValue } };
+};
+const getCancelCellContent = (data) => {
+    const { item, props } = data;
+    const { cancel, status } = item;
+    const { isProcessing, onTaskRemove } = props;
+    const isQueued = status === 'QUEUED';
+    const isRemovable = isQueued && !isProcessing;
+    const isCancelable = isProcessing && !!cancel;
+    const itemAriaValue = getCellName(item.data.fileKey ?? item.data.key);
+    const ariaLabel = `${isRemovable ? 'Remove' : 'Cancel'} item: ${itemAriaValue}`;
+    const isDisabled = !isRemovable && !isCancelable;
+    const onClick = !isCancelable && !isRemovable
+        ? undefined
+        : () => {
+            if (isRemovable) {
+                onTaskRemove?.(item);
+                return;
+            }
+            if (isCancelable)
+                cancel();
+        };
+    return { ariaLabel, isDisabled, onClick, icon: 'cancel' };
+};
+const cancel = (data) => {
+    const key = getDeleteCellKey(data);
+    const content = getCancelCellContent(data);
+    return { key, type: 'button', content };
+};
 const status = (data) => {
-    const key = getFileDataCellKey(data);
+    const key = getDeleteCellKey(data);
     const { item: { status }, props: { displayText }, } = data;
     const statusLabelKey = STATUS_LABELS[status];
     const text = isDeleteViewDisplayTextKey(statusLabelKey)
@@ -13,21 +97,47 @@ const status = (data) => {
         : '';
     return { key, type: 'text', content: { text } };
 };
+const progress = (data) => {
+    const key = getDeleteCellKey(data);
+    const { item } = data;
+    const itemIsFile = item.data.type === 'FILE';
+    if (itemIsFile) {
+        const text = item.status === 'COMPLETE' ? 'Deleted' : '-';
+        return { key, type: 'text', content: { text } };
+    }
+    if ((item.status === 'PENDING' ||
+        item.status === 'FAILED' ||
+        item.status === 'CANCELED') &&
+        item.data.totalCount !== undefined) {
+        const countDisplay = item.data.totalCount ?? '?';
+        const text = `${item.successCount ?? 0}/${countDisplay} files`;
+        return { key, type: 'text', content: { text } };
+    }
+    else if (item.status === 'COMPLETE') {
+        if (item.data.totalCount === null) {
+            const text = `${item.successCount ?? 0} files deleted`;
+            return { key, type: 'text', content: { text } };
+        }
+        const text = `${item.data.totalCount} files deleted`;
+        return { key, type: 'text', content: { text } };
+    }
+    else {
+        const text = item.data.totalCount === null
+            ? 'Count failed'
+            : item.data.totalCount !== undefined
+                ? `${item.data.totalCount} files`
+                : 'Calculating...';
+        return { key, type: 'text', content: { text } };
+    }
+};
 const DELETE_CELL_RESOLVERS = {
     name,
     folder,
     type,
     size,
     status,
+    progress,
     cancel,
-    /**
-     * @deprecated
-     *
-     * non-upload view tables do not include "progress" headers but include here to
-     * keep TS happy as "progress" headers were included in display text interfaces
-     * and cannot be removed from the tables without a breaking change
-     */
-    progress: noop,
 };
 const DELETE_TABLE_RESOLVERS = {
     getCell: (data) => DELETE_CELL_RESOLVERS[data.key](data),
@@ -41,4 +151,4 @@ const DELETE_TABLE_RESOLVERS = {
     getRowKey: ({ item }) => item.data.id,
 };
 
-export { DELETE_TABLE_RESOLVERS };
+export { DELETE_TABLE_RESOLVERS, getCancelCellContent };

package/dist/esm/components/StorageBrowser/views/utils/tableResolvers/utils.mjs

@@ -1,8 +1,8 @@
 import { humanFileSize } from '@aws-amplify/ui';
 import { STATUS_ICONS } from './constants.mjs';
 
-const getFileType = (value, fallback = '') => value.lastIndexOf('.') !== -1
-    ? value.slice(value.lastIndexOf('.') + 1)
+const getFileType = (value, fallback = '') => value?.lastIndexOf?.('.') !== -1
+    ? value?.slice(value?.lastIndexOf?.('.') + 1)
     : fallback;
 const getCellName = (value) => 
 // `value.split` always returns an array with at least one entry
@@ -17,7 +17,7 @@ const getFileDataCellFolder = (task) => {
         ? task.data.sourceKey
         : task.data.key;
     const { fileKey } = task.data;
-    return targetKey.slice(0, -fileKey.length);
+    return targetKey.slice(0, -fileKey?.length);
 };
 const getUploadCellProgress = ({ progress, status, }) => {
     // prefer `progress` if available, 1 if status is complete, default 0

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.15.0';
+const VERSION = '3.16.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 createStorageBrowser = require('./createStorageBrowser-CG-6mXiT.js');
+var createStorageBrowser = require('./createStorageBrowser-B-J76Lyp.js');
 require('@aws-amplify/storage/internals');
 require('aws-amplify');
 require('jszip');

package/dist/styles.css

@@ -4816,6 +4816,88 @@ html[dir=rtl] .amplify-field-group__inner-start {
   gap: var(--amplify-components-message-dismiss-gap);
 }
 
+/* Modal component with highest specificity to override global resets */
+.amplify-modal__overlay.amplify-modal__overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+}
+
+.amplify-modal__content.amplify-modal__content {
+  background-color: var(--amplify-colors-background-primary);
+  padding: var(--amplify-space-large);
+  border-radius: var(--amplify-radii-medium);
+  box-shadow: var(--amplify-shadows-large);
+  max-width: 500px;
+  width: 90%;
+  box-sizing: border-box;
+}
+
+.amplify-modal__header.amplify-modal__header {
+  margin-bottom: var(--amplify-space-medium);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.amplify-modal__title.amplify-modal__title {
+  font-weight: var(--amplify-font-weights-bold);
+  font-size: var(--amplify-font-sizes-large);
+  margin: 0;
+}
+
+.amplify-modal__close-button.amplify-modal__close-button {
+  background: none;
+  border: none;
+  font-size: var(--amplify-font-sizes-large);
+  cursor: pointer;
+  padding: var(--amplify-space-xs);
+  color: var(--amplify-colors-font-secondary);
+}
+
+.amplify-modal__close-button.amplify-modal__close-button:hover {
+  color: var(--amplify-colors-font-primary);
+}
+
+.amplify-modal__body.amplify-modal__body {
+  margin-bottom: var(--amplify-space-medium);
+  color: var(--amplify-colors-font-primary);
+}
+
+.amplify-modal__footer.amplify-modal__footer {
+  display: flex;
+  gap: var(--amplify-space-xs);
+  justify-content: flex-end;
+}
+
+.amplify-modal__list-title.amplify-modal__list-title {
+  margin-bottom: var(--amplify-space-xs);
+  font-weight: var(--amplify-font-weights-bold);
+  box-sizing: border-box;
+}
+
+.amplify-modal__list.amplify-modal__list {
+  margin: var(--amplify-space-xs) 0;
+  padding-left: var(--amplify-space-medium);
+  max-height: 250px;
+  overflow-y: auto;
+  box-sizing: border-box;
+  list-style: disc;
+}
+
+.amplify-modal__list-item.amplify-modal__list-item {
+  margin-bottom: var(--amplify-space-xxs);
+  box-sizing: border-box;
+}
+
 .amplify-pagination {
   list-style-type: none;
 }
@@ -7024,7 +7106,6 @@ html[dir=rtl] .amplify-field-group__inner-start {
   animation-timing-function: linear;
   animation-name: spin;
 }
-
 @keyframes spin {
   0% {
     transform: rotate(0deg);
@@ -7036,6 +7117,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
     transform: rotate(360deg);
   }
 }
+
 .amplify-ai-conversation {
   display: flex;
   flex-direction: column;

package/dist/types/components/StorageBrowser/actions/handlers/delete.d.ts

@@ -1,8 +1,10 @@
-import type { OptionalFileData, TaskHandler, TaskHandlerOptions, TaskHandlerInput, TaskHandlerOutput, TaskData } from './types';
+import type { TaskHandler, TaskHandlerOptions, TaskHandlerInput, TaskHandlerOutput, TaskData, OptionalFileData } from './types';
 export interface DeleteHandlerOptions extends TaskHandlerOptions {
 }
-export interface DeleteHandlerData extends OptionalFileData, TaskData {
-    fileKey: string;
+export interface DeleteHandlerData extends Omit<OptionalFileData, 'type'>, TaskData {
+    fileKey?: string;
+    type?: 'FILE' | 'FOLDER';
+    totalCount?: number | null;
 }
 export interface DeleteHandlerInput extends TaskHandlerInput<DeleteHandlerData, DeleteHandlerOptions> {
 }

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

@@ -79,7 +79,11 @@ export interface TaskHandlerOptions {
     onProgress?: (data: {
         key: string;
         id: string;
-    }, progress: number | undefined, state?: TaskStatus) => void;
+    }, progressDetails: number | undefined | {
+        progress?: number;
+        successCount?: number;
+        failureCount?: number;
+    }, state?: TaskStatus) => void;
 }
 export interface TaskHandlerInput<TData extends TaskData = TaskData, TOptions extends TaskHandlerOptions = TaskHandlerOptions> {
     config: ActionInputConfig;
@@ -105,6 +109,16 @@ export interface TaskResult<TStatus, TValue> {
      * task result value (if any)
      */
     value?: TValue;
+    /**
+     * Number of items successfully processed during the operation
+     * @example 150 // out of 200 total items
+     */
+    successCount?: number;
+    /**
+     * Number of items that failed during the operation
+     * @example 5 // out of 200 total items
+     */
+    failureCount?: number;
 }
 export interface TaskHandlerOutput<K = any> {
     cancel?: () => void;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ActionConfirmationModalProps {
+    isOpen: boolean;
+    title: string;
+    message: string;
+    content?: React.ReactNode;
+    onConfirm: () => void;
+    onCancel: () => void;
+    confirmLabel: string;
+    cancelLabel: string;
+}
+export declare const ActionConfirmationModal: ({ isOpen, title, message, content, onConfirm, onCancel, confirmLabel, cancelLabel, }: ActionConfirmationModalProps) => React.JSX.Element | null;

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

@@ -1,4 +1,5 @@
 import type { ActionCancelProps } from './ActionCancel';
+import type { ActionConfirmationModalProps } from './ActionConfirmationModal';
 import type { ActionDestinationProps } from './ActionDestination';
 import type { ActionExitProps } from './ActionExit';
 import type { ActionStartProps } from './ActionStart';
@@ -21,6 +22,7 @@ import type { TitleProps } from './Title';
 import type { FilePreviewProps } from './FilePreview';
 export interface Composables {
     ActionCancel: React.ComponentType<ActionCancelProps>;
+    ActionConfirmationModal: React.ComponentType<ActionConfirmationModalProps>;
     ActionDestination: React.ComponentType<ActionDestinationProps>;
     ActionExit: React.ComponentType<ActionExitProps>;
     ActionStart: React.ComponentType<ActionStartProps>;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ActionConfirmationModalControl: () => React.JSX.Element;

package/dist/types/components/StorageBrowser/controls/hooks/useActionConfirmationModal.d.ts

@@ -0,0 +1,2 @@
+import type { ActionConfirmationModalProps } from '../../components/composables/ActionConfirmationModal';
+export declare const useActionConfirmationModal: () => ActionConfirmationModalProps;

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

@@ -1,4 +1,5 @@
 export { ActionCancelControl } from './ActionCancelControl';
+export { ActionConfirmationModalControl } from './ActionConfirmationModalControl';
 export { ActionDestinationControl } from './ActionDestinationControl';
 export { ActionExitControl } from './ActionExitControl';
 export { ActionsListControl } from './ActionsListControl';

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

@@ -1,5 +1,6 @@
 import type { FileData, LocationData } from '../actions';
 import type { ActionListItem, Composables, DataTableProps, DataTableSortHeader, MessageProps } from '../components';
+import type { ActionConfirmationModalProps } from '../components/composables/ActionConfirmationModal';
 import type { LocationState } from '../store';
 import type { StatusCounts } from '../tasks';
 import type { FilePreviewState } from '../views/hooks/useFilePreview';
@@ -53,6 +54,7 @@ export interface ControlsContext {
         location?: LocationState;
         overwriteToggleLabel?: string;
         message?: MessageProps;
+        confirmationModal?: Omit<ActionConfirmationModalProps, 'onConfirm' | 'onCancel'>;
         paginationData?: PaginationData;
         searchPlaceholder?: string;
         searchQuery?: string;
@@ -91,5 +93,7 @@ export interface ControlsContext {
     onToggleOverwrite?: () => void;
     onToggleSearchSubfolders?: () => void;
     onValidateFolderName?: (value: string) => void;
+    onConfirmationModalConfirm?: () => void;
+    onConfirmationModalCancel?: () => void;
 }
 export {};

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

@@ -73,6 +73,7 @@ export interface DefaultLocationDetailViewDisplayText extends DefaultListViewDis
     } | undefined;
     searchSubfoldersToggleLabel: string;
     selectFileLabel: string;
+    selectFolderLabel: string;
     selectAllFilesLabel: string;
     tableColumnLastModifiedHeader: string;
     tableColumnNameHeader: string;
@@ -115,6 +116,7 @@ export interface DefaultActionViewDisplayText<T extends TaskData = TaskData> {
     tableColumnNameHeader: string;
     tableColumnTypeHeader: string;
     tableColumnSizeHeader: string;
+    tableColumnProgressHeader?: string;
 }
 export interface DefaultCreateFolderViewDisplayText extends Omit<DefaultActionViewDisplayText<CreateFolderHandlerData>, `${'tableColumn' | 'statusDisplay'}${string}`> {
     folderNameLabel: string;
@@ -144,6 +146,11 @@ export interface DefaultDeleteViewDisplayText extends DefaultActionViewDisplayTe
      * @deprecated `DeleteView` does not render a "progress" header
      */
     tableColumnProgressHeader?: string;
+    confirmationModalTitle: string;
+    confirmationModalConfirmLabel: string;
+    confirmationModalCancelLabel: string;
+    confirmationModalMessage: string;
+    confirmationModalFolderListTitle: string;
 }
 export interface DefaultDownloadViewDisplayText extends DefaultActionViewDisplayText<DownloadHandlerData> {
     tableColumnProgressHeader: string;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import type { FileData, FileDataItem } from '../actions';
+import type { FileDataItem, LocationItemData } from '../actions';
 export declare const DEFAULT_STATE: LocationItemsState;
 export type LocationItemsAction = {
     type: 'SET_LOCATION_ITEMS';
-    items?: FileData[];
+    items?: LocationItemData[];
 } | {
     type: 'REMOVE_LOCATION_ITEM';
     id: string;
@@ -11,7 +11,16 @@ export type LocationItemsAction = {
     type: 'RESET_LOCATION_ITEMS';
 };
 export interface LocationItemsState {
-    fileDataItems: FileDataItem[] | undefined;
+    /**
+     * Selected items (files and folders)
+     * Replaces fileDataItems to support mixed selections
+     */
+    dataItems?: LocationItemData[];
+    /**
+     * @deprecated Use dataItems instead
+     * Will be removed in v4.0.0
+     */
+    fileDataItems?: FileDataItem[];
 }
 export type HandleLocationItemsAction = (event: LocationItemsAction) => void;
 export type LocationItemStateContext = [

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

@@ -1,2 +1,3 @@
 export type { LocationItemsAction, LocationItemsProviderProps, LocationItemsState, } from './context';
 export { LocationItemsProvider, useLocationItems } from './context';
+export { getSelectedFiles, getSelectedFolders, hasSelectedFolders, getSelectionSummary, } from './utils';

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

@@ -0,0 +1,27 @@
+import type { LocationItemData } from '../actions';
+/**
+ * Selection utility functions for LocationItems
+ */
+/**
+ * Get selected files from dataItems
+ */
+export declare const getSelectedFiles: (dataItems?: LocationItemData[]) => LocationItemData[];
+/**
+ * Get selected folders from dataItems
+ */
+export declare const getSelectedFolders: (dataItems?: LocationItemData[]) => LocationItemData[];
+/**
+ * Check if selection contains folders
+ */
+export declare const hasSelectedFolders: (dataItems?: LocationItemData[]) => boolean;
+/**
+ * Get selection summary
+ */
+export declare const getSelectionSummary: (dataItems?: LocationItemData[]) => {
+    total: number;
+    files: number;
+    folders: number;
+    hasFiles: boolean;
+    hasFolders: boolean;
+    isMixed: boolean;
+};

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

@@ -13,7 +13,11 @@ export interface ProcessTasksOptions<TTask extends Task, TItems = []> {
     onTaskCancel?: (task: TTask) => void;
     onTaskComplete?: (task: TTask) => void;
     onTaskError?: (task: TTask, error: unknown) => void;
-    onTaskProgress?: (task: TTask, progress: number | undefined) => void;
+    onTaskProgress?: (task: TTask, progressDetails: number | {
+        progress?: number;
+        successCount?: number;
+        failureCount?: number;
+    }) => void;
     onTaskSuccess?: (task: TTask, value: TTask['value'] | undefined) => void;
     onTaskRemove?: (task: TTask) => void;
 }
@@ -27,7 +31,8 @@ export interface Task<TData = unknown, TValue = any> extends TaskResult<TaskStat
      */
     data: TData & TaskData;
     /**
-     * task progress
+     * task progress (0-1 representing completion percentage)
+     * @example 0.75 // 75% complete
      */
     progress?: number;
     /**

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

@@ -1,6 +1,10 @@
 import type { DeleteHandlerData, LocationData } from '../../../actions';
+import type { ActionConfirmationModalProps } from '../../../components/composables/ActionConfirmationModal';
 import type { ActionViewType, ActionViewProps, ActionViewState } from '../types';
 export interface DeleteViewState extends ActionViewState<DeleteHandlerData> {
+    onConfirmDelete: () => void;
+    onCancelConfirmation: () => void;
+    confirmationModal: Omit<ActionConfirmationModalProps, 'onConfirm' | 'onCancel'>;
 }
 export interface DeleteViewProps extends ActionViewProps {
 }
@@ -10,6 +14,7 @@ export interface DeleteViewProviderProps extends DeleteViewState {
 export interface DeleteViewType extends ActionViewType<DeleteHandlerData, DeleteViewProps> {
     Provider: (props: DeleteViewProviderProps) => React.JSX.Element;
     Cancel: () => React.JSX.Element | null;
+    ConfirmationModal: (props: ActionConfirmationModalProps) => React.JSX.Element;
     Exit: () => React.JSX.Element | null;
     Message: () => React.JSX.Element | null;
     Start: () => React.JSX.Element | null;

package/dist/types/components/StorageBrowser/views/LocationActionView/DeleteView/utils.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ActionInputConfig, LocationItemData } from '../../../actions';
+import type { ActionConfirmationModalProps } from '../../../components/composables/ActionConfirmationModal';
+export declare const getFolderName: (folderKey: string) => string;
+/**
+ * Creates JSX content showing a list of folders to be deleted
+ */
+export declare const createFolderListContent: (folders: LocationItemData[], folderListTitle: string) => React.JSX.Element;
+export declare const createDeleteConfirmationModalProps: ({ items, showConfirmation, displayText, }: {
+    items: LocationItemData[];
+    showConfirmation: boolean;
+    displayText: {
+        confirmationModalTitle: string;
+        confirmationModalConfirmLabel: string;
+        confirmationModalCancelLabel: string;
+        confirmationModalMessage: string;
+        confirmationModalFolderListTitle: string;
+    };
+}) => Omit<ActionConfirmationModalProps, 'onConfirm' | 'onCancel'>;
+/**
+ * Count the total number of files in a folder with pagination and limits
+ * @param folderKey - The folder path to count files in
+ * @param config - Storage configuration
+ * @returns Promise<number | string> - File count or "5000+" if exceeds limit
+ */
+export declare const countFilesInFolder: (folderKey: string, config: ActionInputConfig) => Promise<number | string>;

package/dist/types/components/StorageBrowser/views/LocationDetailView/getLocationDetailViewTableData/getFolderRowContent.d.ts

@@ -1,6 +1,9 @@
 import type { DataTableProps } from '../../../components';
-export declare const getFolderRowContent: ({ itemSubPath, rowId, onNavigate, }: {
+export declare const getFolderRowContent: ({ itemSubPath, rowId, isSelected, selectFolderLabel, onNavigate, onSelect, }: {
     itemSubPath: string;
     rowId: string;
+    isSelected: boolean;
+    selectFolderLabel: string;
     onNavigate: () => void;
+    onSelect: () => void;
 }) => DataTableProps['rows'][number]['content'];