@strapi/upload 5.51.0 → 5.51.2

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":"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"}

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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"}

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

@@ -0,0 +1,193 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var translations = require('../../../utils/translations.js');
+
+/**
+ * Month-grid range picker: first click sets the start, second click the end
+ * (clicks are reordered when the second date is before the first). The DS only
+ * ships a single-value DatePicker, so the range grid is built locally.
+ *
+ * Month/year move via chevrons rather than the mock's dropdowns — nested
+ * popovers inside a dropdown menu fight Radix's outside-interaction handling.
+ */ const DayCell = styledComponents.styled.button`
+  width: 3rem;
+  height: 3rem;
+  border: none;
+  border-radius: ${({ theme })=>theme.borderRadius};
+  cursor: pointer;
+  font: inherit;
+  color: ${({ theme, $isEdge, $isMuted })=>{
+    if ($isEdge) return theme.colors.primary600;
+    if ($isMuted) return theme.colors.neutral400;
+    return theme.colors.neutral800;
+}};
+  background: ${({ theme, $inRange, $isEdge })=>{
+    if ($isEdge) return theme.colors.primary200;
+    if ($inRange) return theme.colors.primary100;
+    return 'transparent';
+}};
+
+  &:hover {
+    background: ${({ theme })=>theme.colors.primary100};
+  }
+
+  &:focus-visible {
+    outline: 2px solid ${({ theme })=>theme.colors.primary600};
+    outline-offset: -2px;
+  }
+`;
+const toKey = (date)=>{
+    const month = `${date.getMonth() + 1}`.padStart(2, '0');
+    const day = `${date.getDate()}`.padStart(2, '0');
+    return `${date.getFullYear()}-${month}-${day}`;
+};
+const fromKey = (key)=>{
+    const [year, month, day] = key.split('-').map(Number);
+    return new Date(year, month - 1, day);
+};
+/** Monday-first weeks covering the given month, padded with adjacent days. */ const buildWeeks = (year, month)=>{
+    const first = new Date(year, month, 1);
+    const start = new Date(first.getTime());
+    start.setDate(first.getDate() - (first.getDay() + 6) % 7);
+    const weeks = [];
+    const cursor = new Date(start.getTime());
+    do {
+        const week = [];
+        for(let i = 0; i < 7; i += 1){
+            week.push(new Date(cursor.getTime()));
+            cursor.setDate(cursor.getDate() + 1);
+        }
+        weeks.push(week);
+    }while (cursor.getMonth() === month && cursor.getFullYear() === year)
+    return weeks;
+};
+const DateRangeCalendar = ({ from, to, onSelect })=>{
+    const { formatMessage, formatDate } = reactIntl.useIntl();
+    const initialMonth = from ? fromKey(from) : new Date();
+    const [viewYear, setViewYear] = React.useState(initialMonth.getFullYear());
+    const [viewMonth, setViewMonth] = React.useState(initialMonth.getMonth());
+    // In-progress selection: set on the first click, cleared on commit.
+    const [pendingStart, setPendingStart] = React.useState(null);
+    const rangeStart = pendingStart ?? from ?? null;
+    const rangeEnd = pendingStart ? null : to ?? null;
+    const moveMonth = (delta)=>{
+        const next = new Date(viewYear, viewMonth + delta, 1);
+        setViewYear(next.getFullYear());
+        setViewMonth(next.getMonth());
+    };
+    const handleDayClick = (day)=>{
+        const key = toKey(day);
+        if (!pendingStart) {
+            setPendingStart(key);
+            return;
+        }
+        const [start, end] = key < pendingStart ? [
+            key,
+            pendingStart
+        ] : [
+            pendingStart,
+            key
+        ];
+        setPendingStart(null);
+        onSelect(start, end);
+    };
+    const weeks = buildWeeks(viewYear, viewMonth);
+    const weekDayLabels = weeks[0].map((day)=>formatDate(day, {
+            weekday: 'short'
+        }).slice(0, 2));
+    return(// role="group" (not "application"): these are plain buttons — hijacking
+    // the screen reader's own key handling would take away navigation and
+    // give nothing back.
+    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+        padding: 2,
+        width: "100%",
+        role: "group",
+        "aria-label": formatMessage({
+            id: translations.getTranslationKey('list.filters.calendar.label'),
+            defaultMessage: 'Select date range'
+        }),
+        "data-testid": "date-range-calendar",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                paddingBottom: 2,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: translations.getTranslationKey('list.filters.calendar.previous-month'),
+                            defaultMessage: 'Previous month'
+                        }),
+                        onClick: ()=>moveMonth(-1),
+                        children: /*#__PURE__*/ jsxRuntime.jsx(icons.ChevronLeft, {})
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        fontWeight: "semiBold",
+                        textColor: "neutral800",
+                        children: formatDate(new Date(viewYear, viewMonth, 1), {
+                            month: 'long',
+                            year: 'numeric'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: translations.getTranslationKey('list.filters.calendar.next-month'),
+                            defaultMessage: 'Next month'
+                        }),
+                        onClick: ()=>moveMonth(1),
+                        children: /*#__PURE__*/ jsxRuntime.jsx(icons.ChevronRight, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                children: weekDayLabels.map((label, index)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                        width: "3rem",
+                        height: "2.4rem",
+                        justifyContent: "center",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                            variant: "pi",
+                            fontWeight: "semiBold",
+                            textColor: "neutral600",
+                            children: label
+                        })
+                    }, index))
+            }),
+            weeks.map((week, weekIndex)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    children: week.map((day)=>{
+                        const key = toKey(day);
+                        const isEdge = key === rangeStart || key === rangeEnd;
+                        const inRange = rangeStart !== null && rangeEnd !== null && key > rangeStart && key < rangeEnd;
+                        return /*#__PURE__*/ jsxRuntime.jsxs(DayCell, {
+                            type: "button",
+                            $isEdge: isEdge,
+                            $inRange: inRange,
+                            $isMuted: day.getMonth() !== viewMonth,
+                            onClick: ()=>handleDayClick(day),
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                    children: formatDate(day, {
+                                        dateStyle: 'long'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                    "aria-hidden": true,
+                                    children: day.getDate()
+                                })
+                            ]
+                        }, key);
+                    })
+                }, weekIndex))
+        ]
+    }));
+};
+
+exports.DateRangeCalendar = DateRangeCalendar;
+//# sourceMappingURL=DateRangeCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeCalendar.js","sources":["../../../../../../admin/src/future/pages/Assets/components/DateRangeCalendar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Box, Flex, IconButton, Typography, VisuallyHidden } from '@strapi/design-system';\nimport { ChevronLeft, ChevronRight } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\n/**\n * Month-grid range picker: first click sets the start, second click the end\n * (clicks are reordered when the second date is before the first). The DS only\n * ships a single-value DatePicker, so the range grid is built locally.\n *\n * Month/year move via chevrons rather than the mock's dropdowns — nested\n * popovers inside a dropdown menu fight Radix's outside-interaction handling.\n */\n\nconst DayCell = styled.button<{ $inRange?: boolean; $isEdge?: boolean; $isMuted?: boolean }>`\n  width: 3rem;\n  height: 3rem;\n  border: none;\n  border-radius: ${({ theme }) => theme.borderRadius};\n  cursor: pointer;\n  font: inherit;\n  color: ${({ theme, $isEdge, $isMuted }) => {\n    if ($isEdge) return theme.colors.primary600;\n    if ($isMuted) return theme.colors.neutral400;\n    return theme.colors.neutral800;\n  }};\n  background: ${({ theme, $inRange, $isEdge }) => {\n    if ($isEdge) return theme.colors.primary200;\n    if ($inRange) return theme.colors.primary100;\n    return 'transparent';\n  }};\n\n  &:hover {\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\nconst toKey = (date: Date): string => {\n  const month = `${date.getMonth() + 1}`.padStart(2, '0');\n  const day = `${date.getDate()}`.padStart(2, '0');\n  return `${date.getFullYear()}-${month}-${day}`;\n};\n\nconst fromKey = (key: string): Date => {\n  const [year, month, day] = key.split('-').map(Number);\n  return new Date(year, month - 1, day);\n};\n\n/** Monday-first weeks covering the given month, padded with adjacent days. */\nconst buildWeeks = (year: number, month: number): Date[][] => {\n  const first = new Date(year, month, 1);\n  const start = new Date(first.getTime());\n  start.setDate(first.getDate() - ((first.getDay() + 6) % 7));\n\n  const weeks: Date[][] = [];\n  const cursor = new Date(start.getTime());\n\n  do {\n    const week: Date[] = [];\n    for (let i = 0; i < 7; i += 1) {\n      week.push(new Date(cursor.getTime()));\n      cursor.setDate(cursor.getDate() + 1);\n    }\n    weeks.push(week);\n  } while (cursor.getMonth() === month && cursor.getFullYear() === year);\n\n  return weeks;\n};\n\ninterface DateRangeCalendarProps {\n  /** `YYYY-MM-DD`, both set when editing an existing range badge. */\n  from?: string;\n  to?: string;\n  onSelect: (from: string, to: string) => void;\n}\n\nexport const DateRangeCalendar = ({ from, to, onSelect }: DateRangeCalendarProps) => {\n  const { formatMessage, formatDate } = useIntl();\n\n  const initialMonth = from ? fromKey(from) : new Date();\n  const [viewYear, setViewYear] = useState(initialMonth.getFullYear());\n  const [viewMonth, setViewMonth] = useState(initialMonth.getMonth());\n  // In-progress selection: set on the first click, cleared on commit.\n  const [pendingStart, setPendingStart] = useState<string | null>(null);\n\n  const rangeStart = pendingStart ?? from ?? null;\n  const rangeEnd = pendingStart ? null : (to ?? null);\n\n  const moveMonth = (delta: number) => {\n    const next = new Date(viewYear, viewMonth + delta, 1);\n    setViewYear(next.getFullYear());\n    setViewMonth(next.getMonth());\n  };\n\n  const handleDayClick = (day: Date) => {\n    const key = toKey(day);\n\n    if (!pendingStart) {\n      setPendingStart(key);\n      return;\n    }\n\n    const [start, end] = key < pendingStart ? [key, pendingStart] : [pendingStart, key];\n    setPendingStart(null);\n    onSelect(start, end);\n  };\n\n  const weeks = buildWeeks(viewYear, viewMonth);\n  const weekDayLabels = weeks[0].map((day) => formatDate(day, { weekday: 'short' }).slice(0, 2));\n\n  return (\n    // role=\"group\" (not \"application\"): these are plain buttons — hijacking\n    // the screen reader's own key handling would take away navigation and\n    // give nothing back.\n    <Box\n      padding={2}\n      width=\"100%\"\n      role=\"group\"\n      aria-label={formatMessage({\n        id: getTranslationKey('list.filters.calendar.label'),\n        defaultMessage: 'Select date range',\n      })}\n      data-testid=\"date-range-calendar\"\n    >\n      <Flex justifyContent=\"space-between\" alignItems=\"center\" paddingBottom={2}>\n        <IconButton\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('list.filters.calendar.previous-month'),\n            defaultMessage: 'Previous month',\n          })}\n          onClick={() => moveMonth(-1)}\n        >\n          <ChevronLeft />\n        </IconButton>\n        <Typography fontWeight=\"semiBold\" textColor=\"neutral800\">\n          {formatDate(new Date(viewYear, viewMonth, 1), { month: 'long', year: 'numeric' })}\n        </Typography>\n        <IconButton\n          variant=\"ghost\"\n          label={formatMessage({\n            id: getTranslationKey('list.filters.calendar.next-month'),\n            defaultMessage: 'Next month',\n          })}\n          onClick={() => moveMonth(1)}\n        >\n          <ChevronRight />\n        </IconButton>\n      </Flex>\n\n      <Flex>\n        {weekDayLabels.map((label, index) => (\n          <Flex key={index} width=\"3rem\" height=\"2.4rem\" justifyContent=\"center\">\n            <Typography variant=\"pi\" fontWeight=\"semiBold\" textColor=\"neutral600\">\n              {label}\n            </Typography>\n          </Flex>\n        ))}\n      </Flex>\n\n      {weeks.map((week, weekIndex) => (\n        <Flex key={weekIndex}>\n          {week.map((day) => {\n            const key = toKey(day);\n            const isEdge = key === rangeStart || key === rangeEnd;\n            const inRange =\n              rangeStart !== null && rangeEnd !== null && key > rangeStart && key < rangeEnd;\n\n            return (\n              <DayCell\n                key={key}\n                type=\"button\"\n                $isEdge={isEdge}\n                $inRange={inRange}\n                $isMuted={day.getMonth() !== viewMonth}\n                onClick={() => handleDayClick(day)}\n              >\n                <VisuallyHidden>{formatDate(day, { dateStyle: 'long' })}</VisuallyHidden>\n                <span aria-hidden>{day.getDate()}</span>\n              </DayCell>\n            );\n          })}\n        </Flex>\n      ))}\n    </Box>\n  );\n};\n"],"names":["DayCell","styled","button","theme","borderRadius","$isEdge","$isMuted","colors","primary600","neutral400","neutral800","$inRange","primary200","primary100","toKey","date","month","getMonth","padStart","day","getDate","getFullYear","fromKey","key","year","split","map","Number","Date","buildWeeks","first","start","getTime","setDate","getDay","weeks","cursor","week","i","push","DateRangeCalendar","from","to","onSelect","formatMessage","formatDate","useIntl","initialMonth","viewYear","setViewYear","useState","viewMonth","setViewMonth","pendingStart","setPendingStart","rangeStart","rangeEnd","moveMonth","delta","next","handleDayClick","end","weekDayLabels","weekday","slice","_jsxs","Box","padding","width","role","aria-label","id","getTranslationKey","defaultMessage","data-testid","Flex","justifyContent","alignItems","paddingBottom","_jsx","IconButton","variant","label","onClick","ChevronLeft","Typography","fontWeight","textColor","ChevronRight","index","height","weekIndex","isEdge","inRange","type","VisuallyHidden","dateStyle","span","aria-hidden"],"mappings":"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"}