@strapi/upload 5.59.0 → 5.61.0

package/dist/admin/components/AssetPickerDialog/AssetPickerDialog.js

@@ -0,0 +1,434 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var useMediaLibraryPermissions = require('../../hooks/useMediaLibraryPermissions.js');
+var AssetsGrid = require('../../pages/Assets/components/AssetsGrid.js');
+var AssetsSearchInput = require('../../pages/Assets/components/AssetsSearchInput.js');
+var AssetsView = require('../../pages/Assets/components/AssetsView.js');
+var FilterBadges = require('../../pages/Assets/components/FilterBadges.js');
+var FilterMenu = require('../../pages/Assets/components/FilterMenu.js');
+var SortMenu = require('../../pages/Assets/components/SortMenu.js');
+var ViewToggle = require('../../pages/Assets/components/ViewToggle.js');
+var constants = require('../../pages/Assets/constants.js');
+var useAssetSelection = require('../../pages/Assets/hooks/useAssetSelection.js');
+var useAssetsList = require('../../pages/Assets/hooks/useAssetsList.js');
+var useListQueryParams = require('../../pages/Assets/hooks/useListQueryParams.js');
+var useListSettings = require('../../pages/Assets/hooks/useListSettings.js');
+var selection = require('../../pages/Assets/utils/selection.js');
+var itemLocations = require('../../utils/itemLocations.js');
+var translations = require('../../utils/translations.js');
+var FolderBreadcrumbs = require('./FolderBreadcrumbs.js');
+var pickerSelection = require('./pickerSelection.js');
+var PickerSelectionProvider = require('./PickerSelectionProvider.js');
+var SortableSelection = require('./SortableSelection.js');
+
+// Fixed height (design: 720 × 680) so the modal doesn't grow and shrink as the
+// list loads, filters empty it, or tabs switch.
+const StyledModalContent = styledComponents.styled(designSystem.Modal.Content)`
+  max-width: 72rem;
+  height: min(68rem, 90vh);
+`;
+const TabsRoot = styledComponents.styled(designSystem.Tabs.Root)`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+`;
+// Full-width divider under the tabs. Inset so it paints beneath the triggers,
+// letting the active tab's own underline sit on top of it.
+const TabsList = styledComponents.styled(designSystem.Tabs.List)`
+  box-shadow: inset 0 -1px 0 0 ${({ theme })=>theme.colors.neutral150};
+`;
+// Radix keeps the inactive panel mounted with `hidden`; `display: flex` would
+// override it and the empty panel would take half the height.
+const TabPanel = styledComponents.styled(designSystem.Tabs.Content)`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+
+  &[hidden] {
+    display: none;
+  }
+`;
+// The DS body is a scroll area sized `height: 100%`, which does not resolve
+// inside the tab panel's flex column; take the remaining space instead.
+//
+// Its side padding also moves from the scroll area onto the viewport inside
+// it: the viewport clips at its padding edge, so anything reaching past the
+// content edge (the breadcrumbs pull their first crumb's highlight 8px left,
+// card focus rings) stays visible instead of being cut off.
+//
+// No top padding: it would scroll away with the content, leaving the list
+// flush against whatever sits above. The gap belongs to that fixed element.
+const ScrollingBody = styledComponents.styled(designSystem.Modal.Body)`
+  flex: 1;
+  min-height: 0;
+  height: auto;
+  padding-inline: 0;
+
+  && > [data-radix-scroll-area-viewport] {
+    margin: 0;
+    padding-inline: ${({ theme })=>theme.spaces[7]};
+    padding-block-start: 0;
+  }
+
+  /* The DS body pads every direct child div, meant for the viewport. The
+     scrollbar is one too, and 2px of inline padding on each side of a 4px
+     track leaves the thumb no width at all. Restore the DS scrollbar's own
+     spacing. */
+  && > [data-orientation] {
+    padding: 0;
+    margin: ${({ theme })=>theme.spaces[1]};
+  }
+`;
+// The DS footer is `flex: 1`, which assumes a content-sized modal. With a fixed
+// height it would absorb all the free space.
+const Footer = styledComponents.styled(designSystem.Modal.Footer)`
+  flex: 0 0 auto;
+`;
+// Both tabs share these; the Selected tab only drops the section headings.
+const PICKER_LIST_SETTINGS = {
+    showItemActions: false,
+    // Three tiles per row in the 672px content width.
+    gridMinTileWidth: '200px'
+};
+/** In the picker a plain click on an asset picks it (or un-picks it). */ const useToggleAsset = ()=>{
+    const { toggle } = useAssetSelection.useAssetSelection();
+    return React.useCallback((assetId)=>toggle(selection.assetKey(assetId)), [
+        toggle
+    ]);
+};
+const BrowseTab = ({ list })=>{
+    const { currentFolderId, navigateToFolderId, searchQuery, isSearching, clearSearch, listSort, listFilters, assets, subscribers, pagination, isLoadingAssets, isFetchingMore, hasNextPage, fetchNextPage, assetsError, folders, isLoadingFolders } = list;
+    const toggleAsset = useToggleAsset();
+    // Shares the Media Library page's key: a user who prefers the table there
+    // gets it here too.
+    const [view, setView] = strapiAdmin.usePersistentState(constants.localStorageKeys.view, constants.viewOptions.GRID);
+    const isGridView = view === constants.viewOptions.GRID;
+    const itemLocations$1 = React.useMemo(()=>itemLocations.buildItemLocations(assets, folders), [
+        assets,
+        folders
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                paddingLeft: 7,
+                paddingRight: 7,
+                paddingTop: 6,
+                paddingBottom: 6,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        justifyContent: "space-between",
+                        gap: 2,
+                        wrap: "wrap",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(FilterMenu.FilterMenu, {
+                                        listFilters: listFilters
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(AssetsSearchInput.AssetsSearchInput, {
+                                        collapsible: true
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                gap: 2,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(SortMenu.SortMenu, {
+                                        sort: listSort,
+                                        showFoldersGroup: !isGridView
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(ViewToggle.ViewToggle, {
+                                        view: view,
+                                        onChange: setView,
+                                        iconsOnly: true
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(FilterBadges.FilterBadges, {
+                        listFilters: listFilters
+                    }),
+                    currentFolderId !== null && !isSearching && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        paddingTop: 2,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(FolderBreadcrumbs.FolderBreadcrumbs, {
+                            currentFolderId: currentFolderId,
+                            onSelectFolder: navigateToFolderId
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(ScrollingBody, {
+                children: [
+                    subscribers,
+                    /*#__PURE__*/ jsxRuntime.jsx(AssetsView.AssetsView, {
+                        view: view,
+                        folders: folders,
+                        isLoadingFolders: isLoadingFolders,
+                        assets: assets,
+                        assetsTotal: pagination?.total,
+                        isLoadingAssets: isLoadingAssets,
+                        isFetchingMore: isFetchingMore,
+                        hasNextPage: hasNextPage,
+                        fetchNextPage: fetchNextPage,
+                        error: assetsError,
+                        locations: itemLocations$1,
+                        searchQuery: searchQuery,
+                        assetsSort: listSort.assetsSort,
+                        foldersPosition: listSort.foldersPosition,
+                        hasActiveFilters: listFilters.filters.length > 0,
+                        onClearFilters: listFilters.clearFilters,
+                        onAssetItemClick: toggleAsset,
+                        // Uploading from the picker is out of scope; the empty state hides its CTA.
+                        onAddAssets: ()=>{},
+                        canAddAssets: false,
+                        onClearSearch: clearSearch
+                    })
+                ]
+            })
+        ]
+    });
+};
+const SelectedTab = ({ onReorderingChange })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { selection } = PickerSelectionProvider.usePickerSelection();
+    const toggleAsset = useToggleAsset();
+    return /*#__PURE__*/ jsxRuntime.jsx(ScrollingBody, {
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+            paddingTop: 6,
+            children: selection.length === 0 ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                textColor: "neutral600",
+                children: formatMessage({
+                    id: translations.getTranslationKey('asset-picker.selected.empty'),
+                    defaultMessage: 'No asset selected yet.'
+                })
+            }) : /*#__PURE__*/ jsxRuntime.jsx(useListSettings.ListSettingsProvider, {
+                ...PICKER_LIST_SETTINGS,
+                children: /*#__PURE__*/ jsxRuntime.jsx(SortableSelection.SortableSelection, {
+                    onReorderingChange: onReorderingChange,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(AssetsGrid.AssetsGrid, {
+                        assets: selection,
+                        onAssetItemClick: toggleAsset
+                    })
+                })
+            })
+        })
+    });
+};
+const PickerContent = ({ title, initialSelection, onClose, onConfirm, onReorderingChange })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { selection } = PickerSelectionProvider.usePickerSelection();
+    // Always Browse, even when the field already holds assets: the picker is
+    // opened to add some. What it holds is one tab away, and on the field itself.
+    const [activeTab, setActiveTab] = React.useState('browse');
+    const list = useAssetsListContext();
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                    children: title
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(TabsRoot, {
+                variant: "simple",
+                value: activeTab,
+                onValueChange: (value)=>setActiveTab(value),
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        paddingLeft: 7,
+                        paddingRight: 7,
+                        paddingTop: 2,
+                        children: /*#__PURE__*/ jsxRuntime.jsxs(TabsList, {
+                            "aria-label": formatMessage({
+                                id: translations.getTranslationKey('asset-picker.tabs.label'),
+                                defaultMessage: 'Asset picker tabs'
+                            }),
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Trigger, {
+                                    value: "browse",
+                                    children: formatMessage({
+                                        id: translations.getTranslationKey('asset-picker.tabs.browse'),
+                                        defaultMessage: 'Browse assets'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.Trigger, {
+                                    value: "selected",
+                                    children: [
+                                        formatMessage({
+                                            id: translations.getTranslationKey('asset-picker.tabs.selected'),
+                                            defaultMessage: 'Selected assets'
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Badge, {
+                                            marginLeft: 2,
+                                            children: selection.length
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(TabPanel, {
+                        value: "browse",
+                        tabIndex: -1,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(BrowseTab, {
+                            list: list
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(TabPanel, {
+                        value: "selected",
+                        tabIndex: selection.length > 0 ? -1 : undefined,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(SelectedTab, {
+                            onReorderingChange: onReorderingChange
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(Footer, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                        variant: "tertiary",
+                        onClick: onClose,
+                        children: formatMessage({
+                            id: 'app.components.Button.cancel',
+                            defaultMessage: 'Cancel'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                        disabled: pickerSelection.isSameSelection(selection, initialSelection),
+                        onClick: ()=>onConfirm(selection),
+                        children: formatMessage({
+                            id: translations.getTranslationKey('asset-picker.confirm'),
+                            defaultMessage: 'Confirm'
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * AssetPickerDialog
+ * -----------------------------------------------------------------------------------------------*/ // The list is read above the selection provider (which resolves picked keys
+// against the loaded assets) and below it (the Browse tab renders it). One
+// instance, shared, so tab switches keep the pages already loaded.
+const AssetsListContext = /*#__PURE__*/ React.createContext(null);
+const useAssetsListContext = ()=>{
+    const context = React.useContext(AssetsListContext);
+    if (!context) {
+        throw new Error('useAssetsListContext must be used within the asset picker');
+    }
+    return context;
+};
+const PickerSelectionRoot = ({ children, initialSelection, multiple, allowedTypes })=>{
+    const list = useAssetsList.useAssetsList();
+    return /*#__PURE__*/ jsxRuntime.jsx(AssetsListContext.Provider, {
+        value: list,
+        children: /*#__PURE__*/ jsxRuntime.jsx(PickerSelectionProvider.PickerSelectionProvider, {
+            initialSelection: initialSelection,
+            multiple: multiple,
+            allowedTypes: allowedTypes,
+            knownFiles: list.assets,
+            children: children
+        })
+    });
+};
+const NO_FILES = [];
+/**
+ * Picking only needs read access to the library. Without it the picker says so
+ * and mounts nothing that would fetch assets or folders.
+ */ const ReadAccessGate = ({ children, title, onClose })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { canRead, isLoading } = useMediaLibraryPermissions.useMediaLibraryPermissions();
+    if (canRead) {
+        return children;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                    children: title
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                flex: 1,
+                justifyContent: "center",
+                alignItems: "center",
+                children: isLoading ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {
+                    children: formatMessage({
+                        id: 'app.loading',
+                        defaultMessage: 'Loading...'
+                    })
+                }) : /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Page.NoPermissions, {})
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(Footer, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    variant: "tertiary",
+                    onClick: onClose,
+                    children: formatMessage({
+                        id: 'app.components.Button.cancel',
+                        defaultMessage: 'Cancel'
+                    })
+                })
+            })
+        ]
+    });
+};
+/**
+ * Content Manager asset picker, built on the current Media Library list. Its
+ * folder, search, filter and sort state lives in memory, so browsing never
+ * touches the URL of the entry it is opened from.
+ */ const AssetPickerDialog = ({ open, onClose, title, initialSelection = NO_FILES, multiple = false, allowedTypes, onConfirm })=>{
+    // A ref, not state: nothing renders from it, only the Escape handler reads it.
+    const isReorderingRef = React.useRef(false);
+    const setReordering = React.useCallback((reordering)=>{
+        isReorderingRef.current = reordering;
+    }, []);
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: open,
+        onOpenChange: (isOpen)=>!isOpen && onClose(),
+        children: /*#__PURE__*/ jsxRuntime.jsx(StyledModalContent, {
+            // Radix handles Escape on the document in the capture phase, before
+            // dnd-kit's sensor sees it. During a drag, Escape cancels the drag instead.
+            onEscapeKeyDown: (event)=>{
+                if (isReorderingRef.current) {
+                    event.preventDefault();
+                }
+            },
+            children: /*#__PURE__*/ jsxRuntime.jsx(ReadAccessGate, {
+                title: title,
+                onClose: onClose,
+                children: /*#__PURE__*/ jsxRuntime.jsx(useListQueryParams.ListQueryStateProvider, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(useListSettings.ListSettingsProvider, {
+                        ...PICKER_LIST_SETTINGS,
+                        showSectionHeadings: true,
+                        showGridSelectAll: true,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(PickerSelectionRoot, {
+                            initialSelection: initialSelection,
+                            multiple: multiple,
+                            allowedTypes: allowedTypes,
+                            children: /*#__PURE__*/ jsxRuntime.jsx(PickerContent, {
+                                title: title,
+                                initialSelection: initialSelection,
+                                onClose: onClose,
+                                onConfirm: onConfirm,
+                                onReorderingChange: setReordering
+                            })
+                        })
+                    })
+                })
+            })
+        })
+    });
+};
+
+exports.AssetPickerDialog = AssetPickerDialog;
+//# sourceMappingURL=AssetPickerDialog.js.map

package/dist/admin/components/AssetPickerDialog/AssetPickerDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetPickerDialog.js","sources":["../../../../admin/src/components/AssetPickerDialog/AssetPickerDialog.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport { Page, usePersistentState } from '@strapi/admin/strapi-admin';\nimport { Badge, Box, Button, Flex, Loader, Modal, Tabs, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useMediaLibraryPermissions } from '../../hooks/useMediaLibraryPermissions';\nimport { AssetsGrid } from '../../pages/Assets/components/AssetsGrid';\nimport { AssetsSearchInput } from '../../pages/Assets/components/AssetsSearchInput';\nimport { AssetsView } from '../../pages/Assets/components/AssetsView';\nimport { FilterBadges } from '../../pages/Assets/components/FilterBadges';\nimport { FilterMenu } from '../../pages/Assets/components/FilterMenu';\nimport { SortMenu } from '../../pages/Assets/components/SortMenu';\nimport { ViewToggle } from '../../pages/Assets/components/ViewToggle';\nimport { localStorageKeys, viewOptions } from '../../pages/Assets/constants';\nimport { useAssetSelection } from '../../pages/Assets/hooks/useAssetSelection';\nimport { useAssetsList } from '../../pages/Assets/hooks/useAssetsList';\nimport { ListQueryStateProvider } from '../../pages/Assets/hooks/useListQueryParams';\nimport { ListSettingsProvider } from '../../pages/Assets/hooks/useListSettings';\nimport { assetKey } from '../../pages/Assets/utils/selection';\nimport { type MediaAllowedTypes } from '../../utils/isAllowedAssetType';\nimport { buildItemLocations } from '../../utils/itemLocations';\nimport { getTranslationKey } from '../../utils/translations';\n\nimport { FolderBreadcrumbs } from './FolderBreadcrumbs';\nimport { isSameSelection } from './pickerSelection';\nimport { PickerSelectionProvider, usePickerSelection } from './PickerSelectionProvider';\nimport { SortableSelection } from './SortableSelection';\n\nimport type { File } from '../../../../shared/contracts/files';\n\n// Fixed height (design: 720 × 680) so the modal doesn't grow and shrink as the\n// list loads, filters empty it, or tabs switch.\nconst StyledModalContent = styled(Modal.Content)`\n  max-width: 72rem;\n  height: min(68rem, 90vh);\n`;\n\nconst TabsRoot = styled(Tabs.Root)`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-height: 0;\n`;\n\n// Full-width divider under the tabs. Inset so it paints beneath the triggers,\n// letting the active tab's own underline sit on top of it.\nconst TabsList = styled(Tabs.List)`\n  box-shadow: inset 0 -1px 0 0 ${({ theme }) => theme.colors.neutral150};\n`;\n\n// Radix keeps the inactive panel mounted with `hidden`; `display: flex` would\n// override it and the empty panel would take half the height.\nconst TabPanel = styled(Tabs.Content)`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  min-height: 0;\n\n  &[hidden] {\n    display: none;\n  }\n`;\n\n// The DS body is a scroll area sized `height: 100%`, which does not resolve\n// inside the tab panel's flex column; take the remaining space instead.\n//\n// Its side padding also moves from the scroll area onto the viewport inside\n// it: the viewport clips at its padding edge, so anything reaching past the\n// content edge (the breadcrumbs pull their first crumb's highlight 8px left,\n// card focus rings) stays visible instead of being cut off.\n//\n// No top padding: it would scroll away with the content, leaving the list\n// flush against whatever sits above. The gap belongs to that fixed element.\nconst ScrollingBody = styled(Modal.Body)`\n  flex: 1;\n  min-height: 0;\n  height: auto;\n  padding-inline: 0;\n\n  && > [data-radix-scroll-area-viewport] {\n    margin: 0;\n    padding-inline: ${({ theme }) => theme.spaces[7]};\n    padding-block-start: 0;\n  }\n\n  /* The DS body pads every direct child div, meant for the viewport. The\n     scrollbar is one too, and 2px of inline padding on each side of a 4px\n     track leaves the thumb no width at all. Restore the DS scrollbar's own\n     spacing. */\n  && > [data-orientation] {\n    padding: 0;\n    margin: ${({ theme }) => theme.spaces[1]};\n  }\n`;\n\n// The DS footer is `flex: 1`, which assumes a content-sized modal. With a fixed\n// height it would absorb all the free space.\nconst Footer = styled(Modal.Footer)`\n  flex: 0 0 auto;\n`;\n\n/* -------------------------------------------------------------------------------------------------\n * Shared\n * -----------------------------------------------------------------------------------------------*/\n\ntype AssetsList = ReturnType<typeof useAssetsList>;\n\n// Both tabs share these; the Selected tab only drops the section headings.\nconst PICKER_LIST_SETTINGS = {\n  showItemActions: false,\n  // Three tiles per row in the 672px content width.\n  gridMinTileWidth: '200px',\n} as const;\n\n/** In the picker a plain click on an asset picks it (or un-picks it). */\nconst useToggleAsset = () => {\n  const { toggle } = useAssetSelection();\n\n  return useCallback((assetId: number) => toggle(assetKey(assetId)), [toggle]);\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BrowseTab\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BrowseTabProps {\n  list: AssetsList;\n}\n\nconst BrowseTab = ({ list }: BrowseTabProps) => {\n  const {\n    currentFolderId,\n    navigateToFolderId,\n    searchQuery,\n    isSearching,\n    clearSearch,\n    listSort,\n    listFilters,\n    assets,\n    subscribers,\n    pagination,\n    isLoadingAssets,\n    isFetchingMore,\n    hasNextPage,\n    fetchNextPage,\n    assetsError,\n    folders,\n    isLoadingFolders,\n  } = list;\n  const toggleAsset = useToggleAsset();\n  // Shares the Media Library page's key: a user who prefers the table there\n  // gets it here too.\n  const [view, setView] = usePersistentState(localStorageKeys.view, viewOptions.GRID);\n  const isGridView = view === viewOptions.GRID;\n\n  const itemLocations = useMemo(() => buildItemLocations(assets, folders), [assets, folders]);\n\n  return (\n    <>\n      <Box paddingLeft={7} paddingRight={7} paddingTop={6} paddingBottom={6}>\n        <Flex justifyContent=\"space-between\" gap={2} wrap=\"wrap\">\n          <Flex gap={2}>\n            <FilterMenu listFilters={listFilters} />\n            <AssetsSearchInput collapsible />\n          </Flex>\n          <Flex gap={2}>\n            <SortMenu sort={listSort} showFoldersGroup={!isGridView} />\n            <ViewToggle view={view} onChange={setView} iconsOnly />\n          </Flex>\n        </Flex>\n        <FilterBadges listFilters={listFilters} />\n        {/* In the fixed header with the toolbar, so the way back up stays in\n            reach however far the list is scrolled. Search results are global,\n            so a folder trail would be misleading there. */}\n        {currentFolderId !== null && !isSearching && (\n          <Box paddingTop={2}>\n            <FolderBreadcrumbs\n              currentFolderId={currentFolderId}\n              onSelectFolder={navigateToFolderId}\n            />\n          </Box>\n        )}\n      </Box>\n      <ScrollingBody>\n        {/* Renders nothing — keeps every loaded page's query subscribed. */}\n        {subscribers}\n        <AssetsView\n          view={view}\n          folders={folders}\n          isLoadingFolders={isLoadingFolders}\n          assets={assets}\n          assetsTotal={pagination?.total}\n          isLoadingAssets={isLoadingAssets}\n          isFetchingMore={isFetchingMore}\n          hasNextPage={hasNextPage}\n          fetchNextPage={fetchNextPage}\n          error={assetsError}\n          locations={itemLocations}\n          searchQuery={searchQuery}\n          assetsSort={listSort.assetsSort}\n          foldersPosition={listSort.foldersPosition}\n          hasActiveFilters={listFilters.filters.length > 0}\n          onClearFilters={listFilters.clearFilters}\n          onAssetItemClick={toggleAsset}\n          // Uploading from the picker is out of scope; the empty state hides its CTA.\n          onAddAssets={() => {}}\n          canAddAssets={false}\n          onClearSearch={clearSearch}\n        />\n      </ScrollingBody>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * SelectedTab\n * -----------------------------------------------------------------------------------------------*/\n\n// Always a grid, whatever view Browse uses: the selection is short, and its\n// order (which reordering changes) reads best as tiles.\ninterface SelectedTabProps {\n  onReorderingChange: (reordering: boolean) => void;\n}\n\nconst SelectedTab = ({ onReorderingChange }: SelectedTabProps) => {\n  const { formatMessage } = useIntl();\n  const { selection } = usePickerSelection();\n  const toggleAsset = useToggleAsset();\n\n  return (\n    <ScrollingBody>\n      {/* No toolbar above this tab, so the gap under the tabs lives here. */}\n      <Box paddingTop={6}>\n        {selection.length === 0 ? (\n          <Typography textColor=\"neutral600\">\n            {formatMessage({\n              id: getTranslationKey('asset-picker.selected.empty'),\n              defaultMessage: 'No asset selected yet.',\n            })}\n          </Typography>\n        ) : (\n          <ListSettingsProvider {...PICKER_LIST_SETTINGS}>\n            {/* The order here is the order the field will hold. */}\n            <SortableSelection onReorderingChange={onReorderingChange}>\n              <AssetsGrid assets={selection} onAssetItemClick={toggleAsset} />\n            </SortableSelection>\n          </ListSettingsProvider>\n        )}\n      </Box>\n    </ScrollingBody>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * PickerContent\n * -----------------------------------------------------------------------------------------------*/\n\ntype PickerTab = 'browse' | 'selected';\n\ninterface PickerContentProps {\n  title: string;\n  initialSelection: File[];\n  onClose: () => void;\n  onConfirm: (files: File[]) => void;\n  onReorderingChange: (reordering: boolean) => void;\n}\n\nconst PickerContent = ({\n  title,\n  initialSelection,\n  onClose,\n  onConfirm,\n  onReorderingChange,\n}: PickerContentProps) => {\n  const { formatMessage } = useIntl();\n  const { selection } = usePickerSelection();\n  // Always Browse, even when the field already holds assets: the picker is\n  // opened to add some. What it holds is one tab away, and on the field itself.\n  const [activeTab, setActiveTab] = useState<PickerTab>('browse');\n  const list = useAssetsListContext();\n\n  return (\n    <>\n      <Modal.Header>\n        <Modal.Title>{title}</Modal.Title>\n      </Modal.Header>\n      <TabsRoot\n        variant=\"simple\"\n        value={activeTab}\n        onValueChange={(value) => setActiveTab(value as PickerTab)}\n      >\n        <Box paddingLeft={7} paddingRight={7} paddingTop={2}>\n          <TabsList\n            aria-label={formatMessage({\n              id: getTranslationKey('asset-picker.tabs.label'),\n              defaultMessage: 'Asset picker tabs',\n            })}\n          >\n            <Tabs.Trigger value=\"browse\">\n              {formatMessage({\n                id: getTranslationKey('asset-picker.tabs.browse'),\n                defaultMessage: 'Browse assets',\n              })}\n            </Tabs.Trigger>\n            <Tabs.Trigger value=\"selected\">\n              {formatMessage({\n                id: getTranslationKey('asset-picker.tabs.selected'),\n                defaultMessage: 'Selected assets',\n              })}\n              <Badge marginLeft={2}>{selection.length}</Badge>\n            </Tabs.Trigger>\n          </TabsList>\n        </Box>\n        {/* Radix makes a panel a Tab stop, meant for panels with nothing focusable\n            inside. These hold controls, so focus goes straight to them. */}\n        <TabPanel value=\"browse\" tabIndex={-1}>\n          <BrowseTab list={list} />\n        </TabPanel>\n        <TabPanel value=\"selected\" tabIndex={selection.length > 0 ? -1 : undefined}>\n          <SelectedTab onReorderingChange={onReorderingChange} />\n        </TabPanel>\n      </TabsRoot>\n      <Footer>\n        <Button variant=\"tertiary\" onClick={onClose}>\n          {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n        </Button>\n        <Button\n          disabled={isSameSelection(selection, initialSelection)}\n          onClick={() => onConfirm(selection)}\n        >\n          {formatMessage({\n            id: getTranslationKey('asset-picker.confirm'),\n            defaultMessage: 'Confirm',\n          })}\n        </Button>\n      </Footer>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AssetPickerDialog\n * -----------------------------------------------------------------------------------------------*/\n\n// The list is read above the selection provider (which resolves picked keys\n// against the loaded assets) and below it (the Browse tab renders it). One\n// instance, shared, so tab switches keep the pages already loaded.\nconst AssetsListContext = createContext<AssetsList | null>(null);\n\nconst useAssetsListContext = () => {\n  const context = useContext(AssetsListContext);\n\n  if (!context) {\n    throw new Error('useAssetsListContext must be used within the asset picker');\n  }\n\n  return context;\n};\n\ninterface PickerSelectionRootProps {\n  children: ReactNode;\n  initialSelection: File[];\n  multiple: boolean;\n  allowedTypes?: MediaAllowedTypes | null;\n}\n\nconst PickerSelectionRoot = ({\n  children,\n  initialSelection,\n  multiple,\n  allowedTypes,\n}: PickerSelectionRootProps) => {\n  const list = useAssetsList();\n\n  return (\n    <AssetsListContext.Provider value={list}>\n      <PickerSelectionProvider\n        initialSelection={initialSelection}\n        multiple={multiple}\n        allowedTypes={allowedTypes}\n        knownFiles={list.assets}\n      >\n        {children}\n      </PickerSelectionProvider>\n    </AssetsListContext.Provider>\n  );\n};\n\nexport interface AssetPickerDialogProps {\n  open: boolean;\n  onClose: () => void;\n  title: string;\n  /** What the field holds now; the picker starts with it selected. */\n  initialSelection?: File[];\n  multiple?: boolean;\n  allowedTypes?: MediaAllowedTypes | null;\n  /** The confirmed selection, in order. Always an array, even for a single field. */\n  onConfirm: (files: File[]) => void;\n}\n\nconst NO_FILES: File[] = [];\n\ninterface ReadAccessGateProps {\n  children: ReactNode;\n  title: string;\n  onClose: () => void;\n}\n\n/**\n * Picking only needs read access to the library. Without it the picker says so\n * and mounts nothing that would fetch assets or folders.\n */\nconst ReadAccessGate = ({ children, title, onClose }: ReadAccessGateProps) => {\n  const { formatMessage } = useIntl();\n  const { canRead, isLoading } = useMediaLibraryPermissions();\n\n  if (canRead) {\n    return children;\n  }\n\n  return (\n    <>\n      <Modal.Header>\n        <Modal.Title>{title}</Modal.Title>\n      </Modal.Header>\n      <Flex flex={1} justifyContent=\"center\" alignItems=\"center\">\n        {isLoading ? (\n          <Loader>{formatMessage({ id: 'app.loading', defaultMessage: 'Loading...' })}</Loader>\n        ) : (\n          <Page.NoPermissions />\n        )}\n      </Flex>\n      <Footer>\n        <Button variant=\"tertiary\" onClick={onClose}>\n          {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n        </Button>\n      </Footer>\n    </>\n  );\n};\n\n/**\n * Content Manager asset picker, built on the current Media Library list. Its\n * folder, search, filter and sort state lives in memory, so browsing never\n * touches the URL of the entry it is opened from.\n */\nexport const AssetPickerDialog = ({\n  open,\n  onClose,\n  title,\n  initialSelection = NO_FILES,\n  multiple = false,\n  allowedTypes,\n  onConfirm,\n}: AssetPickerDialogProps) => {\n  // A ref, not state: nothing renders from it, only the Escape handler reads it.\n  const isReorderingRef = useRef(false);\n  const setReordering = useCallback((reordering: boolean) => {\n    isReorderingRef.current = reordering;\n  }, []);\n\n  return (\n    <Modal.Root open={open} onOpenChange={(isOpen) => !isOpen && onClose()}>\n      <StyledModalContent\n        // Radix handles Escape on the document in the capture phase, before\n        // dnd-kit's sensor sees it. During a drag, Escape cancels the drag instead.\n        onEscapeKeyDown={(event) => {\n          if (isReorderingRef.current) {\n            event.preventDefault();\n          }\n        }}\n      >\n        <ReadAccessGate title={title} onClose={onClose}>\n          {/* Inside the content so every opening starts from fresh list and selection state. */}\n          <ListQueryStateProvider>\n            <ListSettingsProvider {...PICKER_LIST_SETTINGS} showSectionHeadings showGridSelectAll>\n              <PickerSelectionRoot\n                initialSelection={initialSelection}\n                multiple={multiple}\n                allowedTypes={allowedTypes}\n              >\n                <PickerContent\n                  title={title}\n                  initialSelection={initialSelection}\n                  onClose={onClose}\n                  onConfirm={onConfirm}\n                  onReorderingChange={setReordering}\n                />\n              </PickerSelectionRoot>\n            </ListSettingsProvider>\n          </ListQueryStateProvider>\n        </ReadAccessGate>\n      </StyledModalContent>\n    </Modal.Root>\n  );\n};\n"],"names":["StyledModalContent","styled","Modal","Content","TabsRoot","Tabs","Root","TabsList","List","theme","colors","neutral150","TabPanel","ScrollingBody","Body","spaces","Footer","PICKER_LIST_SETTINGS","showItemActions","gridMinTileWidth","useToggleAsset","toggle","useAssetSelection","useCallback","assetId","assetKey","BrowseTab","list","currentFolderId","navigateToFolderId","searchQuery","isSearching","clearSearch","listSort","listFilters","assets","subscribers","pagination","isLoadingAssets","isFetchingMore","hasNextPage","fetchNextPage","assetsError","folders","isLoadingFolders","toggleAsset","view","setView","usePersistentState","localStorageKeys","viewOptions","GRID","isGridView","itemLocations","useMemo","buildItemLocations","_jsxs","_Fragment","Box","paddingLeft","paddingRight","paddingTop","paddingBottom","Flex","justifyContent","gap","wrap","_jsx","FilterMenu","AssetsSearchInput","collapsible","SortMenu","sort","showFoldersGroup","ViewToggle","onChange","iconsOnly","FilterBadges","FolderBreadcrumbs","onSelectFolder","AssetsView","assetsTotal","total","error","locations","assetsSort","foldersPosition","hasActiveFilters","filters","length","onClearFilters","clearFilters","onAssetItemClick","onAddAssets","canAddAssets","onClearSearch","SelectedTab","onReorderingChange","formatMessage","useIntl","selection","usePickerSelection","Typography","textColor","id","getTranslationKey","defaultMessage","ListSettingsProvider","SortableSelection","AssetsGrid","PickerContent","title","initialSelection","onClose","onConfirm","activeTab","setActiveTab","useState","useAssetsListContext","Header","Title","variant","value","onValueChange","aria-label","Trigger","Badge","marginLeft","tabIndex","undefined","Button","onClick","disabled","isSameSelection","AssetsListContext","createContext","context","useContext","Error","PickerSelectionRoot","children","multiple","allowedTypes","useAssetsList","Provider","PickerSelectionProvider","knownFiles","NO_FILES","ReadAccessGate","canRead","isLoading","useMediaLibraryPermissions","flex","alignItems","Loader","Page","NoPermissions","AssetPickerDialog","open","isReorderingRef","useRef","setReordering","reordering","current","onOpenChange","isOpen","onEscapeKeyDown","event","preventDefault","ListQueryStateProvider","showSectionHeadings","showGridSelectAll"],"mappings":"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"}