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

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/StorageBrowserAmplify.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
-import type { StorageBrowserProps as StorageBrowserPropsBase } from './createStorageBrowser';
+import type { StorageBrowserProps as StorageBrowserPropsBase, StorageBrowserProviderProps as StorageBrowserProviderPropsBase } from './createStorageBrowser';
 export interface StorageBrowserProps extends StorageBrowserPropsBase {
 }
+export interface StorageBrowserProviderProps extends StorageBrowserProviderPropsBase {
+}
 export declare function StorageBrowser(props: StorageBrowserProps): React.JSX.Element;

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/configuration/index.d.ts

@@ -1,3 +1,5 @@
 export { createConfigurationProvider } from './createConfigurationProvider';
 export { useGetActionInput } from './context';
 export type { GetActionInput } from './types';
+export { usePaginationConfig, PaginationConfigProvider, } from './paginationContext';
+export type { PaginationConfig } from './paginationContext';

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface PaginationConfig {
+    pageSize: number;
+}
+export declare const usePaginationConfig: (params?: {
+    errorMessage?: string | undefined;
+} | undefined) => PaginationConfig, PaginationConfigContext: React.Context<PaginationConfig>;
+export interface PaginationConfigProviderProps {
+    children?: React.ReactNode;
+    pageSize?: number;
+}
+export declare function PaginationConfigProvider({ children, pageSize, }: PaginationConfigProviderProps): React.JSX.Element;

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/createStorageBrowser/types.d.ts

@@ -245,12 +245,18 @@ export interface StorageBrowserProps<TActionType = string, TViews = {}> {
      * @description accepts default top level `views` overrides and custom `views` defined by the `actions` parameter of `createStorageBrowser`
      */
     views?: StorageBrowserViews<TActionType, TViews>;
+    /**
+     * @description Number of items to display per page in listings
+     * @default 100
+     * @minimum 1
+     */
+    pageSize?: number;
 }
 /**
  * @description `StorageBrowser.Provider` component properties
  * @template TViews Optional type of custom action view components.
  */
