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

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

@@ -0,0 +1,56 @@
+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 { ActionsListControl } from '../../controls/ActionsListControl.mjs';
+import { DataTableControl } from '../../controls/DataTableControl.mjs';
+import { DataRefreshControl } from '../../controls/DataRefreshControl.mjs';
+import { DropZoneControl } from '../../controls/DropZoneControl.mjs';
+import { LoadingIndicatorControl } from '../../controls/LoadingIndicatorControl.mjs';
+import { MessageControl } from '../../controls/MessageControl.mjs';
+import { NavigationControl } from '../../controls/NavigationControl.mjs';
+import { PaginationControl } from '../../controls/PaginationControl.mjs';
+import { SearchFieldControl } from '../../controls/SearchFieldControl.mjs';
+import { SearchSubfoldersToggleControl } from '../../controls/SearchSubfoldersToggleControl.mjs';
+import { TitleControl } from '../../controls/TitleControl.mjs';
+import { useLocationDetailView } from './useLocationDetailView.mjs';
+import { LocationDetailViewProvider } from './LocationDetailViewProvider.mjs';
+import { classNames } from '@aws-amplify/ui';
+
+const LocationDetailView = ({ className, ...props }) => {
+    const state = useLocationDetailView(props);
+    const { hasError } = state;
+    return (React__default.createElement(ViewElement, { className: classNames(STORAGE_BROWSER_BLOCK, className), "data-testid": "LOCATION_DETAIL_VIEW" },
+        React__default.createElement(LocationDetailViewProvider, { ...state },
+            React__default.createElement(NavigationControl, null),
+            React__default.createElement(TitleControl, null),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__controls` },
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__search` },
+                    React__default.createElement(SearchFieldControl, null),
+                    React__default.createElement(SearchSubfoldersToggleControl, null)),
+                React__default.createElement(PaginationControl, null),
+                React__default.createElement(DataRefreshControl, null),
+                React__default.createElement(ActionsListControl, null)),
+            hasError ? null : (React__default.createElement(DropZoneControl, null,
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__data-table` },
+                    React__default.createElement(LoadingIndicatorControl, null),
+                    React__default.createElement(DataTableControl, null)))),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__footer` },
+                React__default.createElement(MessageControl, null)))));
+};
+LocationDetailView.displayName = 'LocationDetailView';
+LocationDetailView.Provider = LocationDetailViewProvider;
+LocationDetailView.ActionsList = ActionsListControl;
+LocationDetailView.DropZone = DropZoneControl;
+LocationDetailView.LoadingIndicator = LoadingIndicatorControl;
+LocationDetailView.LocationItemsTable = DataTableControl;
+LocationDetailView.Message = MessageControl;
+LocationDetailView.Navigation = NavigationControl;
+LocationDetailView.Pagination = PaginationControl;
+LocationDetailView.Refresh = DataRefreshControl;
+LocationDetailView.Search = SearchFieldControl;
+LocationDetailView.SearchSubfoldersToggle = SearchSubfoldersToggleControl;
+LocationDetailView.Title = TitleControl;
+
+export { LocationDetailView };

package/dist/esm/components/StorageBrowser/views/LocationDetailView/LocationDetailViewProvider.mjs

