@aws-amplify/ui-react-storage 3.3.9 → 3.4.0

package/dist/esm/components/StorageBrowser/context/elements/defaults.mjs

@@ -0,0 +1,120 @@
+import React__default from 'react';
+import { Button as Button$1, View as View$1, Label as Label$1, Input as Input$1, Heading as Heading$1, Table as Table$1, TableBody as TableBody$1, TableHead as TableHead$1, TableCell, TableRow as TableRow$1, Text as Text$1, Message, Flex } from '@aws-amplify/ui-react';
+
+function Button(props) {
+    const { disabled, variant } = props;
+    switch (variant) {
+        case 'menu-item':
+            return (React__default.createElement(Button$1, { ...props, variation: "link", size: "small", borderRadius: "0", justifyContent: "flex-start" }));
+        case 'cancel':
+            return (React__default.createElement(Button$1, { ...props, size: "small", variation: "link", colorTheme: "error" }));
+        case 'primary':
+            return (React__default.createElement(Button$1, { ...props, isDisabled: disabled, size: "small", variation: "primary" }));
+        case 'exit':
+            return (React__default.createElement(Button$1, { ...props, size: "small", paddingInline: "xs", variation: "link" }));
+        case 'message-dismiss':
+            return (React__default.createElement(Button$1, { ...props, size: "small", variation: "link", colorTheme: "overlay" }));
+        case 'navigate':
+        case 'paginate-current':
+        case 'paginate-next':
+        case 'paginate-previous':
+            return (React__default.createElement(Button$1, { ...props, size: "small", paddingInline: "xs", variation: "link" }));
+        case 'menu-toggle':
+        case 'download':
+        case 'refresh':
+        case 'sort':
+            return React__default.createElement(Button$1, { ...props, size: "small", variation: "link" });
+        case 'table-data':
+            return (React__default.createElement(Button$1, { ...props, variation: "link", size: "small", textDecoration: "underline" }));
+        default:
+            return React__default.createElement(Button$1, { ...props, size: "small" });
+    }
+}
+function DescriptionTerm(props) {
+    return React__default.createElement(View$1, { ...props, as: "dt", fontWeight: "bold" });
+}
+function Label(props) {
+    const { children } = props;
+    return React__default.createElement(Label$1, { ...props }, children);
+}
+function Input(props) {
+    const { type } = props;
+    if (type === 'checkbox') {
+        return React__default.createElement("input", { ...props });
+    }
+    return React__default.createElement(Input$1, { ...props });
+}
+function Heading(props) {
+    return (React__default.createElement(Heading$1, { ...props, level: 2, fontSize: "large", fontWeight: "bold", alignSelf: "center" }));
+}
+function Span(props) {
+    const { variant } = props;
+    if (variant === 'navigation-text' || variant === 'destination-text') {
+        return (React__default.createElement(View$1, { ...props, as: "span", padding: "xs", color: "font.secondary", fontSize: "small" }));
+    }
+    return React__default.createElement(View$1, { ...props, as: "span" });
+}
+function Table(props) {
+    return (React__default.createElement(Table$1, { ...props, size: "small", lineHeight: "small", variation: "striped" }));
+}
+function TableBody(props) {
+    return React__default.createElement(TableBody$1, { ...props });
+}
+function TableHead(props) {
+    return React__default.createElement(TableHead$1, { ...props });
+}
+function TableDataCell(props) {
+    return React__default.createElement(TableCell, { ...props });
+}
+function TableRow(props) {
+    return React__default.createElement(TableRow$1, { ...props });
+}
+function TableHeader(props) {
+    return React__default.createElement(TableCell, { as: "th", ...props });
+}
+function Text(props) {
+    const { variant } = props;
+    switch (variant) {
+        case 'field-error':
+            return React__default.createElement(Text$1, { ...props, color: "font.error", margin: "0" });
+        default:
+            return React__default.createElement(Text$1, { ...props });
+    }
+}
+function View({ variant, ...props }) {
+    switch (variant) {
+        case 'menu-list':
+            return (React__default.createElement(View$1, { ...props, marginTop: "2px", borderRadius: "medium", boxShadow: "0 1px 3px hsla(210, 50%, 10%, 0.25)", backgroundColor: "background.primary", padding: "small" }));
+        case 'info':
+        case 'warning':
+        case 'success':
+        case 'error':
+            return (React__default.createElement(Message, { ...props, hasIcon: false, colorTheme: variant },
+                React__default.createElement(Flex, { gap: "small", alignItems: "center" }, props.children)));
+        case 'empty-message':
+            return (React__default.createElement(Message, { ...props, colorTheme: "neutral" },
+                React__default.createElement(Flex, { justifyContent: "center" }, props.children)));
+        default:
+            return React__default.createElement(View$1, { ...props });
+    }
+}
+const Nav = (props) => (React__default.createElement(View$1, { ...props, as: "nav" }));
+const elementsDefault = {
+    Button,
+    DescriptionTerm,
+    Input,
+    Label,
+    Nav,
+    Heading,
+    Span,
+    Table,
+    TableBody,
+    TableDataCell,
+    TableHead,
+    TableHeader,
+    TableRow,
+    Text,
+    View,
+};
+
+export { elementsDefault };

