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

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

@@ -0,0 +1,79 @@
+import React__default, { useState } from 'react';
+import { isFunction } from '@aws-amplify/ui';
+import { copyHandler } from '../../../actions/handlers/copy.mjs';
+import '@aws-amplify/storage/internals';
+import 'aws-amplify/storage';
+import { useProcessTasks } from '../../../tasks/useProcessTasks.mjs';
+import { useGetActionInput } from '../../../providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core/elements';
+import '../../../actions/configs/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '../../../providers/configuration/credentials/context.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 { useFolders } from './useFolders.mjs';
+
+const useCopyView = (options) => {
+    const { onExit } = options ?? {};
+    const [{ location, locationItems: { fileDataItems }, }, dispatchStoreAction,] = useStore();
+    const getInput = useGetActionInput();
+    const [processState, handleProcess] = useProcessTasks(copyHandler, fileDataItems, { concurrency: 4 });
+    const [destination, setDestination] = useState(location);
+    const folders = useFolders({ destination, setDestination });
+    const { isProcessing, isProcessingComplete, statusCounts, tasks } = processState;
+    const { current } = location;
+    const { onInitialize } = folders;
+    // initial load
+    React__default.useEffect(() => {
+        onInitialize();
+    }, [onInitialize]);
+    const onActionStart = () => {
+        handleProcess({
+            config: getInput(),
+            destinationPrefix: destination.key,
+        });
+    };
+    const onActionCancel = () => {
+        tasks.forEach((task) => {
+            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]);
+    const onSelectDestination = (selectedDestination, path) => {
+        setDestination({
+            current: selectedDestination,
+            path: path ?? '',
+            key: `${selectedDestination.prefix ?? ''}${path}`,
+        });
+    };
+    return {
+        destination,
+        isProcessing,
+        isProcessingComplete,
+        folders,
+        location,
+        statusCounts,
+        tasks,
+        onActionCancel,
+        onActionStart,
+        onActionExit,
+        onSelectDestination,
+        onTaskRemove,
+    };
+};
+
+export { useCopyView };

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

@@ -0,0 +1,102 @@
+import React__default from 'react';
+import { useDataState } from '@aws-amplify/ui-react-core';
+import { usePaginate } from '../../hooks/usePaginate.mjs';
+import '../../../actions/configs/context.mjs';
+import '@aws-amplify/storage/internals';
+import '@aws-amplify/ui';
+import { listLocationItemsHandler } from '../../../actions/handlers/listLocationItems.mjs';
+import 'aws-amplify/storage';
+import { createEnhancedListHandler } from '../../../actions/useAction/createEnhancedListHandler.mjs';
+import { useGetActionInput } from '../../../providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core/elements';
+import '../../../providers/configuration/credentials/context.mjs';
+import { useSearch } from '../../hooks/useSearch.mjs';
+
+const DEFAULT_PAGE_SIZE = 100;
+const DEFAULT_LIST_OPTIONS = {
+    pageSize: DEFAULT_PAGE_SIZE,
+    delimiter: '/',
+    exclude: 'FILE',
+};
+const DEFAULT_REFRESH_OPTIONS = { ...DEFAULT_LIST_OPTIONS, refresh: true };
+const listLocationItemsAction = createEnhancedListHandler(listLocationItemsHandler);
+const useFolders = ({ destination, setDestination, }) => {
+    const { current, key } = destination;
+    const [{ data, hasError, isLoading, message }, handleList] = useDataState(listLocationItemsAction, { items: [], nextToken: undefined });
+    const getInput = useGetActionInput();
+    const { items, nextToken, search } = data;
+    const { hasExhaustedSearch = false } = search ?? {};
+    const onInitialize = React__default.useCallback(() => {
+        handleList({
+            config: getInput(),
+            prefix: key,
+            options: { ...DEFAULT_REFRESH_OPTIONS },
+        });
+    }, [getInput, handleList, key]);
+    const hasNextToken = !!nextToken;
+    const paginateCallback = () => {
+        if (!nextToken)
+            return;
+        handleList({
+            config: getInput(),
+            prefix: key,
+            options: { ...DEFAULT_LIST_OPTIONS, nextToken },
+        });
+    };
+    const { currentPage: page, onPaginate, highestPageVisited, pageItems, handleReset, } = usePaginate({
+        items,
+        paginateCallback,
+        pageSize: DEFAULT_PAGE_SIZE,
+        hasNextToken,
+    });
+    const onSearch = (query) => {
+        handleReset();
+        handleList({
+            config: getInput(),
+            prefix: key,
+            options: {
+                ...DEFAULT_LIST_OPTIONS,
+                search: { query, filterBy: 'key' },
+            },
+        });
+    };
+    const { onSearchSubmit, searchQuery: query, resetSearch, onSearchQueryChange: onQuery, } = useSearch({ onSearch });
+    const onSelectFolder = (id, folderLocationPath) => {
+        if (!current) {
+            return;
+        }
+        resetSearch();
+        setDestination({
+            current: { ...current, id },
+            path: folderLocationPath,
+            key: `${current.prefix ?? ''}${folderLocationPath}`,
+        });
+    };
+    return {
+        hasError,
+        hasNextPage: hasNextToken,
+        highestPageVisited,
+        isLoading,
+        message,
+        onInitialize,
+        page,
+        pageItems,
+        query,
+        hasExhaustedSearch,
+        onPaginate,
+        onQuery,
+        onSearch: onSearchSubmit,
+        onSearchClear: () => {
+            handleReset();
+            resetSearch();
+            handleList({
+                config: getInput(),
+                prefix: key,
+                options: { ...DEFAULT_REFRESH_OPTIONS },
+            });
+        },
+        onSelectFolder,
+    };
+};
+
+export { DEFAULT_LIST_OPTIONS, useFolders };

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

@@ -0,0 +1,36 @@
+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 { ActionStartControl } from '../../../controls/ActionStartControl.mjs';
+import { ActionExitControl } from '../../../controls/ActionExitControl.mjs';
+import { FolderNameFieldControl } from '../../../controls/FolderNameFieldControl.mjs';
+import { MessageControl } from '../../../controls/MessageControl.mjs';
+import { TitleControl } from '../../../controls/TitleControl.mjs';
+import { CreateFolderViewProvider } from './CreateFolderViewProvider.mjs';
+import { useCreateFolderView } from './useCreateFolderView.mjs';
+import { classNames } from '@aws-amplify/ui';
+
+const CreateFolderView = ({ className, ...props }) => {
+    const state = useCreateFolderView(props);
+    return (React__default.createElement(ViewElement, { className: classNames(STORAGE_BROWSER_BLOCK, className) },
+        React__default.createElement(CreateFolderViewProvider, { ...state },
+            React__default.createElement(ActionExitControl, null),
+            React__default.createElement(TitleControl, null),
+            React__default.createElement(FolderNameFieldControl, 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(ActionStartControl, null))))));
+};
+CreateFolderView.displayName = 'CreateFolderView';
+CreateFolderView.Provider = CreateFolderViewProvider;
+CreateFolderView.Exit = ActionExitControl;
+CreateFolderView.NameField = FolderNameFieldControl;
+CreateFolderView.Message = MessageControl;
+CreateFolderView.Start = ActionStartControl;
+CreateFolderView.Title = TitleControl;
+
+export { CreateFolderView };

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