@@ -0,0 +1,64 @@
+import React__default from 'react';
+import { ControlsContextProvider } from '../../controls/context.mjs';
+import { useDisplayText } from '../../displayText/context.mjs';
+import '@aws-amplify/ui';
+import { getLocationDetailViewTableData } from './getLocationDetailViewTableData/getLocationDetailViewTableData.mjs';
+
+function LocationDetailViewProvider({ children, ...props }) {
+    const { LocationDetailView: { loadingIndicatorLabel, searchSubfoldersToggleLabel, selectFileLabel, selectAllFilesLabel, searchPlaceholder, searchSubmitLabel, searchClearLabel, getActionListItemLabel, getDateDisplayValue, getTitle, getListItemsResultMessage, }, } = useDisplayText();
+    const { actionItems, page, pageItems, hasNextPage, highestPageVisited, isLoading, isSearchSubfoldersEnabled, location, fileDataItems, hasError, hasDownloadError, message, downloadErrorMessage, searchQuery, hasExhaustedSearch, onActionSelect, onDropFiles, onRefresh, onPaginate, onDownload, onNavigate, onNavigateHome, onSelect, onToggleSelectAll, onSearch, onSearchQueryChange, onSearchClear, onToggleSearchSubfolders, } = props;
+    const actionsWithDisplayText = actionItems.map((item) => ({
+        ...item,
+        label: getActionListItemLabel(item.label),
+    }));
+    const fileItems = pageItems.filter((item) => item.type === 'FILE');
+    const areAllFilesSelected = fileDataItems?.length === fileItems.length;
+    const hasFiles = fileItems.length > 0;
+    const messageControlContent = getListItemsResultMessage({
+        isLoading,
+        items: pageItems,
+        hasError: hasError || hasDownloadError,
+        hasExhaustedSearch,
+        message: hasError ? message : downloadErrorMessage,
+    });
+    const isActionsListDisabled = isLoading ||
+        !actionItems?.length ||
+        actionItems.every(({ isHidden }) => isHidden);
+    return (React__default.createElement(ControlsContextProvider, { data: {
+            actions: actionsWithDisplayText,
+            isActionsListDisabled,
+            isDataRefreshDisabled: isLoading,
+            isLoading,
+            isSearchingSubfolders: isSearchSubfoldersEnabled,
+            loadingIndicatorLabel,
+            location,
+            paginationData: {
+                page,
+                hasNextPage,
+                highestPageVisited,
+            },
+            searchPlaceholder,
+            searchSubfoldersToggleLabel,
+            searchSubmitLabel,
+            searchClearLabel,
+            searchQuery,
+            tableData: getLocationDetailViewTableData({
+                areAllFilesSelected,
+                location,
+                fileDataItems,
+                getDateDisplayValue,
+                hasFiles,
+                pageItems,
+                selectFileLabel,
+                selectAllFilesLabel,
+                onDownload,
+                onNavigate,
+                onSelect,
+                onSelectAll: onToggleSelectAll,
+            }),
+            title: getTitle(location),
+            message: messageControlContent,
+        }, onActionSelect: onActionSelect, onDropFiles: onDropFiles, onNavigate: onNavigate, onNavigateHome: onNavigateHome, onPaginate: onPaginate, onRefresh: onRefresh, onSearch: onSearch, onSearchQueryChange: onSearchQueryChange, onSearchClear: onSearchClear, onToggleSearchSubfolders: onToggleSearchSubfolders }, children));
+}
+
+export { LocationDetailViewProvider };

package/dist/esm/components/StorageBrowser/views/LocationDetailView/getLocationDetailViewTableData/constants.mjs

@@ -0,0 +1,10 @@
+const LOCATION_DETAIL_VIEW_HEADERS = [
+    { key: 'checkbox', type: 'text', content: { text: '' } },
+    { key: 'name', type: 'sort', content: { label: 'Name' } },
+    { key: 'type', type: 'sort', content: { label: 'Type' } },
+    { key: 'last-modified', type: 'sort', content: { label: 'Last modified' } },
+    { key: 'size', type: 'sort', content: { label: 'Size' } },
+    { key: 'download', type: 'text', content: { text: '' } },
+];
+
+export { LOCATION_DETAIL_VIEW_HEADERS };

package/dist/esm/components/StorageBrowser/views/LocationDetailView/getLocationDetailViewTableData/getFileRowContent.mjs

@@ -0,0 +1,76 @@
+import { humanFileSize } from '@aws-amplify/ui';
+import { LOCATION_DETAIL_VIEW_HEADERS } from './constants.mjs';
+
+const getFileRowContent = ({ permissions, isSelected, itemLocationKey, getDateDisplayValue, lastModified, rowId, rowKey, selectFileLabel, size, onDownload, onSelect, }) => LOCATION_DETAIL_VIEW_HEADERS.map(({ key: columnKey }) => {
+    const key = `${columnKey}-${rowId}`;
+    switch (columnKey) {
+        case 'checkbox': {
+            return {
+                key,
+                type: 'checkbox',
+                content: {
+                    checked: isSelected,
+                    id: key,
+                    label: `${selectFileLabel} ${rowKey}`,
+                    onSelect,
+                },
+            };
+        }
+        case 'name': {
+            return {
+                key,
+                type: 'text',
+                content: {
+                    icon: 'file',
+                    ariaLabel: 'file',
+                    text: rowKey.slice(itemLocationKey.length),
+                },
+            };
+        }
+        case 'type': {
+            const splitKey = rowKey.split('.');
+            return {
+                key,
+                type: 'text',
+                content: {
+                    text: `${splitKey.length > 1 && splitKey[0] ? splitKey.pop() : '-'}`,
+                },
+            };
+        }
+        case 'last-modified': {
+            return {
+                key,
+                type: 'date',
+                content: {
+                    value: lastModified,
+                    displayValue: getDateDisplayValue(lastModified),
+                },
+            };
+        }
+        case 'size': {
+            return {
+                key,
+                type: 'number',
+                content: {
+                    value: size,
+                    displayValue: humanFileSize(size, true),
+                },
+            };
+        }
+        case 'download': {
+            return permissions.includes('get')
+                ? {
+                    key,
+                    type: 'button',
+                    content: {
+                        icon: 'download',
+                        onClick: onDownload,
+                        ariaLabel: 'download',
+                    },
+                }
+                : { key, type: 'text', content: { text: '' } };
+        }
+    }
+});
+
+export { getFileRowContent };

