@strapi/upload 5.51.1 → 5.52.0

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

@@ -1 +1 @@
-{"version":3,"file":"SortMenu.js","sources":["../../../../../../admin/src/future/pages/Assets/components/SortMenu.tsx"],"sourcesContent":["import { Menu, VisuallyHidden } from '@strapi/design-system';\nimport { Check, ChevronDown } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTranslationKey } from '../../../utils/translations';\nimport {\n  type FoldersPosition,\n  type ListSort,\n  type SortByKey,\n  type SortDirectionKey,\n} from '../hooks/useListSort';\n\nimport type { MessageDescriptor } from 'react-intl';\n\nconst SORT_BY_LABELS: Record<SortByKey, MessageDescriptor> = {\n  oldestUploads: {\n    id: getTranslationKey('list.sort.oldest-uploads'),\n    defaultMessage: 'Oldest uploads',\n  },\n  mostRecentUpdates: {\n    id: getTranslationKey('list.sort.most-recent-updates'),\n    defaultMessage: 'Most recent updates',\n  },\n};\n\nconst SORT_DIRECTION_LABELS: Record<SortDirectionKey, MessageDescriptor> = {\n  nameAsc: { id: getTranslationKey('list.sort.name-asc'), defaultMessage: 'A to Z' },\n  nameDesc: { id: getTranslationKey('list.sort.name-desc'), defaultMessage: 'Z to A' },\n  sizeAsc: {\n    id: getTranslationKey('list.sort.size-asc'),\n    defaultMessage: 'File size ascending',\n  },\n  sizeDesc: {\n    id: getTranslationKey('list.sort.size-desc'),\n    defaultMessage: 'File size descending',\n  },\n};\n\nconst FOLDERS_LABELS: Record<FoldersPosition, MessageDescriptor> = {\n  top: { id: getTranslationKey('list.sort.folders-on-top'), defaultMessage: 'On top' },\n  mixed: {\n    id: getTranslationKey('list.sort.folders-mixed'),\n    defaultMessage: 'Mixed with files',\n  },\n};\n\n// Stretch to the toolbar row height so the trigger matches the view toggle\n// (the parent Flex uses alignItems=\"stretch\").\nconst SortTrigger = styled(Menu.Trigger)`\n  height: auto;\n`;\n\n// Full-width section band, like the design mock (sits inside the Menu.Content\n// padding, so the band stops short of the panel edges).\nconst GroupLabel = styled(Menu.Label)`\n  width: 100%;\n  display: block;\n  background: ${({ theme }) =>\n    theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral100};\n  padding-inline: ${({ theme }) => theme.spaces[3]};\n  border-radius: ${({ theme }) => theme.borderRadius};\n`;\n\ninterface SortMenuProps {\n  sort: ListSort;\n  /**\n   * The grid view forces folders on top (mixing folder cards with asset cards\n   * is not supported there), so it hides the Folders group entirely.\n   */\n  showFoldersGroup?: boolean;\n}\n\n/**\n * Toolbar \"Sort\" dropdown: single-select sections (Sort / Folders). Picking an\n * option keeps the menu open (`onSelect` preventDefault) so several facets can\n * be tuned in one visit; clicking a checked facet clears it (the hook\n * guarantees at least one sort rule stays active).\n */\nexport const SortMenu = ({ sort, showFoldersGroup = true }: SortMenuProps) => {\n  const { formatMessage } = useIntl();\n\n  const triggerLabel = formatMessage(\n    { id: getTranslationKey('list.sort.trigger'), defaultMessage: 'Sort: {active}' },\n    {\n      active: sort.sortBy\n        ? formatMessage(SORT_BY_LABELS[sort.sortBy])\n        : formatMessage(SORT_DIRECTION_LABELS[sort.direction!]),\n    }\n  );\n\n  const checkmark = <Check aria-hidden width=\"1.6rem\" height=\"1.6rem\" fill=\"primary600\" />;\n\n  // The checkmark icon is aria-hidden, so the active option carries a\n  // visually-hidden suffix for screen readers instead (menuitem does not\n  // allow aria-checked).\n  const activeMark = (\n    <VisuallyHidden>\n      {' '}\n      {formatMessage({ id: getTranslationKey('list.sort.active'), defaultMessage: '(active)' })}\n    </VisuallyHidden>\n  );\n\n  return (\n    <Menu.Root>\n      <SortTrigger variant=\"tertiary\" endIcon={<ChevronDown aria-hidden />}>\n        {triggerLabel}\n      </SortTrigger>\n      {/* The DS default maxHeight (15rem) folds everything after the first\n          group behind an invisible scroll — all groups must be visible at\n          once. 70vh keeps a scroll on very short viewports. */}\n      <Menu.Content popoverPlacement=\"bottom-end\" zIndex={2} maxHeight=\"70vh\" width=\"25rem\">\n        {/* One single-select \"Sort\" section: the two rule families were always\n            mutually exclusive (one checkmark total), so they share a group. */}\n        <GroupLabel>\n          {formatMessage({ id: getTranslationKey('list.sort.section'), defaultMessage: 'Sort' })}\n        </GroupLabel>\n        {(Object.keys(SORT_BY_LABELS) as SortByKey[]).map((key) => (\n          <Menu.Item\n            key={key}\n            onSelect={(e: Event) => {\n              e.preventDefault();\n              sort.setSortBy(sort.sortBy === key ? null : key);\n            }}\n            endIcon={sort.sortBy === key ? checkmark : null}\n          >\n            {formatMessage(SORT_BY_LABELS[key])}\n            {sort.sortBy === key && activeMark}\n          </Menu.Item>\n        ))}\n        {(Object.keys(SORT_DIRECTION_LABELS) as SortDirectionKey[]).map((key) => (\n          <Menu.Item\n            key={key}\n            onSelect={(e: Event) => {\n              e.preventDefault();\n              sort.setDirection(sort.direction === key ? null : key);\n            }}\n            endIcon={sort.direction === key ? checkmark : null}\n          >\n            {formatMessage(SORT_DIRECTION_LABELS[key])}\n            {sort.direction === key && activeMark}\n          </Menu.Item>\n        ))}\n\n        {showFoldersGroup && (\n          <>\n            <Menu.Separator />\n            <GroupLabel>\n              {formatMessage({\n                id: getTranslationKey('list.sort.folders'),\n                defaultMessage: 'Folders',\n              })}\n            </GroupLabel>\n            {(Object.keys(FOLDERS_LABELS) as FoldersPosition[]).map((position) => (\n              <Menu.Item\n                key={position}\n                onSelect={(e: Event) => {\n                  e.preventDefault();\n                  sort.setFoldersPosition(position);\n                }}\n                endIcon={sort.foldersPosition === position ? checkmark : null}\n              >\n                {formatMessage(FOLDERS_LABELS[position])}\n                {sort.foldersPosition === position && activeMark}\n              </Menu.Item>\n            ))}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n"],"names":["SORT_BY_LABELS","oldestUploads","id","getTranslationKey","defaultMessage","mostRecentUpdates","SORT_DIRECTION_LABELS","nameAsc","nameDesc","sizeAsc","sizeDesc","FOLDERS_LABELS","top","mixed","SortTrigger","styled","Menu","Trigger","GroupLabel","Label","theme","colorScheme","colors","neutral150","neutral100","spaces","borderRadius","SortMenu","sort","showFoldersGroup","formatMessage","useIntl","triggerLabel","active","sortBy","direction","checkmark","_jsx","Check","aria-hidden","width","height","fill","activeMark","_jsxs","VisuallyHidden","Root","variant","endIcon","ChevronDown","Content","popoverPlacement","zIndex","maxHeight","Object","keys","map","key","Item","onSelect","e","preventDefault","setSortBy","setDirection","_Fragment","Separator","position","setFoldersPosition","foldersPosition"],"mappings":"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"}
+{"version":3,"file":"SortMenu.js","sources":["../../../../../../admin/src/future/pages/Assets/components/SortMenu.tsx"],"sourcesContent":["import { Menu } from '@strapi/design-system';\nimport { Check, ChevronDown } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTranslationKey } from '../../../utils/translations';\nimport {\n  type FoldersPosition,\n  type ListSort,\n  type SortByKey,\n  type SortDirectionKey,\n} from '../hooks/useListSort';\n\nimport type { MessageDescriptor } from 'react-intl';\n\nconst SORT_BY_LABELS: Record<SortByKey, MessageDescriptor> = {\n  oldestUploads: {\n    id: getTranslationKey('list.sort.oldest-uploads'),\n    defaultMessage: 'Oldest uploads',\n  },\n  mostRecentUpdates: {\n    id: getTranslationKey('list.sort.most-recent-updates'),\n    defaultMessage: 'Most recent updates',\n  },\n};\n\nconst SORT_DIRECTION_LABELS: Record<SortDirectionKey, MessageDescriptor> = {\n  nameAsc: { id: getTranslationKey('list.sort.name-asc'), defaultMessage: 'A to Z' },\n  nameDesc: { id: getTranslationKey('list.sort.name-desc'), defaultMessage: 'Z to A' },\n  sizeAsc: {\n    id: getTranslationKey('list.sort.size-asc'),\n    defaultMessage: 'File size ascending',\n  },\n  sizeDesc: {\n    id: getTranslationKey('list.sort.size-desc'),\n    defaultMessage: 'File size descending',\n  },\n};\n\nconst FOLDERS_LABELS: Record<FoldersPosition, MessageDescriptor> = {\n  top: { id: getTranslationKey('list.sort.folders-on-top'), defaultMessage: 'On top' },\n  mixed: {\n    id: getTranslationKey('list.sort.folders-mixed'),\n    defaultMessage: 'Mixed with files',\n  },\n};\n\n// Stretch to the toolbar row height so the trigger matches the view toggle\n// (the parent Flex uses alignItems=\"stretch\").\nconst SortTrigger = styled(Menu.Trigger)``;\n\n// Full-width section band, like the design mock (sits inside the Menu.Content\n// padding, so the band stops short of the panel edges).\nconst GroupLabel = styled(Menu.Label)`\n  width: 100%;\n  display: block;\n  background: ${({ theme }) =>\n    theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral100};\n  padding-inline: ${({ theme }) => theme.spaces[3]};\n  border-radius: ${({ theme }) => theme.borderRadius};\n`;\n\ninterface SortMenuProps {\n  sort: ListSort;\n  /**\n   * The grid view forces folders on top (mixing folder cards with asset cards\n   * is not supported there), so it hides the Folders group entirely.\n   */\n  showFoldersGroup?: boolean;\n}\n\n/**\n * Toolbar \"Sort\" dropdown: single-select sections (Sort / Folders). Picking an\n * option keeps the menu open (`onSelect` preventDefault) so several facets can\n * be tuned in one visit; clicking a checked facet clears it (the hook\n * guarantees at least one sort rule stays active).\n *\n * Each section is single-select, so its items are radios: the checkmark icon is\n * decorative, and `aria-checked` is what assistive tech reads. The DS `Menu`\n * exposes no `RadioItem`, but `Menu.Item` forwards extra props onto the element\n * it renders through Radix's `asChild`, where they take precedence over Radix's\n * own `role=\"menuitem\"`.\n */\nexport const SortMenu = ({ sort, showFoldersGroup = true }: SortMenuProps) => {\n  const { formatMessage } = useIntl();\n\n  const triggerLabel = formatMessage(\n    { id: getTranslationKey('list.sort.trigger'), defaultMessage: 'Sort: {active}' },\n    {\n      active: sort.sortBy\n        ? formatMessage(SORT_BY_LABELS[sort.sortBy])\n        : formatMessage(SORT_DIRECTION_LABELS[sort.direction!]),\n    }\n  );\n\n  const checkmark = <Check aria-hidden width=\"1.6rem\" height=\"1.6rem\" fill=\"primary600\" />;\n\n  return (\n    <Menu.Root>\n      <SortTrigger variant=\"ghost\" endIcon={<ChevronDown aria-hidden />}>\n        {triggerLabel}\n      </SortTrigger>\n      {/* The DS default maxHeight (15rem) folds everything after the first\n          group behind an invisible scroll — all groups must be visible at\n          once. 70vh keeps a scroll on very short viewports. */}\n      <Menu.Content popoverPlacement=\"bottom-end\" zIndex={2} maxHeight=\"70vh\" minWidth=\"25rem\">\n        {/* One single-select \"Sort\" section: the two rule families were always\n            mutually exclusive (one checkmark total), so they share a group. */}\n        <GroupLabel>\n          {formatMessage({ id: getTranslationKey('list.sort.section'), defaultMessage: 'Sort' })}\n        </GroupLabel>\n        {(Object.keys(SORT_BY_LABELS) as SortByKey[]).map((key) => (\n          <Menu.Item\n            key={key}\n            role=\"menuitemradio\"\n            aria-checked={sort.sortBy === key}\n            onSelect={(e: Event) => {\n              e.preventDefault();\n              sort.setSortBy(sort.sortBy === key ? null : key);\n            }}\n            endIcon={sort.sortBy === key ? checkmark : null}\n          >\n            {formatMessage(SORT_BY_LABELS[key])}\n          </Menu.Item>\n        ))}\n        {(Object.keys(SORT_DIRECTION_LABELS) as SortDirectionKey[]).map((key) => (\n          <Menu.Item\n            key={key}\n            role=\"menuitemradio\"\n            aria-checked={sort.direction === key}\n            onSelect={(e: Event) => {\n              e.preventDefault();\n              sort.setDirection(sort.direction === key ? null : key);\n            }}\n            endIcon={sort.direction === key ? checkmark : null}\n          >\n            {formatMessage(SORT_DIRECTION_LABELS[key])}\n          </Menu.Item>\n        ))}\n\n        {showFoldersGroup && (\n          <>\n            <Menu.Separator />\n            <GroupLabel>\n              {formatMessage({\n                id: getTranslationKey('list.sort.folders'),\n                defaultMessage: 'Folders',\n              })}\n            </GroupLabel>\n            {(Object.keys(FOLDERS_LABELS) as FoldersPosition[]).map((position) => (\n              <Menu.Item\n                key={position}\n                role=\"menuitemradio\"\n                aria-checked={sort.foldersPosition === position}\n                onSelect={(e: Event) => {\n                  e.preventDefault();\n                  sort.setFoldersPosition(position);\n                }}\n                endIcon={sort.foldersPosition === position ? checkmark : null}\n              >\n                {formatMessage(FOLDERS_LABELS[position])}\n              </Menu.Item>\n            ))}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n"],"names":["SORT_BY_LABELS","oldestUploads","id","getTranslationKey","defaultMessage","mostRecentUpdates","SORT_DIRECTION_LABELS","nameAsc","nameDesc","sizeAsc","sizeDesc","FOLDERS_LABELS","top","mixed","SortTrigger","styled","Menu","Trigger","GroupLabel","Label","theme","colorScheme","colors","neutral150","neutral100","spaces","borderRadius","SortMenu","sort","showFoldersGroup","formatMessage","useIntl","triggerLabel","active","sortBy","direction","checkmark","_jsx","Check","aria-hidden","width","height","fill","_jsxs","Root","variant","endIcon","ChevronDown","Content","popoverPlacement","zIndex","maxHeight","minWidth","Object","keys","map","key","Item","role","aria-checked","onSelect","e","preventDefault","setSortBy","setDirection","_Fragment","Separator","position","foldersPosition","setFoldersPosition"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { VisuallyHidden, Menu } from '@strapi/design-system';
+import { Menu } from '@strapi/design-system';
 import { ChevronDown, Check } from '@strapi/icons';
 import { useIntl } from 'react-intl';
 import { styled } from 'styled-components';
@@ -45,9 +45,7 @@ const FOLDERS_LABELS = {
 };
 // Stretch to the toolbar row height so the trigger matches the view toggle
 // (the parent Flex uses alignItems="stretch").
-const SortTrigger = styled(Menu.Trigger)`
-  height: auto;
-`;
+const SortTrigger = styled(Menu.Trigger)``;
 // Full-width section band, like the design mock (sits inside the Menu.Content
 // padding, so the band stops short of the panel edges).
 const GroupLabel = styled(Menu.Label)`
@@ -62,6 +60,12 @@ const GroupLabel = styled(Menu.Label)`
  * option keeps the menu open (`onSelect` preventDefault) so several facets can
  * be tuned in one visit; clicking a checked facet clears it (the hook
  * guarantees at least one sort rule stays active).
+ *
+ * Each section is single-select, so its items are radios: the checkmark icon is
+ * decorative, and `aria-checked` is what assistive tech reads. The DS `Menu`
+ * exposes no `RadioItem`, but `Menu.Item` forwards extra props onto the element
+ * it renders through Radix's `asChild`, where they take precedence over Radix's
+ * own `role="menuitem"`.
  */ const SortMenu = ({ sort, showFoldersGroup = true })=>{
     const { formatMessage } = useIntl();
     const triggerLabel = formatMessage({
@@ -76,22 +80,10 @@ const GroupLabel = styled(Menu.Label)`
         height: "1.6rem",
         fill: "primary600"
     });
-    // The checkmark icon is aria-hidden, so the active option carries a
-    // visually-hidden suffix for screen readers instead (menuitem does not
-    // allow aria-checked).
-    const activeMark = /*#__PURE__*/ jsxs(VisuallyHidden, {
-        children: [
-            ' ',
-            formatMessage({
-                id: getTranslationKey('list.sort.active'),
-                defaultMessage: '(active)'
-            })
-        ]
-    });
     return /*#__PURE__*/ jsxs(Menu.Root, {
         children: [
             /*#__PURE__*/ jsx(SortTrigger, {
-                variant: "tertiary",
+                variant: "ghost",
                 endIcon: /*#__PURE__*/ jsx(ChevronDown, {
                     "aria-hidden": true
                 }),
@@ -101,7 +93,7 @@ const GroupLabel = styled(Menu.Label)`
                 popoverPlacement: "bottom-end",
                 zIndex: 2,
                 maxHeight: "70vh",
-                width: "25rem",
+                minWidth: "25rem",
                 children: [
                     /*#__PURE__*/ jsx(GroupLabel, {
                         children: formatMessage({
@@ -109,27 +101,25 @@ const GroupLabel = styled(Menu.Label)`
                             defaultMessage: 'Sort'
                         })
                     }),
-                    Object.keys(SORT_BY_LABELS).map((key)=>/*#__PURE__*/ jsxs(Menu.Item, {
+                    Object.keys(SORT_BY_LABELS).map((key)=>/*#__PURE__*/ jsx(Menu.Item, {
+                            role: "menuitemradio",
+                            "aria-checked": sort.sortBy === key,
                             onSelect: (e)=>{
                                 e.preventDefault();
                                 sort.setSortBy(sort.sortBy === key ? null : key);
                             },
                             endIcon: sort.sortBy === key ? checkmark : null,
-                            children: [
-                                formatMessage(SORT_BY_LABELS[key]),
-                                sort.sortBy === key && activeMark
-                            ]
+                            children: formatMessage(SORT_BY_LABELS[key])
                         }, key)),
-                    Object.keys(SORT_DIRECTION_LABELS).map((key)=>/*#__PURE__*/ jsxs(Menu.Item, {
+                    Object.keys(SORT_DIRECTION_LABELS).map((key)=>/*#__PURE__*/ jsx(Menu.Item, {
+                            role: "menuitemradio",
+                            "aria-checked": sort.direction === key,
                             onSelect: (e)=>{
                                 e.preventDefault();
                                 sort.setDirection(sort.direction === key ? null : key);
                             },
                             endIcon: sort.direction === key ? checkmark : null,
-                            children: [
-                                formatMessage(SORT_DIRECTION_LABELS[key]),
-                                sort.direction === key && activeMark
-                            ]
+                            children: formatMessage(SORT_DIRECTION_LABELS[key])
                         }, key)),
                     showFoldersGroup && /*#__PURE__*/ jsxs(Fragment, {
                         children: [
@@ -140,16 +130,15 @@ const GroupLabel = styled(Menu.Label)`
                                     defaultMessage: 'Folders'
                                 })
                             }),
-                            Object.keys(FOLDERS_LABELS).map((position)=>/*#__PURE__*/ jsxs(Menu.Item, {
+                            Object.keys(FOLDERS_LABELS).map((position)=>/*#__PURE__*/ jsx(Menu.Item, {
+                                    role: "menuitemradio",
+                                    "aria-checked": sort.foldersPosition === position,
                                     onSelect: (e)=>{
                                         e.preventDefault();
                                         sort.setFoldersPosition(position);
                                     },
                                     endIcon: sort.foldersPosition === position ? checkmark : null,
-                                    children: [
-                                        formatMessage(FOLDERS_LABELS[position]),
-                                        sort.foldersPosition === position && activeMark
-                                    ]
+                                    children: formatMessage(FOLDERS_LABELS[position])
                                 }, position))
                         ]
                     })

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

@@ -1 +1 @@
-{"version":3,"file":"SortMenu.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/SortMenu.tsx"],"sourcesContent":["import { Menu, VisuallyHidden } from '@strapi/design-system';\nimport { Check, ChevronDown } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTranslationKey } from '../../../utils/translations';\nimport {\n  type FoldersPosition,\n  type ListSort,\n  type SortByKey,\n  type SortDirectionKey,\n} from '../hooks/useListSort';\n\nimport type { MessageDescriptor } from 'react-intl';\n\nconst SORT_BY_LABELS: Record<SortByKey, MessageDescriptor> = {\n  oldestUploads: {\n    id: getTranslationKey('list.sort.oldest-uploads'),\n    defaultMessage: 'Oldest uploads',\n  },\n  mostRecentUpdates: {\n    id: getTranslationKey('list.sort.most-recent-updates'),\n    defaultMessage: 'Most recent updates',\n  },\n};\n\nconst SORT_DIRECTION_LABELS: Record<SortDirectionKey, MessageDescriptor> = {\n  nameAsc: { id: getTranslationKey('list.sort.name-asc'), defaultMessage: 'A to Z' },\n  nameDesc: { id: getTranslationKey('list.sort.name-desc'), defaultMessage: 'Z to A' },\n  sizeAsc: {\n    id: getTranslationKey('list.sort.size-asc'),\n    defaultMessage: 'File size ascending',\n  },\n  sizeDesc: {\n    id: getTranslationKey('list.sort.size-desc'),\n    defaultMessage: 'File size descending',\n  },\n};\n\nconst FOLDERS_LABELS: Record<FoldersPosition, MessageDescriptor> = {\n  top: { id: getTranslationKey('list.sort.folders-on-top'), defaultMessage: 'On top' },\n  mixed: {\n    id: getTranslationKey('list.sort.folders-mixed'),\n    defaultMessage: 'Mixed with files',\n  },\n};\n\n// Stretch to the toolbar row height so the trigger matches the view toggle\n// (the parent Flex uses alignItems=\"stretch\").\nconst SortTrigger = styled(Menu.Trigger)`\n  height: auto;\n`;\n\n// Full-width section band, like the design mock (sits inside the Menu.Content\n// padding, so the band stops short of the panel edges).\nconst GroupLabel = styled(Menu.Label)`\n  width: 100%;\n  display: block;\n  background: ${({ theme }) =>\n    theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral100};\n  padding-inline: ${({ theme }) => theme.spaces[3]};\n  border-radius: ${({ theme }) => theme.borderRadius};\n`;\n\ninterface SortMenuProps {\n  sort: ListSort;\n  /**\n   * The grid view forces folders on top (mixing folder cards with asset cards\n   * is not supported there), so it hides the Folders group entirely.\n   */\n  showFoldersGroup?: boolean;\n}\n\n/**\n * Toolbar \"Sort\" dropdown: single-select sections (Sort / Folders). Picking an\n * option keeps the menu open (`onSelect` preventDefault) so several facets can\n * be tuned in one visit; clicking a checked facet clears it (the hook\n * guarantees at least one sort rule stays active).\n */\nexport const SortMenu = ({ sort, showFoldersGroup = true }: SortMenuProps) => {\n  const { formatMessage } = useIntl();\n\n  const triggerLabel = formatMessage(\n    { id: getTranslationKey('list.sort.trigger'), defaultMessage: 'Sort: {active}' },\n    {\n      active: sort.sortBy\n        ? formatMessage(SORT_BY_LABELS[sort.sortBy])\n        : formatMessage(SORT_DIRECTION_LABELS[sort.direction!]),\n    }\n  );\n\n  const checkmark = <Check aria-hidden width=\"1.6rem\" height=\"1.6rem\" fill=\"primary600\" />;\n\n  // The checkmark icon is aria-hidden, so the active option carries a\n  // visually-hidden suffix for screen readers instead (menuitem does not\n  // allow aria-checked).\n  const activeMark = (\n    <VisuallyHidden>\n      {' '}\n      {formatMessage({ id: getTranslationKey('list.sort.active'), defaultMessage: '(active)' })}\n    </VisuallyHidden>\n  );\n\n  return (\n    <Menu.Root>\n      <SortTrigger variant=\"tertiary\" endIcon={<ChevronDown aria-hidden />}>\n        {triggerLabel}\n      </SortTrigger>\n      {/* The DS default maxHeight (15rem) folds everything after the first\n          group behind an invisible scroll — all groups must be visible at\n          once. 70vh keeps a scroll on very short viewports. */}\n      <Menu.Content popoverPlacement=\"bottom-end\" zIndex={2} maxHeight=\"70vh\" width=\"25rem\">\n        {/* One single-select \"Sort\" section: the two rule families were always\n            mutually exclusive (one checkmark total), so they share a group. */}\n        <GroupLabel>\n          {formatMessage({ id: getTranslationKey('list.sort.section'), defaultMessage: 'Sort' })}\n        </GroupLabel>\n        {(Object.keys(SORT_BY_LABELS) as SortByKey[]).map((key) => (\n          <Menu.Item\n            key={key}\n            onSelect={(e: Event) => {\n              e.preventDefault();\n              sort.setSortBy(sort.sortBy === key ? null : key);\n            }}\n            endIcon={sort.sortBy === key ? checkmark : null}\n          >\n            {formatMessage(SORT_BY_LABELS[key])}\n            {sort.sortBy === key && activeMark}\n          </Menu.Item>\n        ))}\n        {(Object.keys(SORT_DIRECTION_LABELS) as SortDirectionKey[]).map((key) => (\n          <Menu.Item\n            key={key}\n            onSelect={(e: Event) => {\n              e.preventDefault();\n              sort.setDirection(sort.direction === key ? null : key);\n            }}\n            endIcon={sort.direction === key ? checkmark : null}\n          >\n            {formatMessage(SORT_DIRECTION_LABELS[key])}\n            {sort.direction === key && activeMark}\n          </Menu.Item>\n        ))}\n\n        {showFoldersGroup && (\n          <>\n            <Menu.Separator />\n            <GroupLabel>\n              {formatMessage({\n                id: getTranslationKey('list.sort.folders'),\n                defaultMessage: 'Folders',\n              })}\n            </GroupLabel>\n            {(Object.keys(FOLDERS_LABELS) as FoldersPosition[]).map((position) => (\n              <Menu.Item\n                key={position}\n                onSelect={(e: Event) => {\n                  e.preventDefault();\n                  sort.setFoldersPosition(position);\n                }}\n                endIcon={sort.foldersPosition === position ? checkmark : null}\n              >\n                {formatMessage(FOLDERS_LABELS[position])}\n                {sort.foldersPosition === position && activeMark}\n              </Menu.Item>\n            ))}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n"],"names":["SORT_BY_LABELS","oldestUploads","id","getTranslationKey","defaultMessage","mostRecentUpdates","SORT_DIRECTION_LABELS","nameAsc","nameDesc","sizeAsc","sizeDesc","FOLDERS_LABELS","top","mixed","SortTrigger","styled","Menu","Trigger","GroupLabel","Label","theme","colorScheme","colors","neutral150","neutral100","spaces","borderRadius","SortMenu","sort","showFoldersGroup","formatMessage","useIntl","triggerLabel","active","sortBy","direction","checkmark","_jsx","Check","aria-hidden","width","height","fill","activeMark","_jsxs","VisuallyHidden","Root","variant","endIcon","ChevronDown","Content","popoverPlacement","zIndex","maxHeight","Object","keys","map","key","Item","onSelect","e","preventDefault","setSortBy","setDirection","_Fragment","Separator","position","setFoldersPosition","foldersPosition"],"mappings":"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"}
+{"version":3,"file":"SortMenu.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/SortMenu.tsx"],"sourcesContent":["import { Menu } from '@strapi/design-system';\nimport { Check, ChevronDown } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTranslationKey } from '../../../utils/translations';\nimport {\n  type FoldersPosition,\n  type ListSort,\n  type SortByKey,\n  type SortDirectionKey,\n} from '../hooks/useListSort';\n\nimport type { MessageDescriptor } from 'react-intl';\n\nconst SORT_BY_LABELS: Record<SortByKey, MessageDescriptor> = {\n  oldestUploads: {\n    id: getTranslationKey('list.sort.oldest-uploads'),\n    defaultMessage: 'Oldest uploads',\n  },\n  mostRecentUpdates: {\n    id: getTranslationKey('list.sort.most-recent-updates'),\n    defaultMessage: 'Most recent updates',\n  },\n};\n\nconst SORT_DIRECTION_LABELS: Record<SortDirectionKey, MessageDescriptor> = {\n  nameAsc: { id: getTranslationKey('list.sort.name-asc'), defaultMessage: 'A to Z' },\n  nameDesc: { id: getTranslationKey('list.sort.name-desc'), defaultMessage: 'Z to A' },\n  sizeAsc: {\n    id: getTranslationKey('list.sort.size-asc'),\n    defaultMessage: 'File size ascending',\n  },\n  sizeDesc: {\n    id: getTranslationKey('list.sort.size-desc'),\n    defaultMessage: 'File size descending',\n  },\n};\n\nconst FOLDERS_LABELS: Record<FoldersPosition, MessageDescriptor> = {\n  top: { id: getTranslationKey('list.sort.folders-on-top'), defaultMessage: 'On top' },\n  mixed: {\n    id: getTranslationKey('list.sort.folders-mixed'),\n    defaultMessage: 'Mixed with files',\n  },\n};\n\n// Stretch to the toolbar row height so the trigger matches the view toggle\n// (the parent Flex uses alignItems=\"stretch\").\nconst SortTrigger = styled(Menu.Trigger)``;\n\n// Full-width section band, like the design mock (sits inside the Menu.Content\n// padding, so the band stops short of the panel edges).\nconst GroupLabel = styled(Menu.Label)`\n  width: 100%;\n  display: block;\n  background: ${({ theme }) =>\n    theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral100};\n  padding-inline: ${({ theme }) => theme.spaces[3]};\n  border-radius: ${({ theme }) => theme.borderRadius};\n`;\n\ninterface SortMenuProps {\n  sort: ListSort;\n  /**\n   * The grid view forces folders on top (mixing folder cards with asset cards\n   * is not supported there), so it hides the Folders group entirely.\n   */\n  showFoldersGroup?: boolean;\n}\n\n/**\n * Toolbar \"Sort\" dropdown: single-select sections (Sort / Folders). Picking an\n * option keeps the menu open (`onSelect` preventDefault) so several facets can\n * be tuned in one visit; clicking a checked facet clears it (the hook\n * guarantees at least one sort rule stays active).\n *\n * Each section is single-select, so its items are radios: the checkmark icon is\n * decorative, and `aria-checked` is what assistive tech reads. The DS `Menu`\n * exposes no `RadioItem`, but `Menu.Item` forwards extra props onto the element\n * it renders through Radix's `asChild`, where they take precedence over Radix's\n * own `role=\"menuitem\"`.\n */\nexport const SortMenu = ({ sort, showFoldersGroup = true }: SortMenuProps) => {\n  const { formatMessage } = useIntl();\n\n  const triggerLabel = formatMessage(\n    { id: getTranslationKey('list.sort.trigger'), defaultMessage: 'Sort: {active}' },\n    {\n      active: sort.sortBy\n        ? formatMessage(SORT_BY_LABELS[sort.sortBy])\n        : formatMessage(SORT_DIRECTION_LABELS[sort.direction!]),\n    }\n  );\n\n  const checkmark = <Check aria-hidden width=\"1.6rem\" height=\"1.6rem\" fill=\"primary600\" />;\n\n  return (\n    <Menu.Root>\n      <SortTrigger variant=\"ghost\" endIcon={<ChevronDown aria-hidden />}>\n        {triggerLabel}\n      </SortTrigger>\n      {/* The DS default maxHeight (15rem) folds everything after the first\n          group behind an invisible scroll — all groups must be visible at\n          once. 70vh keeps a scroll on very short viewports. */}\n      <Menu.Content popoverPlacement=\"bottom-end\" zIndex={2} maxHeight=\"70vh\" minWidth=\"25rem\">\n        {/* One single-select \"Sort\" section: the two rule families were always\n            mutually exclusive (one checkmark total), so they share a group. */}\n        <GroupLabel>\n          {formatMessage({ id: getTranslationKey('list.sort.section'), defaultMessage: 'Sort' })}\n        </GroupLabel>\n        {(Object.keys(SORT_BY_LABELS) as SortByKey[]).map((key) => (\n          <Menu.Item\n            key={key}\n            role=\"menuitemradio\"\n            aria-checked={sort.sortBy === key}\n            onSelect={(e: Event) => {\n              e.preventDefault();\n              sort.setSortBy(sort.sortBy === key ? null : key);\n            }}\n            endIcon={sort.sortBy === key ? checkmark : null}\n          >\n            {formatMessage(SORT_BY_LABELS[key])}\n          </Menu.Item>\n        ))}\n        {(Object.keys(SORT_DIRECTION_LABELS) as SortDirectionKey[]).map((key) => (\n          <Menu.Item\n            key={key}\n            role=\"menuitemradio\"\n            aria-checked={sort.direction === key}\n            onSelect={(e: Event) => {\n              e.preventDefault();\n              sort.setDirection(sort.direction === key ? null : key);\n            }}\n            endIcon={sort.direction === key ? checkmark : null}\n          >\n            {formatMessage(SORT_DIRECTION_LABELS[key])}\n          </Menu.Item>\n        ))}\n\n        {showFoldersGroup && (\n          <>\n            <Menu.Separator />\n            <GroupLabel>\n              {formatMessage({\n                id: getTranslationKey('list.sort.folders'),\n                defaultMessage: 'Folders',\n              })}\n            </GroupLabel>\n            {(Object.keys(FOLDERS_LABELS) as FoldersPosition[]).map((position) => (\n              <Menu.Item\n                key={position}\n                role=\"menuitemradio\"\n                aria-checked={sort.foldersPosition === position}\n                onSelect={(e: Event) => {\n                  e.preventDefault();\n                  sort.setFoldersPosition(position);\n                }}\n                endIcon={sort.foldersPosition === position ? checkmark : null}\n              >\n                {formatMessage(FOLDERS_LABELS[position])}\n              </Menu.Item>\n            ))}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n"],"names":["SORT_BY_LABELS","oldestUploads","id","getTranslationKey","defaultMessage","mostRecentUpdates","SORT_DIRECTION_LABELS","nameAsc","nameDesc","sizeAsc","sizeDesc","FOLDERS_LABELS","top","mixed","SortTrigger","styled","Menu","Trigger","GroupLabel","Label","theme","colorScheme","colors","neutral150","neutral100","spaces","borderRadius","SortMenu","sort","showFoldersGroup","formatMessage","useIntl","triggerLabel","active","sortBy","direction","checkmark","_jsx","Check","aria-hidden","width","height","fill","_jsxs","Root","variant","endIcon","ChevronDown","Content","popoverPlacement","zIndex","maxHeight","minWidth","Object","keys","map","key","Item","role","aria-checked","onSelect","e","preventDefault","setSortBy","setDirection","_Fragment","Separator","position","foldersPosition","setFoldersPosition"],"mappings":"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"}

package/dist/admin/future/pages/Assets/hooks/useAssetSearch.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var searchQueryParam = require('../../../utils/searchQueryParam.js');
+
+/**
+ * Reads and writes the global asset search term held in `?_q=`.
+ *
+ * Debouncing is the input component's job (see `AssetsSearchInput`) — this hook
+ * is a thin URL accessor so every consumer reads the same source of truth.
+ */ const useAssetSearch = ()=>{
+    const [{ query }, setQuery] = strapiAdmin.useQueryParams();
+    const searchQuery = query?._q ?? '';
+    const setSearchQuery = React.useCallback((value)=>{
+        if (value) {
+            setQuery({
+                _q: searchQueryParam.encodeSearchQuery(value)
+            }, 'push', true);
+        } else {
+            setQuery({
+                _q: ''
+            }, 'remove', true);
+        }
+    }, [
+        setQuery
+    ]);
+    const clearSearch = React.useCallback(()=>setSearchQuery(''), [
+        setSearchQuery
+    ]);
+    return {
+        searchQuery,
+        isSearching: searchQuery !== '',
+        setSearchQuery,
+        clearSearch
+    };
+};
+
+exports.useAssetSearch = useAssetSearch;
+//# sourceMappingURL=useAssetSearch.js.map

package/dist/admin/future/pages/Assets/hooks/useAssetSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetSearch.js","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useAssetSearch.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\n\nimport { encodeSearchQuery } from '../../../utils/searchQueryParam';\n\n/**\n * Reads and writes the global asset search term held in `?_q=`.\n *\n * Debouncing is the input component's job (see `AssetsSearchInput`) — this hook\n * is a thin URL accessor so every consumer reads the same source of truth.\n */\nexport const useAssetSearch = () => {\n  const [{ query }, setQuery] = useQueryParams<{ _q?: string }>();\n\n  const searchQuery = query?._q ?? '';\n\n  const setSearchQuery = useCallback(\n    (value: string) => {\n      if (value) {\n        setQuery({ _q: encodeSearchQuery(value) }, 'push', true);\n      } else {\n        setQuery({ _q: '' }, 'remove', true);\n      }\n    },\n    [setQuery]\n  );\n\n  const clearSearch = useCallback(() => setSearchQuery(''), [setSearchQuery]);\n\n  return {\n    searchQuery,\n    isSearching: searchQuery !== '',\n    setSearchQuery,\n    clearSearch,\n  };\n};\n"],"names":["useAssetSearch","query","setQuery","useQueryParams","searchQuery","_q","setSearchQuery","useCallback","value","encodeSearchQuery","clearSearch","isSearching"],"mappings":";;;;;;AAMA;;;;;UAMaA,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,0BAAAA,EAAAA;IAE9B,MAAMC,WAAAA,GAAcH,OAAOI,EAAAA,IAAM,EAAA;IAEjC,MAAMC,cAAAA,GAAiBC,kBACrB,CAACC,KAAAA,GAAAA;AACC,QAAA,IAAIA,KAAAA,EAAO;YACTN,QAAAA,CAAS;AAAEG,gBAAAA,EAAAA,EAAII,kCAAAA,CAAkBD,KAAAA;AAAO,aAAA,EAAG,MAAA,EAAQ,IAAA,CAAA;QACrD,CAAA,MAAO;YACLN,QAAAA,CAAS;gBAAEG,EAAAA,EAAI;AAAG,aAAA,EAAG,QAAA,EAAU,IAAA,CAAA;AACjC,QAAA;IACF,CAAA,EACA;AAACH,QAAAA;AAAS,KAAA,CAAA;AAGZ,IAAA,MAAMQ,WAAAA,GAAcH,iBAAAA,CAAY,IAAMD,cAAAA,CAAe,EAAA,CAAA,EAAK;AAACA,QAAAA;AAAe,KAAA,CAAA;IAE1E,OAAO;AACLF,QAAAA,WAAAA;AACAO,QAAAA,WAAAA,EAAaP,WAAAA,KAAgB,EAAA;AAC7BE,QAAAA,cAAAA;AACAI,QAAAA;AACF,KAAA;AACF;;;;"}

package/dist/admin/future/pages/Assets/hooks/useAssetSearch.mjs

@@ -0,0 +1,38 @@
+import { useCallback } from 'react';
+import { useQueryParams } from '@strapi/admin/strapi-admin';
+import { encodeSearchQuery } from '../../../utils/searchQueryParam.mjs';
+
+/**
+ * Reads and writes the global asset search term held in `?_q=`.
+ *
+ * Debouncing is the input component's job (see `AssetsSearchInput`) — this hook
+ * is a thin URL accessor so every consumer reads the same source of truth.
+ */ const useAssetSearch = ()=>{
+    const [{ query }, setQuery] = useQueryParams();
+    const searchQuery = query?._q ?? '';
+    const setSearchQuery = useCallback((value)=>{
+        if (value) {
+            setQuery({
+                _q: encodeSearchQuery(value)
+            }, 'push', true);
+        } else {
+            setQuery({
+                _q: ''
+            }, 'remove', true);
+        }
+    }, [
+        setQuery
+    ]);
+    const clearSearch = useCallback(()=>setSearchQuery(''), [
+        setSearchQuery
+    ]);
+    return {
+        searchQuery,
+        isSearching: searchQuery !== '',
+        setSearchQuery,
+        clearSearch
+    };
+};
+
+export { useAssetSearch };
+//# sourceMappingURL=useAssetSearch.mjs.map

package/dist/admin/future/pages/Assets/hooks/useAssetSearch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetSearch.mjs","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useAssetSearch.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\n\nimport { encodeSearchQuery } from '../../../utils/searchQueryParam';\n\n/**\n * Reads and writes the global asset search term held in `?_q=`.\n *\n * Debouncing is the input component's job (see `AssetsSearchInput`) — this hook\n * is a thin URL accessor so every consumer reads the same source of truth.\n */\nexport const useAssetSearch = () => {\n  const [{ query }, setQuery] = useQueryParams<{ _q?: string }>();\n\n  const searchQuery = query?._q ?? '';\n\n  const setSearchQuery = useCallback(\n    (value: string) => {\n      if (value) {\n        setQuery({ _q: encodeSearchQuery(value) }, 'push', true);\n      } else {\n        setQuery({ _q: '' }, 'remove', true);\n      }\n    },\n    [setQuery]\n  );\n\n  const clearSearch = useCallback(() => setSearchQuery(''), [setSearchQuery]);\n\n  return {\n    searchQuery,\n    isSearching: searchQuery !== '',\n    setSearchQuery,\n    clearSearch,\n  };\n};\n"],"names":["useAssetSearch","query","setQuery","useQueryParams","searchQuery","_q","setSearchQuery","useCallback","value","encodeSearchQuery","clearSearch","isSearching"],"mappings":";;;;AAMA;;;;;UAMaA,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,cAAAA,EAAAA;IAE9B,MAAMC,WAAAA,GAAcH,OAAOI,EAAAA,IAAM,EAAA;IAEjC,MAAMC,cAAAA,GAAiBC,YACrB,CAACC,KAAAA,GAAAA;AACC,QAAA,IAAIA,KAAAA,EAAO;YACTN,QAAAA,CAAS;AAAEG,gBAAAA,EAAAA,EAAII,iBAAAA,CAAkBD,KAAAA;AAAO,aAAA,EAAG,MAAA,EAAQ,IAAA,CAAA;QACrD,CAAA,MAAO;YACLN,QAAAA,CAAS;gBAAEG,EAAAA,EAAI;AAAG,aAAA,EAAG,QAAA,EAAU,IAAA,CAAA;AACjC,QAAA;IACF,CAAA,EACA;AAACH,QAAAA;AAAS,KAAA,CAAA;AAGZ,IAAA,MAAMQ,WAAAA,GAAcH,WAAAA,CAAY,IAAMD,cAAAA,CAAe,EAAA,CAAA,EAAK;AAACA,QAAAA;AAAe,KAAA,CAAA;IAE1E,OAAO;AACLF,QAAAA,WAAAA;AACAO,QAAAA,WAAAA,EAAaP,WAAAA,KAAgB,EAAA;AAC7BE,QAAAA,cAAAA;AACAI,QAAAA;AACF,KAAA;AACF;;;;"}

package/dist/admin/future/pages/Assets/hooks/useAssetSelection.js

@@ -4,14 +4,30 @@ var React = require('react');
 var selection = require('../utils/selection.js');
 
 const AssetSelectionContext = React.createContext(null);
-const AssetSelectionProvider = ({ children })=>{
+const AssetSelectionProvider = ({ children, disabled = false })=>{
     const [state, setState] = React.useState(selection.createEmptySelection);
-    const isSelected = React.useCallback((key)=>state.selectedKeys.has(key), [
+    const isSelected = React.useCallback((key)=>!disabled && state.selectedKeys.has(key), [
+        disabled,
         state.selectedKeys
     ]);
-    const toggle = React.useCallback((key)=>setState((prev)=>selection.toggleSelection(prev, key)), []);
-    const selectRange = React.useCallback((orderedKeys, targetKey)=>setState((prev)=>selection.selectRange(prev, orderedKeys, targetKey)), []);
-    const selectAll = React.useCallback((orderedKeys)=>setState(selection.selectAll(orderedKeys)), []);
+    const toggle = React.useCallback((key)=>{
+        if (disabled) return;
+        setState((prev)=>selection.toggleSelection(prev, key));
+    }, [
+        disabled
+    ]);
+    const selectRange = React.useCallback((orderedKeys, targetKey)=>{
+        if (disabled) return;
+        setState((prev)=>selection.selectRange(prev, orderedKeys, targetKey));
+    }, [
+        disabled
+    ]);
+    const selectAll = React.useCallback((orderedKeys)=>{
+        if (disabled) return;
+        setState(selection.selectAll(orderedKeys));
+    }, [
+        disabled
+    ]);
     const clear = React.useCallback(()=>setState(selection.clearSelection()), []);
     const selectedIds = React.useMemo(()=>selection.getIdsOfKind(state.selectedKeys, 'asset'), [
         state.selectedKeys

package/dist/admin/future/pages/Assets/hooks/useAssetSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAssetSelection.js","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useAssetSelection.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport {\n  clearSelection,\n  createEmptySelection,\n  getIdsOfKind,\n  selectAll as selectAllState,\n  selectRange as selectRangeState,\n  toggleSelection,\n  type ItemKey,\n  type SelectionState,\n} from '../utils/selection';\n\n/**\n * Ephemeral, view-state-only multi-select for the future Media Library. Selection\n * is page-scoped and reset on folder navigation or sort/filter changes (the\n * table/grid toggle keeps it — same list, different presentation).\n *\n * The actual computation lives in `../utils/selection.ts` (pure + unit-tested);\n * this hook is a thin React wrapper. Assets and folders share one mechanism —\n * items are tracked as namespaced keys (`asset:1` / `folder:1`) so toggle, range\n * and select-all behave the same for both. Range / select-all receive the\n * ordered key array from the caller (the view owns the rendered order), keeping\n * the context data-source-agnostic.\n */\nexport interface AssetSelection {\n  /** Every selected item key (assets and folders), render-order agnostic. */\n  selectedKeys: Set<ItemKey>;\n  /** Selected asset ids, derived from {@link selectedKeys}. */\n  selectedIds: Set<number>;\n  /** Selected folder ids, derived from {@link selectedKeys}. */\n  selectedFolderIds: Set<number>;\n  anchorKey: ItemKey | null;\n  isSelected: (key: ItemKey) => boolean;\n  /** Additive toggle (Cmd/Ctrl+click, item checkbox). */\n  toggle: (key: ItemKey) => void;\n  /** Shift+click — selects the contiguous range from the anchor to the target. */\n  selectRange: (orderedKeys: ItemKey[], targetKey: ItemKey) => void;\n  /** Header checkbox — selects every rendered item (folders and assets). */\n  selectAll: (orderedKeys: ItemKey[]) => void;\n  /** Close button / folder navigation / list-identity changes. */\n  clear: () => void;\n}\n\nconst AssetSelectionContext = createContext<AssetSelection | null>(null);\n\ninterface AssetSelectionProviderProps {\n  children: ReactNode;\n}\n\nexport const AssetSelectionProvider = ({ children }: AssetSelectionProviderProps) => {\n  const [state, setState] = useState<SelectionState>(createEmptySelection);\n\n  const isSelected = useCallback(\n    (key: ItemKey) => state.selectedKeys.has(key),\n    [state.selectedKeys]\n  );\n\n  const toggle = useCallback((key: ItemKey) => setState((prev) => toggleSelection(prev, key)), []);\n\n  const selectRange = useCallback(\n    (orderedKeys: ItemKey[], targetKey: ItemKey) =>\n      setState((prev) => selectRangeState(prev, orderedKeys, targetKey)),\n    []\n  );\n\n  const selectAll = useCallback(\n    (orderedKeys: ItemKey[]) => setState(selectAllState(orderedKeys)),\n    []\n  );\n\n  const clear = useCallback(() => setState(clearSelection()), []);\n\n  const selectedIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'asset'),\n    [state.selectedKeys]\n  );\n  const selectedFolderIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'folder'),\n    [state.selectedKeys]\n  );\n\n  const value = useMemo<AssetSelection>(\n    () => ({\n      selectedKeys: state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      anchorKey: state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      clear,\n    }),\n    [\n      state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      clear,\n    ]\n  );\n\n  return createElement(AssetSelectionContext.Provider, { value }, children);\n};\n\nexport const useAssetSelection = () => {\n  const context = useContext(AssetSelectionContext);\n\n  if (!context) {\n    throw new Error('useAssetSelection must be used within an AssetSelectionProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetSelectionOptional = () => useContext(AssetSelectionContext);\n"],"names":["AssetSelectionContext","createContext","AssetSelectionProvider","children","state","setState","useState","createEmptySelection","isSelected","useCallback","key","selectedKeys","has","toggle","prev","toggleSelection","selectRange","orderedKeys","targetKey","selectRangeState","selectAll","selectAllState","clear","clearSelection","selectedIds","useMemo","getIdsOfKind","selectedFolderIds","value","anchorKey","createElement","Provider","useAssetSelection","context","useContext","Error","useAssetSelectionOptional"],"mappings":";;;;;AAoDA,MAAMA,wBAAwBC,mBAAAA,CAAqC,IAAA,CAAA;AAM5D,MAAMC,sBAAAA,GAAyB,CAAC,EAAEC,QAAQ,EAA+B,GAAA;AAC9E,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,cAAAA,CAAyBC,8BAAAA,CAAAA;IAEnD,MAAMC,UAAAA,GAAaC,kBACjB,CAACC,GAAAA,GAAiBN,MAAMO,YAAY,CAACC,GAAG,CAACF,GAAAA,CAAAA,EACzC;AAACN,QAAAA,KAAAA,CAAMO;AAAa,KAAA,CAAA;IAGtB,MAAME,MAAAA,GAASJ,iBAAAA,CAAY,CAACC,GAAAA,GAAiBL,QAAAA,CAAS,CAACS,IAAAA,GAASC,yBAAAA,CAAgBD,IAAAA,EAAMJ,GAAAA,CAAAA,CAAAA,EAAO,EAAE,CAAA;AAE/F,IAAA,MAAMM,WAAAA,GAAcP,iBAAAA,CAClB,CAACQ,WAAAA,EAAwBC,SAAAA,GACvBb,QAAAA,CAAS,CAACS,IAAAA,GAASK,qBAAAA,CAAiBL,IAAAA,EAAMG,WAAAA,EAAaC,SAAAA,CAAAA,CAAAA,EACzD,EAAE,CAAA;AAGJ,IAAA,MAAME,YAAYX,iBAAAA,CAChB,CAACQ,cAA2BZ,QAAAA,CAASgB,mBAAAA,CAAeJ,eACpD,EAAE,CAAA;AAGJ,IAAA,MAAMK,KAAAA,GAAQb,iBAAAA,CAAY,IAAMJ,QAAAA,CAASkB,6BAAmB,EAAE,CAAA;AAE9D,IAAA,MAAMC,cAAcC,aAAAA,CAClB,IAAMC,uBAAatB,KAAAA,CAAMO,YAAY,EAAE,OAAA,CAAA,EACvC;AAACP,QAAAA,KAAAA,CAAMO;AAAa,KAAA,CAAA;AAEtB,IAAA,MAAMgB,oBAAoBF,aAAAA,CACxB,IAAMC,uBAAatB,KAAAA,CAAMO,YAAY,EAAE,QAAA,CAAA,EACvC;AAACP,QAAAA,KAAAA,CAAMO;AAAa,KAAA,CAAA;IAGtB,MAAMiB,KAAAA,GAAQH,aAAAA,CACZ,KAAO;AACLd,YAAAA,YAAAA,EAAcP,MAAMO,YAAY;AAChCa,YAAAA,WAAAA;AACAG,YAAAA,iBAAAA;AACAE,YAAAA,SAAAA,EAAWzB,MAAMyB,SAAS;AAC1BrB,YAAAA,UAAAA;AACAK,YAAAA,MAAAA;AACAG,YAAAA,WAAAA;AACAI,YAAAA,SAAAA;AACAE,YAAAA;AACF,SAAA,CAAA,EACA;AACElB,QAAAA,KAAAA,CAAMO,YAAY;AAClBa,QAAAA,WAAAA;AACAG,QAAAA,iBAAAA;AACAvB,QAAAA,KAAAA,CAAMyB,SAAS;AACfrB,QAAAA,UAAAA;AACAK,QAAAA,MAAAA;AACAG,QAAAA,WAAAA;AACAI,QAAAA,SAAAA;AACAE,QAAAA;AACD,KAAA,CAAA;IAGH,OAAOQ,mBAAAA,CAAc9B,qBAAAA,CAAsB+B,QAAQ,EAAE;AAAEH,QAAAA;KAAM,EAAGzB,QAAAA,CAAAA;AAClE;MAEa6B,iBAAAA,GAAoB,IAAA;AAC/B,IAAA,MAAMC,UAAUC,gBAAAA,CAAWlC,qBAAAA,CAAAA;AAE3B,IAAA,IAAI,CAACiC,OAAAA,EAAS;AACZ,QAAA,MAAM,IAAIE,KAAAA,CAAM,iEAAA,CAAA;AAClB,IAAA;IAEA,OAAOF,OAAAA;AACT;AAEO,MAAMG,yBAAAA,GAA4B,IAAMF,gBAAAA,CAAWlC,qBAAAA;;;;;;"}
+{"version":3,"file":"useAssetSelection.js","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useAssetSelection.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport {\n  clearSelection,\n  createEmptySelection,\n  getIdsOfKind,\n  selectAll as selectAllState,\n  selectRange as selectRangeState,\n  toggleSelection,\n  type ItemKey,\n  type SelectionState,\n} from '../utils/selection';\n\n/**\n * Ephemeral, view-state-only multi-select for the future Media Library. Selection\n * is page-scoped and reset on folder navigation or sort/filter changes (the\n * table/grid toggle keeps it — same list, different presentation).\n *\n * The actual computation lives in `../utils/selection.ts` (pure + unit-tested);\n * this hook is a thin React wrapper. Assets and folders share one mechanism —\n * items are tracked as namespaced keys (`asset:1` / `folder:1`) so toggle, range\n * and select-all behave the same for both. Range / select-all receive the\n * ordered key array from the caller (the view owns the rendered order), keeping\n * the context data-source-agnostic.\n */\nexport interface AssetSelection {\n  /** Every selected item key (assets and folders), render-order agnostic. */\n  selectedKeys: Set<ItemKey>;\n  /** Selected asset ids, derived from {@link selectedKeys}. */\n  selectedIds: Set<number>;\n  /** Selected folder ids, derived from {@link selectedKeys}. */\n  selectedFolderIds: Set<number>;\n  anchorKey: ItemKey | null;\n  isSelected: (key: ItemKey) => boolean;\n  /** Additive toggle (Cmd/Ctrl+click, item checkbox). */\n  toggle: (key: ItemKey) => void;\n  /** Shift+click — selects the contiguous range from the anchor to the target. */\n  selectRange: (orderedKeys: ItemKey[], targetKey: ItemKey) => void;\n  /** Header checkbox — selects every rendered item (folders and assets). */\n  selectAll: (orderedKeys: ItemKey[]) => void;\n  /** Close button / folder navigation / list-identity changes. */\n  clear: () => void;\n}\n\nconst AssetSelectionContext = createContext<AssetSelection | null>(null);\n\ninterface AssetSelectionProviderProps {\n  children: ReactNode;\n  /**\n   * When true, selection is inert: every mutator is a no-op and nothing ever\n   * reads as selected. Every bulk action is gated on `assets.update`, so a user\n   * without it has nothing to select for — the views also hide the checkboxes,\n   * and this makes the remaining paths (click-to-select, Space key) do nothing.\n   */\n  disabled?: boolean;\n}\n\nexport const AssetSelectionProvider = ({\n  children,\n  disabled = false,\n}: AssetSelectionProviderProps) => {\n  const [state, setState] = useState<SelectionState>(createEmptySelection);\n\n  const isSelected = useCallback(\n    (key: ItemKey) => !disabled && state.selectedKeys.has(key),\n    [disabled, state.selectedKeys]\n  );\n\n  const toggle = useCallback(\n    (key: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => toggleSelection(prev, key));\n    },\n    [disabled]\n  );\n\n  const selectRange = useCallback(\n    (orderedKeys: ItemKey[], targetKey: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => selectRangeState(prev, orderedKeys, targetKey));\n    },\n    [disabled]\n  );\n\n  const selectAll = useCallback(\n    (orderedKeys: ItemKey[]) => {\n      if (disabled) return;\n      setState(selectAllState(orderedKeys));\n    },\n    [disabled]\n  );\n\n  const clear = useCallback(() => setState(clearSelection()), []);\n\n  const selectedIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'asset'),\n    [state.selectedKeys]\n  );\n  const selectedFolderIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'folder'),\n    [state.selectedKeys]\n  );\n\n  const value = useMemo<AssetSelection>(\n    () => ({\n      selectedKeys: state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      anchorKey: state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      clear,\n    }),\n    [\n      state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      clear,\n    ]\n  );\n\n  return createElement(AssetSelectionContext.Provider, { value }, children);\n};\n\nexport const useAssetSelection = () => {\n  const context = useContext(AssetSelectionContext);\n\n  if (!context) {\n    throw new Error('useAssetSelection must be used within an AssetSelectionProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetSelectionOptional = () => useContext(AssetSelectionContext);\n"],"names":["AssetSelectionContext","createContext","AssetSelectionProvider","children","disabled","state","setState","useState","createEmptySelection","isSelected","useCallback","key","selectedKeys","has","toggle","prev","toggleSelection","selectRange","orderedKeys","targetKey","selectRangeState","selectAll","selectAllState","clear","clearSelection","selectedIds","useMemo","getIdsOfKind","selectedFolderIds","value","anchorKey","createElement","Provider","useAssetSelection","context","useContext","Error","useAssetSelectionOptional"],"mappings":"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"}

package/dist/admin/future/pages/Assets/hooks/useAssetSelection.mjs

@@ -2,14 +2,30 @@ import { useState, useCallback, useMemo, createElement, createContext, useContex
 import { createEmptySelection, toggleSelection, selectRange, selectAll, clearSelection, getIdsOfKind } from '../utils/selection.mjs';
 
 const AssetSelectionContext = createContext(null);
-const AssetSelectionProvider = ({ children })=>{
+const AssetSelectionProvider = ({ children, disabled = false })=>{
     const [state, setState] = useState(createEmptySelection);
-    const isSelected = useCallback((key)=>state.selectedKeys.has(key), [
+    const isSelected = useCallback((key)=>!disabled && state.selectedKeys.has(key), [
+        disabled,
         state.selectedKeys
     ]);
-    const toggle = useCallback((key)=>setState((prev)=>toggleSelection(prev, key)), []);
-    const selectRange$1 = useCallback((orderedKeys, targetKey)=>setState((prev)=>selectRange(prev, orderedKeys, targetKey)), []);
-    const selectAll$1 = useCallback((orderedKeys)=>setState(selectAll(orderedKeys)), []);
+    const toggle = useCallback((key)=>{
+        if (disabled) return;
+        setState((prev)=>toggleSelection(prev, key));
+    }, [
+        disabled
+    ]);
+    const selectRange$1 = useCallback((orderedKeys, targetKey)=>{
+        if (disabled) return;
+        setState((prev)=>selectRange(prev, orderedKeys, targetKey));
+    }, [
+        disabled
+    ]);
+    const selectAll$1 = useCallback((orderedKeys)=>{
+        if (disabled) return;
+        setState(selectAll(orderedKeys));
+    }, [
+        disabled
+    ]);
     const clear = useCallback(()=>setState(clearSelection()), []);
     const selectedIds = useMemo(()=>getIdsOfKind(state.selectedKeys, 'asset'), [
         state.selectedKeys

package/dist/admin/future/pages/Assets/hooks/useAssetSelection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAssetSelection.mjs","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useAssetSelection.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport {\n  clearSelection,\n  createEmptySelection,\n  getIdsOfKind,\n  selectAll as selectAllState,\n  selectRange as selectRangeState,\n  toggleSelection,\n  type ItemKey,\n  type SelectionState,\n} from '../utils/selection';\n\n/**\n * Ephemeral, view-state-only multi-select for the future Media Library. Selection\n * is page-scoped and reset on folder navigation or sort/filter changes (the\n * table/grid toggle keeps it — same list, different presentation).\n *\n * The actual computation lives in `../utils/selection.ts` (pure + unit-tested);\n * this hook is a thin React wrapper. Assets and folders share one mechanism —\n * items are tracked as namespaced keys (`asset:1` / `folder:1`) so toggle, range\n * and select-all behave the same for both. Range / select-all receive the\n * ordered key array from the caller (the view owns the rendered order), keeping\n * the context data-source-agnostic.\n */\nexport interface AssetSelection {\n  /** Every selected item key (assets and folders), render-order agnostic. */\n  selectedKeys: Set<ItemKey>;\n  /** Selected asset ids, derived from {@link selectedKeys}. */\n  selectedIds: Set<number>;\n  /** Selected folder ids, derived from {@link selectedKeys}. */\n  selectedFolderIds: Set<number>;\n  anchorKey: ItemKey | null;\n  isSelected: (key: ItemKey) => boolean;\n  /** Additive toggle (Cmd/Ctrl+click, item checkbox). */\n  toggle: (key: ItemKey) => void;\n  /** Shift+click — selects the contiguous range from the anchor to the target. */\n  selectRange: (orderedKeys: ItemKey[], targetKey: ItemKey) => void;\n  /** Header checkbox — selects every rendered item (folders and assets). */\n  selectAll: (orderedKeys: ItemKey[]) => void;\n  /** Close button / folder navigation / list-identity changes. */\n  clear: () => void;\n}\n\nconst AssetSelectionContext = createContext<AssetSelection | null>(null);\n\ninterface AssetSelectionProviderProps {\n  children: ReactNode;\n}\n\nexport const AssetSelectionProvider = ({ children }: AssetSelectionProviderProps) => {\n  const [state, setState] = useState<SelectionState>(createEmptySelection);\n\n  const isSelected = useCallback(\n    (key: ItemKey) => state.selectedKeys.has(key),\n    [state.selectedKeys]\n  );\n\n  const toggle = useCallback((key: ItemKey) => setState((prev) => toggleSelection(prev, key)), []);\n\n  const selectRange = useCallback(\n    (orderedKeys: ItemKey[], targetKey: ItemKey) =>\n      setState((prev) => selectRangeState(prev, orderedKeys, targetKey)),\n    []\n  );\n\n  const selectAll = useCallback(\n    (orderedKeys: ItemKey[]) => setState(selectAllState(orderedKeys)),\n    []\n  );\n\n  const clear = useCallback(() => setState(clearSelection()), []);\n\n  const selectedIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'asset'),\n    [state.selectedKeys]\n  );\n  const selectedFolderIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'folder'),\n    [state.selectedKeys]\n  );\n\n  const value = useMemo<AssetSelection>(\n    () => ({\n      selectedKeys: state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      anchorKey: state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      clear,\n    }),\n    [\n      state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      clear,\n    ]\n  );\n\n  return createElement(AssetSelectionContext.Provider, { value }, children);\n};\n\nexport const useAssetSelection = () => {\n  const context = useContext(AssetSelectionContext);\n\n  if (!context) {\n    throw new Error('useAssetSelection must be used within an AssetSelectionProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetSelectionOptional = () => useContext(AssetSelectionContext);\n"],"names":["AssetSelectionContext","createContext","AssetSelectionProvider","children","state","setState","useState","createEmptySelection","isSelected","useCallback","key","selectedKeys","has","toggle","prev","toggleSelection","selectRange","orderedKeys","targetKey","selectRangeState","selectAll","selectAllState","clear","clearSelection","selectedIds","useMemo","getIdsOfKind","selectedFolderIds","value","anchorKey","createElement","Provider","useAssetSelection","context","useContext","Error","useAssetSelectionOptional"],"mappings":";;;AAoDA,MAAMA,wBAAwBC,aAAAA,CAAqC,IAAA,CAAA;AAM5D,MAAMC,sBAAAA,GAAyB,CAAC,EAAEC,QAAQ,EAA+B,GAAA;AAC9E,IAAA,MAAM,CAACC,KAAAA,EAAOC,QAAAA,CAAS,GAAGC,QAAAA,CAAyBC,oBAAAA,CAAAA;IAEnD,MAAMC,UAAAA,GAAaC,YACjB,CAACC,GAAAA,GAAiBN,MAAMO,YAAY,CAACC,GAAG,CAACF,GAAAA,CAAAA,EACzC;AAACN,QAAAA,KAAAA,CAAMO;AAAa,KAAA,CAAA;IAGtB,MAAME,MAAAA,GAASJ,WAAAA,CAAY,CAACC,GAAAA,GAAiBL,QAAAA,CAAS,CAACS,IAAAA,GAASC,eAAAA,CAAgBD,IAAAA,EAAMJ,GAAAA,CAAAA,CAAAA,EAAO,EAAE,CAAA;AAE/F,IAAA,MAAMM,aAAAA,GAAcP,WAAAA,CAClB,CAACQ,WAAAA,EAAwBC,SAAAA,GACvBb,QAAAA,CAAS,CAACS,IAAAA,GAASK,WAAAA,CAAiBL,IAAAA,EAAMG,WAAAA,EAAaC,SAAAA,CAAAA,CAAAA,EACzD,EAAE,CAAA;AAGJ,IAAA,MAAME,cAAYX,WAAAA,CAChB,CAACQ,cAA2BZ,QAAAA,CAASgB,SAAAA,CAAeJ,eACpD,EAAE,CAAA;AAGJ,IAAA,MAAMK,KAAAA,GAAQb,WAAAA,CAAY,IAAMJ,QAAAA,CAASkB,mBAAmB,EAAE,CAAA;AAE9D,IAAA,MAAMC,cAAcC,OAAAA,CAClB,IAAMC,aAAatB,KAAAA,CAAMO,YAAY,EAAE,OAAA,CAAA,EACvC;AAACP,QAAAA,KAAAA,CAAMO;AAAa,KAAA,CAAA;AAEtB,IAAA,MAAMgB,oBAAoBF,OAAAA,CACxB,IAAMC,aAAatB,KAAAA,CAAMO,YAAY,EAAE,QAAA,CAAA,EACvC;AAACP,QAAAA,KAAAA,CAAMO;AAAa,KAAA,CAAA;IAGtB,MAAMiB,KAAAA,GAAQH,OAAAA,CACZ,KAAO;AACLd,YAAAA,YAAAA,EAAcP,MAAMO,YAAY;AAChCa,YAAAA,WAAAA;AACAG,YAAAA,iBAAAA;AACAE,YAAAA,SAAAA,EAAWzB,MAAMyB,SAAS;AAC1BrB,YAAAA,UAAAA;AACAK,YAAAA,MAAAA;AACAG,yBAAAA,aAAAA;AACAI,uBAAAA,WAAAA;AACAE,YAAAA;AACF,SAAA,CAAA,EACA;AACElB,QAAAA,KAAAA,CAAMO,YAAY;AAClBa,QAAAA,WAAAA;AACAG,QAAAA,iBAAAA;AACAvB,QAAAA,KAAAA,CAAMyB,SAAS;AACfrB,QAAAA,UAAAA;AACAK,QAAAA,MAAAA;AACAG,QAAAA,aAAAA;AACAI,QAAAA,WAAAA;AACAE,QAAAA;AACD,KAAA,CAAA;IAGH,OAAOQ,aAAAA,CAAc9B,qBAAAA,CAAsB+B,QAAQ,EAAE;AAAEH,QAAAA;KAAM,EAAGzB,QAAAA,CAAAA;AAClE;MAEa6B,iBAAAA,GAAoB,IAAA;AAC/B,IAAA,MAAMC,UAAUC,UAAAA,CAAWlC,qBAAAA,CAAAA;AAE3B,IAAA,IAAI,CAACiC,OAAAA,EAAS;AACZ,QAAA,MAAM,IAAIE,KAAAA,CAAM,iEAAA,CAAA;AAClB,IAAA;IAEA,OAAOF,OAAAA;AACT;AAEO,MAAMG,yBAAAA,GAA4B,IAAMF,UAAAA,CAAWlC,qBAAAA;;;;"}
+{"version":3,"file":"useAssetSelection.mjs","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useAssetSelection.ts"],"sourcesContent":["import {\n  createContext,\n  createElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\n\nimport {\n  clearSelection,\n  createEmptySelection,\n  getIdsOfKind,\n  selectAll as selectAllState,\n  selectRange as selectRangeState,\n  toggleSelection,\n  type ItemKey,\n  type SelectionState,\n} from '../utils/selection';\n\n/**\n * Ephemeral, view-state-only multi-select for the future Media Library. Selection\n * is page-scoped and reset on folder navigation or sort/filter changes (the\n * table/grid toggle keeps it — same list, different presentation).\n *\n * The actual computation lives in `../utils/selection.ts` (pure + unit-tested);\n * this hook is a thin React wrapper. Assets and folders share one mechanism —\n * items are tracked as namespaced keys (`asset:1` / `folder:1`) so toggle, range\n * and select-all behave the same for both. Range / select-all receive the\n * ordered key array from the caller (the view owns the rendered order), keeping\n * the context data-source-agnostic.\n */\nexport interface AssetSelection {\n  /** Every selected item key (assets and folders), render-order agnostic. */\n  selectedKeys: Set<ItemKey>;\n  /** Selected asset ids, derived from {@link selectedKeys}. */\n  selectedIds: Set<number>;\n  /** Selected folder ids, derived from {@link selectedKeys}. */\n  selectedFolderIds: Set<number>;\n  anchorKey: ItemKey | null;\n  isSelected: (key: ItemKey) => boolean;\n  /** Additive toggle (Cmd/Ctrl+click, item checkbox). */\n  toggle: (key: ItemKey) => void;\n  /** Shift+click — selects the contiguous range from the anchor to the target. */\n  selectRange: (orderedKeys: ItemKey[], targetKey: ItemKey) => void;\n  /** Header checkbox — selects every rendered item (folders and assets). */\n  selectAll: (orderedKeys: ItemKey[]) => void;\n  /** Close button / folder navigation / list-identity changes. */\n  clear: () => void;\n}\n\nconst AssetSelectionContext = createContext<AssetSelection | null>(null);\n\ninterface AssetSelectionProviderProps {\n  children: ReactNode;\n  /**\n   * When true, selection is inert: every mutator is a no-op and nothing ever\n   * reads as selected. Every bulk action is gated on `assets.update`, so a user\n   * without it has nothing to select for — the views also hide the checkboxes,\n   * and this makes the remaining paths (click-to-select, Space key) do nothing.\n   */\n  disabled?: boolean;\n}\n\nexport const AssetSelectionProvider = ({\n  children,\n  disabled = false,\n}: AssetSelectionProviderProps) => {\n  const [state, setState] = useState<SelectionState>(createEmptySelection);\n\n  const isSelected = useCallback(\n    (key: ItemKey) => !disabled && state.selectedKeys.has(key),\n    [disabled, state.selectedKeys]\n  );\n\n  const toggle = useCallback(\n    (key: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => toggleSelection(prev, key));\n    },\n    [disabled]\n  );\n\n  const selectRange = useCallback(\n    (orderedKeys: ItemKey[], targetKey: ItemKey) => {\n      if (disabled) return;\n      setState((prev) => selectRangeState(prev, orderedKeys, targetKey));\n    },\n    [disabled]\n  );\n\n  const selectAll = useCallback(\n    (orderedKeys: ItemKey[]) => {\n      if (disabled) return;\n      setState(selectAllState(orderedKeys));\n    },\n    [disabled]\n  );\n\n  const clear = useCallback(() => setState(clearSelection()), []);\n\n  const selectedIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'asset'),\n    [state.selectedKeys]\n  );\n  const selectedFolderIds = useMemo(\n    () => getIdsOfKind(state.selectedKeys, 'folder'),\n    [state.selectedKeys]\n  );\n\n  const value = useMemo<AssetSelection>(\n    () => ({\n      selectedKeys: state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      anchorKey: state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      clear,\n    }),\n    [\n      state.selectedKeys,\n      selectedIds,\n      selectedFolderIds,\n      state.anchorKey,\n      isSelected,\n      toggle,\n      selectRange,\n      selectAll,\n      clear,\n    ]\n  );\n\n  return createElement(AssetSelectionContext.Provider, { value }, children);\n};\n\nexport const useAssetSelection = () => {\n  const context = useContext(AssetSelectionContext);\n\n  if (!context) {\n    throw new Error('useAssetSelection must be used within an AssetSelectionProvider');\n  }\n\n  return context;\n};\n\nexport const useAssetSelectionOptional = () => useContext(AssetSelectionContext);\n"],"names":["AssetSelectionContext","createContext","AssetSelectionProvider","children","disabled","state","setState","useState","createEmptySelection","isSelected","useCallback","key","selectedKeys","has","toggle","prev","toggleSelection","selectRange","orderedKeys","targetKey","selectRangeState","selectAll","selectAllState","clear","clearSelection","selectedIds","useMemo","getIdsOfKind","selectedFolderIds","value","anchorKey","createElement","Provider","useAssetSelection","context","useContext","Error","useAssetSelectionOptional"],"mappings":"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"}

package/dist/admin/future/pages/Assets/hooks/useBusyAssets.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var React = require('react');
+
+const BusyAssetsContext = React.createContext(null);
+const BusyAssetsProvider = ({ children })=>{
+    const [busyById, setBusyById] = React.useState({});
+    const markBusy = React.useCallback((id, message)=>{
+        setBusyById((prev)=>({
+                ...prev,
+                [id]: message
+            }));
+        return ()=>setBusyById((prev)=>{
+                // Rebuild without the key rather than mutating — the value is compared
+                // by identity downstream.
+                const { [id]: _released, ...rest } = prev;
+                return rest;
+            });
+    }, []);
+    const isBusy = React.useCallback((id)=>busyById[id] !== undefined, [
+        busyById
+    ]);
+    const getBusyMessage = React.useCallback((id)=>busyById[id] ?? null, [
+        busyById
+    ]);
+    const value = React.useMemo(()=>({
+            isBusy,
+            getBusyMessage,
+            markBusy
+        }), [
+        isBusy,
+        getBusyMessage,
+        markBusy
+    ]);
+    return React.createElement(BusyAssetsContext.Provider, {
+        value
+    }, children);
+};
+/**
+ * Optional by design: `AssetActionsMenu`, `AssetRow` and `AssetCard` are also
+ * rendered in tests and in the asset picker, outside this provider. Without it
+ * the mutation still runs, it just shows no row-level feedback.
+ */ const useBusyAssetsOptional = ()=>React.useContext(BusyAssetsContext);
+
+exports.BusyAssetsProvider = BusyAssetsProvider;
+exports.useBusyAssetsOptional = useBusyAssetsOptional;
+//# sourceMappingURL=useBusyAssets.js.map

package/dist/admin/future/pages/Assets/hooks/useBusyAssets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBusyAssets.js","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useBusyAssets.ts"],"sourcesContent":["import { createContext, createElement, useCallback, useContext, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\n\n/**\n * Which assets have a long-running mutation in flight, so the list can show it\n * on the item itself.\n *\n * The mutation stays where it is triggered — the row's \"...\" menu — but the\n * feedback has to render on the row or card, which is an ancestor of it. The\n * menu sits in a leaf `<td>` (table) / footer `Flex` (grid), so an overlay\n * mounted there would cover the button and nothing else. Rather than hoist the\n * mutation up into both `AssetRow` and `AssetCard` (duplicating it, and moving\n * it away from the control that owns it), the busy flag travels up through\n * context and the ancestor renders the overlay.\n *\n * Scoped per asset id rather than a single boolean: a replace on one row must\n * not blank out every other row. Modelled on `isMovePending` in\n * `AssetsDndProvider`, which does the same thing for drag-moves — that one is\n * list-wide because a move genuinely blocks the whole list.\n */\nexport interface BusyAssets {\n  /** Whether this asset has a mutation in flight. */\n  isBusy: (id: number) => boolean;\n  /** The message to show while it is, or `null`. */\n  getBusyMessage: (id: number) => string | null;\n  /**\n   * Marks the asset busy and returns the release function. Pair it with\n   * `try`/`finally` so the flag clears on failure too.\n   */\n  markBusy: (id: number, message: string) => () => void;\n}\n\nconst BusyAssetsContext = createContext<BusyAssets | null>(null);\n\nexport const BusyAssetsProvider = ({ children }: { children: ReactNode }) => {\n  const [busyById, setBusyById] = useState<Record<number, string>>({});\n\n  const markBusy = useCallback((id: number, message: string) => {\n    setBusyById((prev) => ({ ...prev, [id]: message }));\n\n    return () =>\n      setBusyById((prev) => {\n        // Rebuild without the key rather than mutating — the value is compared\n        // by identity downstream.\n        const { [id]: _released, ...rest } = prev;\n        return rest;\n      });\n  }, []);\n\n  const isBusy = useCallback((id: number) => busyById[id] !== undefined, [busyById]);\n\n  const getBusyMessage = useCallback((id: number) => busyById[id] ?? null, [busyById]);\n\n  const value = useMemo<BusyAssets>(\n    () => ({ isBusy, getBusyMessage, markBusy }),\n    [isBusy, getBusyMessage, markBusy]\n  );\n\n  return createElement(BusyAssetsContext.Provider, { value }, children);\n};\n\n/**\n * Optional by design: `AssetActionsMenu`, `AssetRow` and `AssetCard` are also\n * rendered in tests and in the asset picker, outside this provider. Without it\n * the mutation still runs, it just shows no row-level feedback.\n */\nexport const useBusyAssetsOptional = () => useContext(BusyAssetsContext);\n"],"names":["BusyAssetsContext","createContext","BusyAssetsProvider","children","busyById","setBusyById","useState","markBusy","useCallback","id","message","prev","_released","rest","isBusy","undefined","getBusyMessage","value","useMemo","createElement","Provider","useBusyAssetsOptional","useContext"],"mappings":";;;;AAgCA,MAAMA,oBAAoBC,mBAAAA,CAAiC,IAAA,CAAA;AAEpD,MAAMC,kBAAAA,GAAqB,CAAC,EAAEC,QAAQ,EAA2B,GAAA;AACtE,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAAA,CAAY,GAAGC,eAAiC,EAAC,CAAA;IAElE,MAAMC,QAAAA,GAAWC,iBAAAA,CAAY,CAACC,EAAAA,EAAYC,OAAAA,GAAAA;QACxCL,WAAAA,CAAY,CAACM,QAAU;AAAE,gBAAA,GAAGA,IAAI;AAAE,gBAAA,CAACF,KAAKC;aAAQ,CAAA,CAAA;QAEhD,OAAO,IACLL,YAAY,CAACM,IAAAA,GAAAA;;;gBAGX,MAAM,EAAE,CAACF,EAAAA,GAAKG,SAAS,EAAE,GAAGC,MAAM,GAAGF,IAAAA;gBACrC,OAAOE,IAAAA;AACT,YAAA,CAAA,CAAA;AACJ,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMC,MAAAA,GAASN,kBAAY,CAACC,EAAAA,GAAeL,QAAQ,CAACK,EAAAA,CAAG,KAAKM,SAAAA,EAAW;AAACX,QAAAA;AAAS,KAAA,CAAA;IAEjF,MAAMY,cAAAA,GAAiBR,kBAAY,CAACC,EAAAA,GAAeL,QAAQ,CAACK,EAAAA,CAAG,IAAI,IAAA,EAAM;AAACL,QAAAA;AAAS,KAAA,CAAA;IAEnF,MAAMa,KAAAA,GAAQC,aAAAA,CACZ,KAAO;AAAEJ,YAAAA,MAAAA;AAAQE,YAAAA,cAAAA;AAAgBT,YAAAA;AAAS,SAAA,CAAA,EAC1C;AAACO,QAAAA,MAAAA;AAAQE,QAAAA,cAAAA;AAAgBT,QAAAA;AAAS,KAAA,CAAA;IAGpC,OAAOY,mBAAAA,CAAcnB,iBAAAA,CAAkBoB,QAAQ,EAAE;AAAEH,QAAAA;KAAM,EAAGd,QAAAA,CAAAA;AAC9D;AAEA;;;;AAIC,IACM,MAAMkB,qBAAAA,GAAwB,IAAMC,iBAAWtB,iBAAAA;;;;;"}

package/dist/admin/future/pages/Assets/hooks/useBusyAssets.mjs

@@ -0,0 +1,44 @@
+import { useState, useCallback, useMemo, createElement, createContext, useContext } from 'react';
+
+const BusyAssetsContext = createContext(null);
+const BusyAssetsProvider = ({ children })=>{
+    const [busyById, setBusyById] = useState({});
+    const markBusy = useCallback((id, message)=>{
+        setBusyById((prev)=>({
+                ...prev,
+                [id]: message
+            }));
+        return ()=>setBusyById((prev)=>{
+                // Rebuild without the key rather than mutating — the value is compared
+                // by identity downstream.
+                const { [id]: _released, ...rest } = prev;
+                return rest;
+            });
+    }, []);
+    const isBusy = useCallback((id)=>busyById[id] !== undefined, [
+        busyById
+    ]);
+    const getBusyMessage = useCallback((id)=>busyById[id] ?? null, [
+        busyById
+    ]);
+    const value = useMemo(()=>({
+            isBusy,
+            getBusyMessage,
+            markBusy
+        }), [
+        isBusy,
+        getBusyMessage,
+        markBusy
+    ]);
+    return createElement(BusyAssetsContext.Provider, {
+        value
+    }, children);
+};
+/**
+ * Optional by design: `AssetActionsMenu`, `AssetRow` and `AssetCard` are also
+ * rendered in tests and in the asset picker, outside this provider. Without it
+ * the mutation still runs, it just shows no row-level feedback.
+ */ const useBusyAssetsOptional = ()=>useContext(BusyAssetsContext);
+
+export { BusyAssetsProvider, useBusyAssetsOptional };
+//# sourceMappingURL=useBusyAssets.mjs.map

package/dist/admin/future/pages/Assets/hooks/useBusyAssets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBusyAssets.mjs","sources":["../../../../../../admin/src/future/pages/Assets/hooks/useBusyAssets.ts"],"sourcesContent":["import { createContext, createElement, useCallback, useContext, useMemo, useState } from 'react';\nimport type { ReactNode } from 'react';\n\n/**\n * Which assets have a long-running mutation in flight, so the list can show it\n * on the item itself.\n *\n * The mutation stays where it is triggered — the row's \"...\" menu — but the\n * feedback has to render on the row or card, which is an ancestor of it. The\n * menu sits in a leaf `<td>` (table) / footer `Flex` (grid), so an overlay\n * mounted there would cover the button and nothing else. Rather than hoist the\n * mutation up into both `AssetRow` and `AssetCard` (duplicating it, and moving\n * it away from the control that owns it), the busy flag travels up through\n * context and the ancestor renders the overlay.\n *\n * Scoped per asset id rather than a single boolean: a replace on one row must\n * not blank out every other row. Modelled on `isMovePending` in\n * `AssetsDndProvider`, which does the same thing for drag-moves — that one is\n * list-wide because a move genuinely blocks the whole list.\n */\nexport interface BusyAssets {\n  /** Whether this asset has a mutation in flight. */\n  isBusy: (id: number) => boolean;\n  /** The message to show while it is, or `null`. */\n  getBusyMessage: (id: number) => string | null;\n  /**\n   * Marks the asset busy and returns the release function. Pair it with\n   * `try`/`finally` so the flag clears on failure too.\n   */\n  markBusy: (id: number, message: string) => () => void;\n}\n\nconst BusyAssetsContext = createContext<BusyAssets | null>(null);\n\nexport const BusyAssetsProvider = ({ children }: { children: ReactNode }) => {\n  const [busyById, setBusyById] = useState<Record<number, string>>({});\n\n  const markBusy = useCallback((id: number, message: string) => {\n    setBusyById((prev) => ({ ...prev, [id]: message }));\n\n    return () =>\n      setBusyById((prev) => {\n        // Rebuild without the key rather than mutating — the value is compared\n        // by identity downstream.\n        const { [id]: _released, ...rest } = prev;\n        return rest;\n      });\n  }, []);\n\n  const isBusy = useCallback((id: number) => busyById[id] !== undefined, [busyById]);\n\n  const getBusyMessage = useCallback((id: number) => busyById[id] ?? null, [busyById]);\n\n  const value = useMemo<BusyAssets>(\n    () => ({ isBusy, getBusyMessage, markBusy }),\n    [isBusy, getBusyMessage, markBusy]\n  );\n\n  return createElement(BusyAssetsContext.Provider, { value }, children);\n};\n\n/**\n * Optional by design: `AssetActionsMenu`, `AssetRow` and `AssetCard` are also\n * rendered in tests and in the asset picker, outside this provider. Without it\n * the mutation still runs, it just shows no row-level feedback.\n */\nexport const useBusyAssetsOptional = () => useContext(BusyAssetsContext);\n"],"names":["BusyAssetsContext","createContext","BusyAssetsProvider","children","busyById","setBusyById","useState","markBusy","useCallback","id","message","prev","_released","rest","isBusy","undefined","getBusyMessage","value","useMemo","createElement","Provider","useBusyAssetsOptional","useContext"],"mappings":";;AAgCA,MAAMA,oBAAoBC,aAAAA,CAAiC,IAAA,CAAA;AAEpD,MAAMC,kBAAAA,GAAqB,CAAC,EAAEC,QAAQ,EAA2B,GAAA;AACtE,IAAA,MAAM,CAACC,QAAAA,EAAUC,WAAAA,CAAY,GAAGC,SAAiC,EAAC,CAAA;IAElE,MAAMC,QAAAA,GAAWC,WAAAA,CAAY,CAACC,EAAAA,EAAYC,OAAAA,GAAAA;QACxCL,WAAAA,CAAY,CAACM,QAAU;AAAE,gBAAA,GAAGA,IAAI;AAAE,gBAAA,CAACF,KAAKC;aAAQ,CAAA,CAAA;QAEhD,OAAO,IACLL,YAAY,CAACM,IAAAA,GAAAA;;;gBAGX,MAAM,EAAE,CAACF,EAAAA,GAAKG,SAAS,EAAE,GAAGC,MAAM,GAAGF,IAAAA;gBACrC,OAAOE,IAAAA;AACT,YAAA,CAAA,CAAA;AACJ,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMC,MAAAA,GAASN,YAAY,CAACC,EAAAA,GAAeL,QAAQ,CAACK,EAAAA,CAAG,KAAKM,SAAAA,EAAW;AAACX,QAAAA;AAAS,KAAA,CAAA;IAEjF,MAAMY,cAAAA,GAAiBR,YAAY,CAACC,EAAAA,GAAeL,QAAQ,CAACK,EAAAA,CAAG,IAAI,IAAA,EAAM;AAACL,QAAAA;AAAS,KAAA,CAAA;IAEnF,MAAMa,KAAAA,GAAQC,OAAAA,CACZ,KAAO;AAAEJ,YAAAA,MAAAA;AAAQE,YAAAA,cAAAA;AAAgBT,YAAAA;AAAS,SAAA,CAAA,EAC1C;AAACO,QAAAA,MAAAA;AAAQE,QAAAA,cAAAA;AAAgBT,QAAAA;AAAS,KAAA,CAAA;IAGpC,OAAOY,aAAAA,CAAcnB,iBAAAA,CAAkBoB,QAAQ,EAAE;AAAEH,QAAAA;KAAM,EAAGd,QAAAA,CAAAA;AAC9D;AAEA;;;;AAIC,IACM,MAAMkB,qBAAAA,GAAwB,IAAMC,WAAWtB,iBAAAA;;;;"}