@strapi/upload 5.51.0 → 5.51.2

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

@@ -0,0 +1,191 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Box, Flex, IconButton, Typography, VisuallyHidden } from '@strapi/design-system';
+import { ChevronLeft, ChevronRight } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+
+/**
+ * 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 = 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 } = useIntl();
+    const initialMonth = from ? fromKey(from) : new Date();
+    const [viewYear, setViewYear] = useState(initialMonth.getFullYear());
+    const [viewMonth, setViewMonth] = useState(initialMonth.getMonth());
+    // In-progress selection: set on the first click, cleared on commit.
+    const [pendingStart, setPendingStart] = 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__*/ jsxs(Box, {
+        padding: 2,
+        width: "100%",
+        role: "group",
+        "aria-label": formatMessage({
+            id: getTranslationKey('list.filters.calendar.label'),
+            defaultMessage: 'Select date range'
+        }),
+        "data-testid": "date-range-calendar",
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                justifyContent: "space-between",
+                alignItems: "center",
+                paddingBottom: 2,
+                children: [
+                    /*#__PURE__*/ jsx(IconButton, {
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: getTranslationKey('list.filters.calendar.previous-month'),
+                            defaultMessage: 'Previous month'
+                        }),
+                        onClick: ()=>moveMonth(-1),
+                        children: /*#__PURE__*/ jsx(ChevronLeft, {})
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        fontWeight: "semiBold",
+                        textColor: "neutral800",
+                        children: formatDate(new Date(viewYear, viewMonth, 1), {
+                            month: 'long',
+                            year: 'numeric'
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, {
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: getTranslationKey('list.filters.calendar.next-month'),
+                            defaultMessage: 'Next month'
+                        }),
+                        onClick: ()=>moveMonth(1),
+                        children: /*#__PURE__*/ jsx(ChevronRight, {})
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Flex, {
+                children: weekDayLabels.map((label, index)=>/*#__PURE__*/ jsx(Flex, {
+                        width: "3rem",
+                        height: "2.4rem",
+                        justifyContent: "center",
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            variant: "pi",
+                            fontWeight: "semiBold",
+                            textColor: "neutral600",
+                            children: label
+                        })
+                    }, index))
+            }),
+            weeks.map((week, weekIndex)=>/*#__PURE__*/ jsx(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__*/ jsxs(DayCell, {
+                            type: "button",
+                            $isEdge: isEdge,
+                            $inRange: inRange,
+                            $isMuted: day.getMonth() !== viewMonth,
+                            onClick: ()=>handleDayClick(day),
+                            children: [
+                                /*#__PURE__*/ jsx(VisuallyHidden, {
+                                    children: formatDate(day, {
+                                        dateStyle: 'long'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx("span", {
+                                    "aria-hidden": true,
+                                    children: day.getDate()
+                                })
+                            ]
+                        }, key);
+                    })
+                }, weekIndex))
+        ]
+    }));
+};
+
+export { DateRangeCalendar };
+//# sourceMappingURL=DateRangeCalendar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeCalendar.mjs","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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"}

package/dist/admin/future/pages/Assets/components/Dnd/AssetsDndProvider.js

@@ -6,64 +6,138 @@ var core = require('@dnd-kit/core');
 var strapiAdmin = require('@strapi/admin/strapi-admin');
 var designSystem = require('@strapi/design-system');
 var reactIntl = require('react-intl');
+var useMediaLibraryPermissions = require('../../../../hooks/useMediaLibraryPermissions.js');
 var folders = require('../../../../services/folders.js');
 var buildBulkMovePayload = require('../../../../utils/buildBulkMovePayload.js');
 var canDropItemOnFolder = require('../../../../utils/canDropItemOnFolder.js');
+var formatMoveSuccessMessage = require('../../../../utils/formatMoveSuccessMessage.js');
 var getBulkMoveErrorMessage = require('../../../../utils/getBulkMoveErrorMessage.js');
+var getFolderLabel = require('../../../../utils/getFolderLabel.js');
 var translations = require('../../../../utils/translations.js');
+var useAssetSelection = require('../../hooks/useAssetSelection.js');
+var useFolderNavigation = require('../../hooks/useFolderNavigation.js');
+var buildDragSet = require('./buildDragSet.js');
+var computeValidDropTargets = require('./computeValidDropTargets.js');
 var dndIds = require('./dndIds.js');
 var DragOverlayChip = require('./DragOverlayChip.js');
 
 const AssetsDndContext = /*#__PURE__*/ React.createContext(null);
 const useAssetsDndOptional = ()=>React.useContext(AssetsDndContext);