package/dist/esm/components/StorageBrowser/context/elements/definitions.mjs

@@ -0,0 +1,86 @@
+import { defineBaseElement } from '@aws-amplify/ui-react-core/elements';
+import './IconElement.mjs';
+
+const DescriptionListElement = defineBaseElement({
+    type: 'dl',
+    displayName: 'DescriptionList',
+});
+const DescriptionTermElement = defineBaseElement({
+    type: 'dt',
+    displayName: 'DescriptionTerm',
+});
+const DescriptionDetailsElement = defineBaseElement({
+    type: 'dd',
+    displayName: 'DescriptionDetails',
+});
+const LabelElement = defineBaseElement({
+    type: 'label',
+    displayName: 'Label',
+});
+const NavElement = defineBaseElement({
+    type: 'nav',
+    displayName: 'Nav',
+});
+defineBaseElement({
+    type: 'p',
+    displayName: 'Text',
+});
+const OrderedListElement = defineBaseElement({
+    type: 'ol',
+    displayName: 'OrderedList',
+});
+defineBaseElement({
+    type: 'ul',
+    displayName: 'UnorderedList',
+});
+const ListItemElement = defineBaseElement({
+    type: 'li',
+    displayName: 'ListItem',
+});
+const TableElement = defineBaseElement({
+    type: 'table',
+    displayName: 'Table',
+});
+const TableDataCellElement = defineBaseElement({
+    type: 'td',
+    displayName: 'TableDataCell',
+});
+const TableRowElement = defineBaseElement({
+    type: 'tr',
+    displayName: 'TableRow',
+});
+const TableHeaderElement = defineBaseElement({
+    type: 'th',
+    displayName: 'TableHeader',
+});
+const TableHeadElement = defineBaseElement({
+    type: 'thead',
+    displayName: 'TableHead',
+});
+const TableBodyElement = defineBaseElement({
+    type: 'tbody',
+    displayName: 'TableBody',
+});
+const HeadingElement = defineBaseElement({
+    type: 'h2',
+    displayName: 'Title',
+});
+defineBaseElement({
+    type: 'svg',
+    displayName: 'ProgressBar',
+});
+const InputElement = defineBaseElement({
+    type: 'input',
+    displayName: 'Input',
+});
+const ButtonElement = defineBaseElement({ type: 'button', displayName: 'Button' });
+const ViewElement = defineBaseElement({
+    type: 'div',
+    displayName: 'View',
+});
+const SpanElement = defineBaseElement({
+    type: 'span',
+    displayName: 'Span',
+});
+
+export { ButtonElement, DescriptionDetailsElement, DescriptionListElement, DescriptionTermElement, HeadingElement, InputElement, LabelElement, ListItemElement, NavElement, OrderedListElement, SpanElement, TableBodyElement, TableDataCellElement, TableElement, TableHeadElement, TableHeaderElement, TableRowElement, ViewElement };

package/dist/esm/components/StorageBrowser/controls/ActionCancelControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { ActionCancel } from '../composables/ActionCancel.mjs';
+import { useActionCancel } from './hooks/useActionCancel.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const ActionCancelControl = () => {
+    const props = useActionCancel();
+    const Resolved = useResolvedComposable(ActionCancel, 'ActionCancel');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { ActionCancelControl };

package/dist/esm/components/StorageBrowser/controls/ActionDestinationControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { ActionDestination } from '../composables/ActionDestination.mjs';
+import { useActionDestination } from './hooks/useActionDestination.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const ActionDestinationControl = () => {
+    const props = useActionDestination();
+    const Resolved = useResolvedComposable(ActionDestination, 'ActionDestination');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { ActionDestinationControl };

package/dist/esm/components/StorageBrowser/controls/ActionExitControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { ActionExit } from '../composables/ActionExit.mjs';
+import { useActionExit } from './hooks/useActionExit.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const ActionExitControl = () => {
+    const props = useActionExit();
+    const Resolved = useResolvedComposable(ActionExit, 'ActionExit');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { ActionExitControl };

