@strapi/upload 5.52.0 → 5.52.2

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 {\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 { Flex, 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 { emptyItemLocations, type ItemLocations } from '../../../../utils/itemLocations';\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   * Real location of every loaded row, so a multi-item drag validates against\n   * each item's own parent. Defaults to a lookup that misses everything, which\n   * falls back to the folder currently open.\n   */\n  locations?: ItemLocations;\n}\n\ninterface DragSession {\n  items: DragItemData[];\n  fromSelection: boolean;\n  /** Location of the grabbed row — names the source in the success toast. */\n  activeSourceFolderId: number | null;\n  /** True when the set spans several source folders, so none can be named. */\n  spansMultipleSources: 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 = ({\n  children,\n  locations = emptyItemLocations,\n}: 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>({\n    items: [],\n    fromSelection: false,\n    activeSourceFolderId: null,\n    spansMultipleSources: false,\n  });\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 = {\n      items: [],\n      fromSelection: false,\n      activeSourceFolderId: null,\n      spansMultipleSources: false,\n    };\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 dragSet = buildDragSet(data, selection?.selectedKeys, locations, currentFolderId);\n      dragSessionRef.current = dragSet;\n      setDragItems(dragSet.items);\n    },\n    [clearDragState, currentFolderId, locations, selection?.selectedKeys]\n  );\n\n  const handleDragEnd = useCallback(\n    async (event: DragEndEvent) => {\n      const { over } = event;\n      const { items, fromSelection, activeSourceFolderId, spansMultipleSources } =\n        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 the grabbed row's own location, not the folder currently open:\n      // a global search result can be dragged out of a folder the user isn't in.\n      // A search-built selection can also span folders, and then no single\n      // source is true for the whole set — `null` drops it from the wording\n      // instead of naming one item's folder for all of them. Destination is the\n      // drop target. Both use leaf names so the DnD toast reads identically to\n      // the dialog's.\n      const successMessage = formatMoveSuccessMessage({\n        formatMessage,\n        count: items.length,\n        source: spansMultipleSources\n          ? null\n          : getFolderLabel(folderStructure, activeSourceFolderId, 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      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(\n          activeData,\n          selection?.selectedKeys,\n          locations,\n          currentFolderId\n        );\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, locations, 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        <Flex position=\"relative\" alignItems=\"stretch\" direction=\"column\" height=\"100%\">\n          {children}\n        </Flex>\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","locations","emptyItemLocations","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","activeSourceFolderId","spansMultipleSources","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","dragSet","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","Flex","position","alignItems","direction","height","DragOverlay","dropAnimation","DragOverlayChip"],"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 { Flex, VisuallyHidden } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useApiErrorMessage } from '../../../../hooks/useApiErrorMessage';\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 { getFolderLabel } from '../../../../utils/getFolderLabel';\nimport { emptyItemLocations, type ItemLocations } from '../../../../utils/itemLocations';\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   * Real location of every loaded row, so a multi-item drag validates against\n   * each item's own parent. Defaults to a lookup that misses everything, which\n   * falls back to the folder currently open.\n   */\n  locations?: ItemLocations;\n}\n\ninterface DragSession {\n  items: DragItemData[];\n  fromSelection: boolean;\n  /** Location of the grabbed row — names the source in the success toast. */\n  activeSourceFolderId: number | null;\n  /** True when the set spans several source folders, so none can be named. */\n  spansMultipleSources: 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 = ({\n  children,\n  locations = emptyItemLocations,\n}: AssetsDndProviderProps) => {\n  const { formatMessage } = useIntl();\n  const getErrorMessage = useApiErrorMessage();\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>({\n    items: [],\n    fromSelection: false,\n    activeSourceFolderId: null,\n    spansMultipleSources: false,\n  });\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 = {\n      items: [],\n      fromSelection: false,\n      activeSourceFolderId: null,\n      spansMultipleSources: false,\n    };\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 dragSet = buildDragSet(data, selection?.selectedKeys, locations, currentFolderId);\n      dragSessionRef.current = dragSet;\n      setDragItems(dragSet.items);\n    },\n    [clearDragState, currentFolderId, locations, selection?.selectedKeys]\n  );\n\n  const handleDragEnd = useCallback(\n    async (event: DragEndEvent) => {\n      const { over } = event;\n      const { items, fromSelection, activeSourceFolderId, spansMultipleSources } =\n        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 the grabbed row's own location, not the folder currently open:\n      // a global search result can be dragged out of a folder the user isn't in.\n      // A search-built selection can also span folders, and then no single\n      // source is true for the whole set — `null` drops it from the wording\n      // instead of naming one item's folder for all of them. Destination is the\n      // drop target. Both use leaf names so the DnD toast reads identically to\n      // the dialog's.\n      const successMessage = formatMoveSuccessMessage({\n        formatMessage,\n        count: items.length,\n        source: spansMultipleSources\n          ? null\n          : getFolderLabel(folderStructure, activeSourceFolderId, 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 = getErrorMessage(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      folderStructure,\n      formatMessage,\n      getErrorMessage,\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(\n          activeData,\n          selection?.selectedKeys,\n          locations,\n          currentFolderId\n        );\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, locations, 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        <Flex position=\"relative\" alignItems=\"stretch\" direction=\"column\" height=\"100%\">\n          {children}\n        </Flex>\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","locations","emptyItemLocations","formatMessage","useIntl","getErrorMessage","useApiErrorMessage","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","activeSourceFolderId","spansMultipleSources","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","dragSet","buildDragSet","selectedKeys","handleDragEnd","over","destination","canDropItemOnFolder","payload","buildBulkMovePayload","successMessage","formatMoveSuccessMessage","count","source","getFolderLabel","errorFallback","unwrap","clear","type","error","errorMessage","handleDragCancel","announcements","onDragStart","name","onDragOver","onDragEnd","activeData","onDragCancel","_jsx","Provider","value","_jsxs","DndContext","collisionDetection","pointerWithin","accessibility","VisuallyHidden","aria-live","aria-atomic","Flex","position","alignItems","direction","height","DragOverlay","dropAnimation","DragOverlayChip"],"mappings":"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"}

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

@@ -4,12 +4,12 @@ import { useSensors, useSensor, PointerSensor, DndContext, pointerWithin, DragOv
 import { useNotification } from '@strapi/admin/strapi-admin';
 import { VisuallyHidden, Flex } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
+import { useApiErrorMessage } from '../../../../hooks/useApiErrorMessage.mjs';
 import { useMediaLibraryPermissions } from '../../../../hooks/useMediaLibraryPermissions.mjs';
 import { useGetFolderStructureQuery, useBulkMoveMutation } from '../../../../services/folders.mjs';
 import { buildBulkMovePayload } from '../../../../utils/buildBulkMovePayload.mjs';
 import { canDropItemOnFolder } from '../../../../utils/canDropItemOnFolder.mjs';
 import { formatMoveSuccessMessage } from '../../../../utils/formatMoveSuccessMessage.mjs';
-import { getBulkMoveErrorMessage } from '../../../../utils/getBulkMoveErrorMessage.mjs';
 import { getFolderLabel } from '../../../../utils/getFolderLabel.mjs';
 import { emptyItemLocations } from '../../../../utils/itemLocations.mjs';
 import { getTranslationKey } from '../../../../utils/translations.mjs';
@@ -48,6 +48,7 @@ const resolveDestination = (overId)=>{
 const DRAG_DISABLED_DISTANCE = Number.MAX_SAFE_INTEGER;
 const AssetsDndProvider = ({ children, locations = emptyItemLocations })=>{
     const { formatMessage } = useIntl();
+    const getErrorMessage = useApiErrorMessage();
     const { toggleNotification } = useNotification();
     const selection = useAssetSelectionOptional();
     const { currentFolderId } = useFolderNavigation();
@@ -178,7 +179,7 @@ const AssetsDndProvider = ({ children, locations = emptyItemLocations })=>{
                 message: successMessage
             });
         } catch (error) {
-            const errorMessage = getBulkMoveErrorMessage(error, errorFallback);
+            const errorMessage = getErrorMessage(error, errorFallback);
             announceToLiveRegion(formatMessage({
                 id: getTranslationKey('dnd.announce.move-failure'),
                 defaultMessage: 'Move failed. {message}'
@@ -196,6 +197,7 @@ const AssetsDndProvider = ({ children, locations = emptyItemLocations })=>{
         clearDragState,
         folderStructure,
         formatMessage,
+        getErrorMessage,
         isMovePending,
         rootLabel,
         selection,

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

@@ -1 +1 @@
-{"version":3,"file":"AssetsDndProvider.mjs","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 { Flex, 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 { emptyItemLocations, type ItemLocations } from '../../../../utils/itemLocations';\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   * Real location of every loaded row, so a multi-item drag validates against\n   * each item's own parent. Defaults to a lookup that misses everything, which\n   * falls back to the folder currently open.\n   */\n  locations?: ItemLocations;\n}\n\ninterface DragSession {\n  items: DragItemData[];\n  fromSelection: boolean;\n  /** Location of the grabbed row — names the source in the success toast. */\n  activeSourceFolderId: number | null;\n  /** True when the set spans several source folders, so none can be named. */\n  spansMultipleSources: 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 = ({\n  children,\n  locations = emptyItemLocations,\n}: 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>({\n    items: [],\n    fromSelection: false,\n    activeSourceFolderId: null,\n    spansMultipleSources: false,\n  });\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 = {\n      items: [],\n      fromSelection: false,\n      activeSourceFolderId: null,\n      spansMultipleSources: false,\n    };\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 dragSet = buildDragSet(data, selection?.selectedKeys, locations, currentFolderId);\n      dragSessionRef.current = dragSet;\n      setDragItems(dragSet.items);\n    },\n    [clearDragState, currentFolderId, locations, selection?.selectedKeys]\n  );\n\n  const handleDragEnd = useCallback(\n    async (event: DragEndEvent) => {\n      const { over } = event;\n      const { items, fromSelection, activeSourceFolderId, spansMultipleSources } =\n        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 the grabbed row's own location, not the folder currently open:\n      // a global search result can be dragged out of a folder the user isn't in.\n      // A search-built selection can also span folders, and then no single\n      // source is true for the whole set — `null` drops it from the wording\n      // instead of naming one item's folder for all of them. Destination is the\n      // drop target. Both use leaf names so the DnD toast reads identically to\n      // the dialog's.\n      const successMessage = formatMoveSuccessMessage({\n        formatMessage,\n        count: items.length,\n        source: spansMultipleSources\n          ? null\n          : getFolderLabel(folderStructure, activeSourceFolderId, 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      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(\n          activeData,\n          selection?.selectedKeys,\n          locations,\n          currentFolderId\n        );\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, locations, 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        <Flex position=\"relative\" alignItems=\"stretch\" direction=\"column\" height=\"100%\">\n          {children}\n        </Flex>\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","locations","emptyItemLocations","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","activeSourceFolderId","spansMultipleSources","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","dragSet","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","Flex","position","alignItems","direction","height","DragOverlay","dropAnimation","DragOverlayChip"],"mappings":"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"}
+{"version":3,"file":"AssetsDndProvider.mjs","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 { Flex, VisuallyHidden } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useApiErrorMessage } from '../../../../hooks/useApiErrorMessage';\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 { getFolderLabel } from '../../../../utils/getFolderLabel';\nimport { emptyItemLocations, type ItemLocations } from '../../../../utils/itemLocations';\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   * Real location of every loaded row, so a multi-item drag validates against\n   * each item's own parent. Defaults to a lookup that misses everything, which\n   * falls back to the folder currently open.\n   */\n  locations?: ItemLocations;\n}\n\ninterface DragSession {\n  items: DragItemData[];\n  fromSelection: boolean;\n  /** Location of the grabbed row — names the source in the success toast. */\n  activeSourceFolderId: number | null;\n  /** True when the set spans several source folders, so none can be named. */\n  spansMultipleSources: 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 = ({\n  children,\n  locations = emptyItemLocations,\n}: AssetsDndProviderProps) => {\n  const { formatMessage } = useIntl();\n  const getErrorMessage = useApiErrorMessage();\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>({\n    items: [],\n    fromSelection: false,\n    activeSourceFolderId: null,\n    spansMultipleSources: false,\n  });\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 = {\n      items: [],\n      fromSelection: false,\n      activeSourceFolderId: null,\n      spansMultipleSources: false,\n    };\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 dragSet = buildDragSet(data, selection?.selectedKeys, locations, currentFolderId);\n      dragSessionRef.current = dragSet;\n      setDragItems(dragSet.items);\n    },\n    [clearDragState, currentFolderId, locations, selection?.selectedKeys]\n  );\n\n  const handleDragEnd = useCallback(\n    async (event: DragEndEvent) => {\n      const { over } = event;\n      const { items, fromSelection, activeSourceFolderId, spansMultipleSources } =\n        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 the grabbed row's own location, not the folder currently open:\n      // a global search result can be dragged out of a folder the user isn't in.\n      // A search-built selection can also span folders, and then no single\n      // source is true for the whole set — `null` drops it from the wording\n      // instead of naming one item's folder for all of them. Destination is the\n      // drop target. Both use leaf names so the DnD toast reads identically to\n      // the dialog's.\n      const successMessage = formatMoveSuccessMessage({\n        formatMessage,\n        count: items.length,\n        source: spansMultipleSources\n          ? null\n          : getFolderLabel(folderStructure, activeSourceFolderId, 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 = getErrorMessage(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      folderStructure,\n      formatMessage,\n      getErrorMessage,\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(\n          activeData,\n          selection?.selectedKeys,\n          locations,\n          currentFolderId\n        );\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, locations, 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        <Flex position=\"relative\" alignItems=\"stretch\" direction=\"column\" height=\"100%\">\n          {children}\n        </Flex>\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","locations","emptyItemLocations","formatMessage","useIntl","getErrorMessage","useApiErrorMessage","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","activeSourceFolderId","spansMultipleSources","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","dragSet","buildDragSet","selectedKeys","handleDragEnd","over","destination","canDropItemOnFolder","payload","buildBulkMovePayload","successMessage","formatMoveSuccessMessage","count","source","getFolderLabel","errorFallback","unwrap","clear","type","error","errorMessage","handleDragCancel","announcements","onDragStart","name","onDragOver","onDragEnd","activeData","onDragCancel","_jsx","Provider","value","_jsxs","DndContext","collisionDetection","pointerWithin","accessibility","VisuallyHidden","aria-live","aria-atomic","Flex","position","alignItems","direction","height","DragOverlay","dropAnimation","DragOverlayChip"],"mappings":"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"}

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

@@ -7,6 +7,7 @@ var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
+var useTracking = require('../../../hooks/useTracking.js');
 var translations = require('../../../utils/translations.js');
 var useListFilters = require('../hooks/useListFilters.js');
 var DateRangeCalendar = require('./DateRangeCalendar.js');
@@ -147,8 +148,15 @@ const CountBadge = styledComponents.styled(designSystem.Badge)`
  * set, so it stays open until dismissed.
  */ const FilterMenu = ({ listFilters })=>{
     const { formatMessage } = reactIntl.useIntl();
+    const { trackUsage } = useTracking.useTracking();
     const [isOpen, setIsOpen] = React.useState(false);
     const { filters, addFilter, updateFilter, removeFilter } = listFilters;
+    // Fired whenever a filter facet is turned on (not on removal). `filter` names
+    // the facet, mirroring the legacy field-key payload.
+    const trackFilter = (filter)=>trackUsage('didFilterMediaLibraryElements', {
+            location: useTracking.MEDIA_LIBRARY_LOCATION,
+            filter
+        });
     // The Type submenu edits the LAST type badge in place while the menu stays
     // open (checking values accumulates into one badge, per design).
     let lastTypeIndex = -1;
@@ -161,10 +169,14 @@ const CountBadge = styledComponents.styled(designSystem.Badge)`
     const lastTypeFilter = lastTypeIndex >= 0 ? filters[lastTypeIndex] : null;
     const checkedValues = lastTypeFilter && lastTypeFilter.kind === 'type' ? lastTypeFilter.values : [];
     const toggleTypeValue = (value)=>{
-        const nextValues = checkedValues.includes(value) ? checkedValues.filter((v)=>v !== value) : [
+        const isAdding = !checkedValues.includes(value);
+        const nextValues = isAdding ? [
             ...checkedValues,
             value
-        ];
+        ] : checkedValues.filter((v)=>v !== value);
+        if (isAdding) {
+            trackFilter('type');
+        }
         if (lastTypeFilter && lastTypeFilter.kind === 'type') {
             if (nextValues.length === 0) {
                 // Unchecking the final value removes the badge outright — a type
@@ -190,6 +202,9 @@ const CountBadge = styledComponents.styled(designSystem.Badge)`
     // condition) rather than adding another pill; a badge is created only when the
     // field has none yet.
     const addPreset = (field, preset)=>{
+        // Fired before the replace path returns: swapping a field's preset is still
+        // the user filtering, same as adding the badge in the first place.
+        trackFilter(field);
         for(let i = filters.length - 1; i >= 0; i -= 1){
             const f = filters[i];
             if (f.kind === 'date' && f.mode === 'preset' && f.field === field) {
@@ -209,6 +224,7 @@ const CountBadge = styledComponents.styled(designSystem.Badge)`
         });
     };
     const addRange = (from, to)=>{
+        trackFilter('createdAt');
         addFilter({
             kind: 'date',
             field: 'createdAt',

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

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.js","sources":["../../../../../../admin/src/future/pages/Assets/components/FilterMenu.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIsMobile } from '@strapi/admin/strapi-admin';\nimport { Badge, Box, Checkbox, Flex, Menu } from '@strapi/design-system';\nimport { Check, ChevronDown, Filter as FilterIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTranslationKey } from '../../../utils/translations';\nimport {\n  DATE_PRESETS,\n  TYPE_VALUES,\n  type DateField,\n  type DatePreset,\n  type ListFilters,\n  type TypeValue,\n} from '../hooks/useListFilters';\n\nimport { DateRangeCalendar } from './DateRangeCalendar';\n\nimport type { MessageDescriptor } from 'react-intl';\n\nexport const TYPE_LABELS: Record<TypeValue, MessageDescriptor> = {\n  folder: { id: getTranslationKey('list.filters.type.folder'), defaultMessage: 'Folder' },\n  picture: { id: getTranslationKey('list.filters.type.picture'), defaultMessage: 'Picture' },\n  audio: { id: getTranslationKey('list.filters.type.audio'), defaultMessage: 'Audio' },\n  video: { id: getTranslationKey('list.filters.type.video'), defaultMessage: 'Video' },\n  document: { id: getTranslationKey('list.filters.type.document'), defaultMessage: 'Document' },\n};\n\nexport const PRESET_LABELS: Record<DatePreset, MessageDescriptor> = {\n  '1day': { id: getTranslationKey('list.filters.preset.1day'), defaultMessage: '1 day ago' },\n  '3days': { id: getTranslationKey('list.filters.preset.3days'), defaultMessage: '3 days ago' },\n  '1week': { id: getTranslationKey('list.filters.preset.1week'), defaultMessage: '1 week ago' },\n  '1month': { id: getTranslationKey('list.filters.preset.1month'), defaultMessage: '1 month ago' },\n  '3months': {\n    id: getTranslationKey('list.filters.preset.3months'),\n    defaultMessage: '3 months ago',\n  },\n  '6months': {\n    id: getTranslationKey('list.filters.preset.6months'),\n    defaultMessage: '6 months ago',\n  },\n  '1year': { id: getTranslationKey('list.filters.preset.1year'), defaultMessage: '1 year ago' },\n};\n\nexport const DATE_FIELD_LABELS: Record<DateField, MessageDescriptor> = {\n  createdAt: {\n    id: getTranslationKey('list.filters.field.created'),\n    defaultMessage: 'Creation date',\n  },\n  updatedAt: {\n    id: getTranslationKey('list.filters.field.updated'),\n    defaultMessage: 'Last modified',\n  },\n};\n\n// The DS SubTrigger renders its chevron inline right after the label — push it\n// to the far edge so every field row reads label · · · ›, like the mock.\nconst FieldSubTrigger = styled(Menu.SubTrigger)`\n  width: 100%;\n  justify-content: space-between;\n`;\n\n/** Every panel of the filter tree shares this fixed width (design). */\nexport const FILTER_PANEL_WIDTH = '24.2rem';\n\n// dvh, not vh: on a phone `vh` ignores the browser chrome, so a 70vh panel can\n// extend past the visual viewport and leave its lower rows (the last field, and\n// anything under the date-range calendar) stranded under the URL bar with no way\n// to scroll to them. Same reason the drawer caps on dvh.\nconst PANEL_MAX_HEIGHT = '70dvh';\n\n// Mobile uses one flat panel (accordion), so it never needs room for a side\n// flyout — cap it to the viewport so it can't overflow a narrow screen.\nconst MOBILE_PANEL_WIDTH = `min(${FILTER_PANEL_WIDTH}, calc(100dvw - 2rem))`;\n\n// Mobile accordion: the field row is a plain menu item that expands its options\n// inline below it (Radix sub-menus can only fly out sideways, off a phone).\nconst FieldToggle = styled(Menu.Item)`\n  width: 100%;\n`;\n\n// The options revealed under a field row.\n//\n// `width: 100%` is load-bearing: Menu.Content is a column flex with\n// `align-items: flex-start`, so a child shrink-wraps to its content unless it\n// sets a width explicitly. Without it the group collapsed to the widest option\n// label and the rows' own `width: 100%` resolved against that, so a selected row\n// highlighted only part of the panel.\n//\n// The indent then lives on each row's padding rather than on this wrapper —\n// padding here would inset the rows, and the highlight with them.\nconst OptionGroup = styled(Box)`\n  width: 100%;\n\n  > * {\n    width: 100%;\n  }\n\n  /* menuitem, menuitemradio and menuitemcheckbox — every option row, plus the\n     \"Select date range\" toggle, which sits at the same level. */\n  > [role^='menuitem'] {\n    padding-left: ${({ theme }) => theme.spaces[6]};\n  }\n`;\n\n// Rotates the chevron when its section is open.\nconst Chevron = styled(ChevronDown)<{ $open: boolean }>`\n  transition: transform 0.2s ease;\n  transform: rotate(${({ $open }) => ($open ? '180deg' : '0deg')});\n`;\n\n// Sub panels: fixed width, no 15rem clamp (the DS default folds the calendar),\n// and a negative top margin cancelling the parent panel's padding + border so\n// the sub panel's top edge lines up with the parent panel, not the item.\nconst SubPanel = styled(Menu.SubContent)`\n  margin-top: calc(-1 * (${({ theme }) => theme.spaces[1]} + 1px));\n`;\n\nconst CountBadge = styled(Badge)`\n  height: 1.6rem;\n  min-width: auto;\n  padding: 0 0.4rem;\n`;\n\ninterface FilterMenuProps {\n  listFilters: ListFilters;\n}\n\n/**\n * Toolbar \"Filter\" dropdown. Picking anything ADDS a badge (editing happens on\n * the badge itself, see FilterBadges):\n *\n * - Type → keep-open checkbox list; the badge is created/updated live with the\n *   checked set (`is` by default, condition editable on the badge).\n * - Creation date / Last modified → preset list (single pick, `within the\n *   last` by default) + \"Select date range\" (creation date only) opening the\n *   range calendar; a completed range adds an `is` range badge.\n *\n * Closing behaviour follows how many values a field can hold: a date is one\n * value, so picking a preset (or committing a range) closes the menu; Type is a\n * set, so it stays open until dismissed.\n */\nexport const FilterMenu = ({ listFilters }: FilterMenuProps) => {\n  const { formatMessage } = useIntl();\n  const [isOpen, setIsOpen] = useState(false);\n  const { filters, addFilter, updateFilter, removeFilter } = listFilters;\n\n  // The Type submenu edits the LAST type badge in place while the menu stays\n  // open (checking values accumulates into one badge, per design).\n  let lastTypeIndex = -1;\n  for (let i = filters.length - 1; i >= 0; i -= 1) {\n    if (filters[i].kind === 'type') {\n      lastTypeIndex = i;\n      break;\n    }\n  }\n  const lastTypeFilter = lastTypeIndex >= 0 ? filters[lastTypeIndex] : null;\n  const checkedValues =\n    lastTypeFilter && lastTypeFilter.kind === 'type' ? lastTypeFilter.values : [];\n\n  const toggleTypeValue = (value: TypeValue) => {\n    const nextValues = checkedValues.includes(value)\n      ? checkedValues.filter((v) => v !== value)\n      : [...checkedValues, value];\n\n    if (lastTypeFilter && lastTypeFilter.kind === 'type') {\n      if (nextValues.length === 0) {\n        // Unchecking the final value removes the badge outright — a type\n        // filter with no values is not a state (it would serialize to a\n        // malformed `type:is:` the parser drops anyway).\n        removeFilter(lastTypeIndex);\n      } else {\n        updateFilter(lastTypeIndex, { ...lastTypeFilter, values: nextValues });\n      }\n    } else if (nextValues.length > 0) {\n      addFilter({ kind: 'type', condition: 'is', values: nextValues });\n    }\n  };\n\n  // Creation date / Last modified are single-select (per design): selecting a\n  // preset replaces the field's existing preset badge in place (keeping its\n  // condition) rather than adding another pill; a badge is created only when the\n  // field has none yet.\n  const addPreset = (field: DateField, preset: DatePreset) => {\n    for (let i = filters.length - 1; i >= 0; i -= 1) {\n      const f = filters[i];\n      if (f.kind === 'date' && f.mode === 'preset' && f.field === field) {\n        updateFilter(i, { ...f, preset });\n        return;\n      }\n    }\n    addFilter({ kind: 'date', field, mode: 'preset', condition: 'withinLast', preset });\n  };\n\n  const addRange = (from: string, to: string) => {\n    addFilter({ kind: 'date', field: 'createdAt', mode: 'range', condition: 'is', from, to });\n    // The calendar is not a Menu.Item — close the menu explicitly on commit.\n    setIsOpen(false);\n  };\n\n  const isMobile = useIsMobile();\n  // Mobile accordion state: which field is expanded, and whether its date-range\n  // calendar is open. Both reset when the whole menu closes.\n  const [openField, setOpenField] = useState<'type' | 'createdAt' | 'updatedAt' | null>(null);\n  const [rangeOpen, setRangeOpen] = useState(false);\n\n  const handleOpenChange = (next: boolean) => {\n    setIsOpen(next);\n    if (!next) {\n      setOpenField(null);\n      setRangeOpen(false);\n    }\n  };\n\n  const toggleField = (field: 'type' | 'createdAt' | 'updatedAt') => {\n    setOpenField((current) => (current === field ? null : field));\n    setRangeOpen(false);\n  };\n\n  // Option lists, shared by the desktop flyouts and the mobile accordion.\n  // Multi-select semantics: menuitemcheckbox + aria-checked carry the state for\n  // assistive tech; the Checkbox is purely decorative (aria-hidden, unfocusable)\n  // — the Menu.Item is the control.\n  const typeItems = TYPE_VALUES.map((value) => (\n    <Menu.Item\n      key={value}\n      role=\"menuitemcheckbox\"\n      aria-checked={checkedValues.includes(value)}\n      onSelect={(e: Event) => {\n        e.preventDefault();\n        toggleTypeValue(value);\n      }}\n      startIcon={<Checkbox checked={checkedValues.includes(value)} tabIndex={-1} aria-hidden />}\n    >\n      {formatMessage(TYPE_LABELS[value])}\n    </Menu.Item>\n  ));\n\n  // The field's currently-selected preset (single-select), so the menu can mark\n  // it with a check.\n  const selectedPresetForField = (field: DateField): DatePreset | null => {\n    for (let i = filters.length - 1; i >= 0; i -= 1) {\n      const f = filters[i];\n      if (f.kind === 'date' && f.mode === 'preset' && f.field === field) {\n        return f.preset;\n      }\n    }\n    return null;\n  };\n\n  const presetItems = (field: DateField) => {\n    const selected = selectedPresetForField(field);\n\n    return DATE_PRESETS.map((preset) => (\n      <Menu.Item\n        key={preset}\n        role=\"menuitemradio\"\n        aria-checked={selected === preset}\n        onSelect={() => {\n          // No preventDefault, unlike Type: a date field holds exactly one\n          // value, so the pick is complete and the menu closes on it. Type stays\n          // open because the user may still be building up a multi-value set.\n          addPreset(field, preset);\n        }}\n        endIcon={\n          selected === preset ? (\n            <Check aria-hidden width=\"1.6rem\" height=\"1.6rem\" fill=\"primary600\" />\n          ) : null\n        }\n      >\n        {formatMessage(PRESET_LABELS[preset])}\n      </Menu.Item>\n    ));\n  };\n\n  const typeLabel = formatMessage({\n    id: getTranslationKey('list.filters.field.type'),\n    defaultMessage: 'Type',\n  });\n  const selectDateRangeLabel = formatMessage({\n    id: getTranslationKey('list.filters.select-date-range'),\n    defaultMessage: 'Select date range',\n  });\n\n  return (\n    <Menu.Root open={isOpen} onOpenChange={handleOpenChange}>\n      {/* endIcon={null} drops the DS default chevron — the mock has none. */}\n      <Menu.Trigger variant=\"tertiary\" startIcon={<FilterIcon aria-hidden />} endIcon={null}>\n        <Flex gap={2} alignItems=\"center\" tag=\"span\">\n          {formatMessage({\n            id: getTranslationKey('list.filters.trigger'),\n            defaultMessage: 'Filter',\n          })}\n          {filters.length > 0 && <CountBadge>{filters.length}</CountBadge>}\n        </Flex>\n      </Menu.Trigger>\n      <Menu.Content\n        popoverPlacement=\"bottom-start\"\n        zIndex={2}\n        maxHeight={PANEL_MAX_HEIGHT}\n        width={isMobile ? MOBILE_PANEL_WIDTH : FILTER_PANEL_WIDTH}\n      >\n        {isMobile ? (\n          // Mobile: one flat panel. Each field expands its options inline below\n          // itself — Radix sub-menus can only fly out sideways, off a phone.\n          <>\n            <FieldToggle\n              aria-expanded={openField === 'type'}\n              onSelect={(e: Event) => {\n                e.preventDefault();\n                toggleField('type');\n              }}\n              endIcon={<Chevron $open={openField === 'type'} aria-hidden />}\n            >\n              {typeLabel}\n            </FieldToggle>\n            {openField === 'type' && <OptionGroup>{typeItems}</OptionGroup>}\n\n            {(['createdAt', 'updatedAt'] as const).map((field) => (\n              <Box key={field} width=\"100%\">\n                <FieldToggle\n                  aria-expanded={openField === field}\n                  onSelect={(e: Event) => {\n                    e.preventDefault();\n                    toggleField(field);\n                  }}\n                  endIcon={<Chevron $open={openField === field} aria-hidden />}\n                >\n                  {formatMessage(DATE_FIELD_LABELS[field])}\n                </FieldToggle>\n                {openField === field && (\n                  <OptionGroup>\n                    {presetItems(field)}\n                    {/* Only Creation date offers a range from the UI (design). */}\n                    {field === 'createdAt' && (\n                      <>\n                        <FieldToggle\n                          aria-expanded={rangeOpen}\n                          onSelect={(e: Event) => {\n                            e.preventDefault();\n                            setRangeOpen((open) => !open);\n                          }}\n                          endIcon={<Chevron $open={rangeOpen} aria-hidden />}\n                        >\n                          {selectDateRangeLabel}\n                        </FieldToggle>\n                        {rangeOpen && (\n                          <Box paddingLeft={2}>\n                            <DateRangeCalendar onSelect={addRange} />\n                          </Box>\n                        )}\n                      </>\n                    )}\n                  </OptionGroup>\n                )}\n              </Box>\n            ))}\n          </>\n        ) : (\n          <>\n            <Menu.SubRoot>\n              <FieldSubTrigger>{typeLabel}</FieldSubTrigger>\n              <SubPanel zIndex={2} maxHeight={PANEL_MAX_HEIGHT} width={FILTER_PANEL_WIDTH}>\n                {typeItems}\n              </SubPanel>\n            </Menu.SubRoot>\n\n            {(['createdAt', 'updatedAt'] as const).map((field) => (\n              <Menu.SubRoot key={field}>\n                <FieldSubTrigger>{formatMessage(DATE_FIELD_LABELS[field])}</FieldSubTrigger>\n                <SubPanel zIndex={2} maxHeight={PANEL_MAX_HEIGHT} width={FILTER_PANEL_WIDTH}>\n                  {presetItems(field)}\n                  {/* Design constraint: only Creation date offers a range from the\n                      UI. The URL codec and the badges support ranges on both date\n                      fields (`updated:rangeis:…` works when hand-crafted) so this\n                      stays a one-line change if design extends it later. */}\n                  {field === 'createdAt' && (\n                    <Menu.SubRoot>\n                      <FieldSubTrigger>{selectDateRangeLabel}</FieldSubTrigger>\n                      <SubPanel zIndex={2} maxHeight=\"none\" width={FILTER_PANEL_WIDTH}>\n                        <DateRangeCalendar onSelect={addRange} />\n                      </SubPanel>\n                    </Menu.SubRoot>\n                  )}\n                </SubPanel>\n              </Menu.SubRoot>\n            ))}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n"],"names":["TYPE_LABELS","folder","id","getTranslationKey","defaultMessage","picture","audio","video","document","PRESET_LABELS","DATE_FIELD_LABELS","createdAt","updatedAt","FieldSubTrigger","styled","Menu","SubTrigger","FILTER_PANEL_WIDTH","PANEL_MAX_HEIGHT","MOBILE_PANEL_WIDTH","FieldToggle","Item","OptionGroup","Box","theme","spaces","Chevron","ChevronDown","$open","SubPanel","SubContent","CountBadge","Badge","FilterMenu","listFilters","formatMessage","useIntl","isOpen","setIsOpen","useState","filters","addFilter","updateFilter","removeFilter","lastTypeIndex","i","length","kind","lastTypeFilter","checkedValues","values","toggleTypeValue","value","nextValues","includes","filter","v","condition","addPreset","field","preset","f","mode","addRange","from","to","isMobile","useIsMobile","openField","setOpenField","rangeOpen","setRangeOpen","handleOpenChange","next","toggleField","current","typeItems","TYPE_VALUES","map","_jsx","role","aria-checked","onSelect","e","preventDefault","startIcon","Checkbox","checked","tabIndex","aria-hidden","selectedPresetForField","presetItems","selected","DATE_PRESETS","endIcon","Check","width","height","fill","typeLabel","selectDateRangeLabel","_jsxs","Root","open","onOpenChange","Trigger","variant","FilterIcon","Flex","gap","alignItems","tag","Content","popoverPlacement","zIndex","maxHeight","_Fragment","aria-expanded","paddingLeft","DateRangeCalendar","SubRoot"],"mappings":"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"}
+{"version":3,"file":"FilterMenu.js","sources":["../../../../../../admin/src/future/pages/Assets/components/FilterMenu.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { useIsMobile } from '@strapi/admin/strapi-admin';\nimport { Badge, Box, Checkbox, Flex, Menu } from '@strapi/design-system';\nimport { Check, ChevronDown, Filter as FilterIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { useTracking, MEDIA_LIBRARY_LOCATION } from '../../../hooks/useTracking';\nimport { getTranslationKey } from '../../../utils/translations';\nimport {\n  DATE_PRESETS,\n  TYPE_VALUES,\n  type DateField,\n  type DatePreset,\n  type ListFilters,\n  type TypeValue,\n} from '../hooks/useListFilters';\n\nimport { DateRangeCalendar } from './DateRangeCalendar';\n\nimport type { MessageDescriptor } from 'react-intl';\n\nexport const TYPE_LABELS: Record<TypeValue, MessageDescriptor> = {\n  folder: { id: getTranslationKey('list.filters.type.folder'), defaultMessage: 'Folder' },\n  picture: { id: getTranslationKey('list.filters.type.picture'), defaultMessage: 'Picture' },\n  audio: { id: getTranslationKey('list.filters.type.audio'), defaultMessage: 'Audio' },\n  video: { id: getTranslationKey('list.filters.type.video'), defaultMessage: 'Video' },\n  document: { id: getTranslationKey('list.filters.type.document'), defaultMessage: 'Document' },\n};\n\nexport const PRESET_LABELS: Record<DatePreset, MessageDescriptor> = {\n  '1day': { id: getTranslationKey('list.filters.preset.1day'), defaultMessage: '1 day ago' },\n  '3days': { id: getTranslationKey('list.filters.preset.3days'), defaultMessage: '3 days ago' },\n  '1week': { id: getTranslationKey('list.filters.preset.1week'), defaultMessage: '1 week ago' },\n  '1month': { id: getTranslationKey('list.filters.preset.1month'), defaultMessage: '1 month ago' },\n  '3months': {\n    id: getTranslationKey('list.filters.preset.3months'),\n    defaultMessage: '3 months ago',\n  },\n  '6months': {\n    id: getTranslationKey('list.filters.preset.6months'),\n    defaultMessage: '6 months ago',\n  },\n  '1year': { id: getTranslationKey('list.filters.preset.1year'), defaultMessage: '1 year ago' },\n};\n\nexport const DATE_FIELD_LABELS: Record<DateField, MessageDescriptor> = {\n  createdAt: {\n    id: getTranslationKey('list.filters.field.created'),\n    defaultMessage: 'Creation date',\n  },\n  updatedAt: {\n    id: getTranslationKey('list.filters.field.updated'),\n    defaultMessage: 'Last modified',\n  },\n};\n\n// The DS SubTrigger renders its chevron inline right after the label — push it\n// to the far edge so every field row reads label · · · ›, like the mock.\nconst FieldSubTrigger = styled(Menu.SubTrigger)`\n  width: 100%;\n  justify-content: space-between;\n`;\n\n/** Every panel of the filter tree shares this fixed width (design). */\nexport const FILTER_PANEL_WIDTH = '24.2rem';\n\n// dvh, not vh: on a phone `vh` ignores the browser chrome, so a 70vh panel can\n// extend past the visual viewport and leave its lower rows (the last field, and\n// anything under the date-range calendar) stranded under the URL bar with no way\n// to scroll to them. Same reason the drawer caps on dvh.\nconst PANEL_MAX_HEIGHT = '70dvh';\n\n// Mobile uses one flat panel (accordion), so it never needs room for a side\n// flyout — cap it to the viewport so it can't overflow a narrow screen.\nconst MOBILE_PANEL_WIDTH = `min(${FILTER_PANEL_WIDTH}, calc(100dvw - 2rem))`;\n\n// Mobile accordion: the field row is a plain menu item that expands its options\n// inline below it (Radix sub-menus can only fly out sideways, off a phone).\nconst FieldToggle = styled(Menu.Item)`\n  width: 100%;\n`;\n\n// The options revealed under a field row.\n//\n// `width: 100%` is load-bearing: Menu.Content is a column flex with\n// `align-items: flex-start`, so a child shrink-wraps to its content unless it\n// sets a width explicitly. Without it the group collapsed to the widest option\n// label and the rows' own `width: 100%` resolved against that, so a selected row\n// highlighted only part of the panel.\n//\n// The indent then lives on each row's padding rather than on this wrapper —\n// padding here would inset the rows, and the highlight with them.\nconst OptionGroup = styled(Box)`\n  width: 100%;\n\n  > * {\n    width: 100%;\n  }\n\n  /* menuitem, menuitemradio and menuitemcheckbox — every option row, plus the\n     \"Select date range\" toggle, which sits at the same level. */\n  > [role^='menuitem'] {\n    padding-left: ${({ theme }) => theme.spaces[6]};\n  }\n`;\n\n// Rotates the chevron when its section is open.\nconst Chevron = styled(ChevronDown)<{ $open: boolean }>`\n  transition: transform 0.2s ease;\n  transform: rotate(${({ $open }) => ($open ? '180deg' : '0deg')});\n`;\n\n// Sub panels: fixed width, no 15rem clamp (the DS default folds the calendar),\n// and a negative top margin cancelling the parent panel's padding + border so\n// the sub panel's top edge lines up with the parent panel, not the item.\nconst SubPanel = styled(Menu.SubContent)`\n  margin-top: calc(-1 * (${({ theme }) => theme.spaces[1]} + 1px));\n`;\n\nconst CountBadge = styled(Badge)`\n  height: 1.6rem;\n  min-width: auto;\n  padding: 0 0.4rem;\n`;\n\ninterface FilterMenuProps {\n  listFilters: ListFilters;\n}\n\n/**\n * Toolbar \"Filter\" dropdown. Picking anything ADDS a badge (editing happens on\n * the badge itself, see FilterBadges):\n *\n * - Type → keep-open checkbox list; the badge is created/updated live with the\n *   checked set (`is` by default, condition editable on the badge).\n * - Creation date / Last modified → preset list (single pick, `within the\n *   last` by default) + \"Select date range\" (creation date only) opening the\n *   range calendar; a completed range adds an `is` range badge.\n *\n * Closing behaviour follows how many values a field can hold: a date is one\n * value, so picking a preset (or committing a range) closes the menu; Type is a\n * set, so it stays open until dismissed.\n */\nexport const FilterMenu = ({ listFilters }: FilterMenuProps) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [isOpen, setIsOpen] = useState(false);\n  const { filters, addFilter, updateFilter, removeFilter } = listFilters;\n\n  // Fired whenever a filter facet is turned on (not on removal). `filter` names\n  // the facet, mirroring the legacy field-key payload.\n  const trackFilter = (filter: string) =>\n    trackUsage('didFilterMediaLibraryElements', { location: MEDIA_LIBRARY_LOCATION, filter });\n\n  // The Type submenu edits the LAST type badge in place while the menu stays\n  // open (checking values accumulates into one badge, per design).\n  let lastTypeIndex = -1;\n  for (let i = filters.length - 1; i >= 0; i -= 1) {\n    if (filters[i].kind === 'type') {\n      lastTypeIndex = i;\n      break;\n    }\n  }\n  const lastTypeFilter = lastTypeIndex >= 0 ? filters[lastTypeIndex] : null;\n  const checkedValues =\n    lastTypeFilter && lastTypeFilter.kind === 'type' ? lastTypeFilter.values : [];\n\n  const toggleTypeValue = (value: TypeValue) => {\n    const isAdding = !checkedValues.includes(value);\n    const nextValues = isAdding\n      ? [...checkedValues, value]\n      : checkedValues.filter((v) => v !== value);\n\n    if (isAdding) {\n      trackFilter('type');\n    }\n\n    if (lastTypeFilter && lastTypeFilter.kind === 'type') {\n      if (nextValues.length === 0) {\n        // Unchecking the final value removes the badge outright — a type\n        // filter with no values is not a state (it would serialize to a\n        // malformed `type:is:` the parser drops anyway).\n        removeFilter(lastTypeIndex);\n      } else {\n        updateFilter(lastTypeIndex, { ...lastTypeFilter, values: nextValues });\n      }\n    } else if (nextValues.length > 0) {\n      addFilter({ kind: 'type', condition: 'is', values: nextValues });\n    }\n  };\n\n  // Creation date / Last modified are single-select (per design): selecting a\n  // preset replaces the field's existing preset badge in place (keeping its\n  // condition) rather than adding another pill; a badge is created only when the\n  // field has none yet.\n  const addPreset = (field: DateField, preset: DatePreset) => {\n    // Fired before the replace path returns: swapping a field's preset is still\n    // the user filtering, same as adding the badge in the first place.\n    trackFilter(field);\n\n    for (let i = filters.length - 1; i >= 0; i -= 1) {\n      const f = filters[i];\n      if (f.kind === 'date' && f.mode === 'preset' && f.field === field) {\n        updateFilter(i, { ...f, preset });\n        return;\n      }\n    }\n\n    addFilter({ kind: 'date', field, mode: 'preset', condition: 'withinLast', preset });\n  };\n\n  const addRange = (from: string, to: string) => {\n    trackFilter('createdAt');\n    addFilter({ kind: 'date', field: 'createdAt', mode: 'range', condition: 'is', from, to });\n    // The calendar is not a Menu.Item — close the menu explicitly on commit.\n    setIsOpen(false);\n  };\n\n  const isMobile = useIsMobile();\n  // Mobile accordion state: which field is expanded, and whether its date-range\n  // calendar is open. Both reset when the whole menu closes.\n  const [openField, setOpenField] = useState<'type' | 'createdAt' | 'updatedAt' | null>(null);\n  const [rangeOpen, setRangeOpen] = useState(false);\n\n  const handleOpenChange = (next: boolean) => {\n    setIsOpen(next);\n    if (!next) {\n      setOpenField(null);\n      setRangeOpen(false);\n    }\n  };\n\n  const toggleField = (field: 'type' | 'createdAt' | 'updatedAt') => {\n    setOpenField((current) => (current === field ? null : field));\n    setRangeOpen(false);\n  };\n\n  // Option lists, shared by the desktop flyouts and the mobile accordion.\n  // Multi-select semantics: menuitemcheckbox + aria-checked carry the state for\n  // assistive tech; the Checkbox is purely decorative (aria-hidden, unfocusable)\n  // — the Menu.Item is the control.\n  const typeItems = TYPE_VALUES.map((value) => (\n    <Menu.Item\n      key={value}\n      role=\"menuitemcheckbox\"\n      aria-checked={checkedValues.includes(value)}\n      onSelect={(e: Event) => {\n        e.preventDefault();\n        toggleTypeValue(value);\n      }}\n      startIcon={<Checkbox checked={checkedValues.includes(value)} tabIndex={-1} aria-hidden />}\n    >\n      {formatMessage(TYPE_LABELS[value])}\n    </Menu.Item>\n  ));\n\n  // The field's currently-selected preset (single-select), so the menu can mark\n  // it with a check.\n  const selectedPresetForField = (field: DateField): DatePreset | null => {\n    for (let i = filters.length - 1; i >= 0; i -= 1) {\n      const f = filters[i];\n      if (f.kind === 'date' && f.mode === 'preset' && f.field === field) {\n        return f.preset;\n      }\n    }\n    return null;\n  };\n\n  const presetItems = (field: DateField) => {\n    const selected = selectedPresetForField(field);\n\n    return DATE_PRESETS.map((preset) => (\n      <Menu.Item\n        key={preset}\n        role=\"menuitemradio\"\n        aria-checked={selected === preset}\n        onSelect={() => {\n          // No preventDefault, unlike Type: a date field holds exactly one\n          // value, so the pick is complete and the menu closes on it. Type stays\n          // open because the user may still be building up a multi-value set.\n          addPreset(field, preset);\n        }}\n        endIcon={\n          selected === preset ? (\n            <Check aria-hidden width=\"1.6rem\" height=\"1.6rem\" fill=\"primary600\" />\n          ) : null\n        }\n      >\n        {formatMessage(PRESET_LABELS[preset])}\n      </Menu.Item>\n    ));\n  };\n\n  const typeLabel = formatMessage({\n    id: getTranslationKey('list.filters.field.type'),\n    defaultMessage: 'Type',\n  });\n  const selectDateRangeLabel = formatMessage({\n    id: getTranslationKey('list.filters.select-date-range'),\n    defaultMessage: 'Select date range',\n  });\n\n  return (\n    <Menu.Root open={isOpen} onOpenChange={handleOpenChange}>\n      {/* endIcon={null} drops the DS default chevron — the mock has none. */}\n      <Menu.Trigger variant=\"tertiary\" startIcon={<FilterIcon aria-hidden />} endIcon={null}>\n        <Flex gap={2} alignItems=\"center\" tag=\"span\">\n          {formatMessage({\n            id: getTranslationKey('list.filters.trigger'),\n            defaultMessage: 'Filter',\n          })}\n          {filters.length > 0 && <CountBadge>{filters.length}</CountBadge>}\n        </Flex>\n      </Menu.Trigger>\n      <Menu.Content\n        popoverPlacement=\"bottom-start\"\n        zIndex={2}\n        maxHeight={PANEL_MAX_HEIGHT}\n        width={isMobile ? MOBILE_PANEL_WIDTH : FILTER_PANEL_WIDTH}\n      >\n        {isMobile ? (\n          // Mobile: one flat panel. Each field expands its options inline below\n          // itself — Radix sub-menus can only fly out sideways, off a phone.\n          <>\n            <FieldToggle\n              aria-expanded={openField === 'type'}\n              onSelect={(e: Event) => {\n                e.preventDefault();\n                toggleField('type');\n              }}\n              endIcon={<Chevron $open={openField === 'type'} aria-hidden />}\n            >\n              {typeLabel}\n            </FieldToggle>\n            {openField === 'type' && <OptionGroup>{typeItems}</OptionGroup>}\n\n            {(['createdAt', 'updatedAt'] as const).map((field) => (\n              <Box key={field} width=\"100%\">\n                <FieldToggle\n                  aria-expanded={openField === field}\n                  onSelect={(e: Event) => {\n                    e.preventDefault();\n                    toggleField(field);\n                  }}\n                  endIcon={<Chevron $open={openField === field} aria-hidden />}\n                >\n                  {formatMessage(DATE_FIELD_LABELS[field])}\n                </FieldToggle>\n                {openField === field && (\n                  <OptionGroup>\n                    {presetItems(field)}\n                    {/* Only Creation date offers a range from the UI (design). */}\n                    {field === 'createdAt' && (\n                      <>\n                        <FieldToggle\n                          aria-expanded={rangeOpen}\n                          onSelect={(e: Event) => {\n                            e.preventDefault();\n                            setRangeOpen((open) => !open);\n                          }}\n                          endIcon={<Chevron $open={rangeOpen} aria-hidden />}\n                        >\n                          {selectDateRangeLabel}\n                        </FieldToggle>\n                        {rangeOpen && (\n                          <Box paddingLeft={2}>\n                            <DateRangeCalendar onSelect={addRange} />\n                          </Box>\n                        )}\n                      </>\n                    )}\n                  </OptionGroup>\n                )}\n              </Box>\n            ))}\n          </>\n        ) : (\n          <>\n            <Menu.SubRoot>\n              <FieldSubTrigger>{typeLabel}</FieldSubTrigger>\n              <SubPanel zIndex={2} maxHeight={PANEL_MAX_HEIGHT} width={FILTER_PANEL_WIDTH}>\n                {typeItems}\n              </SubPanel>\n            </Menu.SubRoot>\n\n            {(['createdAt', 'updatedAt'] as const).map((field) => (\n              <Menu.SubRoot key={field}>\n                <FieldSubTrigger>{formatMessage(DATE_FIELD_LABELS[field])}</FieldSubTrigger>\n                <SubPanel zIndex={2} maxHeight={PANEL_MAX_HEIGHT} width={FILTER_PANEL_WIDTH}>\n                  {presetItems(field)}\n                  {/* Design constraint: only Creation date offers a range from the\n                      UI. The URL codec and the badges support ranges on both date\n                      fields (`updated:rangeis:…` works when hand-crafted) so this\n                      stays a one-line change if design extends it later. */}\n                  {field === 'createdAt' && (\n                    <Menu.SubRoot>\n                      <FieldSubTrigger>{selectDateRangeLabel}</FieldSubTrigger>\n                      <SubPanel zIndex={2} maxHeight=\"none\" width={FILTER_PANEL_WIDTH}>\n                        <DateRangeCalendar onSelect={addRange} />\n                      </SubPanel>\n                    </Menu.SubRoot>\n                  )}\n                </SubPanel>\n              </Menu.SubRoot>\n            ))}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n"],"names":["TYPE_LABELS","folder","id","getTranslationKey","defaultMessage","picture","audio","video","document","PRESET_LABELS","DATE_FIELD_LABELS","createdAt","updatedAt","FieldSubTrigger","styled","Menu","SubTrigger","FILTER_PANEL_WIDTH","PANEL_MAX_HEIGHT","MOBILE_PANEL_WIDTH","FieldToggle","Item","OptionGroup","Box","theme","spaces","Chevron","ChevronDown","$open","SubPanel","SubContent","CountBadge","Badge","FilterMenu","listFilters","formatMessage","useIntl","trackUsage","useTracking","isOpen","setIsOpen","useState","filters","addFilter","updateFilter","removeFilter","trackFilter","filter","location","MEDIA_LIBRARY_LOCATION","lastTypeIndex","i","length","kind","lastTypeFilter","checkedValues","values","toggleTypeValue","value","isAdding","includes","nextValues","v","condition","addPreset","field","preset","f","mode","addRange","from","to","isMobile","useIsMobile","openField","setOpenField","rangeOpen","setRangeOpen","handleOpenChange","next","toggleField","current","typeItems","TYPE_VALUES","map","_jsx","role","aria-checked","onSelect","e","preventDefault","startIcon","Checkbox","checked","tabIndex","aria-hidden","selectedPresetForField","presetItems","selected","DATE_PRESETS","endIcon","Check","width","height","fill","typeLabel","selectDateRangeLabel","_jsxs","Root","open","onOpenChange","Trigger","variant","FilterIcon","Flex","gap","alignItems","tag","Content","popoverPlacement","zIndex","maxHeight","_Fragment","aria-expanded","paddingLeft","DateRangeCalendar","SubRoot"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ import { Menu, Checkbox, Flex, Box, Badge } from '@strapi/design-system';
 import { Filter, ChevronDown, Check } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { styled } from 'styled-components';
+import { useTracking, MEDIA_LIBRARY_LOCATION } from '../../../hooks/useTracking.mjs';
 import { getTranslationKey } from '../../../utils/translations.mjs';
 import { TYPE_VALUES, DATE_PRESETS } from '../hooks/useListFilters.mjs';
 import { DateRangeCalendar } from './DateRangeCalendar.mjs';
@@ -145,8 +146,15 @@ const CountBadge = styled(Badge)`
  * set, so it stays open until dismissed.
  */ const FilterMenu = ({ listFilters })=>{
     const { formatMessage } = useIntl();
+    const { trackUsage } = useTracking();
     const [isOpen, setIsOpen] = useState(false);
     const { filters, addFilter, updateFilter, removeFilter } = listFilters;
+    // Fired whenever a filter facet is turned on (not on removal). `filter` names
+    // the facet, mirroring the legacy field-key payload.
+    const trackFilter = (filter)=>trackUsage('didFilterMediaLibraryElements', {
+            location: MEDIA_LIBRARY_LOCATION,
+            filter
+        });
     // The Type submenu edits the LAST type badge in place while the menu stays
     // open (checking values accumulates into one badge, per design).
     let lastTypeIndex = -1;
@@ -159,10 +167,14 @@ const CountBadge = styled(Badge)`
     const lastTypeFilter = lastTypeIndex >= 0 ? filters[lastTypeIndex] : null;
     const checkedValues = lastTypeFilter && lastTypeFilter.kind === 'type' ? lastTypeFilter.values : [];
     const toggleTypeValue = (value)=>{
-        const nextValues = checkedValues.includes(value) ? checkedValues.filter((v)=>v !== value) : [
+        const isAdding = !checkedValues.includes(value);
+        const nextValues = isAdding ? [
             ...checkedValues,
             value
-        ];
+        ] : checkedValues.filter((v)=>v !== value);
+        if (isAdding) {
+            trackFilter('type');
+        }
         if (lastTypeFilter && lastTypeFilter.kind === 'type') {
             if (nextValues.length === 0) {
                 // Unchecking the final value removes the badge outright — a type
@@ -188,6 +200,9 @@ const CountBadge = styled(Badge)`
     // condition) rather than adding another pill; a badge is created only when the
     // field has none yet.
     const addPreset = (field, preset)=>{
+        // Fired before the replace path returns: swapping a field's preset is still
+        // the user filtering, same as adding the badge in the first place.
+        trackFilter(field);
         for(let i = filters.length - 1; i >= 0; i -= 1){
             const f = filters[i];
             if (f.kind === 'date' && f.mode === 'preset' && f.field === field) {
@@ -207,6 +222,7 @@ const CountBadge = styled(Badge)`
         });
     };
     const addRange = (from, to)=>{
+        trackFilter('createdAt');
         addFilter({
             kind: 'date',
             field: 'createdAt',