@@ -0,0 +1,35 @@
+import React__default from 'react';
+import { ControlsContextProvider } from '../../../controls/context.mjs';
+import { useDisplayText } from '../../../displayText/context.mjs';
+import '@aws-amplify/ui';
+import { isValidFolderName } from './utils.mjs';
+
+function CreateFolderViewProvider({ children, ...props }) {
+    const { CreateFolderView: { actionExitLabel, actionStartLabel, folderNameLabel, folderNamePlaceholder, getActionCompleteMessage, getValidationMessage, title, }, } = useDisplayText();
+    const { folderName, folderNameId, isProcessing, isProcessingComplete, onActionStart, onActionExit, onFolderNameChange, statusCounts, } = props;
+    const [validationMessage, setValidationMessage] = React__default.useState();
+    const message = isProcessingComplete
+        ? getActionCompleteMessage({ counts: statusCounts })
+        : undefined;
+    const onValidateFolderName = (value) => {
+        setValidationMessage(() => isValidFolderName(value) ? undefined : getValidationMessage(value));
+    };
+    const isActionStartDisabled = !folderName.length ||
+        !!validationMessage ||
+        isProcessing ||
+        isProcessingComplete;
+    return (React__default.createElement(ControlsContextProvider, { data: {
+            actionExitLabel,
+            folderNameId,
+            folderNameLabel,
+            folderNamePlaceholder,
+            folderNameValidationMessage: validationMessage,
+            actionStartLabel,
+            isActionStartDisabled,
+            isActionExitDisabled: isProcessing,
+            message,
+            title,
+        }, onActionExit: onActionExit, onActionStart: onActionStart, onFolderNameChange: onFolderNameChange, onValidateFolderName: onValidateFolderName }, children));
+}
+
+export { CreateFolderViewProvider };

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

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import { isFunction } from '@aws-amplify/ui';
+import '../../../actions/configs/context.mjs';
+import '@aws-amplify/storage/internals';
+import { createFolderHandler } from '../../../actions/handlers/createFolder.mjs';
+import 'aws-amplify/storage';
+import '@aws-amplify/ui-react-core';
+import { useGetActionInput } from '../../../providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core/elements';
+import '../../../providers/configuration/credentials/context.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 { useProcessTasks } from '../../../tasks/useProcessTasks.mjs';
+
+const useCreateFolderView = (options) => {
+    const { onExit } = options ?? {};
+    const [folderName, setFolderName] = React__default.useState('');
+    const folderNameId = React__default.useRef(crypto.randomUUID()).current;
+    const getConfig = useGetActionInput();
+    const [{ tasks, isProcessing, isProcessingComplete, statusCounts }, handleCreateFolder,] = useProcessTasks(createFolderHandler);
+    const [{ location }, dispatchStoreAction] = useStore();
+    const { current, key: destinationPrefix } = location;
+    return {
+        folderName,
+        folderNameId,
+        isProcessing,
+        isProcessingComplete,
+        location,
+        onActionStart: () => {
+            handleCreateFolder({
+                config: getConfig(),
+                data: { id: folderNameId, key: `${folderName}/` },
+                destinationPrefix,
+                options: { preventOverwrite: true },
+            });
+        },
+        onActionExit: () => {
+            if (isFunction(onExit))
+                onExit(current);
+            dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+        },
+        onFolderNameChange: (value) => {
+            setFolderName(value.trim());
+        },
+        statusCounts,
+        tasks,
+    };
+};
+
+export { useCreateFolderView };

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,62 @@
+import { isFunction } from '@aws-amplify/ui';
+import '@aws-amplify/storage/internals';
+import { deleteHandler } from '../../../actions/handlers/delete.mjs';
+import 'aws-amplify/storage';
+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 { useGetActionInput } from '../../../providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core/elements';
+import '../../../actions/configs/context.mjs';
+import '@aws-amplify/ui-react-core';
+import '../../../providers/configuration/credentials/context.mjs';
+import { useProcessTasks } from '../../../tasks/useProcessTasks.mjs';
+
+const useDeleteView = (options) => {
+    const { onExit: _onExit } = options ?? {};
+    const [{ location, locationItems }, dispatchStoreAction] = useStore();
+    const { fileDataItems } = locationItems;
+    const { current } = location;
+    const getInput = useGetActionInput();
+    const [processState, handleProcess] = useProcessTasks(deleteHandler, fileDataItems, { concurrency: 4 });
+    const { isProcessing, isProcessingComplete, statusCounts, tasks } = processState;
+    const onActionStart = () => {
+        if (!current)
+            return;
+        handleProcess({ config: getInput() });
+    };
+    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,28 @@
+import React__default from 'react';
+import '../../actions/configs/context.mjs';
+import { isDefaultActionViewType } from '../../actions/configs/defaults.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 { useStore } from '../../providers/store/useStore.mjs';
+import { CreateFolderView } from './CreateFolderView/CreateFolderView.mjs';
+import '../../providers/configuration/context.mjs';
+import '@aws-amplify/ui-react-core/elements';
+import '../../providers/configuration/credentials/context.mjs';
+import { CopyView } from './CopyView/CopyView.mjs';
+import { DeleteView } from './DeleteView/DeleteView.mjs';
+import { UploadView } from './UploadView/UploadView.mjs';
+
+const LocationActionView = ({ type, ...props }) => {
+    const [{ actionType = type }] = useStore();
+    if (!isDefaultActionViewType(actionType))
+        return null;
+    return (React__default.createElement(React__default.Fragment, null, actionType === 'createFolder' ? (React__default.createElement(CreateFolderView, { ...props })) : actionType === 'delete' ? (React__default.createElement(DeleteView, { ...props })) : actionType === 'copy' ? (React__default.createElement(CopyView, { ...props })) : (React__default.createElement(UploadView, { ...props }))));
+};
+
+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 };