@strapi/upload 5.50.2 → 5.51.1

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

@@ -0,0 +1,209 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var folders = require('../../../services/folders.js');
+var buildDragSetFromSelection = require('../../../utils/buildDragSetFromSelection.js');
+var canDropItemOnFolder = require('../../../utils/canDropItemOnFolder.js');
+var flattenFolderStructure = require('../../../utils/flattenFolderStructure.js');
+var getBulkMoveErrorMessage = require('../../../utils/getBulkMoveErrorMessage.js');
+var translations = require('../../../utils/translations.js');
+var useAssetSelection = require('../hooks/useAssetSelection.js');
+var useFolderNavigation = require('../hooks/useFolderNavigation.js');
+
+const StyledModalContent = styledComponents.styled(designSystem.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 })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { selectedIds, selectedFolderIds, clear } = useAssetSelection.useAssetSelection();
+    const { currentFolderId } = useFolderNavigation.useFolderNavigation();
+    const { data: folderStructure = [] } = folders.useGetFolderStructureQuery(undefined, {
+        skip: !open
+    });
+    const { data: currentFolder } = folders.useGetFolderQuery({
+        id: currentFolderId
+    }, {
+        skip: currentFolderId === null
+    });
+    const [bulkMove, { isLoading: isMoving }] = folders.useBulkMoveMutation();
+    // '' is the DOM-only sentinel for the Media Library root (null everywhere else).
+    const [destination, setDestination] = React.useState('');
+    React.useEffect(()=>{
+        if (open) {
+            setDestination('');
+        }
+    }, [
+        open
+    ]);
+    const rootLabel = formatMessage({
+        id: translations.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 = React.useMemo(()=>buildDragSetFromSelection.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
+    // 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 = React.useMemo(()=>flattenFolderStructure.flattenFolderStructure(folderStructure, selectedFolderIds).filter((option)=>canDropItemOnFolder.canDropItemOnFolder({
+                items: dragSet,
+                targetFolderId: option.id,
+                folderStructure
+            })), [
+        folderStructure,
+        selectedFolderIds,
+        dragSet
+    ]);
+    // 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 = React.useMemo(()=>canDropItemOnFolder.canDropItemOnFolder({
+            items: dragSet,
+            targetFolderId: null,
+            folderStructure
+        }), [
+        dragSet,
+        folderStructure
+    ]);
+    const count = selectedIds.size + selectedFolderIds.size;
+    const handleMove = async ()=>{
+        if (isMoving) {
+            return;
+        }
+        const destinationFolderId = destination === '' ? null : Number(destination);
+        try {
+            await bulkMove({
+                fileIds: Array.from(selectedIds),
+                folderIds: Array.from(selectedFolderIds),
+                destinationFolderId
+            }).unwrap();
+        } catch (error) {
+            // Keep the modal open and the selection intact so the user can retry
+            // (e.g. after picking a valid destination) or cancel. Surface the server
+            // message when there is one — it carries actionable causes like moving a
+            // folder into its own descendant or a name collision in the destination.
+            toggleNotification({
+                type: 'danger',
+                message: getBulkMoveErrorMessage.getBulkMoveErrorMessage(error, formatMessage({
+                    id: translations.getTranslationKey('list.bulk-actions.move.error'),
+                    defaultMessage: 'An error occurred while moving the items.'
+                }))
+            });
+            return;
+        }
+        const sourceName = currentFolderId === null ? rootLabel : currentFolder?.name ?? rootLabel;
+        const destinationName = destinationFolderId === null ? rootLabel : destinationOptions.find((option)=>option.id === destinationFolderId)?.label ?? rootLabel;
+        toggleNotification({
+            type: 'success',
+            message: formatMessage({
+                id: translations.getTranslationKey('list.bulk-actions.move.success'),
+                defaultMessage: '{count, plural, =1 {# element has} other {# elements have}} been moved from {source} to {destination}'
+            }, {
+                count,
+                source: sourceName,
+                destination: destinationName
+            })
+        });
+        clear();
+        onClose();
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: open,
+        onOpenChange: (nextOpen)=>{
+            // The modal must stay open while the request runs — the loader on the
+            // Move button is the source of truth for the pending state.
+            if (!nextOpen && !isMoving) {
+                onClose();
+            }
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsxs(StyledModalContent, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                        children: formatMessage({
+                            id: translations.getTranslationKey('list.bulk-actions.move.title'),
+                            defaultMessage: 'Move elements to'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                        name: "destination",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                                children: formatMessage({
+                                    id: translations.getTranslationKey('list.bulk-actions.move.location'),
+                                    defaultMessage: 'Location'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.SingleSelect, {
+                                value: destination,
+                                onChange: (value)=>setDestination(String(value)),
+                                disabled: isMoving,
+                                children: [
+                                    canMoveToRoot && /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                                        value: "",
+                                        children: rootLabel
+                                    }),
+                                    destinationOptions.map((option)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                                            value: String(option.id),
+                                            children: option.label
+                                        }, option.id))
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Footer, {
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        gap: 2,
+                        justifyContent: "space-between",
+                        width: "100%",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                variant: "tertiary",
+                                onClick: onClose,
+                                disabled: isMoving,
+                                type: "button",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                onClick: handleMove,
+                                loading: isMoving,
+                                children: formatMessage({
+                                    id: translations.getTranslationKey('list.bulk-actions.move.submit'),
+                                    defaultMessage: 'Move'
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.BulkMoveDialog = BulkMoveDialog;
+//# sourceMappingURL=BulkMoveDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BulkMoveDialog.js","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":";;;;;;;;;;;;;;;;;AA2BA,MAAMA,kBAAAA,GAAqBC,uBAAAA,CAAOC,kBAAAA,CAAMC,OAAO,CAAC;;AAEhD,CAAC;AAOD;;;;;;UAOaC,cAAAA,GAAiB,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAuB,GAAA;IACnE,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;AAC/B,IAAA,MAAM,EAAEC,WAAW,EAAEC,iBAAiB,EAAEC,KAAK,EAAE,GAAGC,mCAAAA,EAAAA;IAClD,MAAM,EAAEC,eAAe,EAAE,GAAGC,uCAAAA,EAAAA;AAC5B,IAAA,MAAM,EAAEC,IAAAA,EAAMC,eAAAA,GAAkB,EAAE,EAAE,GAAGC,mCAA2BC,SAAAA,EAAW;AAAEC,QAAAA,IAAAA,EAAM,CAAChB;AAAK,KAAA,CAAA;AAC3F,IAAA,MAAM,EAAEY,IAAAA,EAAMK,aAAa,EAAE,GAAGC,yBAAAA,CAC9B;QAAEC,EAAAA,EAAIT;KAAiB,EACvB;AAAEM,QAAAA,IAAAA,EAAMN,eAAAA,KAAoB;AAAK,KAAA,CAAA;AAEnC,IAAA,MAAM,CAACU,QAAAA,EAAU,EAAEC,WAAWC,QAAQ,EAAE,CAAC,GAAGC,2BAAAA,EAAAA;;AAG5C,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGC,cAAAA,CAAiB,EAAA,CAAA;IAEvDC,eAAAA,CAAU,IAAA;AACR,QAAA,IAAI3B,IAAAA,EAAM;YACRyB,cAAAA,CAAe,EAAA,CAAA;AACjB,QAAA;IACF,CAAA,EAAG;AAACzB,QAAAA;AAAK,KAAA,CAAA;AAET,IAAA,MAAM4B,YAAY1B,aAAAA,CAAc;AAC9BiB,QAAAA,EAAAA,EAAIU,8BAAAA,CAAkB,aAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;;;AAIA,IAAA,MAAMC,UAAUC,aAAAA,CACd,IAAMC,mDAAAA,CAA0B3B,WAAAA,EAAaC,mBAAmBG,eAAAA,CAAAA,EAChE;AAACJ,QAAAA,WAAAA;AAAaC,QAAAA,iBAAAA;AAAmBG,QAAAA;AAAgB,KAAA,CAAA;;;;;;;;IAUnD,MAAMwB,kBAAAA,GAAqBF,aAAAA,CACzB,IACEG,6CAAAA,CAAuBtB,eAAAA,EAAiBN,mBAAmB6B,MAAM,CAAC,CAACC,MAAAA,GACjEC,uCAAAA,CAAoB;gBAAEC,KAAAA,EAAOR,OAAAA;AAASS,gBAAAA,cAAAA,EAAgBH,OAAOlB,EAAE;AAAEN,gBAAAA;aAAgB,CAAA,CAAA,EAErF;AAACA,QAAAA,eAAAA;AAAiBN,QAAAA,iBAAAA;AAAmBwB,QAAAA;AAAQ,KAAA,CAAA;;;IAK/C,MAAMU,aAAAA,GAAgBT,aAAAA,CACpB,IAAMM,uCAAAA,CAAoB;YAAEC,KAAAA,EAAOR,OAAAA;YAASS,cAAAA,EAAgB,IAAA;AAAM3B,YAAAA;SAAgB,CAAA,EAClF;AAACkB,QAAAA,OAAAA;AAASlB,QAAAA;AAAgB,KAAA,CAAA;AAG5B,IAAA,MAAM6B,KAAAA,GAAQpC,WAAAA,CAAYqC,IAAI,GAAGpC,kBAAkBoC,IAAI;AAEvD,IAAA,MAAMC,UAAAA,GAAa,UAAA;AACjB,QAAA,IAAItB,QAAAA,EAAU;AACZ,YAAA;AACF,QAAA;AAEA,QAAA,MAAMuB,mBAAAA,GAAsBrB,WAAAA,KAAgB,EAAA,GAAK,IAAA,GAAOsB,MAAAA,CAAOtB,WAAAA,CAAAA;QAE/D,IAAI;AACF,YAAA,MAAMJ,QAAAA,CAAS;gBACb2B,OAAAA,EAASC,KAAAA,CAAMC,IAAI,CAAC3C,WAAAA,CAAAA;gBACpB4C,SAAAA,EAAWF,KAAAA,CAAMC,IAAI,CAAC1C,iBAAAA,CAAAA;AACtBsC,gBAAAA;AACF,aAAA,CAAA,CAAGM,MAAM,EAAA;AACX,QAAA,CAAA,CAAE,OAAOC,KAAAA,EAAO;;;;;YAKdhD,kBAAAA,CAAmB;gBACjBiD,IAAAA,EAAM,QAAA;gBACNC,OAAAA,EAASC,+CAAAA,CACPH,OACAlD,aAAAA,CAAc;AACZiB,oBAAAA,EAAAA,EAAIU,8BAAAA,CAAkB,8BAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;AAEJ,aAAA,CAAA;AACA,YAAA;AACF,QAAA;AAEA,QAAA,MAAM0B,UAAAA,GAAa9C,eAAAA,KAAoB,IAAA,GAAOkB,SAAAA,GAAaX,eAAewC,IAAAA,IAAQ7B,SAAAA;AAClF,QAAA,MAAM8B,eAAAA,GACJb,mBAAAA,KAAwB,IAAA,GACpBjB,SAAAA,GACCM,kBAAAA,CAAmByB,IAAI,CAAC,CAACtB,MAAAA,GAAWA,MAAAA,CAAOlB,EAAE,KAAK0B,sBAAsBe,KAAAA,IACzEhC,SAAAA;QAENxB,kBAAAA,CAAmB;YACjBiD,IAAAA,EAAM,SAAA;AACNC,YAAAA,OAAAA,EAASpD,aAAAA,CACP;AACEiB,gBAAAA,EAAAA,EAAIU,8BAAAA,CAAkB,gCAAA,CAAA;gBACtBC,cAAAA,EACE;aACJ,EACA;AAAEY,gBAAAA,KAAAA;gBAAOmB,MAAAA,EAAQL,UAAAA;gBAAYhC,WAAAA,EAAakC;AAAgB,aAAA;AAE9D,SAAA,CAAA;AACAlD,QAAAA,KAAAA,EAAAA;AACAP,QAAAA,OAAAA,EAAAA;AACF,IAAA,CAAA;IAEA,qBACE6D,cAAA,CAACjE,mBAAMkE,IAAI,EAAA;QACT/D,IAAAA,EAAMA,IAAAA;AACNgE,QAAAA,YAAAA,EAAc,CAACC,QAAAA,GAAAA;;;YAGb,IAAI,CAACA,QAAAA,IAAY,CAAC3C,QAAAA,EAAU;AAC1BrB,gBAAAA,OAAAA,EAAAA;AACF,YAAA;AACF,QAAA,CAAA;AAEA,QAAA,QAAA,gBAAAiE,eAAA,CAACvE,kBAAAA,EAAAA;;AACC,8BAAAmE,cAAA,CAACjE,mBAAMsE,MAAM,EAAA;4CACXL,cAAA,CAACjE,mBAAMuE,KAAK,EAAA;kCACTlE,aAAAA,CAAc;AACbiB,4BAAAA,EAAAA,EAAIU,8BAAAA,CAAkB,8BAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA;;;AAGJ,8BAAAgC,cAAA,CAACjE,mBAAMwE,IAAI,EAAA;4CACTH,eAAA,CAACI,mBAAMP,IAAI,EAAA;wBAACN,IAAAA,EAAK,aAAA;;AACf,0CAAAK,cAAA,CAACQ,mBAAMC,KAAK,EAAA;0CACTrE,aAAAA,CAAc;AACbiB,oCAAAA,EAAAA,EAAIU,8BAAAA,CAAkB,iCAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;0CAEFoC,eAAA,CAACM,yBAAAA,EAAAA;gCACCC,KAAAA,EAAOjD,WAAAA;gCACPkD,QAAAA,EAAU,CAACD,KAAAA,GAAUhD,cAAAA,CAAekD,MAAAA,CAAOF,KAAAA,CAAAA,CAAAA;gCAC3CG,QAAAA,EAAUtD,QAAAA;;AAETmB,oCAAAA,aAAAA,kBAAiBqB,cAAA,CAACe,+BAAAA,EAAAA;wCAAmBJ,KAAAA,EAAM,EAAA;AAAI7C,wCAAAA,QAAAA,EAAAA;;AAC/CM,oCAAAA,kBAAAA,CAAmB4C,GAAG,CAAC,CAACzC,MAAAA,iBACvByB,cAAA,CAACe,+BAAAA,EAAAA;4CAAmCJ,KAAAA,EAAOE,MAAAA,CAAOtC,OAAOlB,EAAE,CAAA;AACxDkB,4CAAAA,QAAAA,EAAAA,MAAAA,CAAOuB;AADevB,yCAAAA,EAAAA,MAAAA,CAAOlB,EAAE,CAAA;;;;;;AAO1C,8BAAA2C,cAAA,CAACjE,mBAAMkF,MAAM,EAAA;AACX,oBAAA,QAAA,gBAAAb,eAAA,CAACc,iBAAAA,EAAAA;wBAAKC,GAAAA,EAAK,CAAA;wBAAGC,cAAAA,EAAe,eAAA;wBAAgBC,KAAAA,EAAM,MAAA;;0CACjDrB,cAAA,CAACsB,mBAAAA,EAAAA;gCAAOC,OAAAA,EAAQ,UAAA;gCAAWC,OAAAA,EAASrF,OAAAA;gCAAS2E,QAAAA,EAAUtD,QAAAA;gCAAU+B,IAAAA,EAAK,QAAA;0CACnEnD,aAAAA,CAAc;oCAAEiB,EAAAA,EAAI,8BAAA;oCAAgCW,cAAAA,EAAgB;AAAS,iCAAA;;0CAEhFgC,cAAA,CAACsB,mBAAAA,EAAAA;gCAAOE,OAAAA,EAAS1C,UAAAA;gCAAY2C,OAAAA,EAASjE,QAAAA;0CACnCpB,aAAAA,CAAc;AACbiB,oCAAAA,EAAAA,EAAIU,8BAAAA,CAAkB,+BAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;;;;;;;AAOd;;;;"}

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

@@ -0,0 +1,207 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect, useMemo } from 'react';
+import { useNotification } from '@strapi/admin/strapi-admin';
+import { Modal, Field, SingleSelect, SingleSelectOption, Flex, Button } 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 { canDropItemOnFolder } from '../../../utils/canDropItemOnFolder.mjs';
+import { flattenFolderStructure } from '../../../utils/flattenFolderStructure.mjs';
+import { getBulkMoveErrorMessage } from '../../../utils/getBulkMoveErrorMessage.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 })=>{
+    const { formatMessage } = useIntl();
+    const { toggleNotification } = useNotification();
+    const { selectedIds, selectedFolderIds, clear } = useAssetSelection();
+    const { currentFolderId } = useFolderNavigation();
+    const { data: folderStructure = [] } = useGetFolderStructureQuery(undefined, {
+        skip: !open
+    });
+    const { data: currentFolder } = useGetFolderQuery({
+        id: currentFolderId
+    }, {
+        skip: currentFolderId === 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
+    // 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,
+                targetFolderId: option.id,
+                folderStructure
+            })), [
+        folderStructure,
+        selectedFolderIds,
+        dragSet
+    ]);
+    // 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,
+            targetFolderId: null,
+            folderStructure
+        }), [
+        dragSet,
+        folderStructure
+    ]);
+    const count = selectedIds.size + selectedFolderIds.size;
+    const handleMove = async ()=>{
+        if (isMoving) {
+            return;
+        }
+        const destinationFolderId = destination === '' ? null : Number(destination);
+        try {
+            await bulkMove({
+                fileIds: Array.from(selectedIds),
+                folderIds: Array.from(selectedFolderIds),
+                destinationFolderId
+            }).unwrap();
+        } catch (error) {
+            // Keep the modal open and the selection intact so the user can retry
+            // (e.g. after picking a valid destination) or cancel. Surface the server
+            // message when there is one — it carries actionable causes like moving a
+            // folder into its own descendant or a name collision in the destination.
+            toggleNotification({
+                type: 'danger',
+                message: getBulkMoveErrorMessage(error, formatMessage({
+                    id: getTranslationKey('list.bulk-actions.move.error'),
+                    defaultMessage: 'An error occurred while moving the items.'
+                }))
+            });
+            return;
+        }
+        const sourceName = currentFolderId === null ? rootLabel : currentFolder?.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}'
+            }, {
+                count,
+                source: sourceName,
+                destination: destinationName
+            })
+        });
+        clear();
+        onClose();
+    };
+    return /*#__PURE__*/ jsx(Modal.Root, {
+        open: open,
+        onOpenChange: (nextOpen)=>{
+            // The modal must stay open while the request runs — the loader on the
+            // Move button is the source of truth for the pending state.
+            if (!nextOpen && !isMoving) {
+                onClose();
+            }
+        },
+        children: /*#__PURE__*/ jsxs(StyledModalContent, {
+            children: [
+                /*#__PURE__*/ jsx(Modal.Header, {
+                    children: /*#__PURE__*/ jsx(Modal.Title, {
+                        children: formatMessage({
+                            id: getTranslationKey('list.bulk-actions.move.title'),
+                            defaultMessage: 'Move elements to'
+                        })
+                    })
+                }),
+                /*#__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))
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsx(Modal.Footer, {
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        gap: 2,
+                        justifyContent: "space-between",
+                        width: "100%",
+                        children: [
+                            /*#__PURE__*/ jsx(Button, {
+                                variant: "tertiary",
+                                onClick: onClose,
+                                disabled: isMoving,
+                                type: "button",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                onClick: handleMove,
+                                loading: isMoving,
+                                children: formatMessage({
+                                    id: getTranslationKey('list.bulk-actions.move.submit'),
+                                    defaultMessage: 'Move'
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { BulkMoveDialog };
+//# sourceMappingURL=BulkMoveDialog.mjs.map

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

@@ -0,0 +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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"}