-export interface StorageBrowserProviderProps<TViews = {}> extends StoreProviderProps, Pick<StorageBrowserProps, 'defaultValue' | 'displayText' | 'onValueChange' | 'value'> {
+export interface StorageBrowserProviderProps<TViews = {}> extends StoreProviderProps, Pick<StorageBrowserProps, 'defaultValue' | 'displayText' | 'onValueChange' | 'value' | 'pageSize'> {
     /**
      * @description accepts custom action views rendered by `LocationActionView`
      */

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/store/types.d.ts

@@ -54,6 +54,13 @@ export interface StoreProviderProps {
      * @deprecated
      */
     path?: string;
+    /**
+     * @description Number of items to display per page in listings
+     * @default 100
+     * @minimum 1
+     * @maximum 1000
+     */
+    pageSize?: number;
 }
 export type StoreActionType = {
     type: 'CHANGE_ACTION_TYPE';

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/utils/index.d.ts

@@ -0,0 +1 @@
+export { validatePageSize } from './validatePageSize';

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

@@ -0,0 +1 @@
+export declare const validatePageSize: (pageSize: number | undefined) => 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/LocationActionView/UploadView/types.d.ts

@@ -13,6 +13,12 @@ export interface UploadViewState extends ActionViewState<UploadHandlerData> {
     invalidFiles: FileItems | undefined;
 }
 export interface UploadViewProps extends ActionViewProps, Partial<UploadViewState> {
+    /**
+     * @description Number of items to display per page in task listings
+     * @default 100
+     * @minimum 1
+     */
+    pageSize?: number;
 }
 export interface UploadViewProviderProps extends UploadViewState {
     children?: React.ReactNode;
@@ -37,4 +43,5 @@ export interface UploadViewType extends ActionViewType<UploadHandlerData, Upload
 }
 export interface UseUploadViewOptions {
     onExit?: (location?: LocationData) => void;
+    pageSize?: number;
 }

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'];

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

@@ -2,7 +2,7 @@ import type { FileData, FileDataItem, LocationData, LocationItemData } from '../
 import type { DataTableProps } from '../../../components';
 import type { DefaultLocationDetailViewDisplayText } from '../../../displayText/types';
 import type { LocationState } from '../../../store';
-export declare const getLocationDetailViewTableData: ({ filePreviewEnabled, activeFile, onSelectActiveFile, areAllFilesSelected, displayText, location, fileDataItems, hasFiles, pageItems, selectFileLabel, selectAllFilesLabel, getDateDisplayValue, onDownload, onNavigate, onSelect, onSelectAll, }: {
+export declare const getLocationDetailViewTableData: ({ filePreviewEnabled, activeFile, onSelectActiveFile, areAllFilesSelected, displayText, location, fileDataItems, dataItems, hasFiles, pageItems, selectFileLabel, selectAllFilesLabel, getDateDisplayValue, onDownload, onNavigate, onSelect, onSelectAll, }: {
     filePreviewEnabled: boolean;
     activeFile: FileData | undefined;
     onSelectActiveFile: (arg: FileData) => void;
@@ -10,6 +10,7 @@ export declare const getLocationDetailViewTableData: ({ filePreviewEnabled, acti
     displayText: DefaultLocationDetailViewDisplayText;
     location: LocationState;
     fileDataItems?: FileData[] | undefined;
+    dataItems?: LocationItemData[] | undefined;
     hasFiles: boolean;
     pageItems: LocationItemData[];
     selectFileLabel: string;
@@ -17,6 +18,6 @@ export declare const getLocationDetailViewTableData: ({ filePreviewEnabled, acti
     getDateDisplayValue: (date: Date) => string;
     onDownload: (fileItem: FileDataItem) => void;
     onNavigate: (location: LocationData, path?: string) => void;
-    onSelect: (isSelected: boolean, fileItem: FileData) => void;
+    onSelect: (isSelected: boolean, item: LocationItemData) => void;
     onSelectAll: () => void;
 }) => DataTableProps;

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

@@ -11,6 +11,13 @@ export interface LocationDetailViewState {
     activeFileHasPrev: boolean;
     actionType: string | undefined;
     downloadErrorMessage: string | undefined;
+    /**
+     * Selected items (files and folders)
+     */
+    dataItems: LocationItemData[] | undefined;
+    /**
+     * @deprecated Use dataItems instead. Will be removed in v4.0.0
+     */
     fileDataItems: FileDataItem[] | undefined;
     hasDownloadError: boolean;
     hasError: boolean;
@@ -33,7 +40,7 @@ export interface LocationDetailViewState {
     onSearchClear: () => void;
     onSearchQueryChange: (value: string) => void;
     onRetryFilePreview: () => void;
-    onSelect: (isSelected: boolean, fileItem: FileData) => void;
+    onSelect: (isSelected: boolean, item: LocationItemData) => void;
     onSelectActiveFile: (file?: FileData | 'prev' | 'next') => void;
     onToggleSearchSubfolders: () => void;
     onToggleSelectAll: () => void;
@@ -72,7 +79,7 @@ export interface LocationDetailViewType {
     Title: () => React.JSX.Element | null;
     FilePreview: (props: FilePreviewProps) => React.JSX.Element | null;
 }
-interface InitialValues {
+export interface InitialValues {
     pageSize?: number;
     delimiter?: string;
 }
@@ -81,5 +88,5 @@ export interface UseLocationDetailViewOptions {
     onActionSelect?: (actionType: string) => void;
     onExit?: () => void;
     onNavigate?: (location: LocationData, path?: string) => void;
+    pageSize?: number;
 }
-export {};

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

@@ -35,11 +35,11 @@ export interface LocationsViewType {
     Search: () => React.JSX.Element | null;
     Title: () => React.JSX.Element | null;
 }
-interface InitialValues {
+export interface InitialValues {
     pageSize?: number;
 }
 export interface UseLocationsViewOptions {
     initialValues?: InitialValues;
     onNavigate?: (location: LocationData) => void;
+    pageSize?: number;
 }
-export {};

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

@@ -9,7 +9,7 @@ interface UsePaginateInput<T> {
     items?: T[];
     onPaginate?: (page?: number) => void;
     page?: number;
-    pageSize?: number;
+    pageSize: number;
 }
 export declare const usePaginate: <T>({ items, onPaginate, page, pageSize, }: UsePaginateInput<T>) => UsePaginateState<T>;
 export {};

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

@@ -13,6 +13,12 @@ export interface ListViewState<T = any> {
     pageItems: T[];
 }
 export interface ListViewProps extends ActionViewProps, Partial<ListViewState> {
+    /**
+     * @description Number of items to display per page in listings
+     * @default 100
+     * @minimum 1
+     */
+    pageSize?: number;
 }
 export type StorageBrowserViews<T = string, K = {}> = Partial<PrimaryViews<T> & DefaultActionViews & K>;
 export interface PrimaryViews<T = string> {

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

@@ -1 +1 @@
-export { COPY_TABLE_RESOLVERS, FILE_DATA_ITEM_TABLE_KEYS, DELETE_TABLE_RESOLVERS, UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, DOWNLOAD_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS, } from './tableResolvers';
+export { COPY_TABLE_RESOLVERS, FILE_DATA_ITEM_TABLE_KEYS, DELETE_TABLE_KEYS, DELETE_TABLE_RESOLVERS, UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS, DOWNLOAD_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS, } from './tableResolvers';

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

@@ -19,3 +19,4 @@ export declare const STATUS_ICONS: {
     readonly QUEUED: "action-queued";
 };
 export declare const FILE_DATA_ITEM_TABLE_KEYS: readonly ["name", "folder", "type", "size", "status", "cancel"];
+export declare const DELETE_TABLE_KEYS: readonly ["name", "folder", "type", "size", "status", "progress", "cancel"];

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

@@ -1,2 +1,5 @@
-import type { FileDataTaskTableResolvers } from './types';
-export declare const DELETE_TABLE_RESOLVERS: FileDataTaskTableResolvers;
+import type { DeleteTableResolvers, DeleteTableKey, DeleteActionTask, DeleteTableResolverProps } from './types';
+import type { CellData } from '../../hooks/useResolveTableData/types';
+import type { DataTableButtonDataCell, WithKey } from '../../../components';
+export declare const getCancelCellContent: (data: WithKey<CellData<DeleteTableResolverProps, DeleteActionTask>, DeleteTableKey>) => DataTableButtonDataCell['content'];
+export declare const DELETE_TABLE_RESOLVERS: DeleteTableResolvers;

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

@@ -2,4 +2,4 @@ export { COPY_TABLE_RESOLVERS } from './copyResolvers';
 export { DELETE_TABLE_RESOLVERS } from './deleteResolvers';
 export { DOWNLOAD_TABLE_KEYS, DOWNLOAD_TABLE_RESOLVERS, } from './downloadResolvers';
 export { UPLOAD_TABLE_KEYS, UPLOAD_TABLE_RESOLVERS } from './uploadResolvers';
-export { FILE_DATA_ITEM_TABLE_KEYS } from './constants';
+export { FILE_DATA_ITEM_TABLE_KEYS, DELETE_TABLE_KEYS } from './constants';

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

@@ -30,15 +30,19 @@ export interface UploadTableResolverProps extends ActionTableResolverProps<Uploa
 }
 export type FileDataTaskTableResolverProps = CopyTableResolverProps | DeleteTableResolverProps;
 export type ActionTableKey = 'name' | 'folder' | 'type' | 'size' | 'status' | 'cancel';
+export type DeleteTableKey = ActionTableKey | 'progress';
 export type UploadTableKey = ActionTableKey | 'progress';
 export type DownloadTableKey = ActionTableKey | 'progress';
 export interface FileDataTaskTableResolvers extends DataTableResolvers<ActionTableKey, FileDataTaskTableResolverProps, FileDataTask> {
 }
+export interface DeleteTableResolvers extends DataTableResolvers<DeleteTableKey, DeleteTableResolverProps, DeleteActionTask> {
+}
 export interface UploadTableResolvers extends DataTableResolvers<UploadTableKey, UploadTableResolverProps, UploadActionTask> {
 }
 export interface DownloadTableResolvers extends DataTableResolvers<DownloadTableKey, DownloadTableResolverProps, DownloadActionTask> {
 }
 export type GetFileDataCell = FileDataTaskTableResolvers['getCell'];
+export type GetDeleteCell = DeleteTableResolvers['getCell'];
 export type GetDownloadCell = DownloadTableResolvers['getCell'];
 export type GetUploadCell = UploadTableResolvers['getCell'];
 export {};

package/dist/types/index.d.ts

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