-const getDragItems = (activeData)=>{
-    if (!activeData) {
-        return [];
+const resolveDestination = (overId)=>{
+    const inView = dndIds.parseFolderTargetId(overId);
+    if (inView != null) {
+        return {
+            destinationFolderId: inView
+        };
     }
-    // TODO(CMS-433): include selectedItems from active data for multi-drag payload members.
-    return [
-        activeData
-    ];
+    const tree = dndIds.parseFolderTreeTargetId(overId);
+    if (tree === 'root') {
+        return {
+            destinationFolderId: null
+        };
+    }
+    if (typeof tree === 'number') {
+        return {
+            destinationFolderId: tree
+        };
+    }
+    return null;
 };
+// Activation distance no real pointer gesture will ever reach — used to keep a
+// constant-length sensor array while disabling drag for users without the move
+// permission (see the note in the provider).
+const DRAG_DISABLED_DISTANCE = Number.MAX_SAFE_INTEGER;
 const AssetsDndProvider = ({ children })=>{
     const { formatMessage } = reactIntl.useIntl();
     const { toggleNotification } = strapiAdmin.useNotification();
+    const selection = useAssetSelection.useAssetSelectionOptional();
+    const { currentFolderId } = useFolderNavigation.useFolderNavigation();
     const { data: folderStructure = [] } = folders.useGetFolderStructureQuery();
+    const rootLabel = formatMessage({
+        id: translations.getTranslationKey('plugin.name'),
+        defaultMessage: 'Media Library'
+    });
     const [bulkMove, { isLoading: isMovePending }] = folders.useBulkMoveMutation();
-    const [activeItem, setActiveItem] = React.useState(null);
+    const [dragItems, setDragItems] = React.useState([]);
     const [liveAnnouncement, setLiveAnnouncement] = React.useState('');
+    // Sync session for drag-end — state alone can lag one render behind dragStart.
+    const dragSessionRef = React.useRef({
+        items: [],
+        fromSelection: false
+    });
     const announceToLiveRegion = React.useCallback((message)=>{
         setLiveAnnouncement('');
         requestAnimationFrame(()=>setLiveAnnouncement(message));
     }, []);
+    // Moving is a mutation (bulk-move → `assets.update`); without the permission
+    // pointer drag must never activate. Keyboard moves go through BulkMoveDialog,
+    // which is itself gated.
+    //
+    // The gate has to keep BOTH the `useSensor`/`useSensors` calls AND the sensor
+    // array's length constant across renders: `canUpdate` starts false and flips
+    // true once the RBAC check resolves, and dnd-kit keys internal memos/effects
+    // on the sensor list, erroring if its size changes ("argument changed size
+    // between renders"). So adding/removing a sensor is out — instead keep one
+    // PointerSensor always and push its activation distance out of reach when the
+    // user can't move, which no real drag gesture will ever satisfy.
+    const { canUpdate } = useMediaLibraryPermissions.useMediaLibraryPermissions();
     const sensors = core.useSensors(core.useSensor(core.PointerSensor, {
         activationConstraint: {
-            distance: 8
+            distance: canUpdate ? 8 : DRAG_DISABLED_DISTANCE
         }
     }));
+    const validDropTargets = React.useMemo(()=>computeValidDropTargets.computeValidDropTargets(dragItems, folderStructure), [
+        dragItems,
+        folderStructure
+    ]);
+    const isValidDropTarget = React.useCallback((targetFolderId)=>validDropTargets.has(targetFolderId), [
+        validDropTargets
+    ]);
     const contextValue = React.useMemo(()=>({
-            isInternalDragActive: activeItem !== null,
-            isMovePending
+            isInternalDragActive: dragItems.length > 0,
+            isMovePending,
+            isValidDropTarget
         }), [
-        activeItem,
-        isMovePending
+        dragItems.length,
+        isMovePending,
+        isValidDropTarget
     ]);
+    const clearDragState = React.useCallback(()=>{
+        dragSessionRef.current = {
+            items: [],
+            fromSelection: false
+        };
+        setDragItems([]);
+    }, []);
     const handleDragStart = React.useCallback((event)=>{
         const data = event.active.data.current;
-        setActiveItem(data ?? null);
-    }, []);
+        if (!data) {
+            clearDragState();
+            return;
+        }
+        const { items, fromSelection } = buildDragSet.buildDragSet(data, selection?.selectedKeys, currentFolderId);
+        dragSessionRef.current = {
+            items,
+            fromSelection
+        };
+        setDragItems(items);
+    }, [
+        clearDragState,
+        currentFolderId,
+        selection?.selectedKeys
+    ]);
     const handleDragEnd = React.useCallback(async (event)=>{
-        const { active, over } = event;
-        setActiveItem(null);
-        if (isMovePending || !over) {
+        const { over } = event;
+        const { items, fromSelection } = dragSessionRef.current;
+        clearDragState();
+        if (isMovePending || !over || items.length === 0) {
             return;
         }
-        const targetFolderId = dndIds.parseFolderTargetId(over.id);
-        const activeData = active.data.current;
-        if (targetFolderId == null || !activeData) {
+        const destination = resolveDestination(over.id);
+        if (!destination) {
             return;
         }
-        const items = getDragItems(activeData);
+        const { destinationFolderId: targetFolderId } = destination;
         if (!canDropItemOnFolder.canDropItemOnFolder({
             items,
             targetFolderId,
@@ -72,19 +146,27 @@ const AssetsDndProvider = ({ children })=>{
             return;
         }
         const payload = buildBulkMovePayload.buildBulkMovePayload(items);
-        const successMessage = formatMessage({
-            id: translations.getTranslationKey('modal.move.success-label'),
-            defaultMessage: 'Elements have been moved successfully.'
+        // Source is always the current folder — dragged items are, by definition,
+        // visible in the current view. Destination is the drop target. Both use
+        // leaf names so the DnD toast reads identically to the dialog's.
+        const successMessage = formatMoveSuccessMessage.formatMoveSuccessMessage({
+            formatMessage,
+            count: items.length,
+            source: getFolderLabel.getFolderLabel(folderStructure, currentFolderId, rootLabel),
+            destination: getFolderLabel.getFolderLabel(folderStructure, targetFolderId, rootLabel)
         });
         const errorFallback = formatMessage({
-            id: translations.getTranslationKey('modal.move.error-label'),
-            defaultMessage: 'An error occurred while moving the elements.'
+            id: translations.getTranslationKey('list.bulk-actions.move.error'),
+            defaultMessage: 'An error occurred while moving the items.'
         });
         try {
             await bulkMove({
                 ...payload,
                 destinationFolderId: targetFolderId
             }).unwrap();
+            if (fromSelection) {
+                selection?.clear();
+            }
             announceToLiveRegion(successMessage);
             toggleNotification({
                 type: 'success',
@@ -106,14 +188,20 @@ const AssetsDndProvider = ({ children })=>{
     }, [
         announceToLiveRegion,
         bulkMove,
+        clearDragState,
+        currentFolderId,
         folderStructure,
         formatMessage,
         isMovePending,
+        rootLabel,
+        selection,
         toggleNotification
     ]);
     const handleDragCancel = React.useCallback(()=>{
-        setActiveItem(null);
-    }, []);
+        clearDragState();
+    }, [
+        clearDragState
+    ]);
     const announcements = React.useMemo(()=>({
             onDragStart: ({ active })=>{
                 const data = active.data.current;
@@ -132,15 +220,15 @@ const AssetsDndProvider = ({ children })=>{
                         defaultMessage: 'Drag cancelled.'
                     });
                 }
-                const targetFolderId = dndIds.parseFolderTargetId(over.id);
+                const destination = resolveDestination(over.id);
                 const activeData = active.data.current;
-                if (targetFolderId == null || !activeData) {
+                if (!destination || !activeData) {
                     return '';
                 }
-                const items = getDragItems(activeData);
+                const { items } = buildDragSet.buildDragSet(activeData, selection?.selectedKeys, currentFolderId);
                 if (!canDropItemOnFolder.canDropItemOnFolder({
                     items,
-                    targetFolderId,
+                    targetFolderId: destination.destinationFolderId,
                     folderStructure
                 })) {
                     return formatMessage({
@@ -155,8 +243,10 @@ const AssetsDndProvider = ({ children })=>{
                     defaultMessage: 'Drag cancelled.'
                 })
         }), [
+        currentFolderId,
         folderStructure,
-        formatMessage
+        formatMessage,
+        selection?.selectedKeys
     ]);
     return /*#__PURE__*/ jsxRuntime.jsx(AssetsDndContext.Provider, {
         value: contextValue,
@@ -181,14 +271,16 @@ const AssetsDndProvider = ({ children })=>{
                 }),
                 /*#__PURE__*/ jsxRuntime.jsx(core.DragOverlay, {
                     dropAnimation: null,
-                    children: activeItem ? /*#__PURE__*/ jsxRuntime.jsx(DragOverlayChip.DragOverlayChip, {
-                        item: activeItem
+                    children: dragItems.length > 0 ? /*#__PURE__*/ jsxRuntime.jsx(DragOverlayChip.DragOverlayChip, {
+                        items: dragItems
                     }) : null
                 })
             ]
         })
     });
-}; // TODO(CMS-229): FolderTree droppables + keyboard move path.
+}; // Keyboard-accessible moves are handled by `BulkMoveDialog` (reachable from the
+ // bulk-actions bar): pointer drag is a mouse-only enhancement, the dialog is the
+ // a11y path. No `KeyboardSensor` by design.
 
 exports.AssetsDndProvider = AssetsDndProvider;
 exports.useAssetsDndOptional = useAssetsDndOptional;

package/dist/admin/future/pages/Assets/components/Dnd/AssetsDndProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetsDndProvider.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/AssetsDndProvider.tsx"],"sourcesContent":["import { createContext, useCallback, useContext, useMemo, useState, type ReactNode } from 'react';\n\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  pointerWithin,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n} from '@dnd-kit/core';\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Box, VisuallyHidden } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useBulkMoveMutation, useGetFolderStructureQuery } from '../../../../services/folders';\nimport { buildBulkMovePayload } from '../../../../utils/buildBulkMovePayload';\nimport { canDropItemOnFolder } from '../../../../utils/canDropItemOnFolder';\nimport { getBulkMoveErrorMessage } from '../../../../utils/getBulkMoveErrorMessage';\nimport { getTranslationKey } from '../../../../utils/translations';\n\nimport { parseFolderTargetId } from './dndIds';\nimport { DragOverlayChip } from './DragOverlayChip';\n\nimport type { DragItemData } from '../../../../types/dnd';\n\n/* -------------------------------------------------------------------------------------------------\n * Context — shared with UploadDropZoneProvider for bidirectional drag guard.\n * See UploadDropZoneContext.tsx TODO linking both providers.\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsDndContextValue {\n  isInternalDragActive: boolean;\n  isMovePending: boolean;\n}\n\nconst AssetsDndContext = createContext<AssetsDndContextValue | null>(null);\n\nexport const useAssetsDnd = () => {\n  const context = useContext(AssetsDndContext);\n\n  if (!context) {\n    throw new Error('useAssetsDnd must be used within AssetsDndProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetsDndOptional = () => useContext(AssetsDndContext);\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsDndProviderProps {\n  children: ReactNode;\n}\n\nconst getDragItems = (activeData: DragItemData | undefined): DragItemData[] => {\n  if (!activeData) {\n    return [];\n  }\n\n  // TODO(CMS-433): include selectedItems from active data for multi-drag payload members.\n  return [activeData];\n};\n\nexport const AssetsDndProvider = ({ children }: AssetsDndProviderProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { data: folderStructure = [] } = useGetFolderStructureQuery();\n  const [bulkMove, { isLoading: isMovePending }] = useBulkMoveMutation();\n  const [activeItem, setActiveItem] = useState<DragItemData | null>(null);\n  const [liveAnnouncement, setLiveAnnouncement] = useState('');\n\n  const announceToLiveRegion = useCallback((message: string) => {\n    setLiveAnnouncement('');\n    requestAnimationFrame(() => setLiveAnnouncement(message));\n  }, []);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: { distance: 8 },\n    })\n  );\n\n  const contextValue = useMemo<AssetsDndContextValue>(\n    () => ({\n      isInternalDragActive: activeItem !== null,\n      isMovePending,\n    }),\n    [activeItem, isMovePending]\n  );\n\n  const handleDragStart = useCallback((event: DragStartEvent) => {\n    const data = event.active.data.current as DragItemData | undefined;\n    setActiveItem(data ?? null);\n  }, []);\n\n  const handleDragEnd = useCallback(\n    async (event: DragEndEvent) => {\n      const { active, over } = event;\n      setActiveItem(null);\n\n      if (isMovePending || !over) {\n        return;\n      }\n\n      const targetFolderId = parseFolderTargetId(over.id);\n      const activeData = active.data.current as DragItemData | undefined;\n\n      if (targetFolderId == null || !activeData) {\n        return;\n      }\n\n      const items = getDragItems(activeData);\n\n      if (\n        !canDropItemOnFolder({\n          items,\n          targetFolderId,\n          folderStructure,\n        })\n      ) {\n        return;\n      }\n\n      const payload = buildBulkMovePayload(items);\n      const successMessage = formatMessage({\n        id: getTranslationKey('modal.move.success-label'),\n        defaultMessage: 'Elements have been moved successfully.',\n      });\n      const errorFallback = formatMessage({\n        id: getTranslationKey('modal.move.error-label'),\n        defaultMessage: 'An error occurred while moving the elements.',\n      });\n\n      try {\n        await bulkMove({ ...payload, destinationFolderId: targetFolderId }).unwrap();\n\n        announceToLiveRegion(successMessage);\n\n        toggleNotification({\n          type: 'success',\n          message: successMessage,\n        });\n      } catch (error) {\n        const errorMessage = getBulkMoveErrorMessage(error, errorFallback);\n\n        announceToLiveRegion(\n          formatMessage(\n            {\n              id: getTranslationKey('dnd.announce.move-failure'),\n              defaultMessage: 'Move failed. {message}',\n            },\n            { message: errorMessage }\n          )\n        );\n\n        toggleNotification({\n          type: 'danger',\n          message: errorMessage,\n        });\n      }\n    },\n    [\n      announceToLiveRegion,\n      bulkMove,\n      folderStructure,\n      formatMessage,\n      isMovePending,\n      toggleNotification,\n    ]\n  );\n\n  const handleDragCancel = useCallback(() => {\n    setActiveItem(null);\n  }, []);\n\n  const announcements = useMemo(\n    () => ({\n      onDragStart: ({ active }: DragStartEvent) => {\n        const data = active.data.current as DragItemData | undefined;\n        return data\n          ? formatMessage(\n              {\n                id: getTranslationKey('dnd.announce.drag-start'),\n                defaultMessage: 'Picked up {name}. Drop on a folder to move.',\n              },\n              { name: data.name }\n            )\n          : '';\n      },\n      onDragOver: () => '',\n      onDragEnd: ({ active, over }: DragEndEvent) => {\n        if (!over) {\n          return formatMessage({\n            id: getTranslationKey('dnd.announce.cancel'),\n            defaultMessage: 'Drag cancelled.',\n          });\n        }\n\n        const targetFolderId = parseFolderTargetId(over.id);\n        const activeData = active.data.current as DragItemData | undefined;\n\n        if (targetFolderId == null || !activeData) {\n          return '';\n        }\n\n        const items = getDragItems(activeData);\n\n        if (\n          !canDropItemOnFolder({\n            items,\n            targetFolderId,\n            folderStructure,\n          })\n        ) {\n          return formatMessage({\n            id: getTranslationKey('dnd.announce.invalid-drop'),\n            defaultMessage: 'Cannot move item to this folder.',\n          });\n        }\n\n        return '';\n      },\n      onDragCancel: () =>\n        formatMessage({\n          id: getTranslationKey('dnd.announce.cancel'),\n          defaultMessage: 'Drag cancelled.',\n        }),\n    }),\n    [folderStructure, formatMessage]\n  );\n\n  return (\n    <AssetsDndContext.Provider value={contextValue}>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={pointerWithin}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n        onDragCancel={handleDragCancel}\n        accessibility={{ announcements }}\n      >\n        <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n          {liveAnnouncement}\n        </VisuallyHidden>\n        <Box position=\"relative\">{children}</Box>\n        <DragOverlay dropAnimation={null}>\n          {activeItem ? <DragOverlayChip item={activeItem} /> : null}\n        </DragOverlay>\n      </DndContext>\n    </AssetsDndContext.Provider>\n  );\n};\n\n// TODO(CMS-229): FolderTree droppables + keyboard move path.\n"],"names":["AssetsDndContext","createContext","useAssetsDndOptional","useContext","getDragItems","activeData","AssetsDndProvider","children","formatMessage","useIntl","toggleNotification","useNotification","data","folderStructure","useGetFolderStructureQuery","bulkMove","isLoading","isMovePending","useBulkMoveMutation","activeItem","setActiveItem","useState","liveAnnouncement","setLiveAnnouncement","announceToLiveRegion","useCallback","message","requestAnimationFrame","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","contextValue","useMemo","isInternalDragActive","handleDragStart","event","active","current","handleDragEnd","over","targetFolderId","parseFolderTargetId","id","items","canDropItemOnFolder","payload","buildBulkMovePayload","successMessage","getTranslationKey","defaultMessage","errorFallback","destinationFolderId","unwrap","type","error","errorMessage","getBulkMoveErrorMessage","handleDragCancel","announcements","onDragStart","name","onDragOver","onDragEnd","onDragCancel","_jsx","Provider","value","_jsxs","DndContext","collisionDetection","pointerWithin","accessibility","VisuallyHidden","aria-live","aria-atomic","Box","position","DragOverlay","dropAnimation","DragOverlayChip","item"],"mappings":"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"}
+{"version":3,"file":"AssetsDndProvider.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/Dnd/AssetsDndProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  pointerWithin,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n} from '@dnd-kit/core';\nimport { useNotification } from '@strapi/admin/strapi-admin';\nimport { Box, VisuallyHidden } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useMediaLibraryPermissions } from '../../../../hooks/useMediaLibraryPermissions';\nimport { useBulkMoveMutation, useGetFolderStructureQuery } from '../../../../services/folders';\nimport { buildBulkMovePayload } from '../../../../utils/buildBulkMovePayload';\nimport { canDropItemOnFolder } from '../../../../utils/canDropItemOnFolder';\nimport { formatMoveSuccessMessage } from '../../../../utils/formatMoveSuccessMessage';\nimport { getBulkMoveErrorMessage } from '../../../../utils/getBulkMoveErrorMessage';\nimport { getFolderLabel } from '../../../../utils/getFolderLabel';\nimport { getTranslationKey } from '../../../../utils/translations';\nimport { useAssetSelectionOptional } from '../../hooks/useAssetSelection';\nimport { useFolderNavigation } from '../../hooks/useFolderNavigation';\n\nimport { buildDragSet } from './buildDragSet';\nimport { computeValidDropTargets } from './computeValidDropTargets';\nimport { parseFolderTargetId, parseFolderTreeTargetId } from './dndIds';\nimport { DragOverlayChip } from './DragOverlayChip';\n\nimport type { DragItemData } from '../../../../types/dnd';\n\n/* -------------------------------------------------------------------------------------------------\n * Context — shared with UploadDropZoneProvider for bidirectional drag guard.\n * See UploadDropZoneContext.tsx TODO linking both providers.\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsDndContextValue {\n  isInternalDragActive: boolean;\n  isMovePending: boolean;\n  /** O(1) lookup of whether the current drag set may drop on this destination. */\n  isValidDropTarget: (targetFolderId: number | null) => boolean;\n}\n\nconst AssetsDndContext = createContext<AssetsDndContextValue | null>(null);\n\nexport const useAssetsDnd = () => {\n  const context = useContext(AssetsDndContext);\n\n  if (!context) {\n    throw new Error('useAssetsDnd must be used within AssetsDndProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetsDndOptional = () => useContext(AssetsDndContext);\n\n/* -------------------------------------------------------------------------------------------------\n * Provider\n * -----------------------------------------------------------------------------------------------*/\n\ninterface AssetsDndProviderProps {\n  children: ReactNode;\n}\n\ninterface DragSession {\n  items: DragItemData[];\n  fromSelection: boolean;\n}\n\nconst resolveDestination = (\n  overId: string | number\n): { destinationFolderId: number | null } | null => {\n  const inView = parseFolderTargetId(overId);\n\n  if (inView != null) {\n    return { destinationFolderId: inView };\n  }\n\n  const tree = parseFolderTreeTargetId(overId);\n\n  if (tree === 'root') {\n    return { destinationFolderId: null };\n  }\n\n  if (typeof tree === 'number') {\n    return { destinationFolderId: tree };\n  }\n\n  return null;\n};\n\n// Activation distance no real pointer gesture will ever reach — used to keep a\n// constant-length sensor array while disabling drag for users without the move\n// permission (see the note in the provider).\nconst DRAG_DISABLED_DISTANCE = Number.MAX_SAFE_INTEGER;\n\nexport const AssetsDndProvider = ({ children }: AssetsDndProviderProps) => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const selection = useAssetSelectionOptional();\n  const { currentFolderId } = useFolderNavigation();\n  const { data: folderStructure = [] } = useGetFolderStructureQuery();\n  const rootLabel = formatMessage({\n    id: getTranslationKey('plugin.name'),\n    defaultMessage: 'Media Library',\n  });\n  const [bulkMove, { isLoading: isMovePending }] = useBulkMoveMutation();\n  const [dragItems, setDragItems] = useState<DragItemData[]>([]);\n  const [liveAnnouncement, setLiveAnnouncement] = useState('');\n  // Sync session for drag-end — state alone can lag one render behind dragStart.\n  const dragSessionRef = useRef<DragSession>({ items: [], fromSelection: false });\n\n  const announceToLiveRegion = useCallback((message: string) => {\n    setLiveAnnouncement('');\n    requestAnimationFrame(() => setLiveAnnouncement(message));\n  }, []);\n\n  // Moving is a mutation (bulk-move → `assets.update`); without the permission\n  // pointer drag must never activate. Keyboard moves go through BulkMoveDialog,\n  // which is itself gated.\n  //\n  // The gate has to keep BOTH the `useSensor`/`useSensors` calls AND the sensor\n  // array's length constant across renders: `canUpdate` starts false and flips\n  // true once the RBAC check resolves, and dnd-kit keys internal memos/effects\n  // on the sensor list, erroring if its size changes (\"argument changed size\n  // between renders\"). So adding/removing a sensor is out — instead keep one\n  // PointerSensor always and push its activation distance out of reach when the\n  // user can't move, which no real drag gesture will ever satisfy.\n  const { canUpdate } = useMediaLibraryPermissions();\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: { distance: canUpdate ? 8 : DRAG_DISABLED_DISTANCE },\n    })\n  );\n\n  const validDropTargets = useMemo(\n    () => computeValidDropTargets(dragItems, folderStructure),\n    [dragItems, folderStructure]\n  );\n\n  const isValidDropTarget = useCallback(\n    (targetFolderId: number | null) => validDropTargets.has(targetFolderId),\n    [validDropTargets]\n  );\n\n  const contextValue = useMemo<AssetsDndContextValue>(\n    () => ({\n      isInternalDragActive: dragItems.length > 0,\n      isMovePending,\n      isValidDropTarget,\n    }),\n    [dragItems.length, isMovePending, isValidDropTarget]\n  );\n\n  const clearDragState = useCallback(() => {\n    dragSessionRef.current = { items: [], fromSelection: false };\n    setDragItems([]);\n  }, []);\n\n  const handleDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const data = event.active.data.current as DragItemData | undefined;\n\n      if (!data) {\n        clearDragState();\n        return;\n      }\n\n      const { items, fromSelection } = buildDragSet(data, selection?.selectedKeys, currentFolderId);\n      dragSessionRef.current = { items, fromSelection };\n      setDragItems(items);\n    },\n    [clearDragState, currentFolderId, selection?.selectedKeys]\n  );\n\n  const handleDragEnd = useCallback(\n    async (event: DragEndEvent) => {\n      const { over } = event;\n      const { items, fromSelection } = dragSessionRef.current;\n      clearDragState();\n\n      if (isMovePending || !over || items.length === 0) {\n        return;\n      }\n\n      const destination = resolveDestination(over.id);\n\n      if (!destination) {\n        return;\n      }\n\n      const { destinationFolderId: targetFolderId } = destination;\n\n      if (\n        !canDropItemOnFolder({\n          items,\n          targetFolderId,\n          folderStructure,\n        })\n      ) {\n        return;\n      }\n\n      const payload = buildBulkMovePayload(items);\n      // Source is always the current folder — dragged items are, by definition,\n      // visible in the current view. Destination is the drop target. Both use\n      // leaf names so the DnD toast reads identically to the dialog's.\n      const successMessage = formatMoveSuccessMessage({\n        formatMessage,\n        count: items.length,\n        source: getFolderLabel(folderStructure, currentFolderId, rootLabel),\n        destination: getFolderLabel(folderStructure, targetFolderId, rootLabel),\n      });\n      const errorFallback = formatMessage({\n        id: getTranslationKey('list.bulk-actions.move.error'),\n        defaultMessage: 'An error occurred while moving the items.',\n      });\n\n      try {\n        await bulkMove({ ...payload, destinationFolderId: targetFolderId }).unwrap();\n\n        if (fromSelection) {\n          selection?.clear();\n        }\n\n        announceToLiveRegion(successMessage);\n\n        toggleNotification({\n          type: 'success',\n          message: successMessage,\n        });\n      } catch (error) {\n        const errorMessage = getBulkMoveErrorMessage(error, errorFallback);\n\n        announceToLiveRegion(\n          formatMessage(\n            {\n              id: getTranslationKey('dnd.announce.move-failure'),\n              defaultMessage: 'Move failed. {message}',\n            },\n            { message: errorMessage }\n          )\n        );\n\n        toggleNotification({\n          type: 'danger',\n          message: errorMessage,\n        });\n      }\n    },\n    [\n      announceToLiveRegion,\n      bulkMove,\n      clearDragState,\n      currentFolderId,\n      folderStructure,\n      formatMessage,\n      isMovePending,\n      rootLabel,\n      selection,\n      toggleNotification,\n    ]\n  );\n\n  const handleDragCancel = useCallback(() => {\n    clearDragState();\n  }, [clearDragState]);\n\n  const announcements = useMemo(\n    () => ({\n      onDragStart: ({ active }: DragStartEvent) => {\n        const data = active.data.current as DragItemData | undefined;\n        return data\n          ? formatMessage(\n              {\n                id: getTranslationKey('dnd.announce.drag-start'),\n                defaultMessage: 'Picked up {name}. Drop on a folder to move.',\n              },\n              { name: data.name }\n            )\n          : '';\n      },\n      onDragOver: () => '',\n      onDragEnd: ({ active, over }: DragEndEvent) => {\n        if (!over) {\n          return formatMessage({\n            id: getTranslationKey('dnd.announce.cancel'),\n            defaultMessage: 'Drag cancelled.',\n          });\n        }\n\n        const destination = resolveDestination(over.id);\n        const activeData = active.data.current as DragItemData | undefined;\n\n        if (!destination || !activeData) {\n          return '';\n        }\n\n        const { items } = buildDragSet(activeData, selection?.selectedKeys, currentFolderId);\n\n        if (\n          !canDropItemOnFolder({\n            items,\n            targetFolderId: destination.destinationFolderId,\n            folderStructure,\n          })\n        ) {\n          return formatMessage({\n            id: getTranslationKey('dnd.announce.invalid-drop'),\n            defaultMessage: 'Cannot move item to this folder.',\n          });\n        }\n\n        return '';\n      },\n      onDragCancel: () =>\n        formatMessage({\n          id: getTranslationKey('dnd.announce.cancel'),\n          defaultMessage: 'Drag cancelled.',\n        }),\n    }),\n    [currentFolderId, folderStructure, formatMessage, selection?.selectedKeys]\n  );\n\n  return (\n    <AssetsDndContext.Provider value={contextValue}>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={pointerWithin}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n        onDragCancel={handleDragCancel}\n        accessibility={{ announcements }}\n      >\n        <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n          {liveAnnouncement}\n        </VisuallyHidden>\n        <Box position=\"relative\">{children}</Box>\n        <DragOverlay dropAnimation={null}>\n          {dragItems.length > 0 ? <DragOverlayChip items={dragItems} /> : null}\n        </DragOverlay>\n      </DndContext>\n    </AssetsDndContext.Provider>\n  );\n};\n\n// Keyboard-accessible moves are handled by `BulkMoveDialog` (reachable from the\n// bulk-actions bar): pointer drag is a mouse-only enhancement, the dialog is the\n// a11y path. No `KeyboardSensor` by design.\n"],"names":["AssetsDndContext","createContext","useAssetsDndOptional","useContext","resolveDestination","overId","inView","parseFolderTargetId","destinationFolderId","tree","parseFolderTreeTargetId","DRAG_DISABLED_DISTANCE","Number","MAX_SAFE_INTEGER","AssetsDndProvider","children","formatMessage","useIntl","toggleNotification","useNotification","selection","useAssetSelectionOptional","currentFolderId","useFolderNavigation","data","folderStructure","useGetFolderStructureQuery","rootLabel","id","getTranslationKey","defaultMessage","bulkMove","isLoading","isMovePending","useBulkMoveMutation","dragItems","setDragItems","useState","liveAnnouncement","setLiveAnnouncement","dragSessionRef","useRef","items","fromSelection","announceToLiveRegion","useCallback","message","requestAnimationFrame","canUpdate","useMediaLibraryPermissions","sensors","useSensors","useSensor","PointerSensor","activationConstraint","distance","validDropTargets","useMemo","computeValidDropTargets","isValidDropTarget","targetFolderId","has","contextValue","isInternalDragActive","length","clearDragState","current","handleDragStart","event","active","buildDragSet","selectedKeys","handleDragEnd","over","destination","canDropItemOnFolder","payload","buildBulkMovePayload","successMessage","formatMoveSuccessMessage","count","source","getFolderLabel","errorFallback","unwrap","clear","type","error","errorMessage","getBulkMoveErrorMessage","handleDragCancel","announcements","onDragStart","name","onDragOver","onDragEnd","activeData","onDragCancel","_jsx","Provider","value","_jsxs","DndContext","collisionDetection","pointerWithin","accessibility","VisuallyHidden","aria-live","aria-atomic","Box","position","DragOverlay","dropAnimation","DragOverlayChip"],"mappings":"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"}