package/dist/esm/components/StorageBrowser/views/LocationDetailView/getLocationDetailViewTableData/getFolderRowContent.mjs

@@ -0,0 +1,32 @@
+import { LOCATION_DETAIL_VIEW_HEADERS } from './constants.mjs';
+
+const getFolderRowContent = ({ itemSubPath, rowId, onNavigate, }) => LOCATION_DETAIL_VIEW_HEADERS.map(({ key: columnKey }) => {
+    const key = `${columnKey}-${rowId}`;
+    switch (columnKey) {
+        case 'checkbox': {
+            return { key, type: 'text', content: { text: '' } };
+        }
+        case 'name': {
+            return {
+                key,
+                type: 'button',
+                content: {
+                    icon: 'folder',
+                    ariaLabel: itemSubPath,
+                    label: itemSubPath,
+                    onClick: onNavigate,
+                },
+            };
+        }
+        case 'type': {
+            return { key, type: 'text', content: { text: 'Folder' } };
+        }
+        case 'last-modified':
+        case 'size':
+        case 'download': {
+            return { key, type: 'text', content: { text: '' } };
+        }
+    }
+});
+
+export { getFolderRowContent };

package/dist/esm/components/StorageBrowser/views/LocationDetailView/getLocationDetailViewTableData/getLocationDetailViewTableData.mjs

@@ -0,0 +1,78 @@
+import '@aws-amplify/storage/internals';
+import { createFileDataItem } from '../../../actions/handlers/utils.mjs';
+import '@aws-amplify/ui';
+import 'aws-amplify/storage';
+import '../../../actions/configs/context.mjs';
+import { getFileRowContent } from './getFileRowContent.mjs';
+import { getFolderRowContent } from './getFolderRowContent.mjs';
+import { LOCATION_DETAIL_VIEW_HEADERS } from './constants.mjs';
+
+const getLocationDetailViewTableData = ({ areAllFilesSelected, location, fileDataItems, hasFiles, pageItems, selectFileLabel, selectAllFilesLabel, getDateDisplayValue, onDownload, onNavigate, onSelect, onSelectAll, }) => {
+    const headerCheckbox = {
+        key: 'checkbox',
+        type: 'checkbox',
+        content: {
+            checked: areAllFilesSelected,
+            label: selectAllFilesLabel,
+            onSelect: onSelectAll,
+            id: 'header-checkbox',
+        },
+    };
+    const headers = hasFiles
+        ? [headerCheckbox, ...LOCATION_DETAIL_VIEW_HEADERS.slice(1)]
+        : LOCATION_DETAIL_VIEW_HEADERS;
+    const rows = pageItems.map((locationItem) => {
+        const { id, key, type } = locationItem;
+        switch (type) {
+            case 'FILE': {
+                const { lastModified, size } = locationItem;
+                const { current, path } = location;
+                const isSelected = fileDataItems?.some((item) => item.id === id) ?? false;
+                const onFileDownload = () => {
+                    onDownload(createFileDataItem(locationItem));
+                };
+                const onFileSelect = () => {
+                    onSelect(isSelected, locationItem);
+                };
+                return {
+                    key: id,
+                    content: getFileRowContent({
+                        permissions: current?.permissions ?? [],
+                        isSelected,
+                        itemLocationKey: `${current?.prefix ?? ''}${path}`,
+                        lastModified,
+                        getDateDisplayValue,
+                        rowId: id,
+                        rowKey: key,
+                        selectFileLabel,
+                        size,
+                        onDownload: onFileDownload,
+                        onSelect: onFileSelect,
+                    }),
+                };
+            }
+            case 'FOLDER': {
+                const { current, path } = location;
+                const itemSubPath = key.slice(`${current?.prefix ?? ''}${path}`.length);
+                const itemLocationPath = key.slice(current?.prefix.length);
+                const onFolderNavigate = () => {
+                    if (!current) {
+                        return;
+                    }
+                    onNavigate({ ...current, id }, itemLocationPath);
+                };
+                return {
+                    key: id,
+                    content: getFolderRowContent({
+                        itemSubPath,
+                        rowId: id,
+                        onNavigate: onFolderNavigate,
+                    }),
+                };
+            }
+        }
+    });
+    return { headers, rows };
+};
+
+export { getLocationDetailViewTableData };

