@aws-amplify/ui-react-storage 3.4.1 → 3.5.1

package/dist/esm/components/StorageBrowser/views/LocationsView/useLocationsView.mjs

@@ -1,22 +1,19 @@
 import React__default from 'react';
-import { usePaginate } from '../hooks/usePaginate.mjs';
-import '../../actions/configs/context.mjs';
-import '@aws-amplify/storage/internals';
-import { createFileDataItemFromLocation } from '../../actions/handlers/utils.mjs';
-import '@aws-amplify/ui';
-import { downloadHandler } from '../../actions/handlers/download.mjs';
-import 'aws-amplify/storage';
-import { useListLocations } from '../../actions/useAction/useListLocations.mjs';
 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 { useList } from '../../useAction/useList.mjs';
+import '@aws-amplify/ui';
+import '@aws-amplify/storage/internals';
+import { getFileKey } from '../../actions/handlers/utils.mjs';
+import 'aws-amplify/storage';
+import '../../actions/configs/context.mjs';
+import { usePaginate } from '../hooks/usePaginate.mjs';
 import { useSearch } from '../hooks/useSearch.mjs';
-import { useGetActionInput } from '../../providers/configuration/context.mjs';
-import '@aws-amplify/ui-react-core/elements';
-import '../../providers/configuration/credentials/context.mjs';
-import { useProcessTasks } from '../../tasks/useProcessTasks.mjs';
 
 const DEFAULT_EXCLUDE = {
     exactPermissions: ['delete', 'write'],
@@ -27,11 +24,10 @@ const DEFAULT_LIST_OPTIONS = {
     pageSize: DEFAULT_PAGE_SIZE,
 };
 const useLocationsView = (options) => {
-    const getConfig = useGetActionInput();
-    const [state, handleList] = useListLocations();
+    const handleDownload = useAction('download')[1];
+    const [state, handleList] = useList('locations');
+    const dispatchStoreAction = useStore()[1];
     const { data, message, hasError, isLoading } = state;
-    const [_, handleDownload] = useProcessTasks(downloadHandler);
-    const [, dispatchStoreAction] = useStore();
     const { items, nextToken, search } = data;
     const hasNextToken = !!nextToken;
     const { hasExhaustedSearch = false } = search ?? {};
@@ -44,17 +40,13 @@ const useLocationsView = (options) => {
     const listOptions = listOptionsRef.current;
     // initial load
     React__default.useEffect(() => {
-        handleList({
-            options: { ...listOptions, refresh: true },
-        });
+        handleList({ options: { ...listOptions, refresh: true } });
     }, [handleList, listOptions]);
     // set up pagination
     const paginateCallback = () => {
         if (!nextToken)
             return;
-        handleList({
-            options: { ...listOptions, nextToken },
-        });
+        handleList({ options: { ...listOptions, nextToken } });
     };
     const { currentPage, onPaginate, handleReset, highestPageVisited, pageItems, } = usePaginate({
         items,
@@ -77,7 +69,6 @@ const useLocationsView = (options) => {
         });
     };
     const { searchQuery, onSearchQueryChange, onSearchSubmit, resetSearch } = useSearch({ onSearch });
-    const shouldShowEmptyMessage = pageItems.length === 0 && !isLoading && !hasError;
     return {
         isLoading,
         hasError,
@@ -86,13 +77,17 @@ const useLocationsView = (options) => {
         hasNextPage: hasNextToken,
         highestPageVisited,
         pageItems,
-        shouldShowEmptyMessage,
         searchQuery,
         hasExhaustedSearch,
         onDownload: (location) => {
+            const { prefix: key } = location;
             handleDownload({
-                config: getConfig(location),
-                data: createFileDataItemFromLocation(location),
+                data: {
+                    fileKey: getFileKey(key),
+                    key,
+                    id: crypto.randomUUID(),
+                },
+                location,
             });
         },
         onNavigate: (location) => {
@@ -102,9 +97,7 @@ const useLocationsView = (options) => {
         onRefresh: () => {
             resetSearch();
             handleReset();
-            handleList({
-                options: { ...listOptions, refresh: true },
-            });
+            handleList({ options: { ...listOptions, refresh: true } });
         },
         onPaginate,
         onSearch: onSearchSubmit,

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

@@ -0,0 +1,33 @@
+import React__default from 'react';
+import { UploadView } from '../LocationActionView/UploadView/UploadView.mjs';
+import '@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 '../../useAction/context.mjs';
+import '../../providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import '../../providers/configuration/credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import 'aws-amplify/storage';
+import '../../actions/configs/context.mjs';
+import { CreateFolderView } from '../LocationActionView/CreateFolderView/CreateFolderView.mjs';
+import { CopyView } from '../LocationActionView/CopyView/CopyView.mjs';
+import { DeleteView } from '../LocationActionView/DeleteView/DeleteView.mjs';
+
+const DEFAULT_ACTION_VIEWS = {
+    createFolder: CreateFolderView,
+    copy: CopyView,
+    delete: DeleteView,
+    upload: UploadView,
+};
+const ActionViewsContext = React__default.createContext({
+    action: DEFAULT_ACTION_VIEWS,
+});
+function useActionViews() {
+    return React__default.useContext(ActionViewsContext);
+}
+
+export { ActionViewsContext, DEFAULT_ACTION_VIEWS, useActionViews };

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

@@ -0,0 +1,32 @@
+import { capitalize, isObject, isFunction } from '@aws-amplify/ui';
+import { DEFAULT_ACTION_VIEWS } from './actionViews.mjs';
+import { DEFAULT_PRIMARY_VIEWS } from './primaryViews.mjs';
+
+const getViews = (views, customConfigs) => {
+    const resolvedDefaultActionViews = Object.entries(DEFAULT_ACTION_VIEWS).reduce((output, [actionName, component]) => {
+        // use viewName to lookup overrides for default action views
+        const viewName = capitalize(`${actionName}View`);
+        return {
+            ...output,
+            [actionName]: (views?.[viewName] ?? component),
+        };
+    }, {});
+    const customActionViews = !isObject(customConfigs)
+        ? {}
+        : Object.entries(customConfigs).reduce((acc, [key, config]) => {
+            // ignore custom actions that are only handlers
+            return !isObject(config) || isFunction(config)
+                ? acc
+                : { ...acc, [key]: views?.[config.viewName] };
+        }, {});
+    return {
+        action: { ...resolvedDefaultActionViews, ...customActionViews },
+        primary: {
+            LocationActionView: views?.LocationActionView ?? DEFAULT_PRIMARY_VIEWS.LocationActionView,
+            LocationDetailView: views?.LocationDetailView ?? DEFAULT_PRIMARY_VIEWS.LocationDetailView,
+            LocationsView: views?.LocationsView ?? DEFAULT_PRIMARY_VIEWS.LocationsView,
+        },
+    };
+};
+
+export { getViews };

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

@@ -0,0 +1,32 @@
+import React__default from 'react';
+import '../LocationActionView/CopyView/CopyView.mjs';
+import '@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 '../../useAction/context.mjs';
+import '../../providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '@aws-amplify/ui-react-core/elements';
+import '../../providers/configuration/credentials/context.mjs';
+import '@aws-amplify/storage/internals';
+import 'aws-amplify/storage';
+import '../../actions/configs/context.mjs';
+import '../LocationActionView/CreateFolderView/CreateFolderView.mjs';
+import '../LocationActionView/DeleteView/DeleteView.mjs';
+import { LocationActionView } from '../LocationActionView/LocationActionView.mjs';
+import '../LocationActionView/UploadView/UploadView.mjs';
+import { LocationDetailView } from '../LocationDetailView/LocationDetailView.mjs';
+import { LocationsView } from '../LocationsView/LocationsView.mjs';
+
+const DEFAULT_PRIMARY_VIEWS = {
+    LocationActionView: LocationActionView,
+    LocationDetailView: LocationDetailView,
+    LocationsView: LocationsView,
+};
+const PrimaryViewsContext = React__default.createContext({
+    primary: DEFAULT_PRIMARY_VIEWS,
+});
+
+export { DEFAULT_PRIMARY_VIEWS, PrimaryViewsContext };

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

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { getViews } from './getViews.mjs';
+import { ActionViewsContext } from './actionViews.mjs';
+import { PrimaryViewsContext } from './primaryViews.mjs';
+
+function ViewsProvider({ children, views, actions, }) {
+    const { custom } = actions ?? {};
+    const value = React__default.useMemo(() => getViews(views, custom), [custom, views]);
+    return (React__default.createElement(PrimaryViewsContext.Provider, { value: value },
+        React__default.createElement(ActionViewsContext.Provider, { value: value }, children)));
+}
+function useViews() {
+    return {
+        primary: React__default.useContext(PrimaryViewsContext).primary,
+        action: React__default.useContext(ActionViewsContext).action,
+    };
+}
+
+export { ViewsProvider, useViews };

package/dist/esm/components/StorageBrowser/views/{createUseView.mjs → useView.mjs}

@@ -4,44 +4,35 @@ import './LocationActionView/CreateFolderView/CreateFolderView.mjs';
 import { useCreateFolderView } from './LocationActionView/CreateFolderView/useCreateFolderView.mjs';
 import './LocationActionView/DeleteView/DeleteView.mjs';
 import { useDeleteView } from './LocationActionView/DeleteView/useDeleteView.mjs';
-import './LocationActionView/UploadView/UploadView.mjs';
-import { useUploadView } from './LocationActionView/UploadView/useUploadView.mjs';
-import { useActionView } from './LocationActionView/useActionView.mjs';
 import 'react';
-import '../actions/configs/context.mjs';
-import '@aws-amplify/storage/internals';
-import '@aws-amplify/ui';
-import 'aws-amplify/storage';
-import '@aws-amplify/ui-react-core';
 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 './context/actionViews.mjs';
+import './LocationActionView/UploadView/UploadView.mjs';
+import { useUploadView } from './LocationActionView/UploadView/useUploadView.mjs';
+import '@aws-amplify/ui';
 import './LocationsView/LocationsView.mjs';
 import { useLocationsView } from './LocationsView/useLocationsView.mjs';
 import './LocationDetailView/LocationDetailView.mjs';
 import { useLocationDetailView } from './LocationDetailView/useLocationDetailView.mjs';
 
-const DEFAULT_USE_VIEWS = {
-    CopyView: useCopyView,
-    CreateFolderView: useCreateFolderView,
-    DeleteView: useDeleteView,
-    LocationDetailView: useLocationDetailView,
-    LocationsView: useLocationsView,
-    UploadView: useUploadView,
+const USE_VIEW_HOOKS = {
+    Copy: useCopyView,
+    CreateFolder: useCreateFolderView,
+    Delete: useDeleteView,
+    LocationDetail: useLocationDetailView,
+    Locations: useLocationsView,
+    Upload: useUploadView,
 };
-const isDefaultUseViewName = (viewName) => Object.keys(DEFAULT_USE_VIEWS).some((key) => key === viewName);
-const createUseView = (configs) => {
-    const hooks = Object.values(configs).reduce((out, { componentName }) => ({
-        ...out,
-        [componentName.slice(0, -4)]: isDefaultUseViewName(componentName)
-            ? DEFAULT_USE_VIEWS[componentName]
-            : useActionView,
-    }), {});
-    return function useView(type) {
-        // todo: add assertion here
-        return hooks[type](type);
-    };
+const isUseViewType = (value) => !!USE_VIEW_HOOKS?.[value];
+// @ts-expect-error
+const useView = (type) => {
+    if (!isUseViewType(type)) {
+        throw new Error(`Value of \`${type}\` cannot be used to index \`useView\``);
+    }
+    return USE_VIEW_HOOKS[type]();
 };
 
-export { createUseView };
+export { useView };

package/dist/esm/version.mjs

@@ -1,3 +1,3 @@
-const VERSION = '3.4.1';
+const VERSION = '3.5.1';
 
 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 createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-BRctUWdR.js');
+var createAmplifyAuthAdapter = require('./createAmplifyAuthAdapter-0MaHde-Z.js');
 require('@aws-amplify/storage/internals');
 require('@aws-amplify/ui-react-core/elements');
 require('aws-amplify');
@@ -551,8 +551,6 @@ function FilePicker$1({ children, className = ui.ComponentClassName.FileUploader
     return (React__namespace["default"].createElement(uiReact.Button, { ...props, className: className, size: size }, children));
 }
 
-const VERSION = '3.4.1';
-
 const logger$1 = ui.getLogger('Storage');
 const MISSING_REQUIRED_PROPS_MESSAGE$1 = '`FileUploader` requires a `maxFileCount` prop to be provided.';
 const ACCESS_LEVEL_WITH_PATH_CALLBACK_MESSAGE$1 = '`FileUploader` does not allow usage of a `path` callback prop with an `accessLevel` prop.';
@@ -692,7 +690,7 @@ const FileUploaderBase = React__namespace.forwardRef(function FileUploader({ acc
     uiReactCore.useSetUserAgent({
         componentName: 'FileUploader',
         packageName: 'react-storage',
-        version: VERSION,
+        version: createAmplifyAuthAdapter.VERSION,
     });
     return (React__namespace.createElement(Components.Container, { className: `${ui.ComponentClassName.FileUploader} ${hasFiles ? ui.ComponentClassName.FileUploaderPreviewer : ''}` },
         React__namespace.createElement(Components.DropZone, { inDropZone: dragState !== 'inactive', ...dropZoneProps, displayText: displayText },
@@ -747,7 +745,7 @@ const StorageImage = ({ accessLevel, className, fallbackSrc, identityId, imgKey,
     uiReactCore.useSetUserAgent({
         componentName: 'StorageImage',
         packageName: 'react-storage',
-        version: VERSION,
+        version: createAmplifyAuthAdapter.VERSION,
     });
     const onError = onGetUrlError ?? onStorageGetError;
     const input = React__namespace.useMemo(() => ({
@@ -1032,7 +1030,7 @@ const StorageManagerBase = React__namespace.forwardRef(function StorageManager({
     uiReactCore.useSetUserAgent({
         componentName: 'StorageManager',
         packageName: 'react-storage',
-        version: VERSION,
+        version: createAmplifyAuthAdapter.VERSION,
     });
     return (React__namespace.createElement(Components.Container, { className: `${ui.ComponentClassName.StorageManager} ${hasFiles ? ui.ComponentClassName.StorageManagerPreviewer : ''}` },
         React__namespace.createElement(Components.DropZone, { inDropZone: dragState !== 'inactive', ...dropZoneProps, displayText: displayText },
@@ -1055,10 +1053,7 @@ const StorageManager = Object.assign({}, StorageManagerBase, {
 });
 
 const StorageBrowser = ({ views, displayText, }) => {
-    const { StorageBrowser } = React__namespace["default"].useRef(createAmplifyAuthAdapter.createStorageBrowser({
-        components: createAmplifyAuthAdapter.componentsDefault,
-        config: createAmplifyAuthAdapter.createAmplifyAuthAdapter(),
-    })).current;
+    const { StorageBrowser } = React__namespace["default"].useRef(createAmplifyAuthAdapter.createStorageBrowser({ config: createAmplifyAuthAdapter.createAmplifyAuthAdapter() })).current;
     return React__namespace["default"].createElement(StorageBrowser, { views: views, displayText: displayText });
 };
 

package/dist/styles.css

@@ -6842,12 +6842,16 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: row;
   align-items: flex-start;
   gap: var(--amplify-components-ai-conversation-form-gap);
-  padding: var(--amplify-components-ai-conversation-form-padding);
 }
 .amplify-ai-conversation__form__dropzone {
   text-align: initial;
   border: none;
+  padding: var(--amplify-components-ai-conversation-form-padding);
+}
+.amplify-ai-conversation__form__error {
   padding: 0;
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
+  gap: var(--amplify-components-ai-conversation-attachment-gap);
 }
 .amplify-ai-conversation__attachment {
   display: flex;
@@ -6867,7 +6871,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
   flex-direction: row;
   flex-wrap: wrap;
   gap: var(--amplify-components-ai-conversation-attachment-list-gap);
-  padding-block-start: var(--amplify-components-ai-conversation-attachment-padding-block-start);
+  padding-block-start: var(--amplify-components-ai-conversation-attachment-list-padding-block-start);
 }
 .amplify-ai-conversation__attachment__image {
   width: var(--amplify-components-ai-conversation-attachment-image-width);

package/dist/types/components/StorageBrowser/actions/configs/context.d.ts

@@ -1,14 +1,13 @@
 /// <reference types="react" />
-import { ActionConfigs } from './types';
+import { ActionViewConfigs } from './types';
 export interface ActionConfigsProviderProps {
-    actions?: ActionConfigs;
+    actionConfigs: ActionViewConfigs;
     children?: React.ReactNode;
 }
 export declare const useActionConfigs: (params?: {
     errorMessage?: string | undefined;
 } | undefined) => {
-    actions?: ActionConfigs | undefined;
+    actionConfigs: ActionViewConfigs | undefined;
 }, ActionConfigsProvider: import("react").ComponentType<import("react").PropsWithChildren<{
-    actions?: ActionConfigs | undefined;
+    actionConfigs: ActionViewConfigs | undefined;
 }>>;
-export declare function useActionConfig<T extends keyof ActionConfigs>(type?: T): ActionConfigs[T];

package/dist/types/components/StorageBrowser/actions/configs/defaults.d.ts

@@ -1,24 +1,23 @@
-import { CopyActionConfig, CreateFolderActionConfig, DeleteActionConfig, ListLocationItemsActionConfig, ListLocationsActionConfig, UploadActionConfig } from './types';
+import { CopyActionConfig, CreateFolderActionConfig, DeleteActionConfig, UploadActionConfig } from './types';
 export declare const copyActionConfig: CopyActionConfig;
 export declare const deleteActionConfig: DeleteActionConfig;
 export declare const createFolderActionConfig: CreateFolderActionConfig;
-export declare const listLocationItemsActionConfig: ListLocationItemsActionConfig;
-export declare const listLocationsActionConfig: ListLocationsActionConfig;
 export declare const uploadActionConfig: UploadActionConfig;
 export declare const defaultActionViewConfigs: {
     copy: CopyActionConfig;
     createFolder: CreateFolderActionConfig;
+    download: import("../handlers").DownloadHandler;
     delete: DeleteActionConfig;
     upload: UploadActionConfig;
 };
 export type DefaultActionViewType = keyof typeof defaultActionViewConfigs;
-export declare const DEFAULT_ACTION_VIEW_TYPES: ("upload" | "copy" | "delete" | "createFolder")[];
-export declare const isDefaultActionViewType: (value?: string) => value is "upload" | "copy" | "delete" | "createFolder";
+export declare const DEFAULT_ACTION_VIEW_TYPES: ("upload" | "copy" | "delete" | "download" | "createFolder")[];
+export declare const isDefaultActionViewType: (value?: string) => value is "upload" | "copy" | "delete" | "download" | "createFolder";
 export declare const defaultActionConfigs: {
-    listLocationItems: ListLocationItemsActionConfig;
-    listLocations: ListLocationsActionConfig;
+    listLocationItems: import("../handlers").ListLocationItemsHandler;
     copy: CopyActionConfig;
     createFolder: CreateFolderActionConfig;
+    download: import("../handlers").DownloadHandler;
     delete: DeleteActionConfig;
     upload: UploadActionConfig;
 };

package/dist/types/components/StorageBrowser/actions/configs/index.d.ts

@@ -1,3 +1,4 @@
-export { ActionConfigsProvider, ActionConfigsProviderProps, useActionConfig, } from './context';
-export { defaultActionConfigs, defaultActionViewConfigs, isDefaultActionViewType, } from './defaults';
+export { ActionConfigsProvider, ActionConfigsProviderProps, useActionConfigs, } from './context';
+export { defaultActionConfigs, defaultActionViewConfigs, DefaultActionViewType, isDefaultActionViewType, } from './defaults';
 export * from './types';
+export { getActionConfigs } from './utils';

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

@@ -1,38 +1,15 @@
 import { StorageBrowserIconType } from '../../context/elements';
-import { LocationPermissions } from '../../actions';
-import { ListLocationsHandler, ListLocationItemsHandler, LocationItemData, LocationItemType, UploadHandler, CreateFolderHandler, DeleteHandler, CopyHandler, TaskHandler } from '../handlers';
+import { CopyHandler, CreateFolderHandler, DeleteHandler, DownloadHandler, ListLocationItemsHandler, ListLocations, LocationItemData, LocationPermissions, TaskData, TaskHandler, TaskHandlerInput, TaskHandlerOutput, UploadHandler } from '../handlers';
+export type ActionHandler<TData = any, RValue = any> = TaskHandler<TaskHandlerInput<TData & TaskData>, TaskHandlerOutput<RValue>>;
 type StringWithoutSpaces<T extends string> = Exclude<T, ` ${string}` | `${string} ` | `${string} ${string}`>;
-export type ComponentName = Capitalize<`${string}View`>;
-type ActionName = StringWithoutSpaces<string>;
-/**
- * native OS file picker type. to restrict selectable file types, define the picker types
- * followed by accepted file types as strings
- * @example
- * ```ts
- * type JPEGOnly = ['FOLDER', '.jpeg'];
- * ```
- */
-export type SelectionType = LocationItemType | [LocationItemType, ...string[]];
-export interface ActionConfigTemplate<T> {
-    /**
-     * The name of the component associated with the action
-     */
-    componentName: ComponentName;
-    /**
-     * action handler
-     */
-    handler: T;
-}
+export type ViewName = Capitalize<`${string}View`>;
+export type ActionName<T extends string = string> = StringWithoutSpaces<T>;
 export interface ActionListItemConfig {
     /**
      * conditionally disable item selection based on currently selected values
      * @default false
      */
     disable?: (selectedValues: LocationItemData[] | undefined) => boolean;
-    /**
-     * open native OS file picker with associated selection type on item select
-     */
-    fileSelection?: SelectionType;
     /**
      * conditionally render list item based on location permission
      * @default false
@@ -51,61 +28,54 @@ export interface ActionListItemConfig {
  * defines an action to be included in the actions list of the `LocationDetailView` with
  * a dedicated subcomponent of the `LocationActionView`
  */
-export interface TaskActionConfig<T extends TaskHandler = TaskHandler> extends ActionConfigTemplate<T> {
-    /**
-     * configure action list item behavior. provide multiple configs
-     * to create additional list items for a single action
-     */
-    actionsListItemConfig?: ActionListItemConfig;
+export interface ActionViewConfig<T extends ActionHandler = ActionHandler, K extends ViewName = ViewName> {
     /**
-     * whether the provided `handler` allow inflight cancellation
-     * @default false
+     * action handler
      */
-    isCancelable?: boolean;
+    handler: T;
     /**
-     * show per task progress in the action task table
-     * @default false
+     * The view slot name associated with the action provided on the
+     * `StorageBrowser` through the `views` prop
      */
-    includeProgress?: boolean;
+    viewName: K;
     /**
-     * default display name value displayed on action view
+     * configure action list item behavior. provide multiple configs
+     * to create additional list items for a single action
      */
-    displayName: string;
+    actionListItem: ActionListItemConfig;
 }
-export interface ListActionConfig<T> extends ActionConfigTemplate<T> {
+export interface UploadActionConfig extends ActionViewConfig<UploadHandler, 'UploadView'> {
 }
-export interface UploadActionConfig extends TaskActionConfig<UploadHandler> {
-    componentName: 'UploadView';
+export interface DeleteActionConfig extends ActionViewConfig<DeleteHandler, 'DeleteView'> {
 }
-export interface DeleteActionConfig extends TaskActionConfig<DeleteHandler> {
-    componentName: 'DeleteView';
+export interface CopyActionConfig extends ActionViewConfig<CopyHandler, 'CopyView'> {
 }
-export interface CopyActionConfig extends TaskActionConfig<CopyHandler> {
-    componentName: 'CopyView';
+export interface CreateFolderActionConfig extends ActionViewConfig<CreateFolderHandler, 'CreateFolderView'> {
 }
-export interface CreateFolderActionConfig extends TaskActionConfig<CreateFolderHandler> {
-    componentName: 'CreateFolderView';
+export interface ListActionConfig<T> {
+    /**
+     * action handler
+     */
+    handler: T;
 }
-export interface ListLocationsActionConfig extends ListActionConfig<ListLocationsHandler> {
-    componentName: 'LocationsView';
-    displayName: string;
+export interface DefaultActionConfigs {
+    createFolder?: CreateFolderActionConfig;
+    listLocationItems?: ListLocationItemsHandler;
+    upload?: UploadActionConfig;
+    delete?: DeleteActionConfig;
+    download?: DownloadHandler;
+    copy?: CopyActionConfig;
 }
-export interface ListLocationItemsActionConfig extends ListActionConfig<ListLocationItemsHandler> {
-    componentName: 'LocationDetailView';
-    displayName: (bucket: string | undefined, prefix: string | undefined) => string;
+export interface ExtendedDefaultActionConfigs extends Required<DefaultActionConfigs> {
+    listLocations: ListLocations;
 }
-export interface DefaultActionConfigs {
-    ListLocationItems: ListLocationItemsActionConfig;
-    ListLocations: ListLocationsActionConfig;
-    CreateFolder: CreateFolderActionConfig;
-    Upload: UploadActionConfig;
-    Delete: DeleteActionConfig;
-    Copy: CopyActionConfig;
+export type CustomActionConfigs = Record<ActionName, ActionViewConfig | ActionHandler>;
+/**
+ * @internal @unstable
+ */
+export interface ExtendedActionConfigs {
+    default?: ExtendedDefaultActionConfigs;
+    custom?: CustomActionConfigs;
 }
-export type DefaultActionKey = keyof DefaultActionConfigs;
-export type ActionConfigs<ActionsKeys extends ActionName = ActionName> = Record<ActionsKeys, ListLocationItemsActionConfig | ListLocationsActionConfig | CreateFolderActionConfig | UploadActionConfig | TaskActionConfig>;
-export type ResolveActionHandler<T> = T extends TaskActionConfig<infer K> | ListActionConfig<infer K> ? K : never;
-export type ResolveActionHandlers<T> = {
-    [K in keyof T]: ResolveActionHandler<T[K]>;
-};
+export type ActionViewConfigs<ActionsKeys extends ActionName = ActionName> = Record<ActionsKeys, ActionViewConfig>;
 export {};

package/dist/types/components/StorageBrowser/actions/configs/utils.d.ts

@@ -0,0 +1,2 @@
+import { ExtendedActionConfigs, ActionViewConfigs } from './types';
+export declare const getActionConfigs: (configs: ExtendedActionConfigs) => ActionViewConfigs;

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

@@ -1,10 +1,17 @@
-import { FileDataItem, TaskHandler, TaskHandlerInput, TaskHandlerOptions, TaskHandlerOutput } from './types';
-export interface CopyHandlerData extends FileDataItem {
+import { TaskData, TaskHandler, TaskHandlerInput, TaskHandlerOptions, TaskHandlerOutput } from './types';
+export interface CopyHandlerData extends TaskData {
+    sourceKey: string;
+    eTag?: string;
+    fileKey: string;
+    lastModified: Date;
 }
-export interface CopyHandlerInput extends TaskHandlerInput<CopyHandlerData, TaskHandlerOptions> {
-    destinationPrefix: string;
+export interface CopyHandlerInput extends TaskHandlerInput<CopyHandlerData, TaskHandlerOptions<{
+    key: string;
+}>> {
 }
-export interface CopyHandlerOutput extends TaskHandlerOutput {
+export interface CopyHandlerOutput extends TaskHandlerOutput<{
+    key: string;
+}> {
 }
 export interface CopyHandler extends TaskHandler<CopyHandlerInput, CopyHandlerOutput> {
 }

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

@@ -1,13 +1,16 @@
 import { TaskData, TaskHandler, TaskHandlerInput, TaskHandlerOutput, TaskHandlerOptions } from './types';
 export interface CreateFolderHandlerData extends TaskData {
-}
-export interface CreateFolderHandlerOptions extends TaskHandlerOptions {
     preventOverwrite?: boolean;
 }
+export interface CreateFolderHandlerOptions extends TaskHandlerOptions<{
+    key: string;
+}> {
+}
 export interface CreateFolderHandlerInput extends TaskHandlerInput<CreateFolderHandlerData, CreateFolderHandlerOptions> {
-    destinationPrefix: string;
 }
-export interface CreateFolderHandlerOutput extends TaskHandlerOutput {
+export interface CreateFolderHandlerOutput extends TaskHandlerOutput<{
+    key: string;
+}> {
 }
 export interface CreateFolderHandler extends TaskHandler<CreateFolderHandlerInput, CreateFolderHandlerOutput> {
 }