@strapi/upload 5.54.0 → 5.55.1

package/dist/admin/pages/Assets/components/BulkActionsBar.mjs

@@ -0,0 +1,429 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
+import { useNotification } from '@strapi/admin/strapi-admin';
+import { Box, Typography, TextButton, Tooltip, Button, IconButton, Flex } from '@strapi/design-system';
+import { Sparkle, ArrowRight, Trash, Cross } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { css, styled } from 'styled-components';
+import { AI_METADATA_MAX_FILES, isAIMetadataSupportedMime } from '../../../shared/constants.mjs';
+import { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled.mjs';
+import { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions.mjs';
+import { useTracking } from '../../../hooks/useTracking.mjs';
+import '../../../services/assets.mjs';
+import { buildDragSetFromSelection } from '../../../utils/buildDragSetFromSelection.mjs';
+import { emptyItemLocations } from '../../../utils/itemLocations.mjs';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+import { useAssetSelection } from '../hooks/useAssetSelection.mjs';
+import { useFolderNavigation } from '../hooks/useFolderNavigation.mjs';
+import { useIsAssetDetailsOpen } from '../hooks/useIsAssetDetailsOpen.mjs';
+import { BulkMoveDialog } from './BulkMoveDialog.mjs';
+import { DeleteItemsDialog } from './DeleteItemsDialog.mjs';
+import { useGenerateAiMetadataMutation } from '../../../services/api.mjs';
+
+/**
+ * Bulk action bar for the future Media Library. Mobile: docked full-bleed to the
+ * bottom edge (no radius, top border only). Desktop (medium+): a floating,
+ * centered pill.
+ */ const Bar = styled(Flex)`
+  position: fixed;
+  z-index: ${({ theme })=>theme.zIndices.popover};
+  left: 0;
+  right: 0;
+  bottom: 0;
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[2]};
+  padding: ${({ theme })=>`${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};
+  background: ${({ theme })=>theme.colors.neutral0};
+  border: 0;
+  border-top: 1px solid ${({ theme })=>theme.colors.neutral150};
+  border-radius: 0;
+  box-shadow: ${({ theme })=>theme.shadows.popupShadow};
+
+  /* Docked full-bleed at the bottom on mobile, which is exactly where the open
+     drawer keeps its own actions — so it steps aside there, and only there. */
+  display: ${({ $isDrawerOpen })=>$isDrawerOpen ? 'none' : 'flex'};
+
+  /* Mobile with the metadata action present: the labelled button plus the icons
+     no longer fit beside the count on one line, so the count takes a row of its
+     own and every button drops to the next.
+
+     Addressed by slot rather than by position: these rules used to use
+     nth-child, which silently retargeted the moment a control was inserted
+     into the row. */
+  ${({ $isStacked })=>$isStacked && css`
+      flex-wrap: wrap;
+      justify-content: space-between;
+
+      > [data-bar-slot='count'] {
+        flex-basis: 100%;
+        margin-right: 0;
+      }
+
+      > [data-bar-slot='actions'] {
+        margin-left: 0;
+      }
+
+      /* The divider only existed to set the clear action apart from the rest;
+         with the row spread it would hang in mid-air between them. */
+      > [data-bar-slot='divider'] {
+        display: none;
+      }
+    `}
+
+  ${({ theme })=>theme.breakpoints.medium} {
+    display: flex;
+    left: 50%;
+    right: auto;
+    bottom: ${({ theme })=>theme.spaces[4]};
+    transform: translateX(-50%);
+    border: 1px solid ${({ theme })=>theme.colors.neutral150};
+    border-radius: ${({ theme })=>theme.borderRadius};
+    /* Sized by its content, capped so the pill can never span the whole
+       viewport. The nowrap is what lets the content set that width — without it
+       the labels wrap and the bar reads as narrow and tall. Inherited, so it
+       covers every label inside.
+
+       Deliberately not applied on mobile: there the bar is full-bleed and
+       cannot grow, so refusing to wrap would clip the last action on a narrow
+       phone rather than widen anything. */
+    white-space: nowrap;
+    max-width: 90%;
+
+    /* One line again from tablet up, where it fits. */
+    flex-wrap: nowrap;
+
+    > [data-bar-slot='count'] {
+      flex-basis: auto;
+    }
+
+    > [data-bar-slot='actions'] {
+      margin-left: auto;
+    }
+
+    > [data-bar-slot='divider'] {
+      display: block;
+    }
+  }
+`;
+const ActionCluster = styled(Flex)`
+  margin-left: auto;
+  align-items: center;
+  gap: ${({ theme })=>theme.spaces[2]};
+`;
+const VerticalDivider = styled(Box)`
+  width: 1px;
+  align-self: stretch;
+  background: ${({ theme })=>theme.colors.neutral150};
+  margin-left: ${({ theme })=>theme.spaces[1]};
+`;
+const BulkActionsBar = ({ assets = [], locations = emptyItemLocations, renderedKeys = [] })=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    // No mime argument: the action is selection-scoped, so the per-asset
+    // allowlist check happens below in `eligibleCount`.
+    const isAiMetadataEnabled = useAIMetadataEnabled();
+    // Every bulk action (move, delete, metadata) is an `assets.update` mutation
+    // server-side — one flag gates the whole cluster.
+    const { canUpdate } = useMediaLibraryPermissions();
+    const { selectedIds, selectedFolderIds, selectAll, clear } = useAssetSelection();
+    const { trackUsage } = useTracking();
+    const { currentFolderId } = useFolderNavigation();
+    const isDetailsDrawerOpen = useIsAssetDetailsOpen();
+    const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = useGenerateAiMetadataMutation();
+    const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
+    const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);
+    // The delete request lives in DeleteItemsDialog; the bar mirrors its pending
+    // state so the rest of the controls stay disabled for the duration.
+    const [isDeleting, setIsDeleting] = useState(false);
+    const count = selectedIds.size + selectedFolderIds.size;
+    // `innerHeight - top` rather than the bar's height: it also spans the gap the
+    // bar floats above the viewport edge (0 docked on mobile, `spaces[4]` for the
+    // desktop pill), so one measurement covers both layouts and no height is
+    // hardcoded.
+    const [barEl, setBarEl] = useState(null);
+    const [reservedSpace, setReservedSpace] = useState(0);
+    useEffect(()=>{
+        if (!barEl) {
+            setReservedSpace(0);
+            return;
+        }
+        const measure = ()=>{
+            const rect = barEl.getBoundingClientRect();
+            // Zero height means the CSS has hidden the bar (drawer open on mobile) —
+            // reserving anything then would leave a gap under nothing.
+            setReservedSpace(rect.height === 0 ? 0 : Math.max(0, window.innerHeight - rect.top));
+        };
+        measure();
+        const observer = new ResizeObserver(measure);
+        observer.observe(barEl);
+        window.addEventListener('resize', measure);
+        return ()=>{
+            observer.disconnect();
+            window.removeEventListener('resize', measure);
+        };
+    // `isDetailsDrawerOpen` toggles the bar's `display`, which a ResizeObserver
+    // is not guaranteed to report.
+    }, [
+        barEl,
+        isDetailsDrawerOpen
+    ]);
+    const handleSelectAll = ()=>{
+        trackUsage('didSelectAllMediaLibraryElements');
+        selectAll(renderedKeys);
+    };
+    const isBusy = isDeleting || isGeneratingMetadata;
+    // Stable identity: the move dialog memoizes its destination walk on it. Each
+    // item's real location comes from `locations`, so a selection made under a
+    // global search validates against each item's own parent rather than the
+    // folder currently open.
+    const moveItems = useMemo(()=>buildDragSetFromSelection(selectedIds, selectedFolderIds, locations, currentFolderId), [
+        selectedIds,
+        selectedFolderIds,
+        locations,
+        currentFolderId
+    ]);
+    /**
+   * The server processes the whole selection inside a single request and
+   * rejects anything above the cap with a 400. Disable the action up front so
+   * the limit is discoverable before the user commits to a request.
+   */ const isOverMetadataLimit = selectedIds.size > AI_METADATA_MAX_FILES;
+    /**
+   * How many selected assets the AI provider can actually read. The server
+   * stays authoritative — it still reports what it skipped — but a selection
+   * with nothing eligible (a lone PDF, say) would only ever come back fully
+   * skipped, so there is no point sending it.
+   */ const eligibleCount = useMemo(()=>{
+        const mimeById = new Map(assets.map(({ id, mime })=>[
+                id,
+                mime
+            ]));
+        return [
+            ...selectedIds
+        ].filter((id)=>isAIMetadataSupportedMime(mimeById.get(id))).length;
+    }, [
+        assets,
+        selectedIds
+    ]);
+    const hasNoEligibleAssets = selectedIds.size > 0 && eligibleCount === 0;
+    /**
+   * Why the action is unavailable, surfaced on hover. `undefined` leaves the
+   * button without a tooltip — either it is usable, or it is disabled for a
+   * reason the selection count already makes obvious.
+   */ let metadataDisabledReason;
+    if (isOverMetadataLimit) {
+        metadataDisabledReason = formatMessage({
+            id: getTranslationKey('list.bulk-actions.create-metadata.too-many'),
+            defaultMessage: 'Metadata can be generated for up to {max} assets at a time. Select fewer assets to continue.'
+        }, {
+            max: AI_METADATA_MAX_FILES
+        });
+    } else if (hasNoEligibleAssets) {
+        metadataDisabledReason = formatMessage({
+            id: getTranslationKey('list.bulk-actions.create-metadata.no-eligible'),
+            defaultMessage: 'Metadata can only be generated for images. None of the selected assets are supported.'
+        });
+    }
+    /**
+   * Metadata generation only applies to images — folders and unsupported files
+   * in the selection are reported back rather than blocking the action.
+   */ const handleCreateMetadata = async ()=>{
+        // Guard re-entry while pending, and never send a selection the server
+        // would reject outright or skip in full.
+        if (isGeneratingMetadata || isOverMetadataLimit || hasNoEligibleAssets) {
+            return;
+        }
+        const fileIds = Array.from(selectedIds);
+        const res = await generateAiMetadata({
+            fileIds
+        });
+        if ('error' in res) {
+            // Keep the selection intact so the user can retry.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
+                })
+            });
+            return;
+        }
+        const successCount = res.data.filter(({ status })=>status === 'success').length;
+        const skippedCount = res.data.filter(({ status })=>status === 'skipped').length;
+        const errorCount = res.data.filter(({ status })=>status === 'error').length;
+        // Folders are never sent, so they are not part of the response — but the
+        // user selected them, and a silent omission reads as a bug.
+        const folderCount = selectedFolderIds.size;
+        if (errorCount === res.data.length) {
+            // Nothing was written — treat it like a request-level failure and keep
+            // the selection so the user can retry.
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.error'),
+                    defaultMessage: 'An error occurred while generating metadata.'
+                })
+            });
+            return;
+        }
+        if (skippedCount === 0 && errorCount === 0 && folderCount === 0) {
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.success'),
+                    defaultMessage: '{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}'
+                }, {
+                    count: successCount
+                })
+            });
+        } else {
+            // Partial outcome: report every bucket so the user knows what was left
+            // out — including folders, which were never eligible in the first place.
+            toggleNotification({
+                type: 'warning',
+                message: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.create-metadata.partial'),
+                    defaultMessage: '{successCount} generated, {skippedCount} skipped (unsupported file type), {errorCount} failed{folderCount, plural, =0 {} one {, # folder ignored} other {, # folders ignored}}'
+                }, {
+                    successCount,
+                    skippedCount,
+                    errorCount,
+                    folderCount
+                })
+            });
+        }
+        clear();
+    };
+    // Every bulk action is behind `assets.update`; with nothing selected, or
+    // without the permission, the bar has nothing to offer — drop it entirely
+    // rather than show a count + "Clear selection" over no actions (mirrors the
+    // drawer footer, which hides when no permitted action survives).
+    //
+    // With the drawer open the bar is hidden on mobile only, in CSS: there the two
+    // are stacked at `bottom: 0` and the bar (popover, 500) would cover the
+    // drawer's footer actions, since the drawer sits below the overlay token at
+    // 200. From `medium` up the drawer is a side panel and the bar is a centered
+    // pill, so they no longer collide.
+    if (count === 0 || !canUpdate) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Box, {
+                "aria-hidden": true,
+                height: `${reservedSpace}px`,
+                "data-bar-spacer": true
+            }),
+            /*#__PURE__*/ jsxs(Bar, {
+                ref: setBarEl,
+                $isDrawerOpen: isDetailsDrawerOpen,
+                $isStacked: isAiMetadataEnabled,
+                tag: "section",
+                role: "region",
+                // The bar floats over the list but is not part of its background: a
+                // right-click on it keeps the browser's own menu. See MainAreaContextMenu.
+                "data-native-context-menu": true,
+                "aria-label": formatMessage({
+                    id: getTranslationKey('list.bulk-actions.label'),
+                    defaultMessage: 'Bulk actions'
+                }),
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        "data-bar-slot": "count",
+                        fontWeight: "bold",
+                        textColor: "neutral800",
+                        marginRight: 4,
+                        children: formatMessage({
+                            id: getTranslationKey('list.bulk-actions.selected-count'),
+                            defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}'
+                        }, {
+                            count
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(TextButton, {
+                        onClick: handleSelectAll,
+                        marginRight: 4,
+                        disabled: isBusy,
+                        children: formatMessage({
+                            id: getTranslationKey('list.bulk-actions.select-all'),
+                            defaultMessage: 'Select all'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(ActionCluster, {
+                        "data-bar-slot": "actions",
+                        children: [
+                            isAiMetadataEnabled && /*#__PURE__*/ jsx(Tooltip, {
+                                label: metadataDisabledReason,
+                                children: /*#__PURE__*/ jsx(Box, {
+                                    children: /*#__PURE__*/ jsx(Button, {
+                                        size: "S",
+                                        startIcon: /*#__PURE__*/ jsx(Sparkle, {}),
+                                        disabled: isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets,
+                                        loading: isGeneratingMetadata,
+                                        onClick: handleCreateMetadata,
+                                        children: formatMessage({
+                                            id: getTranslationKey('list.bulk-actions.create-metadata'),
+                                            defaultMessage: 'Create metadata'
+                                        })
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(IconButton, {
+                                variant: "tertiary",
+                                disabled: isBusy,
+                                label: formatMessage({
+                                    id: getTranslationKey('list.bulk-actions.move'),
+                                    defaultMessage: 'Move'
+                                }),
+                                onClick: ()=>setIsMoveDialogOpen(true),
+                                children: /*#__PURE__*/ jsx(ArrowRight, {})
+                            }),
+                            /*#__PURE__*/ jsx(BulkMoveDialog, {
+                                open: isMoveDialogOpen,
+                                onClose: ()=>setIsMoveDialogOpen(false),
+                                items: moveItems,
+                                onSuccess: clear
+                            }),
+                            /*#__PURE__*/ jsx(IconButton, {
+                                variant: "danger-light",
+                                disabled: isBusy,
+                                label: formatMessage({
+                                    id: getTranslationKey('list.bulk-actions.delete'),
+                                    defaultMessage: 'Delete'
+                                }),
+                                onClick: ()=>setIsDeleteDialogOpen(true),
+                                children: /*#__PURE__*/ jsx(Trash, {})
+                            }),
+                            /*#__PURE__*/ jsx(DeleteItemsDialog, {
+                                open: isDeleteDialogOpen,
+                                onClose: ()=>setIsDeleteDialogOpen(false),
+                                target: {
+                                    fileIds: Array.from(selectedIds),
+                                    folderIds: Array.from(selectedFolderIds)
+                                },
+                                onSuccess: clear,
+                                onPendingChange: setIsDeleting
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(VerticalDivider, {
+                        "data-bar-slot": "divider",
+                        "aria-hidden": true
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: getTranslationKey('list.bulk-actions.clear'),
+                            defaultMessage: 'Clear selection'
+                        }),
+                        onClick: clear,
+                        disabled: isBusy,
+                        children: /*#__PURE__*/ jsx(Cross, {})
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { BulkActionsBar };
+//# sourceMappingURL=BulkActionsBar.mjs.map

package/dist/admin/pages/Assets/components/BulkActionsBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkActionsBar.mjs","sources":["../../../../../admin/src/pages/Assets/components/BulkActionsBar.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Flex,\n  IconButton,\n  TextButton,\n  Tooltip,\n  Typography,\n} from '@strapi/design-system';\nimport { ArrowRight, Cross, Sparkle, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { css, styled } from 'styled-components';\n\nimport { AI_METADATA_MAX_FILES, isAIMetadataSupportedMime } from '../../../../../shared/constants';\nimport { useAIMetadataEnabled } from '../../../hooks/useAIMetadataEnabled';\nimport { useMediaLibraryPermissions } from '../../../hooks/useMediaLibraryPermissions';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { useGenerateAiMetadataMutation } from '../../../services/assets';\nimport { buildDragSetFromSelection } from '../../../utils/buildDragSetFromSelection';\nimport { emptyItemLocations, type ItemLocations } from '../../../utils/itemLocations';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\nimport { useIsAssetDetailsOpen } from '../hooks/useIsAssetDetailsOpen';\nimport { type ItemKey } from '../utils/selection';\n\nimport { BulkMoveDialog } from './BulkMoveDialog';\nimport { DeleteItemsDialog } from './DeleteItemsDialog';\n\nimport type { File } from '../../../../../shared/contracts/files';\n\n/**\n * Bulk action bar for the future Media Library. Mobile: docked full-bleed to the\n * bottom edge (no radius, top border only). Desktop (medium+): a floating,\n * centered pill.\n */\nconst Bar = styled(Flex)<{ $isDrawerOpen: boolean; $isStacked: boolean }>`\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndices.popover};\n  left: 0;\n  right: 0;\n  bottom: 0;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n  padding: ${({ theme }) =>\n    `${theme.spaces[3]} ${theme.spaces[2]} ${theme.spaces[3]} ${theme.spaces[6]}`};\n  background: ${({ theme }) => theme.colors.neutral0};\n  border: 0;\n  border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n  border-radius: 0;\n  box-shadow: ${({ theme }) => theme.shadows.popupShadow};\n\n  /* Docked full-bleed at the bottom on mobile, which is exactly where the open\n     drawer keeps its own actions — so it steps aside there, and only there. */\n  display: ${({ $isDrawerOpen }) => ($isDrawerOpen ? 'none' : 'flex')};\n\n  /* Mobile with the metadata action present: the labelled button plus the icons\n     no longer fit beside the count on one line, so the count takes a row of its\n     own and every button drops to the next.\n\n     Addressed by slot rather than by position: these rules used to use\n     nth-child, which silently retargeted the moment a control was inserted\n     into the row. */\n  ${({ $isStacked }) =>\n    $isStacked &&\n    css`\n      flex-wrap: wrap;\n      justify-content: space-between;\n\n      > [data-bar-slot='count'] {\n        flex-basis: 100%;\n        margin-right: 0;\n      }\n\n      > [data-bar-slot='actions'] {\n        margin-left: 0;\n      }\n\n      /* The divider only existed to set the clear action apart from the rest;\n         with the row spread it would hang in mid-air between them. */\n      > [data-bar-slot='divider'] {\n        display: none;\n      }\n    `}\n\n  ${({ theme }) => theme.breakpoints.medium} {\n    display: flex;\n    left: 50%;\n    right: auto;\n    bottom: ${({ theme }) => theme.spaces[4]};\n    transform: translateX(-50%);\n    border: 1px solid ${({ theme }) => theme.colors.neutral150};\n    border-radius: ${({ theme }) => theme.borderRadius};\n    /* Sized by its content, capped so the pill can never span the whole\n       viewport. The nowrap is what lets the content set that width — without it\n       the labels wrap and the bar reads as narrow and tall. Inherited, so it\n       covers every label inside.\n\n       Deliberately not applied on mobile: there the bar is full-bleed and\n       cannot grow, so refusing to wrap would clip the last action on a narrow\n       phone rather than widen anything. */\n    white-space: nowrap;\n    max-width: 90%;\n\n    /* One line again from tablet up, where it fits. */\n    flex-wrap: nowrap;\n\n    > [data-bar-slot='count'] {\n      flex-basis: auto;\n    }\n\n    > [data-bar-slot='actions'] {\n      margin-left: auto;\n    }\n\n    > [data-bar-slot='divider'] {\n      display: block;\n    }\n  }\n`;\n\nconst ActionCluster = styled(Flex)`\n  margin-left: auto;\n  align-items: center;\n  gap: ${({ theme }) => theme.spaces[2]};\n`;\n\nconst VerticalDivider = styled(Box)`\n  width: 1px;\n  align-self: stretch;\n  background: ${({ theme }) => theme.colors.neutral150};\n  margin-left: ${({ theme }) => theme.spaces[1]};\n`;\n\ninterface BulkActionsBarProps {\n  /**\n   * The assets currently rendered in the list, used to resolve the mime types\n   * of the selection — the bar needs them to know which selected assets the AI\n   * provider can actually read.\n   *\n   * Selection is page-scoped and cleared whenever the list identity changes, so\n   * every selected asset id is guaranteed to appear here.\n   */\n  assets?: File[];\n  /**\n   * Real location of every loaded row, so the move dialog validates each\n   * selected item against its own parent. Defaults to a lookup that misses\n   * everything, which falls back to the folder currently open.\n   */\n  locations?: ItemLocations;\n  /**\n   * Keys of the items on screen, in render order. Owned by the view so\n   * select-all covers exactly what the user can see — in mixed mode that is not\n   * every folder.\n   */\n  renderedKeys?: ItemKey[];\n}\n\nexport const BulkActionsBar = ({\n  assets = [],\n  locations = emptyItemLocations,\n  renderedKeys = [],\n}: BulkActionsBarProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  // No mime argument: the action is selection-scoped, so the per-asset\n  // allowlist check happens below in `eligibleCount`.\n  const isAiMetadataEnabled = useAIMetadataEnabled();\n  // Every bulk action (move, delete, metadata) is an `assets.update` mutation\n  // server-side — one flag gates the whole cluster.\n  const { canUpdate } = useMediaLibraryPermissions();\n  const { selectedIds, selectedFolderIds, selectAll, clear } = useAssetSelection();\n  const { trackUsage } = useTracking();\n  const { currentFolderId } = useFolderNavigation();\n  const isDetailsDrawerOpen = useIsAssetDetailsOpen();\n  const [generateAiMetadata, { isLoading: isGeneratingMetadata }] = useGenerateAiMetadataMutation();\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);\n  const [isMoveDialogOpen, setIsMoveDialogOpen] = useState(false);\n  // The delete request lives in DeleteItemsDialog; the bar mirrors its pending\n  // state so the rest of the controls stay disabled for the duration.\n  const [isDeleting, setIsDeleting] = useState(false);\n\n  const count = selectedIds.size + selectedFolderIds.size;\n\n  // `innerHeight - top` rather than the bar's height: it also spans the gap the\n  // bar floats above the viewport edge (0 docked on mobile, `spaces[4]` for the\n  // desktop pill), so one measurement covers both layouts and no height is\n  // hardcoded.\n  const [barEl, setBarEl] = useState<HTMLElement | null>(null);\n  const [reservedSpace, setReservedSpace] = useState(0);\n\n  useEffect(() => {\n    if (!barEl) {\n      setReservedSpace(0);\n      return;\n    }\n\n    const measure = () => {\n      const rect = barEl.getBoundingClientRect();\n      // Zero height means the CSS has hidden the bar (drawer open on mobile) —\n      // reserving anything then would leave a gap under nothing.\n      setReservedSpace(rect.height === 0 ? 0 : Math.max(0, window.innerHeight - rect.top));\n    };\n\n    measure();\n\n    const observer = new ResizeObserver(measure);\n    observer.observe(barEl);\n    window.addEventListener('resize', measure);\n\n    return () => {\n      observer.disconnect();\n      window.removeEventListener('resize', measure);\n    };\n    // `isDetailsDrawerOpen` toggles the bar's `display`, which a ResizeObserver\n    // is not guaranteed to report.\n  }, [barEl, isDetailsDrawerOpen]);\n\n  const handleSelectAll = () => {\n    trackUsage('didSelectAllMediaLibraryElements');\n    selectAll(renderedKeys);\n  };\n  const isBusy = isDeleting || isGeneratingMetadata;\n\n  // Stable identity: the move dialog memoizes its destination walk on it. Each\n  // item's real location comes from `locations`, so a selection made under a\n  // global search validates against each item's own parent rather than the\n  // folder currently open.\n  const moveItems = useMemo(\n    () => buildDragSetFromSelection(selectedIds, selectedFolderIds, locations, currentFolderId),\n    [selectedIds, selectedFolderIds, locations, currentFolderId]\n  );\n\n  /**\n   * The server processes the whole selection inside a single request and\n   * rejects anything above the cap with a 400. Disable the action up front so\n   * the limit is discoverable before the user commits to a request.\n   */\n  const isOverMetadataLimit = selectedIds.size > AI_METADATA_MAX_FILES;\n\n  /**\n   * How many selected assets the AI provider can actually read. The server\n   * stays authoritative — it still reports what it skipped — but a selection\n   * with nothing eligible (a lone PDF, say) would only ever come back fully\n   * skipped, so there is no point sending it.\n   */\n  const eligibleCount = useMemo(() => {\n    const mimeById = new Map(assets.map(({ id, mime }) => [id, mime]));\n\n    return [...selectedIds].filter((id) => isAIMetadataSupportedMime(mimeById.get(id))).length;\n  }, [assets, selectedIds]);\n\n  const hasNoEligibleAssets = selectedIds.size > 0 && eligibleCount === 0;\n\n  /**\n   * Why the action is unavailable, surfaced on hover. `undefined` leaves the\n   * button without a tooltip — either it is usable, or it is disabled for a\n   * reason the selection count already makes obvious.\n   */\n  let metadataDisabledReason: string | undefined;\n\n  if (isOverMetadataLimit) {\n    metadataDisabledReason = formatMessage(\n      {\n        id: getTranslationKey('list.bulk-actions.create-metadata.too-many'),\n        defaultMessage:\n          'Metadata can be generated for up to {max} assets at a time. Select fewer assets to continue.',\n      },\n      { max: AI_METADATA_MAX_FILES }\n    );\n  } else if (hasNoEligibleAssets) {\n    metadataDisabledReason = formatMessage({\n      id: getTranslationKey('list.bulk-actions.create-metadata.no-eligible'),\n      defaultMessage:\n        'Metadata can only be generated for images. None of the selected assets are supported.',\n    });\n  }\n\n  /**\n   * Metadata generation only applies to images — folders and unsupported files\n   * in the selection are reported back rather than blocking the action.\n   */\n  const handleCreateMetadata = async () => {\n    // Guard re-entry while pending, and never send a selection the server\n    // would reject outright or skip in full.\n    if (isGeneratingMetadata || isOverMetadataLimit || hasNoEligibleAssets) {\n      return;\n    }\n\n    const fileIds = Array.from(selectedIds);\n    const res = await generateAiMetadata({ fileIds });\n\n    if ('error' in res) {\n      // Keep the selection intact so the user can retry.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.create-metadata.error'),\n          defaultMessage: 'An error occurred while generating metadata.',\n        }),\n      });\n      return;\n    }\n\n    const successCount = res.data.filter(({ status }) => status === 'success').length;\n    const skippedCount = res.data.filter(({ status }) => status === 'skipped').length;\n    const errorCount = res.data.filter(({ status }) => status === 'error').length;\n    // Folders are never sent, so they are not part of the response — but the\n    // user selected them, and a silent omission reads as a bug.\n    const folderCount = selectedFolderIds.size;\n\n    if (errorCount === res.data.length) {\n      // Nothing was written — treat it like a request-level failure and keep\n      // the selection so the user can retry.\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslationKey('list.bulk-actions.create-metadata.error'),\n          defaultMessage: 'An error occurred while generating metadata.',\n        }),\n      });\n      return;\n    }\n\n    if (skippedCount === 0 && errorCount === 0 && folderCount === 0) {\n      toggleNotification({\n        type: 'success',\n        message: formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.create-metadata.success'),\n            defaultMessage:\n              '{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}',\n          },\n          { count: successCount }\n        ),\n      });\n    } else {\n      // Partial outcome: report every bucket so the user knows what was left\n      // out — including folders, which were never eligible in the first place.\n      toggleNotification({\n        type: 'warning',\n        message: formatMessage(\n          {\n            id: getTranslationKey('list.bulk-actions.create-metadata.partial'),\n            defaultMessage:\n              '{successCount} generated, {skippedCount} skipped (unsupported file type), {errorCount} failed{folderCount, plural, =0 {} one {, # folder ignored} other {, # folders ignored}}',\n          },\n          { successCount, skippedCount, errorCount, folderCount }\n        ),\n      });\n    }\n\n    clear();\n  };\n\n  // Every bulk action is behind `assets.update`; with nothing selected, or\n  // without the permission, the bar has nothing to offer — drop it entirely\n  // rather than show a count + \"Clear selection\" over no actions (mirrors the\n  // drawer footer, which hides when no permitted action survives).\n  //\n  // With the drawer open the bar is hidden on mobile only, in CSS: there the two\n  // are stacked at `bottom: 0` and the bar (popover, 500) would cover the\n  // drawer's footer actions, since the drawer sits below the overlay token at\n  // 200. From `medium` up the drawer is a side panel and the bar is a centered\n  // pill, so they no longer collide.\n  if (count === 0 || !canUpdate) {\n    return null;\n  }\n\n  return (\n    <>\n      <Box aria-hidden height={`${reservedSpace}px`} data-bar-spacer />\n      <Bar\n        ref={setBarEl}\n        $isDrawerOpen={isDetailsDrawerOpen}\n        $isStacked={isAiMetadataEnabled}\n        tag=\"section\"\n        role=\"region\"\n        // The bar floats over the list but is not part of its background: a\n        // right-click on it keeps the browser's own menu. See MainAreaContextMenu.\n        data-native-context-menu\n        aria-label={formatMessage({\n          id: getTranslationKey('list.bulk-actions.label'),\n          defaultMessage: 'Bulk actions',\n        })}\n      >\n        <Typography data-bar-slot=\"count\" fontWeight=\"bold\" textColor=\"neutral800\" marginRight={4}>\n          {formatMessage(\n            {\n              id: getTranslationKey('list.bulk-actions.selected-count'),\n              defaultMessage: '{count, plural, =1 {# item selected} other {# items selected}}',\n            },\n            { count }\n          )}\n        </Typography>\n\n        <TextButton onClick={handleSelectAll} marginRight={4} disabled={isBusy}>\n          {formatMessage({\n            id: getTranslationKey('list.bulk-actions.select-all'),\n            defaultMessage: 'Select all',\n          })}\n        </TextButton>\n\n        {/* Past the early return the user always has `assets.update`, so the\n            individual actions no longer re-check it. */}\n        <ActionCluster data-bar-slot=\"actions\">\n          {isAiMetadataEnabled && (\n            <Tooltip label={metadataDisabledReason}>\n              {/* Wrapped so the tooltip still receives pointer events while the\n                  button itself is disabled. */}\n              <Box>\n                <Button\n                  size=\"S\"\n                  startIcon={<Sparkle />}\n                  disabled={\n                    isBusy || selectedIds.size === 0 || isOverMetadataLimit || hasNoEligibleAssets\n                  }\n                  loading={isGeneratingMetadata}\n                  onClick={handleCreateMetadata}\n                >\n                  {formatMessage({\n                    id: getTranslationKey('list.bulk-actions.create-metadata'),\n                    defaultMessage: 'Create metadata',\n                  })}\n                </Button>\n              </Box>\n            </Tooltip>\n          )}\n\n          <IconButton\n            variant=\"tertiary\"\n            disabled={isBusy}\n            label={formatMessage({\n              id: getTranslationKey('list.bulk-actions.move'),\n              defaultMessage: 'Move',\n            })}\n            onClick={() => setIsMoveDialogOpen(true)}\n          >\n            <ArrowRight />\n          </IconButton>\n          <BulkMoveDialog\n            open={isMoveDialogOpen}\n            onClose={() => setIsMoveDialogOpen(false)}\n            items={moveItems}\n            onSuccess={clear}\n          />\n\n          <IconButton\n            variant=\"danger-light\"\n            disabled={isBusy}\n            label={formatMessage({\n              id: getTranslationKey('list.bulk-actions.delete'),\n              defaultMessage: 'Delete',\n            })}\n            onClick={() => setIsDeleteDialogOpen(true)}\n          >\n            <Trash />\n          </IconButton>\n          <DeleteItemsDialog\n            open={isDeleteDialogOpen}\n            onClose={() => setIsDeleteDialogOpen(false)}\n            target={{\n              fileIds: Array.from(selectedIds),\n              folderIds: Array.from(selectedFolderIds),\n            }}\n            onSuccess={clear}\n            onPendingChange={setIsDeleting}\n          />\n        </ActionCluster>\n\n        <VerticalDivider data-bar-slot=\"divider\" aria-hidden />\n\n        <IconButton\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('list.bulk-actions.clear'),\n            defaultMessage: 'Clear selection',\n          })}\n          onClick={clear}\n          disabled={isBusy}\n        >\n          <Cross />\n        </IconButton>\n      </Bar>\n    </>\n  );\n};\n"],"names":["Bar","styled","Flex","theme","zIndices","popover","spaces","colors","neutral0","neutral150","shadows","popupShadow","$isDrawerOpen","$isStacked","css","breakpoints","medium","borderRadius","ActionCluster","VerticalDivider","Box","BulkActionsBar","assets","locations","emptyItemLocations","renderedKeys","formatMessage","useIntl","toggleNotification","useNotification","isAiMetadataEnabled","useAIMetadataEnabled","canUpdate","useMediaLibraryPermissions","selectedIds","selectedFolderIds","selectAll","clear","useAssetSelection","trackUsage","useTracking","currentFolderId","useFolderNavigation","isDetailsDrawerOpen","useIsAssetDetailsOpen","generateAiMetadata","isLoading","isGeneratingMetadata","useGenerateAiMetadataMutation","isDeleteDialogOpen","setIsDeleteDialogOpen","useState","isMoveDialogOpen","setIsMoveDialogOpen","isDeleting","setIsDeleting","count","size","barEl","setBarEl","reservedSpace","setReservedSpace","useEffect","measure","rect","getBoundingClientRect","height","Math","max","window","innerHeight","top","observer","ResizeObserver","observe","addEventListener","disconnect","removeEventListener","handleSelectAll","isBusy","moveItems","useMemo","buildDragSetFromSelection","isOverMetadataLimit","AI_METADATA_MAX_FILES","eligibleCount","mimeById","Map","map","id","mime","filter","isAIMetadataSupportedMime","get","length","hasNoEligibleAssets","metadataDisabledReason","getTranslationKey","defaultMessage","handleCreateMetadata","fileIds","Array","from","res","type","message","successCount","data","status","skippedCount","errorCount","folderCount","_jsxs","_Fragment","_jsx","aria-hidden","data-bar-spacer","ref","tag","role","data-native-context-menu","aria-label","Typography","data-bar-slot","fontWeight","textColor","marginRight","TextButton","onClick","disabled","Tooltip","label","Button","startIcon","Sparkle","loading","IconButton","variant","ArrowRight","BulkMoveDialog","open","onClose","items","onSuccess","Trash","DeleteItemsDialog","target","folderIds","onPendingChange","Cross"],"mappings":"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"}

package/dist/admin/pages/Assets/components/BulkMoveDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkMoveDialog.js","sources":["../../../../../admin/src/pages/Assets/components/BulkMoveDialog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Button,\n  Field,\n  Flex,\n  Modal,\n  SingleSelect,\n  SingleSelectOption,\n  Typography,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useApiErrorMessage } from '../../../hooks/useApiErrorMessage';\nimport {\n  useBulkMoveMutation,\n  useGetFolderQuery,\n  useGetFolderStructureQuery,\n} from '../../../services/folders';\nimport { canDropItemOnFolder } from '../../../utils/canDropItemOnFolder';\nimport { flattenFolderStructure } from '../../../utils/flattenFolderStructure';\nimport { formatMoveSuccessMessage } from '../../../utils/formatMoveSuccessMessage';\nimport { hasUniformSource, uniformSourceFolderId } from '../../../utils/itemSource';\nimport { getTranslationKey } from '../../../utils/translations';\n\nimport type { DragItemData } from '../../../types/dnd';\n\nconst StyledModalContent = styled(Modal.Content)`\n  max-width: 51.6rem;\n`;\n\ninterface BulkMoveDialogProps {\n  open: boolean;\n  onClose: () => void;\n  /**\n   * Items to move, as drag data so destination validation sees each item's real\n   * parent — the current folder is not a reliable stand-in once results come\n   * from a global search.\n   */\n  items: DragItemData[];\n  onSuccess?: () => void;\n}\n\n/**\n * \"Move elements to\" modal. Moves the given items (assets and/or folders) into\n * the picked destination folder via `POST /upload/actions/bulk-move`. The\n * mutation invalidates the asset list, folder list and the sidebar\n * folder-structure, so both panes refresh on success. On failure the modal stays\n * open so the user can retry or cancel.\n *\n * Used both by the bulk actions bar (the whole selection) and by a folder's\n * actions menu (that one folder).\n */\nexport const BulkMoveDialog = ({ open, onClose, items, onSuccess }: BulkMoveDialogProps) => {\n  const { formatMessage } = useIntl();\n  const getErrorMessage = useApiErrorMessage();\n  const { toggleNotification } = useNotification();\n  const {\n    data: folderStructure = [],\n    isUninitialized: isStructureUninitialized,\n    isLoading: isLoadingStructure,\n    isError: isStructureError,\n  } = useGetFolderStructureQuery(undefined, { skip: !open });\n  const [bulkMove, { isLoading: isMoving }] = useBulkMoveMutation();\n\n  const fileIds = useMemo(\n    () => items.filter((item) => item.kind === 'file').map((item) => item.id),\n    [items]\n  );\n  const folderIds = useMemo(\n    () => items.filter((item) => item.kind === 'folder').map((item) => item.id),\n    [items]\n  );\n\n  // A selection made under a global search can span folders, so the source is\n  // nameable only when every item agrees on it — `null` otherwise, and the toast\n  // then omits the source rather than crediting one item's folder to all of them.\n  // The bar can also hand over an empty set, which is likewise unnameable.\n  const isSourceUniform = hasUniformSource(items);\n  const sourceFolderId = uniformSourceFolderId(items);\n  const { data: sourceFolder } = useGetFolderQuery(\n    { id: sourceFolderId! },\n    { skip: sourceFolderId === null }\n  );\n\n  // '' is the DOM-only sentinel for the Media Library root (null everywhere else).\n  const [destination, setDestination] = useState<string>('');\n\n  const rootLabel = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n\n  // Options carry the full ancestry (\"About / Images\" vs \"Tech / Images\") so\n  // same-named folders stay distinguishable, listed depth-first under their\n  // parent. The moved folders and their descendants are pruned during the same\n  // single walk — an item can't be moved into itself or below itself (the\n  // server would reject it). The folder the items already live in is filtered\n  // out too via `canDropItemOnFolder`, so we never offer a no-op move.\n  // Memoized: large libraries shouldn't re-walk the tree on every render.\n  const destinationOptions = useMemo(\n    () =>\n      flattenFolderStructure(folderStructure, new Set(folderIds)).filter((option) =>\n        canDropItemOnFolder({ items, targetFolderId: option.id, folderStructure })\n      ),\n    [folderStructure, folderIds, items]\n  );\n\n  // Hide the root option when the items already live at root — dropping there\n  // would be a no-op. Uses the same predicate as the DnD highlight.\n  const canMoveToRoot = useMemo(\n    () => canDropItemOnFolder({ items, targetFolderId: null, folderStructure }),\n    [items, folderStructure]\n  );\n\n  // The default has to be an option that is actually rendered, or the select\n  // shows blank: root is absent when the items already live there, and the\n  // folder options only exist once the structure query has resolved.\n  const defaultDestination = canMoveToRoot ? '' : (destinationOptions[0]?.id.toString() ?? '');\n\n  // Re-derived rather than only reset on open, because the options arrive after\n  // the first render. It is a primitive, so a background refetch that produces\n  // the same default won't discard a destination the user already picked.\n  useEffect(() => {\n    setDestination(defaultDestination);\n  }, [open, defaultDestination]);\n\n  // Until the structure resolves there are no options, so the default falls\n  // back to root ('') — which for a root-level item is the no-op destination\n  // that was deliberately filtered out. Nothing may be submitted before this.\n  const isStructureReady = !isStructureUninitialized && !isLoadingStructure && !isStructureError;\n\n  // Moving a single folder that already sits next to every other folder leaves\n  // nowhere to go; say so instead of showing an empty select. Only once the\n  // structure has arrived — an in-flight or failed fetch also has no options,\n  // and a failure is a different story to tell.\n  const hasNoDestination = isStructureReady && destinationOptions.length === 0 && !canMoveToRoot;\n\n  const count = items.length;\n\n  const handleMove = async () => {\n    // The button is disabled in both cases; the dialog can also be submitted\n    // from the keyboard, so guard here too.\n    if (isMoving || !isStructureReady) {\n      return;\n    }\n\n    const destinationFolderId = destination === '' ? null : Number(destination);\n\n    try {\n      await bulkMove({ fileIds, folderIds, destinationFolderId }).unwrap();\n    } catch (error) {\n      // Keep the modal open and the selection intact so the user can retry\n      // (e.g. after picking a valid destination) or cancel. Surface the server\n      // message when there is one — it carries actionable causes like moving a\n      // folder into its own descendant or a name collision in the destination.\n      toggleNotification({\n        type: 'danger',\n        message: getErrorMessage(\n          error,\n          formatMessage({\n            id: getTranslationKey('list.bulk-actions.move.error'),\n            defaultMessage: 'An error occurred while moving the items.',\n          })\n        ),\n      });\n      return;\n    }\n\n    // A uniform source with a `null` id is the Media Library root — a real name.\n    // Only a set that genuinely spans folders has no source to report.\n    const sourceName = !isSourceUniform\n      ? null\n      : sourceFolderId === null\n        ? rootLabel\n        : (sourceFolder?.name ?? rootLabel);\n    const destinationName =\n      destinationFolderId === null\n        ? rootLabel\n        : (destinationOptions.find((option) => option.id === destinationFolderId)?.label ??\n          rootLabel);\n\n    toggleNotification({\n      type: 'success',\n      message: formatMoveSuccessMessage({\n        formatMessage,\n        count,\n        source: sourceName,\n        destination: destinationName,\n      }),\n    });\n    onSuccess?.();\n    onClose();\n  };\n\n  // Three states: a failed structure request, a genuine dead end, and the\n  // select — which also covers the loading window, so the hint and the error\n  // don't flash in ahead of the options.\n  const renderBody = () => {\n    if (isStructureError) {\n      return (\n        <Typography textColor=\"danger600\">\n          {formatMessage({\n            id: getTranslationKey('list.bulk-actions.move.load-error'),\n            defaultMessage: \"Couldn't load the folder list. Please try again.\",\n          })}\n        </Typography>\n      );\n    }\n\n    if (hasNoDestination) {\n      return (\n        <Typography textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('list.bulk-actions.move.no-destination'),\n            defaultMessage: 'There is no other folder to move this to.',\n          })}\n        </Typography>\n      );\n    }\n\n    return (\n      <Field.Root name=\"destination\">\n        <Field.Label>\n          {formatMessage({\n            id: getTranslationKey('list.bulk-actions.move.location'),\n            defaultMessage: 'Location',\n          })}\n        </Field.Label>\n        <SingleSelect\n          value={destination}\n          onChange={(value) => setDestination(String(value))}\n          disabled={isMoving || !isStructureReady}\n        >\n          {canMoveToRoot && <SingleSelectOption value=\"\">{rootLabel}</SingleSelectOption>}\n          {destinationOptions.map((option) => (\n            <SingleSelectOption key={option.id} value={String(option.id)}>\n              {option.label}\n            </SingleSelectOption>\n          ))}\n        </SingleSelect>\n      </Field.Root>\n    );\n  };\n\n  return (\n    <Modal.Root\n      open={open}\n      onOpenChange={(nextOpen: boolean) => {\n        // The modal must stay open while the request runs — the loader on the\n        // Move button is the source of truth for the pending state.\n        if (!nextOpen && !isMoving) {\n          onClose();\n        }\n      }}\n    >\n      <StyledModalContent>\n        <Modal.Header>\n          <Modal.Title>\n            {formatMessage({\n              id: getTranslationKey('list.bulk-actions.move.title'),\n              defaultMessage: 'Move elements to',\n            })}\n          </Modal.Title>\n        </Modal.Header>\n        <Modal.Body>{renderBody()}</Modal.Body>\n        <Modal.Footer>\n          <Flex gap={2} justifyContent=\"space-between\" width=\"100%\">\n            <Button variant=\"tertiary\" onClick={onClose} disabled={isMoving} type=\"button\">\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n            <Button\n              onClick={handleMove}\n              loading={isMoving}\n              disabled={!isStructureReady || hasNoDestination}\n            >\n              {formatMessage({\n                id: getTranslationKey('list.bulk-actions.move.submit'),\n                defaultMessage: 'Move',\n              })}\n            </Button>\n          </Flex>\n        </Modal.Footer>\n      </StyledModalContent>\n    </Modal.Root>\n  );\n};\n"],"names":["StyledModalContent","styled","Modal","Content","BulkMoveDialog","open","onClose","items","onSuccess","formatMessage","useIntl","getErrorMessage","useApiErrorMessage","toggleNotification","useNotification","data","folderStructure","isUninitialized","isStructureUninitialized","isLoading","isLoadingStructure","isError","isStructureError","useGetFolderStructureQuery","undefined","skip","bulkMove","isMoving","useBulkMoveMutation","fileIds","useMemo","filter","item","kind","map","id","folderIds","isSourceUniform","hasUniformSource","sourceFolderId","uniformSourceFolderId","sourceFolder","useGetFolderQuery","destination","setDestination","useState","rootLabel","getTranslationKey","defaultMessage","destinationOptions","flattenFolderStructure","Set","option","canDropItemOnFolder","targetFolderId","canMoveToRoot","defaultDestination","toString","useEffect","isStructureReady","hasNoDestination","length","count","handleMove","destinationFolderId","Number","unwrap","error","type","message","sourceName","name","destinationName","find","label","formatMoveSuccessMessage","source","renderBody","_jsx","Typography","textColor","_jsxs","Field","Root","Label","SingleSelect","value","onChange","String","disabled","SingleSelectOption","onOpenChange","nextOpen","Header","Title","Body","Footer","Flex","gap","justifyContent","width","Button","variant","onClick","loading"],"mappings":"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"}

package/dist/admin/pages/Assets/components/BulkMoveDialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulkMoveDialog.mjs","sources":["../../../../../admin/src/pages/Assets/components/BulkMoveDialog.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport {\n  Button,\n  Field,\n  Flex,\n  Modal,\n  SingleSelect,\n  SingleSelectOption,\n  Typography,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useApiErrorMessage } from '../../../hooks/useApiErrorMessage';\nimport {\n  useBulkMoveMutation,\n  useGetFolderQuery,\n  useGetFolderStructureQuery,\n} from '../../../services/folders';\nimport { canDropItemOnFolder } from '../../../utils/canDropItemOnFolder';\nimport { flattenFolderStructure } from '../../../utils/flattenFolderStructure';\nimport { formatMoveSuccessMessage } from '../../../utils/formatMoveSuccessMessage';\nimport { hasUniformSource, uniformSourceFolderId } from '../../../utils/itemSource';\nimport { getTranslationKey } from '../../../utils/translations';\n\nimport type { DragItemData } from '../../../types/dnd';\n\nconst StyledModalContent = styled(Modal.Content)`\n  max-width: 51.6rem;\n`;\n\ninterface BulkMoveDialogProps {\n  open: boolean;\n  onClose: () => void;\n  /**\n   * Items to move, as drag data so destination validation sees each item's real\n   * parent — the current folder is not a reliable stand-in once results come\n   * from a global search.\n   */\n  items: DragItemData[];\n  onSuccess?: () => void;\n}\n\n/**\n * \"Move elements to\" modal. Moves the given items (assets and/or folders) into\n * the picked destination folder via `POST /upload/actions/bulk-move`. The\n * mutation invalidates the asset list, folder list and the sidebar\n * folder-structure, so both panes refresh on success. On failure the modal stays\n * open so the user can retry or cancel.\n *\n * Used both by the bulk actions bar (the whole selection) and by a folder's\n * actions menu (that one folder).\n */\nexport const BulkMoveDialog = ({ open, onClose, items, onSuccess }: BulkMoveDialogProps) => {\n  const { formatMessage } = useIntl();\n  const getErrorMessage = useApiErrorMessage();\n  const { toggleNotification } = useNotification();\n  const {\n    data: folderStructure = [],\n    isUninitialized: isStructureUninitialized,\n    isLoading: isLoadingStructure,\n    isError: isStructureError,\n  } = useGetFolderStructureQuery(undefined, { skip: !open });\n  const [bulkMove, { isLoading: isMoving }] = useBulkMoveMutation();\n\n  const fileIds = useMemo(\n    () => items.filter((item) => item.kind === 'file').map((item) => item.id),\n    [items]\n  );\n  const folderIds = useMemo(\n    () => items.filter((item) => item.kind === 'folder').map((item) => item.id),\n    [items]\n  );\n\n  // A selection made under a global search can span folders, so the source is\n  // nameable only when every item agrees on it — `null` otherwise, and the toast\n  // then omits the source rather than crediting one item's folder to all of them.\n  // The bar can also hand over an empty set, which is likewise unnameable.\n  const isSourceUniform = hasUniformSource(items);\n  const sourceFolderId = uniformSourceFolderId(items);\n  const { data: sourceFolder } = useGetFolderQuery(\n    { id: sourceFolderId! },\n    { skip: sourceFolderId === null }\n  );\n\n  // '' is the DOM-only sentinel for the Media Library root (null everywhere else).\n  const [destination, setDestination] = useState<string>('');\n\n  const rootLabel = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n\n  // Options carry the full ancestry (\"About / Images\" vs \"Tech / Images\") so\n  // same-named folders stay distinguishable, listed depth-first under their\n  // parent. The moved folders and their descendants are pruned during the same\n  // single walk — an item can't be moved into itself or below itself (the\n  // server would reject it). The folder the items already live in is filtered\n  // out too via `canDropItemOnFolder`, so we never offer a no-op move.\n  // Memoized: large libraries shouldn't re-walk the tree on every render.\n  const destinationOptions = useMemo(\n    () =>\n      flattenFolderStructure(folderStructure, new Set(folderIds)).filter((option) =>\n        canDropItemOnFolder({ items, targetFolderId: option.id, folderStructure })\n      ),\n    [folderStructure, folderIds, items]\n  );\n\n  // Hide the root option when the items already live at root — dropping there\n  // would be a no-op. Uses the same predicate as the DnD highlight.\n  const canMoveToRoot = useMemo(\n    () => canDropItemOnFolder({ items, targetFolderId: null, folderStructure }),\n    [items, folderStructure]\n  );\n\n  // The default has to be an option that is actually rendered, or the select\n  // shows blank: root is absent when the items already live there, and the\n  // folder options only exist once the structure query has resolved.\n  const defaultDestination = canMoveToRoot ? '' : (destinationOptions[0]?.id.toString() ?? '');\n\n  // Re-derived rather than only reset on open, because the options arrive after\n  // the first render. It is a primitive, so a background refetch that produces\n  // the same default won't discard a destination the user already picked.\n  useEffect(() => {\n    setDestination(defaultDestination);\n  }, [open, defaultDestination]);\n\n  // Until the structure resolves there are no options, so the default falls\n  // back to root ('') — which for a root-level item is the no-op destination\n  // that was deliberately filtered out. Nothing may be submitted before this.\n  const isStructureReady = !isStructureUninitialized && !isLoadingStructure && !isStructureError;\n\n  // Moving a single folder that already sits next to every other folder leaves\n  // nowhere to go; say so instead of showing an empty select. Only once the\n  // structure has arrived — an in-flight or failed fetch also has no options,\n  // and a failure is a different story to tell.\n  const hasNoDestination = isStructureReady && destinationOptions.length === 0 && !canMoveToRoot;\n\n  const count = items.length;\n\n  const handleMove = async () => {\n    // The button is disabled in both cases; the dialog can also be submitted\n    // from the keyboard, so guard here too.\n    if (isMoving || !isStructureReady) {\n      return;\n    }\n\n    const destinationFolderId = destination === '' ? null : Number(destination);\n\n    try {\n      await bulkMove({ fileIds, folderIds, destinationFolderId }).unwrap();\n    } catch (error) {\n      // Keep the modal open and the selection intact so the user can retry\n      // (e.g. after picking a valid destination) or cancel. Surface the server\n      // message when there is one — it carries actionable causes like moving a\n      // folder into its own descendant or a name collision in the destination.\n      toggleNotification({\n        type: 'danger',\n        message: getErrorMessage(\n          error,\n          formatMessage({\n            id: getTranslationKey('list.bulk-actions.move.error'),\n            defaultMessage: 'An error occurred while moving the items.',\n          })\n        ),\n      });\n      return;\n    }\n\n    // A uniform source with a `null` id is the Media Library root — a real name.\n    // Only a set that genuinely spans folders has no source to report.\n    const sourceName = !isSourceUniform\n      ? null\n      : sourceFolderId === null\n        ? rootLabel\n        : (sourceFolder?.name ?? rootLabel);\n    const destinationName =\n      destinationFolderId === null\n        ? rootLabel\n        : (destinationOptions.find((option) => option.id === destinationFolderId)?.label ??\n          rootLabel);\n\n    toggleNotification({\n      type: 'success',\n      message: formatMoveSuccessMessage({\n        formatMessage,\n        count,\n        source: sourceName,\n        destination: destinationName,\n      }),\n    });\n    onSuccess?.();\n    onClose();\n  };\n\n  // Three states: a failed structure request, a genuine dead end, and the\n  // select — which also covers the loading window, so the hint and the error\n  // don't flash in ahead of the options.\n  const renderBody = () => {\n    if (isStructureError) {\n      return (\n        <Typography textColor=\"danger600\">\n          {formatMessage({\n            id: getTranslationKey('list.bulk-actions.move.load-error'),\n            defaultMessage: \"Couldn't load the folder list. Please try again.\",\n          })}\n        </Typography>\n      );\n    }\n\n    if (hasNoDestination) {\n      return (\n        <Typography textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('list.bulk-actions.move.no-destination'),\n            defaultMessage: 'There is no other folder to move this to.',\n          })}\n        </Typography>\n      );\n    }\n\n    return (\n      <Field.Root name=\"destination\">\n        <Field.Label>\n          {formatMessage({\n            id: getTranslationKey('list.bulk-actions.move.location'),\n            defaultMessage: 'Location',\n          })}\n        </Field.Label>\n        <SingleSelect\n          value={destination}\n          onChange={(value) => setDestination(String(value))}\n          disabled={isMoving || !isStructureReady}\n        >\n          {canMoveToRoot && <SingleSelectOption value=\"\">{rootLabel}</SingleSelectOption>}\n          {destinationOptions.map((option) => (\n            <SingleSelectOption key={option.id} value={String(option.id)}>\n              {option.label}\n            </SingleSelectOption>\n          ))}\n        </SingleSelect>\n      </Field.Root>\n    );\n  };\n\n  return (\n    <Modal.Root\n      open={open}\n      onOpenChange={(nextOpen: boolean) => {\n        // The modal must stay open while the request runs — the loader on the\n        // Move button is the source of truth for the pending state.\n        if (!nextOpen && !isMoving) {\n          onClose();\n        }\n      }}\n    >\n      <StyledModalContent>\n        <Modal.Header>\n          <Modal.Title>\n            {formatMessage({\n              id: getTranslationKey('list.bulk-actions.move.title'),\n              defaultMessage: 'Move elements to',\n            })}\n          </Modal.Title>\n        </Modal.Header>\n        <Modal.Body>{renderBody()}</Modal.Body>\n        <Modal.Footer>\n          <Flex gap={2} justifyContent=\"space-between\" width=\"100%\">\n            <Button variant=\"tertiary\" onClick={onClose} disabled={isMoving} type=\"button\">\n              {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n            </Button>\n            <Button\n              onClick={handleMove}\n              loading={isMoving}\n              disabled={!isStructureReady || hasNoDestination}\n            >\n              {formatMessage({\n                id: getTranslationKey('list.bulk-actions.move.submit'),\n                defaultMessage: 'Move',\n              })}\n            </Button>\n          </Flex>\n        </Modal.Footer>\n      </StyledModalContent>\n    </Modal.Root>\n  );\n};\n"],"names":["StyledModalContent","styled","Modal","Content","BulkMoveDialog","open","onClose","items","onSuccess","formatMessage","useIntl","getErrorMessage","useApiErrorMessage","toggleNotification","useNotification","data","folderStructure","isUninitialized","isStructureUninitialized","isLoading","isLoadingStructure","isError","isStructureError","useGetFolderStructureQuery","undefined","skip","bulkMove","isMoving","useBulkMoveMutation","fileIds","useMemo","filter","item","kind","map","id","folderIds","isSourceUniform","hasUniformSource","sourceFolderId","uniformSourceFolderId","sourceFolder","useGetFolderQuery","destination","setDestination","useState","rootLabel","getTranslationKey","defaultMessage","destinationOptions","flattenFolderStructure","Set","option","canDropItemOnFolder","targetFolderId","canMoveToRoot","defaultDestination","toString","useEffect","isStructureReady","hasNoDestination","length","count","handleMove","destinationFolderId","Number","unwrap","error","type","message","sourceName","name","destinationName","find","label","formatMoveSuccessMessage","source","renderBody","_jsx","Typography","textColor","_jsxs","Field","Root","Label","SingleSelect","value","onChange","String","disabled","SingleSelectOption","onOpenChange","nextOpen","Header","Title","Body","Footer","Flex","gap","justifyContent","width","Button","variant","onClick","loading"],"mappings":";;;;;;;;;;;;;;AA6BA,MAAMA,kBAAAA,GAAqBC,MAAAA,CAAOC,KAAAA,CAAMC,OAAO,CAAC;;AAEhD,CAAC;AAcD;;;;;;;;;AASC,IACM,MAAMC,cAAAA,GAAiB,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,SAAS,EAAuB,GAAA;IACrF,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,eAAAA,GAAkBC,kBAAAA,EAAAA;IACxB,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,eAAAA,EAAAA;AAC/B,IAAA,MAAM,EACJC,IAAAA,EAAMC,eAAAA,GAAkB,EAAE,EAC1BC,iBAAiBC,wBAAwB,EACzCC,SAAAA,EAAWC,kBAAkB,EAC7BC,OAAAA,EAASC,gBAAgB,EAC1B,GAAGC,2BAA2BC,SAAAA,EAAW;AAAEC,QAAAA,IAAAA,EAAM,CAACpB;AAAK,KAAA,CAAA;AACxD,IAAA,MAAM,CAACqB,QAAAA,EAAU,EAAEP,WAAWQ,QAAQ,EAAE,CAAC,GAAGC,mBAAAA,EAAAA;AAE5C,IAAA,MAAMC,UAAUC,OAAAA,CACd,IAAMvB,MAAMwB,MAAM,CAAC,CAACC,IAAAA,GAASA,IAAAA,CAAKC,IAAI,KAAK,QAAQC,GAAG,CAAC,CAACF,IAAAA,GAASA,IAAAA,CAAKG,EAAE,CAAA,EACxE;AAAC5B,QAAAA;AAAM,KAAA,CAAA;AAET,IAAA,MAAM6B,YAAYN,OAAAA,CAChB,IAAMvB,MAAMwB,MAAM,CAAC,CAACC,IAAAA,GAASA,IAAAA,CAAKC,IAAI,KAAK,UAAUC,GAAG,CAAC,CAACF,IAAAA,GAASA,IAAAA,CAAKG,EAAE,CAAA,EAC1E;AAAC5B,QAAAA;AAAM,KAAA,CAAA;;;;;AAOT,IAAA,MAAM8B,kBAAkBC,gBAAAA,CAAiB/B,KAAAA,CAAAA;AACzC,IAAA,MAAMgC,iBAAiBC,qBAAAA,CAAsBjC,KAAAA,CAAAA;AAC7C,IAAA,MAAM,EAAEQ,IAAAA,EAAM0B,YAAY,EAAE,GAAGC,iBAAAA,CAC7B;QAAEP,EAAAA,EAAII;KAAgB,EACtB;AAAEd,QAAAA,IAAAA,EAAMc,cAAAA,KAAmB;AAAK,KAAA,CAAA;;AAIlC,IAAA,MAAM,CAACI,WAAAA,EAAaC,cAAAA,CAAe,GAAGC,QAAAA,CAAiB,EAAA,CAAA;AAEvD,IAAA,MAAMC,YAAYrC,aAAAA,CAAc;AAC9B0B,QAAAA,EAAAA,EAAIY,iBAAAA,CAAkB,aAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;;;;;;;;AASA,IAAA,MAAMC,kBAAAA,GAAqBnB,OAAAA,CACzB,IACEoB,sBAAAA,CAAuBlC,eAAAA,EAAiB,IAAImC,GAAAA,CAAIf,SAAAA,CAAAA,CAAAA,CAAYL,MAAM,CAAC,CAACqB,MAAAA,GAClEC,mBAAAA,CAAoB;AAAE9C,gBAAAA,KAAAA;AAAO+C,gBAAAA,cAAAA,EAAgBF,OAAOjB,EAAE;AAAEnB,gBAAAA;aAAgB,CAAA,CAAA,EAE5E;AAACA,QAAAA,eAAAA;AAAiBoB,QAAAA,SAAAA;AAAW7B,QAAAA;AAAM,KAAA,CAAA;;;IAKrC,MAAMgD,aAAAA,GAAgBzB,OAAAA,CACpB,IAAMuB,mBAAAA,CAAoB;AAAE9C,YAAAA,KAAAA;YAAO+C,cAAAA,EAAgB,IAAA;AAAMtC,YAAAA;SAAgB,CAAA,EACzE;AAACT,QAAAA,KAAAA;AAAOS,QAAAA;AAAgB,KAAA,CAAA;;;;IAM1B,MAAMwC,kBAAAA,GAAqBD,gBAAgB,EAAA,GAAMN,kBAAkB,CAAC,CAAA,CAAE,EAAEd,GAAGsB,QAAAA,EAAAA,IAAc,EAAA;;;;IAKzFC,SAAAA,CAAU,IAAA;QACRd,cAAAA,CAAeY,kBAAAA,CAAAA;IACjB,CAAA,EAAG;AAACnD,QAAAA,IAAAA;AAAMmD,QAAAA;AAAmB,KAAA,CAAA;;;;AAK7B,IAAA,MAAMG,gBAAAA,GAAmB,CAACzC,wBAAAA,IAA4B,CAACE,sBAAsB,CAACE,gBAAAA;;;;;AAM9E,IAAA,MAAMsC,mBAAmBD,gBAAAA,IAAoBV,kBAAAA,CAAmBY,MAAM,KAAK,KAAK,CAACN,aAAAA;IAEjF,MAAMO,KAAAA,GAAQvD,MAAMsD,MAAM;AAE1B,IAAA,MAAME,UAAAA,GAAa,UAAA;;;QAGjB,IAAIpC,QAAAA,IAAY,CAACgC,gBAAAA,EAAkB;AACjC,YAAA;AACF,QAAA;AAEA,QAAA,MAAMK,mBAAAA,GAAsBrB,WAAAA,KAAgB,EAAA,GAAK,IAAA,GAAOsB,MAAAA,CAAOtB,WAAAA,CAAAA;QAE/D,IAAI;AACF,YAAA,MAAMjB,QAAAA,CAAS;AAAEG,gBAAAA,OAAAA;AAASO,gBAAAA,SAAAA;AAAW4B,gBAAAA;AAAoB,aAAA,CAAA,CAAGE,MAAM,EAAA;AACpE,QAAA,CAAA,CAAE,OAAOC,KAAAA,EAAO;;;;;YAKdtD,kBAAAA,CAAmB;gBACjBuD,IAAAA,EAAM,QAAA;gBACNC,OAAAA,EAAS1D,eAAAA,CACPwD,OACA1D,aAAAA,CAAc;AACZ0B,oBAAAA,EAAAA,EAAIY,iBAAAA,CAAkB,8BAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;AAEJ,aAAA,CAAA;AACA,YAAA;AACF,QAAA;;;QAIA,MAAMsB,UAAAA,GAAa,CAACjC,eAAAA,GAChB,IAAA,GACAE,mBAAmB,IAAA,GACjBO,SAAAA,GACCL,cAAc8B,IAAAA,IAAQzB,SAAAA;AAC7B,QAAA,MAAM0B,eAAAA,GACJR,mBAAAA,KAAwB,IAAA,GACpBlB,SAAAA,GACCG,kBAAAA,CAAmBwB,IAAI,CAAC,CAACrB,MAAAA,GAAWA,MAAAA,CAAOjB,EAAE,KAAK6B,sBAAsBU,KAAAA,IACzE5B,SAAAA;QAENjC,kBAAAA,CAAmB;YACjBuD,IAAAA,EAAM,SAAA;AACNC,YAAAA,OAAAA,EAASM,wBAAAA,CAAyB;AAChClE,gBAAAA,aAAAA;AACAqD,gBAAAA,KAAAA;gBACAc,MAAAA,EAAQN,UAAAA;gBACR3B,WAAAA,EAAa6B;AACf,aAAA;AACF,SAAA,CAAA;AACAhE,QAAAA,SAAAA,IAAAA;AACAF,QAAAA,OAAAA,EAAAA;AACF,IAAA,CAAA;;;;AAKA,IAAA,MAAMuE,UAAAA,GAAa,IAAA;AACjB,QAAA,IAAIvD,gBAAAA,EAAkB;AACpB,YAAA,qBACEwD,GAAA,CAACC,UAAAA,EAAAA;gBAAWC,SAAAA,EAAU,WAAA;0BACnBvE,aAAAA,CAAc;AACb0B,oBAAAA,EAAAA,EAAIY,iBAAAA,CAAkB,mCAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;;AAGN,QAAA;AAEA,QAAA,IAAIY,gBAAAA,EAAkB;AACpB,YAAA,qBACEkB,GAAA,CAACC,UAAAA,EAAAA;gBAAWC,SAAAA,EAAU,YAAA;0BACnBvE,aAAAA,CAAc;AACb0B,oBAAAA,EAAAA,EAAIY,iBAAAA,CAAkB,uCAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;;AAGN,QAAA;QAEA,qBACEiC,IAAA,CAACC,MAAMC,IAAI,EAAA;YAACZ,IAAAA,EAAK,aAAA;;AACf,8BAAAO,GAAA,CAACI,MAAME,KAAK,EAAA;8BACT3E,aAAAA,CAAc;AACb0B,wBAAAA,EAAAA,EAAIY,iBAAAA,CAAkB,iCAAA,CAAA;wBACtBC,cAAAA,EAAgB;AAClB,qBAAA;;8BAEFiC,IAAA,CAACI,YAAAA,EAAAA;oBACCC,KAAAA,EAAO3C,WAAAA;oBACP4C,QAAAA,EAAU,CAACD,KAAAA,GAAU1C,cAAAA,CAAe4C,MAAAA,CAAOF,KAAAA,CAAAA,CAAAA;AAC3CG,oBAAAA,QAAAA,EAAU9D,YAAY,CAACgC,gBAAAA;;AAEtBJ,wBAAAA,aAAAA,kBAAiBuB,GAAA,CAACY,kBAAAA,EAAAA;4BAAmBJ,KAAAA,EAAM,EAAA;AAAIxC,4BAAAA,QAAAA,EAAAA;;AAC/CG,wBAAAA,kBAAAA,CAAmBf,GAAG,CAAC,CAACkB,MAAAA,iBACvB0B,GAAA,CAACY,kBAAAA,EAAAA;gCAAmCJ,KAAAA,EAAOE,MAAAA,CAAOpC,OAAOjB,EAAE,CAAA;AACxDiB,gCAAAA,QAAAA,EAAAA,MAAAA,CAAOsB;AADetB,6BAAAA,EAAAA,MAAAA,CAAOjB,EAAE,CAAA;;;;;AAO5C,IAAA,CAAA;IAEA,qBACE2C,GAAA,CAAC5E,MAAMiF,IAAI,EAAA;QACT9E,IAAAA,EAAMA,IAAAA;AACNsF,QAAAA,YAAAA,EAAc,CAACC,QAAAA,GAAAA;;;YAGb,IAAI,CAACA,QAAAA,IAAY,CAACjE,QAAAA,EAAU;AAC1BrB,gBAAAA,OAAAA,EAAAA;AACF,YAAA;AACF,QAAA,CAAA;AAEA,QAAA,QAAA,gBAAA2E,IAAA,CAACjF,kBAAAA,EAAAA;;AACC,8BAAA8E,GAAA,CAAC5E,MAAM2F,MAAM,EAAA;4CACXf,GAAA,CAAC5E,MAAM4F,KAAK,EAAA;kCACTrF,aAAAA,CAAc;AACb0B,4BAAAA,EAAAA,EAAIY,iBAAAA,CAAkB,8BAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA;;;AAGJ,8BAAA8B,GAAA,CAAC5E,MAAM6F,IAAI,EAAA;AAAElB,oBAAAA,QAAAA,EAAAA,UAAAA;;AACb,8BAAAC,GAAA,CAAC5E,MAAM8F,MAAM,EAAA;AACX,oBAAA,QAAA,gBAAAf,IAAA,CAACgB,IAAAA,EAAAA;wBAAKC,GAAAA,EAAK,CAAA;wBAAGC,cAAAA,EAAe,eAAA;wBAAgBC,KAAAA,EAAM,MAAA;;0CACjDtB,GAAA,CAACuB,MAAAA,EAAAA;gCAAOC,OAAAA,EAAQ,UAAA;gCAAWC,OAAAA,EAASjG,OAAAA;gCAASmF,QAAAA,EAAU9D,QAAAA;gCAAUyC,IAAAA,EAAK,QAAA;0CACnE3D,aAAAA,CAAc;oCAAE0B,EAAAA,EAAI,8BAAA;oCAAgCa,cAAAA,EAAgB;AAAS,iCAAA;;0CAEhF8B,GAAA,CAACuB,MAAAA,EAAAA;gCACCE,OAAAA,EAASxC,UAAAA;gCACTyC,OAAAA,EAAS7E,QAAAA;AACT8D,gCAAAA,QAAAA,EAAU,CAAC9B,gBAAAA,IAAoBC,gBAAAA;0CAE9BnD,aAAAA,CAAc;AACb0B,oCAAAA,EAAAA,EAAIY,iBAAAA,CAAkB,+BAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;;;;;;;AAOd;;;;"}

package/dist/admin/pages/Assets/components/BusyOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusyOverlay.js","sources":["../../../../../admin/src/pages/Assets/components/BusyOverlay.tsx"],"sourcesContent":["import { Flex, Loader } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\n/**\n * Translucent overlay for a container with a long-running mutation in flight,\n * covering it and centring a labelled loader.\n *\n * Used by the asset details drawer (over the whole form) and by the list's rows\n * and cards (over the one item being replaced). It positions against the\n * nearest positioned ancestor, so the container must be `position: relative`.\n *\n * `$zIndex` is a prop because the two callers stack differently: in the drawer\n * it has to clear the in-drawer toast slot at 10, while in a row it only has to\n * clear the row's own content.\n */\nconst BusyOverlayRoot = styled(Flex)<{ $zIndex: number }>`\n  position: absolute;\n  inset: 0;\n  z-index: ${({ $zIndex }) => $zIndex};\n  align-items: center;\n  justify-content: center;\n  background: ${({ theme }) => theme.colors.neutral0};\n  opacity: 0.7;\n`;\n\ninterface BusyOverlayProps {\n  /** Shown next to the spinner, and read out as the loader's accessible label. */\n  children: string;\n  zIndex?: number;\n  /** Hides the label, leaving the spinner — for containers too small to fit text. */\n  hideLabel?: boolean;\n}\n\nexport const BusyOverlay = ({ children, zIndex = 20, hideLabel = false }: BusyOverlayProps) => (\n  <BusyOverlayRoot $zIndex={zIndex}>\n    <Loader small={hideLabel}>{children}</Loader>\n  </BusyOverlayRoot>\n);\n"],"names":["BusyOverlayRoot","styled","Flex","$zIndex","theme","colors","neutral0","BusyOverlay","children","zIndex","hideLabel","_jsx","Loader","small"],"mappings":";;;;;;AAGA;;;;;;;;;;;AAWC,IACD,MAAMA,eAAAA,GAAkBC,uBAAAA,CAAOC,iBAAAA,CAA0B;;;AAG9C,WAAA,EAAE,CAAC,EAAEC,OAAO,EAAE,GAAKA,OAAAA,CAAQ;;;cAGxB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,QAAQ,CAAC;;AAErD,CAAC;AAUM,MAAMC,WAAAA,GAAc,CAAC,EAAEC,QAAQ,EAAEC,MAAAA,GAAS,EAAE,EAAEC,SAAAA,GAAY,KAAK,EAAoB,iBACxFC,cAAA,CAACX,eAAAA,EAAAA;QAAgBG,OAAAA,EAASM,MAAAA;AACxB,QAAA,QAAA,gBAAAE,cAAA,CAACC,mBAAAA,EAAAA;YAAOC,KAAAA,EAAOH,SAAAA;AAAYF,YAAAA,QAAAA,EAAAA;;AAE7B,KAAA;;;;"}

package/dist/admin/pages/Assets/components/BusyOverlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BusyOverlay.mjs","sources":["../../../../../admin/src/pages/Assets/components/BusyOverlay.tsx"],"sourcesContent":["import { Flex, Loader } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\n/**\n * Translucent overlay for a container with a long-running mutation in flight,\n * covering it and centring a labelled loader.\n *\n * Used by the asset details drawer (over the whole form) and by the list's rows\n * and cards (over the one item being replaced). It positions against the\n * nearest positioned ancestor, so the container must be `position: relative`.\n *\n * `$zIndex` is a prop because the two callers stack differently: in the drawer\n * it has to clear the in-drawer toast slot at 10, while in a row it only has to\n * clear the row's own content.\n */\nconst BusyOverlayRoot = styled(Flex)<{ $zIndex: number }>`\n  position: absolute;\n  inset: 0;\n  z-index: ${({ $zIndex }) => $zIndex};\n  align-items: center;\n  justify-content: center;\n  background: ${({ theme }) => theme.colors.neutral0};\n  opacity: 0.7;\n`;\n\ninterface BusyOverlayProps {\n  /** Shown next to the spinner, and read out as the loader's accessible label. */\n  children: string;\n  zIndex?: number;\n  /** Hides the label, leaving the spinner — for containers too small to fit text. */\n  hideLabel?: boolean;\n}\n\nexport const BusyOverlay = ({ children, zIndex = 20, hideLabel = false }: BusyOverlayProps) => (\n  <BusyOverlayRoot $zIndex={zIndex}>\n    <Loader small={hideLabel}>{children}</Loader>\n  </BusyOverlayRoot>\n);\n"],"names":["BusyOverlayRoot","styled","Flex","$zIndex","theme","colors","neutral0","BusyOverlay","children","zIndex","hideLabel","_jsx","Loader","small"],"mappings":";;;;AAGA;;;;;;;;;;;AAWC,IACD,MAAMA,eAAAA,GAAkBC,MAAAA,CAAOC,IAAAA,CAA0B;;;AAG9C,WAAA,EAAE,CAAC,EAAEC,OAAO,EAAE,GAAKA,OAAAA,CAAQ;;;cAGxB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,QAAQ,CAAC;;AAErD,CAAC;AAUM,MAAMC,WAAAA,GAAc,CAAC,EAAEC,QAAQ,EAAEC,MAAAA,GAAS,EAAE,EAAEC,SAAAA,GAAY,KAAK,EAAoB,iBACxFC,GAAA,CAACX,eAAAA,EAAAA;QAAgBG,OAAAA,EAASM,MAAAA;AACxB,QAAA,QAAA,gBAAAE,GAAA,CAACC,MAAAA,EAAAA;YAAOC,KAAAA,EAAOH,SAAAA;AAAYF,YAAAA,QAAAA,EAAAA;;AAE7B,KAAA;;;;"}