package/dist/esm/components/StorageBrowser/controls/ActionStartControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { ActionStart } from '../composables/ActionStart.mjs';
+import { useActionStart } from './hooks/useActionStart.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const ActionStartControl = () => {
+    const props = useActionStart();
+    const Resolved = useResolvedComposable(ActionStart, 'ActionStart');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { ActionStartControl };

package/dist/esm/components/StorageBrowser/controls/ActionsListControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { ActionsList } from '../composables/ActionsList.mjs';
+import { useActionsList } from './hooks/useActionsList.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const ActionsListControl = () => {
+    const props = useActionsList();
+    const Resolved = useResolvedComposable(ActionsList, 'ActionsList');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { ActionsListControl };

package/dist/esm/components/StorageBrowser/controls/AddFilesControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { AddFiles } from '../composables/AddFiles.mjs';
+import { useAddFiles } from './hooks/useAddFiles.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const AddFilesControl = () => {
+    const props = useAddFiles();
+    const Resolved = useResolvedComposable(AddFiles, 'AddFiles');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { AddFilesControl };

package/dist/esm/components/StorageBrowser/controls/AddFolderControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { AddFolder } from '../composables/AddFolder.mjs';
+import { useAddFolder } from './hooks/useAddFolder.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const AddFolderControl = () => {
+    const props = useAddFolder();
+    const Resolved = useResolvedComposable(AddFolder, 'AddFolder');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { AddFolderControl };

package/dist/esm/components/StorageBrowser/controls/DataRefreshControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { DataRefresh } from '../composables/DataRefresh.mjs';
+import { useDataRefresh } from './hooks/useDataRefresh.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const DataRefreshControl = () => {
+    const props = useDataRefresh();
+    const Resolved = useResolvedComposable(DataRefresh, 'DataRefresh');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { DataRefreshControl };

package/dist/esm/components/StorageBrowser/controls/DataTableControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { DataTable } from '../composables/DataTable/DataTable.mjs';
+import { useDataTable } from './hooks/useDataTable.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const DataTableControl = () => {
+    const props = useDataTable();
+    const Resolved = useResolvedComposable(DataTable, 'DataTable');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { DataTableControl };

package/dist/esm/components/StorageBrowser/controls/DropZoneControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { DropZone } from '../composables/DropZone.mjs';
+import { useDropZone } from './hooks/useDropZone.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const DropZoneControl = ({ children, }) => {
+    const props = useDropZone();
+    const Resolved = useResolvedComposable(DropZone, 'DropZone');
+    return React__default.createElement(Resolved, { ...props }, children);
+};
+
+export { DropZoneControl };

package/dist/esm/components/StorageBrowser/controls/FolderNameFieldControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { FolderNameField } from '../composables/FolderNameField.mjs';
+import { useFolderNameField } from './hooks/useFolderNameField.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const FolderNameFieldControl = () => {
+    const props = useFolderNameField();
+    const Resolved = useResolvedComposable(FolderNameField, 'FolderNameField');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { FolderNameFieldControl };

package/dist/esm/components/StorageBrowser/controls/LoadingIndicatorControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { LoadingIndicator } from '../composables/LoadingIndicator.mjs';
+import { useLoadingIndicator } from './hooks/useLoadingIndicator.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const LoadingIndicatorControl = () => {
+    const props = useLoadingIndicator();
+    const Resolved = useResolvedComposable(LoadingIndicator, 'LoadingIndicator');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { LoadingIndicatorControl };

package/dist/esm/components/StorageBrowser/controls/MessageControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { Message } from '../composables/Message.mjs';
+import { useMessage } from './hooks/useMessage.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const MessageControl = () => {
+    const props = useMessage();
+    const Resolved = useResolvedComposable(Message, 'Message');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { MessageControl };

package/dist/esm/components/StorageBrowser/controls/NavigationControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { Navigation } from '../composables/Navigation.mjs';
+import { useNavigation } from './hooks/useNavigation.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const NavigationControl = () => {
+    const props = useNavigation();
+    const Resolved = useResolvedComposable(Navigation, 'Navigation');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { NavigationControl };

package/dist/esm/components/StorageBrowser/controls/OverwriteToggleControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { OverwriteToggle } from '../composables/OverwriteToggle.mjs';
+import { useOverwriteToggle } from './hooks/useOverwriteToggle.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const OverwriteToggleControl = () => {
+    const props = useOverwriteToggle();
+    const Resolved = useResolvedComposable(OverwriteToggle, 'OverwriteToggle');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { OverwriteToggleControl };