package/dist/esm/components/StorageBrowser/views/LocationDetailView/useLocationDetailView.mjs

@@ -0,0 +1,199 @@
+import React__default from 'react';
+import { isUndefined, isFunction } from '@aws-amplify/ui';
+import { usePaginate } from '../hooks/usePaginate.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 '@aws-amplify/storage/internals';
+import 'aws-amplify/storage';
+import { useActionConfigs } from '../../actions/configs/context.mjs';
+import '../../useAction/context.mjs';
+import { useAction } from '../../useAction/useAction.mjs';
+import { useList } from '../../useAction/useList.mjs';
+import { useSearch } from '../hooks/useSearch.mjs';
+
+const DEFAULT_PAGE_SIZE = 100;
+const DEFAULT_LIST_OPTIONS = {
+    delimiter: '/',
+    pageSize: DEFAULT_PAGE_SIZE,
+};
+const getDownloadErrorMessageFromFailedDownloadTask = (task) => {
+    if (!task)
+        return;
+    return `Failed to download ${task.data.fileKey ?? task.data.key} due to error: ${task.message}.`;
+};
+const useLocationDetailView = (options) => {
+    const { initialValues, onExit, onNavigate } = options ?? {};
+    const listOptionsRef = React__default.useRef({
+        ...DEFAULT_LIST_OPTIONS,
+        ...initialValues,
+    });
+    const listOptions = listOptionsRef.current;
+    const [{ location, locationItems, actionType }, dispatchStoreAction] = useStore();
+    const { current, key } = location;
+    const { permissions, prefix } = current ?? {};
+    const { fileDataItems } = locationItems;
+    const hasInvalidPrefix = isUndefined(prefix);
+    const [{ task }, handleDownload] = useAction('download');
+    const [{ data, isLoading, hasError, message }, handleList] = useList('locationItems');
+    // set up pagination
+    const { items, nextToken, search } = data;
+    const { hasExhaustedSearch = false } = search ?? {};
+    const hasNextToken = !!nextToken;
+    const paginateCallback = () => {
+        if (hasInvalidPrefix || !nextToken)
+            return;
+        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        handleList({
+            prefix: key,
+            options: { ...listOptions, nextToken },
+        });
+    };
+    const { currentPage, onPaginate, handleReset, highestPageVisited, pageItems, } = usePaginate({
+        items,
+        paginateCallback,
+        pageSize: listOptions.pageSize,
+        hasNextToken,
+    });
+    const onSearch = (query, includeSubfolders) => {
+        if (hasInvalidPrefix)
+            return;
+        const searchOptions = {
+            ...listOptions,
+            delimiter: includeSubfolders ? undefined : listOptions.delimiter,
+            search: {
+                query,
+                filterBy: 'key',
+                groupBy: includeSubfolders ? listOptions.delimiter : undefined,
+            },
+        };
+        handleReset();
+        handleList({ prefix: key, options: searchOptions });
+        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+    };
+    const { searchQuery, isSearchingSubfolders: isSearchSubfoldersEnabled, onSearchQueryChange, onSearchSubmit, onToggleSearchSubfolders, resetSearch, } = useSearch({ onSearch });
+    const onRefresh = () => {
+        if (hasInvalidPrefix)
+            return;
+        handleReset();
+        resetSearch();
+        handleList({
+            prefix: key,
+            options: { ...listOptions, refresh: true },
+        });
+        dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+    };
+    React__default.useEffect(() => {
+        if (hasInvalidPrefix)
+            return;
+        handleList({
+            prefix: key,
+            options: { ...listOptions, refresh: true },
+        });
+        handleReset();
+    }, [handleList, handleReset, listOptions, hasInvalidPrefix, key]);
+    const { actionConfigs } = useActionConfigs();
+    const actionItems = React__default.useMemo(() => {
+        if (!permissions) {
+            return [];
+        }
+        return !actionConfigs
+            ? []
+            : Object.entries(actionConfigs).map(([type, { actionListItem }]) => {
+                const { icon, hide, disable, label } = actionListItem ?? {};
+                return {
+                    actionType: type,
+                    icon,
+                    isDisabled: isFunction(disable)
+                        ? disable(fileDataItems)
+                        : disable ?? false,
+                    isHidden: isFunction(hide) ? hide(permissions) : hide,
+                    label,
+                };
+            });
+    }, [actionConfigs, fileDataItems, permissions]);
+    return {
+        actionItems,
+        actionType,
+        page: currentPage,
+        pageItems,
+        location,
+        fileDataItems,
+        hasError,
+        hasDownloadError: task?.status === 'FAILED',
+        hasNextPage: hasNextToken,
+        highestPageVisited,
+        message,
+        downloadErrorMessage: getDownloadErrorMessageFromFailedDownloadTask(task),
+        isLoading,
+        isSearchSubfoldersEnabled,
+        onPaginate,
+        searchQuery,
+        hasExhaustedSearch,
+        onRefresh,
+        onActionExit: () => {
+            dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+        },
+        onActionSelect: (nextActionType) => {
+            options?.onActionSelect?.(nextActionType);
+            dispatchStoreAction({
+                type: 'SET_ACTION_TYPE',
+                actionType: nextActionType,
+            });
+        },
+        onNavigate: (location, path) => {
+            onNavigate?.(location, path);
+            resetSearch();
+            dispatchStoreAction({ type: 'NAVIGATE', location, path });
+            dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        },
+        onDropFiles: (files) => {
+            dispatchStoreAction({ type: 'ADD_FILE_ITEMS', files });
+            const actionType = 'upload';
+            dispatchStoreAction({ type: 'SET_ACTION_TYPE', actionType });
+            options?.onActionSelect?.(actionType);
+        },
+        onDownload: (data) => {
+            handleDownload({ data });
+        },
+        onNavigateHome: () => {
+            onExit?.();
+            dispatchStoreAction({ type: 'RESET_LOCATION' });
+            handleList({
+                // @todo: prefix should not be required to refresh
+                prefix: prefix ?? '',
+                options: { reset: true },
+            });
+            dispatchStoreAction({ type: 'RESET_ACTION_TYPE' });
+            dispatchStoreAction({ type: 'RESET_LOCATION_ITEMS' });
+        },
+        onSelect: (isSelected, fileItem) => {
+            dispatchStoreAction(isSelected
+                ? { type: 'REMOVE_LOCATION_ITEM', id: fileItem.id }
+                : { type: 'SET_LOCATION_ITEMS', items: [fileItem] });
+        },
+        onToggleSelectAll: () => {
+            const fileItems = pageItems.filter((item) => item.type === 'FILE');
+            dispatchStoreAction(fileItems.length === fileDataItems?.length
+                ? { type: 'RESET_LOCATION_ITEMS' }
+                : { type: 'SET_LOCATION_ITEMS', items: fileItems });
+        },
+        onSearch: onSearchSubmit,
+        onSearchClear: () => {
+            resetSearch();
+            if (hasInvalidPrefix)
+                return;
+            handleList({
+                prefix: key,
+                options: { ...listOptions, refresh: true },
+            });
+            handleReset();
+        },
+        onSearchQueryChange,
+        onToggleSearchSubfolders,
+    };
+};
+
+export { DEFAULT_LIST_OPTIONS, useLocationDetailView };

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

