@strapi/upload 5.51.1 → 5.52.0

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

@@ -1,97 +1,119 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect, useMemo } from 'react';
+import { useMemo, useState, useEffect } from 'react';
 import { useNotification } from '@strapi/admin/strapi-admin';
-import { Modal, Field, SingleSelect, SingleSelectOption, Flex, Button } from '@strapi/design-system';
+import { Modal, Flex, Button, Typography, Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 import { styled } from 'styled-components';
-import { useGetFolderStructureQuery, useGetFolderQuery, useBulkMoveMutation } from '../../../services/folders.mjs';
-import { buildDragSetFromSelection } from '../../../utils/buildDragSetFromSelection.mjs';
+import { useGetFolderStructureQuery, useBulkMoveMutation, useGetFolderQuery } from '../../../services/folders.mjs';
 import { canDropItemOnFolder } from '../../../utils/canDropItemOnFolder.mjs';
 import { flattenFolderStructure } from '../../../utils/flattenFolderStructure.mjs';
+import { formatMoveSuccessMessage } from '../../../utils/formatMoveSuccessMessage.mjs';
 import { getBulkMoveErrorMessage } from '../../../utils/getBulkMoveErrorMessage.mjs';
+import { hasUniformSource, uniformSourceFolderId } from '../../../utils/itemSource.mjs';
 import { getTranslationKey } from '../../../utils/translations.mjs';
-import { useAssetSelection } from '../hooks/useAssetSelection.mjs';
-import { useFolderNavigation } from '../hooks/useFolderNavigation.mjs';
 
 const StyledModalContent = styled(Modal.Content)`
   max-width: 51.6rem;
 `;
 /**
- * "Move elements to" modal for the bulk actions bar. Moves the current
- * selection (assets and/or folders) into the picked destination folder via
- * `POST /upload/actions/bulk-move`. The mutation invalidates the asset list,
- * folder list and the sidebar folder-structure, so both panes refresh on
- * success. On failure the modal stays open so the user can retry or cancel.
- */ const BulkMoveDialog = ({ open, onClose })=>{
+ * "Move elements to" modal. Moves the given items (assets and/or folders) into
+ * the picked destination folder via `POST /upload/actions/bulk-move`. The
+ * mutation invalidates the asset list, folder list and the sidebar
+ * folder-structure, so both panes refresh on success. On failure the modal stays
+ * open so the user can retry or cancel.
+ *
+ * Used both by the bulk actions bar (the whole selection) and by a folder's
+ * actions menu (that one folder).
+ */ const BulkMoveDialog = ({ open, onClose, items, onSuccess })=>{
     const { formatMessage } = useIntl();
     const { toggleNotification } = useNotification();
-    const { selectedIds, selectedFolderIds, clear } = useAssetSelection();
-    const { currentFolderId } = useFolderNavigation();
-    const { data: folderStructure = [] } = useGetFolderStructureQuery(undefined, {
+    const { data: folderStructure = [], isUninitialized: isStructureUninitialized, isLoading: isLoadingStructure, isError: isStructureError } = useGetFolderStructureQuery(undefined, {
         skip: !open
     });
-    const { data: currentFolder } = useGetFolderQuery({
-        id: currentFolderId
+    const [bulkMove, { isLoading: isMoving }] = useBulkMoveMutation();
+    const fileIds = useMemo(()=>items.filter((item)=>item.kind === 'file').map((item)=>item.id), [
+        items
+    ]);
+    const folderIds = useMemo(()=>items.filter((item)=>item.kind === 'folder').map((item)=>item.id), [
+        items
+    ]);
+    // A selection made under a global search can span folders, so the source is
+    // nameable only when every item agrees on it — `null` otherwise, and the toast
+    // then omits the source rather than crediting one item's folder to all of them.
+    // The bar can also hand over an empty set, which is likewise unnameable.
+    const isSourceUniform = hasUniformSource(items);
+    const sourceFolderId = uniformSourceFolderId(items);
+    const { data: sourceFolder } = useGetFolderQuery({
+        id: sourceFolderId
     }, {
-        skip: currentFolderId === null
+        skip: sourceFolderId === null
     });
-    const [bulkMove, { isLoading: isMoving }] = useBulkMoveMutation();
     // '' is the DOM-only sentinel for the Media Library root (null everywhere else).
     const [destination, setDestination] = useState('');
-    useEffect(()=>{
-        if (open) {
-            setDestination('');
-        }
-    }, [
-        open
-    ]);
     const rootLabel = formatMessage({
         id: getTranslationKey('plugin.name'),
         defaultMessage: 'Media Library'
     });
-    // Reconstruct the selection as a drag set so the dialog validates destinations
-    // through the exact same canonical predicate as the DnD highlight.
-    const dragSet = useMemo(()=>buildDragSetFromSelection(selectedIds, selectedFolderIds, currentFolderId), [
-        selectedIds,
-        selectedFolderIds,
-        currentFolderId
-    ]);
     // Options carry the full ancestry ("About / Images" vs "Tech / Images") so
     // same-named folders stay distinguishable, listed depth-first under their
-    // parent. Selected folders and their descendants are pruned during the same
+    // parent. The moved folders and their descendants are pruned during the same
     // single walk — an item can't be moved into itself or below itself (the
-    // server would reject it). The current folder (where the items already live)
-    // is filtered out too via `canDropItemOnFolder`, so we never offer a no-op
-    // move. Memoized: large libraries shouldn't re-walk the tree on every render.
-    const destinationOptions = useMemo(()=>flattenFolderStructure(folderStructure, selectedFolderIds).filter((option)=>canDropItemOnFolder({
-                items: dragSet,
+    // server would reject it). The folder the items already live in is filtered
+    // out too via `canDropItemOnFolder`, so we never offer a no-op move.
+    // Memoized: large libraries shouldn't re-walk the tree on every render.
+    const destinationOptions = useMemo(()=>flattenFolderStructure(folderStructure, new Set(folderIds)).filter((option)=>canDropItemOnFolder({
+                items,
                 targetFolderId: option.id,
                 folderStructure
             })), [
         folderStructure,
-        selectedFolderIds,
-        dragSet
+        folderIds,
+        items
     ]);
     // Hide the root option when the items already live at root — dropping there
     // would be a no-op. Uses the same predicate as the DnD highlight.
     const canMoveToRoot = useMemo(()=>canDropItemOnFolder({
-            items: dragSet,
+            items,
             targetFolderId: null,
             folderStructure
         }), [
-        dragSet,
+        items,
         folderStructure
     ]);
-    const count = selectedIds.size + selectedFolderIds.size;
+    // The default has to be an option that is actually rendered, or the select
+    // shows blank: root is absent when the items already live there, and the
+    // folder options only exist once the structure query has resolved.
+    const defaultDestination = canMoveToRoot ? '' : destinationOptions[0]?.id.toString() ?? '';
+    // Re-derived rather than only reset on open, because the options arrive after
+    // the first render. It is a primitive, so a background refetch that produces
+    // the same default won't discard a destination the user already picked.
+    useEffect(()=>{
+        setDestination(defaultDestination);
+    }, [
+        open,
+        defaultDestination
+    ]);
+    // Until the structure resolves there are no options, so the default falls
+    // back to root ('') — which for a root-level item is the no-op destination
+    // that was deliberately filtered out. Nothing may be submitted before this.
+    const isStructureReady = !isStructureUninitialized && !isLoadingStructure && !isStructureError;
+    // Moving a single folder that already sits next to every other folder leaves
+    // nowhere to go; say so instead of showing an empty select. Only once the
+    // structure has arrived — an in-flight or failed fetch also has no options,
+    // and a failure is a different story to tell.
+    const hasNoDestination = isStructureReady && destinationOptions.length === 0 && !canMoveToRoot;
+    const count = items.length;
     const handleMove = async ()=>{
-        if (isMoving) {
+        // The button is disabled in both cases; the dialog can also be submitted
+        // from the keyboard, so guard here too.
+        if (isMoving || !isStructureReady) {
             return;
         }
         const destinationFolderId = destination === '' ? null : Number(destination);
         try {
             await bulkMove({
-                fileIds: Array.from(selectedIds),
-                folderIds: Array.from(selectedFolderIds),
+                fileIds,
+                folderIds,
                 destinationFolderId
             }).unwrap();
         } catch (error) {
@@ -108,22 +130,71 @@ const StyledModalContent = styled(Modal.Content)`
             });
             return;
         }
-        const sourceName = currentFolderId === null ? rootLabel : currentFolder?.name ?? rootLabel;
+        // A uniform source with a `null` id is the Media Library root — a real name.
+        // Only a set that genuinely spans folders has no source to report.
+        const sourceName = !isSourceUniform ? null : sourceFolderId === null ? rootLabel : sourceFolder?.name ?? rootLabel;
         const destinationName = destinationFolderId === null ? rootLabel : destinationOptions.find((option)=>option.id === destinationFolderId)?.label ?? rootLabel;
         toggleNotification({
             type: 'success',
-            message: formatMessage({
-                id: getTranslationKey('list.bulk-actions.move.success'),
-                defaultMessage: '{count, plural, =1 {# element has} other {# elements have}} been moved from {source} to {destination}'
-            }, {
+            message: formatMoveSuccessMessage({
+                formatMessage,
                 count,
                 source: sourceName,
                 destination: destinationName
             })
         });
-        clear();
+        onSuccess?.();
         onClose();
     };
+    // Three states: a failed structure request, a genuine dead end, and the
+    // select — which also covers the loading window, so the hint and the error
+    // don't flash in ahead of the options.
+    const renderBody = ()=>{
+        if (isStructureError) {
+            return /*#__PURE__*/ jsx(Typography, {
+                textColor: "danger600",
+                children: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.move.load-error'),
+                    defaultMessage: "Couldn't load the folder list. Please try again."
+                })
+            });
+        }
+        if (hasNoDestination) {
+            return /*#__PURE__*/ jsx(Typography, {
+                textColor: "neutral600",
+                children: formatMessage({
+                    id: getTranslationKey('list.bulk-actions.move.no-destination'),
+                    defaultMessage: 'There is no other folder to move this to.'
+                })
+            });
+        }
+        return /*#__PURE__*/ jsxs(Field.Root, {
+            name: "destination",
+            children: [
+                /*#__PURE__*/ jsx(Field.Label, {
+                    children: formatMessage({
+                        id: getTranslationKey('list.bulk-actions.move.location'),
+                        defaultMessage: 'Location'
+                    })
+                }),
+                /*#__PURE__*/ jsxs(SingleSelect, {
+                    value: destination,
+                    onChange: (value)=>setDestination(String(value)),
+                    disabled: isMoving || !isStructureReady,
+                    children: [
+                        canMoveToRoot && /*#__PURE__*/ jsx(SingleSelectOption, {
+                            value: "",
+                            children: rootLabel
+                        }),
+                        destinationOptions.map((option)=>/*#__PURE__*/ jsx(SingleSelectOption, {
+                                value: String(option.id),
+                                children: option.label
+                            }, option.id))
+                    ]
+                })
+            ]
+        });
+    };
     return /*#__PURE__*/ jsx(Modal.Root, {
         open: open,
         onOpenChange: (nextOpen)=>{
@@ -144,32 +215,7 @@ const StyledModalContent = styled(Modal.Content)`
                     })
                 }),
                 /*#__PURE__*/ jsx(Modal.Body, {
-                    children: /*#__PURE__*/ jsxs(Field.Root, {
-                        name: "destination",
-                        children: [
-                            /*#__PURE__*/ jsx(Field.Label, {
-                                children: formatMessage({
-                                    id: getTranslationKey('list.bulk-actions.move.location'),
-                                    defaultMessage: 'Location'
-                                })
-                            }),
-                            /*#__PURE__*/ jsxs(SingleSelect, {
-                                value: destination,
-                                onChange: (value)=>setDestination(String(value)),
-                                disabled: isMoving,
-                                children: [
-                                    canMoveToRoot && /*#__PURE__*/ jsx(SingleSelectOption, {
-                                        value: "",
-                                        children: rootLabel
-                                    }),
-                                    destinationOptions.map((option)=>/*#__PURE__*/ jsx(SingleSelectOption, {
-                                            value: String(option.id),
-                                            children: option.label
-                                        }, option.id))
-                                ]
-                            })
-                        ]
-                    })
+                    children: renderBody()
                 }),
                 /*#__PURE__*/ jsx(Modal.Footer, {
                     children: /*#__PURE__*/ jsxs(Flex, {
@@ -190,6 +236,7 @@ const StyledModalContent = styled(Modal.Content)`
                             /*#__PURE__*/ jsx(Button, {
                                 onClick: handleMove,
                                 loading: isMoving,
+                                disabled: !isStructureReady || hasNoDestination,
                                 children: formatMessage({
                                     id: getTranslationKey('list.bulk-actions.move.submit'),
                                     defaultMessage: 'Move'

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

@@ -1 +1 @@
-{"version":3,"file":"BulkMoveDialog.mjs","sources":["../../../../../../admin/src/future/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} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport {\n  useBulkMoveMutation,\n  useGetFolderQuery,\n  useGetFolderStructureQuery,\n} from '../../../services/folders';\nimport { buildDragSetFromSelection } from '../../../utils/buildDragSetFromSelection';\nimport { canDropItemOnFolder } from '../../../utils/canDropItemOnFolder';\nimport { flattenFolderStructure } from '../../../utils/flattenFolderStructure';\nimport { getBulkMoveErrorMessage } from '../../../utils/getBulkMoveErrorMessage';\nimport { getTranslationKey } from '../../../utils/translations';\nimport { useAssetSelection } from '../hooks/useAssetSelection';\nimport { useFolderNavigation } from '../hooks/useFolderNavigation';\n\nconst StyledModalContent = styled(Modal.Content)`\n  max-width: 51.6rem;\n`;\n\ninterface BulkMoveDialogProps {\n  open: boolean;\n  onClose: () => void;\n}\n\n/**\n * \"Move elements to\" modal for the bulk actions bar. Moves the current\n * selection (assets and/or folders) into the picked destination folder via\n * `POST /upload/actions/bulk-move`. The mutation invalidates the asset list,\n * folder list and the sidebar folder-structure, so both panes refresh on\n * success. On failure the modal stays open so the user can retry or cancel.\n */\nexport const BulkMoveDialog = ({ open, onClose }: BulkMoveDialogProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { selectedIds, selectedFolderIds, clear } = useAssetSelection();\n  const { currentFolderId } = useFolderNavigation();\n  const { data: folderStructure = [] } = useGetFolderStructureQuery(undefined, { skip: !open });\n  const { data: currentFolder } = useGetFolderQuery(\n    { id: currentFolderId! },\n    { skip: currentFolderId === null }\n  );\n  const [bulkMove, { isLoading: isMoving }] = useBulkMoveMutation();\n\n  // '' is the DOM-only sentinel for the Media Library root (null everywhere else).\n  const [destination, setDestination] = useState<string>('');\n\n  useEffect(() => {\n    if (open) {\n      setDestination('');\n    }\n  }, [open]);\n\n  const rootLabel = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n\n  // Reconstruct the selection as a drag set so the dialog validates destinations\n  // through the exact same canonical predicate as the DnD highlight.\n  const dragSet = useMemo(\n    () => buildDragSetFromSelection(selectedIds, selectedFolderIds, currentFolderId),\n    [selectedIds, selectedFolderIds, currentFolderId]\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. Selected 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 current folder (where the items already live)\n  // is filtered out too via `canDropItemOnFolder`, so we never offer a no-op\n  // move. Memoized: large libraries shouldn't re-walk the tree on every render.\n  const destinationOptions = useMemo(\n    () =>\n      flattenFolderStructure(folderStructure, selectedFolderIds).filter((option) =>\n        canDropItemOnFolder({ items: dragSet, targetFolderId: option.id, folderStructure })\n      ),\n    [folderStructure, selectedFolderIds, dragSet]\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: dragSet, targetFolderId: null, folderStructure }),\n    [dragSet, folderStructure]\n  );\n\n  const count = selectedIds.size + selectedFolderIds.size;\n\n  const handleMove = async () => {\n    if (isMoving) {\n      return;\n    }\n\n    const destinationFolderId = destination === '' ? null : Number(destination);\n\n    try {\n      await bulkMove({\n        fileIds: Array.from(selectedIds),\n        folderIds: Array.from(selectedFolderIds),\n        destinationFolderId,\n      }).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: getBulkMoveErrorMessage(\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    const sourceName = currentFolderId === null ? rootLabel : (currentFolder?.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: formatMessage(\n        {\n          id: getTranslationKey('list.bulk-actions.move.success'),\n          defaultMessage:\n            '{count, plural, =1 {# element has} other {# elements have}} been moved from {source} to {destination}',\n        },\n        { count, source: sourceName, destination: destinationName }\n      ),\n    });\n    clear();\n    onClose();\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>\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}\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        </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 onClick={handleMove} loading={isMoving}>\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","formatMessage","useIntl","toggleNotification","useNotification","selectedIds","selectedFolderIds","clear","useAssetSelection","currentFolderId","useFolderNavigation","data","folderStructure","useGetFolderStructureQuery","undefined","skip","currentFolder","useGetFolderQuery","id","bulkMove","isLoading","isMoving","useBulkMoveMutation","destination","setDestination","useState","useEffect","rootLabel","getTranslationKey","defaultMessage","dragSet","useMemo","buildDragSetFromSelection","destinationOptions","flattenFolderStructure","filter","option","canDropItemOnFolder","items","targetFolderId","canMoveToRoot","count","size","handleMove","destinationFolderId","Number","fileIds","Array","from","folderIds","unwrap","error","type","message","getBulkMoveErrorMessage","sourceName","name","destinationName","find","label","source","_jsx","Root","onOpenChange","nextOpen","_jsxs","Header","Title","Body","Field","Label","SingleSelect","value","onChange","String","disabled","SingleSelectOption","map","Footer","Flex","gap","justifyContent","width","Button","variant","onClick","loading"],"mappings":"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"}
+{"version":3,"file":"BulkMoveDialog.mjs","sources":["../../../../../../admin/src/future/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 {\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 { getBulkMoveErrorMessage } from '../../../utils/getBulkMoveErrorMessage';\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 { 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: getBulkMoveErrorMessage(\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","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","getBulkMoveErrorMessage","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/future/pages/Assets/components/BusyOverlay.js

@@ -0,0 +1,36 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+/**
+ * Translucent overlay for a container with a long-running mutation in flight,
+ * covering it and centring a labelled loader.
+ *
+ * Used by the asset details drawer (over the whole form) and by the list's rows
+ * and cards (over the one item being replaced). It positions against the
+ * nearest positioned ancestor, so the container must be `position: relative`.
+ *
+ * `$zIndex` is a prop because the two callers stack differently: in the drawer
+ * it has to clear the in-drawer toast slot at 10, while in a row it only has to
+ * clear the row's own content.
+ */ const BusyOverlayRoot = styledComponents.styled(designSystem.Flex)`
+  position: absolute;
+  inset: 0;
+  z-index: ${({ $zIndex })=>$zIndex};
+  align-items: center;
+  justify-content: center;
+  background: ${({ theme })=>theme.colors.neutral0};
+  opacity: 0.7;
+`;
+const BusyOverlay = ({ children, zIndex = 20, hideLabel = false })=>/*#__PURE__*/ jsxRuntime.jsx(BusyOverlayRoot, {
+        $zIndex: zIndex,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Loader, {
+            small: hideLabel,
+            children: children
+        })
+    });
+
+exports.BusyOverlay = BusyOverlay;
+//# sourceMappingURL=BusyOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BusyOverlay.js","sources":["../../../../../../admin/src/future/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/future/pages/Assets/components/BusyOverlay.mjs

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+import { Loader, Flex } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+/**
+ * Translucent overlay for a container with a long-running mutation in flight,
+ * covering it and centring a labelled loader.
+ *
+ * Used by the asset details drawer (over the whole form) and by the list's rows
+ * and cards (over the one item being replaced). It positions against the
+ * nearest positioned ancestor, so the container must be `position: relative`.
+ *
+ * `$zIndex` is a prop because the two callers stack differently: in the drawer
+ * it has to clear the in-drawer toast slot at 10, while in a row it only has to
+ * clear the row's own content.
+ */ const BusyOverlayRoot = styled(Flex)`
+  position: absolute;
+  inset: 0;
+  z-index: ${({ $zIndex })=>$zIndex};
+  align-items: center;
+  justify-content: center;
+  background: ${({ theme })=>theme.colors.neutral0};
+  opacity: 0.7;
+`;
+const BusyOverlay = ({ children, zIndex = 20, hideLabel = false })=>/*#__PURE__*/ jsx(BusyOverlayRoot, {
+        $zIndex: zIndex,
+        children: /*#__PURE__*/ jsx(Loader, {
+            small: hideLabel,
+            children: children
+        })
+    });
+
+export { BusyOverlay };
+//# sourceMappingURL=BusyOverlay.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BusyOverlay.mjs","sources":["../../../../../../admin/src/future/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;;;;"}