package/dist/esm/components/StorageBrowser/controls/PaginationControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { Pagination } from '../composables/Pagination.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+import { useControlsContext } from './context.mjs';
+
+const PaginationControl = () => {
+    const { data } = useControlsContext();
+    const Resolved = useResolvedComposable(Pagination, 'Pagination');
+    return React__default.createElement(Resolved, { ...data.paginationData });
+};
+
+export { PaginationControl };

package/dist/esm/components/StorageBrowser/controls/SearchControl.mjs

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { SearchField } from '../composables/SearchField.mjs';
+import { useControlsContext } from './context.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+
+const SearchControl = () => {
+    const { data, onSearch, onSearchQueryChange, onSearchClear } = useControlsContext();
+    const { searchPlaceholder, searchClearLabel, searchQuery, searchSubmitLabel, } = data;
+    const Resolved = useResolvedComposable(SearchField, 'SearchField');
+    return (React__default.createElement(Resolved, { placeholder: searchPlaceholder, query: searchQuery, clearLabel: searchClearLabel, submitLabel: searchSubmitLabel, onSearch: onSearch, onQueryChange: onSearchQueryChange, onClear: onSearchClear }));
+};
+
+export { SearchControl };

package/dist/esm/components/StorageBrowser/controls/SearchSubfoldersToggleControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { SearchSubfoldersToggle } from '../composables/SearchSubfoldersToggle.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+import { useSearchSubfoldersToggle } from './hooks/useSearchSubfoldersToggle.mjs';
+
+const SearchSubfoldersToggleControl = () => {
+    const props = useSearchSubfoldersToggle();
+    const Resolved = useResolvedComposable(SearchSubfoldersToggle, 'SearchSubfoldersToggle');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { SearchSubfoldersToggleControl };

package/dist/esm/components/StorageBrowser/controls/StatusDisplayControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { StatusDisplay } from '../composables/StatusDisplay.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+import { useStatusDisplay } from './hooks/useStatusDisplay.mjs';
+
+const StatusDisplayControl = () => {
+    const props = useStatusDisplay();
+    const Resolved = useResolvedComposable(StatusDisplay, 'StatusDisplay');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { StatusDisplayControl };

package/dist/esm/components/StorageBrowser/controls/TitleControl.mjs

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { Title } from '../composables/Title.mjs';
+import { useResolvedComposable } from './hooks/useResolvedComposable.mjs';
+import { useTitle } from './hooks/useTitle.mjs';
+
+const TitleControl = () => {
+    const props = useTitle();
+    const Resolved = useResolvedComposable(Title, 'Title');
+    return React__default.createElement(Resolved, { ...props });
+};
+
+export { TitleControl };

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

@@ -0,0 +1,9 @@
+import { createContextUtilities } from '@aws-amplify/ui-react-core';
+
+const defaultValue = { data: {} };
+const { useControlsContext, ControlsContextProvider } = createContextUtilities({
+    contextName: 'ControlsContext',
+    defaultValue,
+});
+
+export { ControlsContextProvider, useControlsContext };

package/dist/esm/components/StorageBrowser/controls/hooks/compareFunctions/compareButtonData.mjs

@@ -0,0 +1,11 @@
+const compareContent = ({ label: a }, { label: b }) => {
+    if (a === undefined) {
+        return b === undefined ? 0 : 1;
+    }
+    return b === undefined ? -1 : a.localeCompare(b);
+};
+const compareButtonData = (a, b, direction) => direction === 'ascending'
+    ? compareContent(a.content, b.content)
+    : compareContent(b.content, a.content);
+
+export { compareButtonData };

package/dist/esm/components/StorageBrowser/controls/hooks/compareFunctions/compareDateData.mjs

@@ -0,0 +1,11 @@
+const compareContent = ({ value: a }, { value: b }) => {
+    if (a === undefined) {
+        return b === undefined ? 0 : 1;
+    }
+    return b === undefined ? -1 : a.getTime() - b.getTime();
+};
+const compareDateData = (a, b, direction) => direction === 'ascending'
+    ? compareContent(a.content, b.content)
+    : compareContent(b.content, a.content);
+
+export { compareContent, compareDateData };

package/dist/esm/components/StorageBrowser/controls/hooks/compareFunctions/compareNumberData.mjs

@@ -0,0 +1,11 @@
+const compareContent = ({ value: a }, { value: b }) => {
+    if (a === undefined) {
+        return b === undefined ? 0 : 1;
+    }
+    return b === undefined ? -1 : a - b;
+};
+const compareNumberData = (a, b, direction) => direction === 'ascending'
+    ? compareContent(a.content, b.content)
+    : compareContent(b.content, a.content);
+
+export { compareContent, compareNumberData };

package/dist/esm/components/StorageBrowser/controls/hooks/compareFunctions/compareTextData.mjs

@@ -0,0 +1,11 @@
+const compareContent = ({ text: a }, { text: b }) => {
+    if (a === undefined) {
+        return b === undefined ? 0 : 1;
+    }
+    return b === undefined ? -1 : a.localeCompare(b);
+};
+const compareTextData = (a, b, direction) => direction === 'ascending'
+    ? compareContent(a.content, b.content)
+    : compareContent(b.content, a.content);
+
+export { compareContent, compareTextData };

package/dist/esm/components/StorageBrowser/controls/hooks/getNavigationItems.mjs

@@ -0,0 +1,27 @@
+const getNavigationItems = ({ destinationParts, location, onNavigate, }) => {
+    const { bucket, permissions, prefix = '', type } = location;
+    const destinationSubpaths = [];
+    return destinationParts.map((part, index) => {
+        const isCurrent = index === destinationParts.length - 1;
+        if (index !== 0) {
+            destinationSubpaths.push(part);
+        }
+        const destinationPath = `${destinationSubpaths.concat('').join('/')}`;
+        const destination = {
+            id: crypto.randomUUID(),
+            type,
+            permissions,
+            bucket,
+            prefix,
+        };
+        return {
+            name: part,
+            ...(isCurrent && { isCurrent }),
+            onNavigate: () => {
+                onNavigate?.(destination, destinationPath);
+            },
+        };
+    });
+};
+
+export { getNavigationItems };

package/dist/esm/components/StorageBrowser/controls/hooks/getNavigationParts.mjs

@@ -0,0 +1,25 @@
+const getNavigationParts = ({ location, path, includeBucketInPrefix, }) => {
+    const { bucket, prefix = '', type } = location;
+    const trimmedPrefix = prefix.endsWith('/') ? prefix.slice(0, -1) : prefix;
+    const trimmedPath = path.endsWith('/') ? path.slice(0, -1) : path;
+    const firstPrefixPart = [];
+    if (type !== 'BUCKET') {
+        if (includeBucketInPrefix) {
+            firstPrefixPart.push(bucket);
+        }
+        if (trimmedPrefix) {
+            if (includeBucketInPrefix) {
+                firstPrefixPart.push('/');
+            }
+            firstPrefixPart.push(trimmedPrefix);
+        }
+    }
+    const prefixParts = type === 'BUCKET' ? [bucket] : [firstPrefixPart.join('')];
+    if (type === 'BUCKET' && trimmedPrefix) {
+        prefixParts.push(trimmedPrefix);
+    }
+    const pathParts = trimmedPath ? trimmedPath.split('/') : [];
+    return prefixParts.concat(pathParts);
+};
+
+export { getNavigationParts };

package/dist/esm/components/StorageBrowser/controls/hooks/useActionCancel.mjs

@@ -0,0 +1,12 @@
+import { useControlsContext } from '../context.mjs';
+
+const useActionCancel = () => {
+    const { data: { actionCancelLabel, isActionCancelDisabled }, onActionCancel, } = useControlsContext();
+    return {
+        onCancel: onActionCancel,
+        isDisabled: isActionCancelDisabled,
+        label: actionCancelLabel,
+    };
+};
+
+export { useActionCancel };

package/dist/esm/components/StorageBrowser/controls/hooks/useActionDestination.mjs

@@ -0,0 +1,36 @@
+import React__default from 'react';
+import { useControlsContext } from '../context.mjs';
+import { getNavigationItems } from './getNavigationItems.mjs';
+import { getNavigationParts } from './getNavigationParts.mjs';
+
+// import { ActionDestinationProps } from '../../composables/ActionDestination';
+const useActionDestination = () => {
+    const { data, onSelectDestination } = useControlsContext();
+    const { actionDestinationLabel, isActionDestinationNavigable, destination } = data;
+    return React__default.useMemo(() => {
+        if (!destination?.current) {
+            return { items: [] };
+        }
+        const { current, path } = destination;
+        const destinationParts = getNavigationParts({
+            location: current,
+            path,
+        });
+        return {
+            label: actionDestinationLabel,
+            items: getNavigationItems({
+                location: current,
+                destinationParts,
+                onNavigate: onSelectDestination,
+            }),
+            isNavigable: isActionDestinationNavigable,
+        };
+    }, [
+        actionDestinationLabel,
+        isActionDestinationNavigable,
+        destination,
+        onSelectDestination,
+    ]);
+};
+
+export { useActionDestination };