@@ -0,0 +1,44 @@
+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 { DataRefreshControl } from '../../controls/DataRefreshControl.mjs';
+import { DataTableControl } from '../../controls/DataTableControl.mjs';
+import { LoadingIndicatorControl } from '../../controls/LoadingIndicatorControl.mjs';
+import { MessageControl } from '../../controls/MessageControl.mjs';
+import { PaginationControl } from '../../controls/PaginationControl.mjs';
+import { SearchFieldControl } from '../../controls/SearchFieldControl.mjs';
+import { TitleControl } from '../../controls/TitleControl.mjs';
+import { LocationsViewProvider } from './LocationsViewProvider.mjs';
+import { useLocationsView } from './useLocationsView.mjs';
+import { classNames } from '@aws-amplify/ui';
+
+const LocationsView = ({ className, ...props }) => {
+    const state = useLocationsView(props);
+    const { hasError } = state;
+    return (React__default.createElement(ViewElement, { className: classNames(STORAGE_BROWSER_BLOCK, className), "data-testid": "LOCATIONS_VIEW" },
+        React__default.createElement(LocationsViewProvider, { ...state },
+            React__default.createElement(TitleControl, null),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__controls` },
+                React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__search` },
+                    React__default.createElement(SearchFieldControl, null)),
+                React__default.createElement(PaginationControl, null),
+                React__default.createElement(DataRefreshControl, null)),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__data-table` },
+                React__default.createElement(LoadingIndicatorControl, null),
+                hasError ? null : React__default.createElement(DataTableControl, null)),
+            React__default.createElement(ViewElement, { className: `${STORAGE_BROWSER_BLOCK}__message` },
+                React__default.createElement(MessageControl, null)))));
+};
+LocationsView.displayName = 'LocationsView';
+LocationsView.Provider = LocationsViewProvider;
+LocationsView.LoadingIndicator = LoadingIndicatorControl;
+LocationsView.LocationsTable = DataTableControl;
+LocationsView.Message = MessageControl;
+LocationsView.Pagination = PaginationControl;
+LocationsView.Refresh = DataRefreshControl;
+LocationsView.Search = SearchFieldControl;
+LocationsView.Title = TitleControl;
+
+export { LocationsView };

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

@@ -0,0 +1,42 @@
+import React__default from 'react';
+import { ControlsContextProvider } from '../../controls/context.mjs';
+import { useDisplayText } from '../../displayText/context.mjs';
+import '@aws-amplify/ui';
+import { getLocationsViewTableData } from './getLocationsViewTableData/getLocationsViewTableData.mjs';
+
+function LocationsViewProvider({ children, ...props }) {
+    const { LocationsView: displayText } = useDisplayText();
+    const { loadingIndicatorLabel, title, searchPlaceholder, searchSubmitLabel, searchClearLabel, getListLocationsResultMessage, } = displayText;
+    const { hasError, hasNextPage, highestPageVisited, page, isLoading, searchQuery, hasExhaustedSearch, pageItems, message, onDownload, onRefresh, onPaginate, onNavigate, onSearch, onSearchQueryChange, onSearchClear, } = props;
+    const messageControlContent = getListLocationsResultMessage({
+        hasExhaustedSearch,
+        isLoading,
+        items: pageItems,
+        hasError,
+        message,
+    });
+    return (React__default.createElement(ControlsContextProvider, { data: {
+            isDataRefreshDisabled: isLoading,
+            loadingIndicatorLabel,
+            tableData: getLocationsViewTableData({
+                displayText,
+                pageItems,
+                onDownload,
+                onNavigate,
+            }),
+            paginationData: {
+                page,
+                hasNextPage,
+                highestPageVisited,
+            },
+            title,
+            searchPlaceholder,
+            searchClearLabel,
+            searchSubmitLabel,
+            searchQuery,
+            message: messageControlContent,
+            isLoading,
+        }, onPaginate: onPaginate, onRefresh: onRefresh, onSearch: onSearch, onSearchQueryChange: onSearchQueryChange, onSearchClear: onSearchClear }, children));
+}
+
+export { LocationsViewProvider };

package/dist/esm/components/StorageBrowser/views/LocationsView/getLocationsViewTableData/getHeaders.mjs

@@ -0,0 +1,29 @@
+const getHeaders = ({ hasObjectLocations, tableColumnActionsHeader, tableColumnBucketHeader, tableColumnFolderHeader, tableColumnPermissionsHeader, }) => {
+    const headers = [
+        {
+            key: 'folder',
+            type: 'sort',
+            content: { label: tableColumnFolderHeader },
+        },
+        {
+            key: 'bucket',
+            type: 'sort',
+            content: { label: tableColumnBucketHeader },
+        },
+        {
+            key: 'permission',
+            type: 'sort',
+            content: { label: tableColumnPermissionsHeader },
+        },
+    ];
+    if (hasObjectLocations) {
+        headers.push({
+            key: 'action',
+            type: 'sort',
+            content: { label: tableColumnActionsHeader },
+        });
+    }
+    return headers;
+};
+
+export { getHeaders };