@strapi/upload 5.51.0 → 5.51.2

package/dist/admin/future/pages/Assets/components/FolderTree/useSpringLoadedExpand.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+
+const SPRING_LOAD_DELAY_MS = 600;
+const useSpringLoadedExpand = ({ isOver, canExpand, onExpand })=>{
+    React.useEffect(()=>{
+        if (!isOver || !canExpand) {
+            return;
+        }
+        const timer = setTimeout(onExpand, SPRING_LOAD_DELAY_MS);
+        return ()=>clearTimeout(timer);
+    }, [
+        isOver,
+        canExpand,
+        onExpand
+    ]);
+};
+
+exports.SPRING_LOAD_DELAY_MS = SPRING_LOAD_DELAY_MS;
+exports.useSpringLoadedExpand = useSpringLoadedExpand;
+//# sourceMappingURL=useSpringLoadedExpand.js.map

package/dist/admin/future/pages/Assets/components/FolderTree/useSpringLoadedExpand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpringLoadedExpand.js","sources":["../../../../../../../admin/src/future/pages/Assets/components/FolderTree/useSpringLoadedExpand.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const SPRING_LOAD_DELAY_MS = 600;\n\nexport const useSpringLoadedExpand = ({\n  isOver,\n  canExpand,\n  onExpand,\n}: {\n  isOver: boolean;\n  canExpand: boolean;\n  onExpand: () => void;\n}) => {\n  useEffect(() => {\n    if (!isOver || !canExpand) {\n      return;\n    }\n\n    const timer = setTimeout(onExpand, SPRING_LOAD_DELAY_MS);\n\n    return () => clearTimeout(timer);\n  }, [isOver, canExpand, onExpand]);\n};\n"],"names":["SPRING_LOAD_DELAY_MS","useSpringLoadedExpand","isOver","canExpand","onExpand","useEffect","timer","setTimeout","clearTimeout"],"mappings":";;;;AAEO,MAAMA,uBAAuB;AAE7B,MAAMC,wBAAwB,CAAC,EACpCC,MAAM,EACNC,SAAS,EACTC,QAAQ,EAKT,GAAA;IACCC,eAAAA,CAAU,IAAA;QACR,IAAI,CAACH,MAAAA,IAAU,CAACC,SAAAA,EAAW;AACzB,YAAA;AACF,QAAA;QAEA,MAAMG,KAAAA,GAAQC,WAAWH,QAAAA,EAAUJ,oBAAAA,CAAAA;AAEnC,QAAA,OAAO,IAAMQ,YAAAA,CAAaF,KAAAA,CAAAA;IAC5B,CAAA,EAAG;AAACJ,QAAAA,MAAAA;AAAQC,QAAAA,SAAAA;AAAWC,QAAAA;AAAS,KAAA,CAAA;AAClC;;;;;"}

package/dist/admin/future/pages/Assets/components/FolderTree/useSpringLoadedExpand.mjs

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+
+const SPRING_LOAD_DELAY_MS = 600;
+const useSpringLoadedExpand = ({ isOver, canExpand, onExpand })=>{
+    useEffect(()=>{
+        if (!isOver || !canExpand) {
+            return;
+        }
+        const timer = setTimeout(onExpand, SPRING_LOAD_DELAY_MS);
+        return ()=>clearTimeout(timer);
+    }, [
+        isOver,
+        canExpand,
+        onExpand
+    ]);
+};
+
+export { SPRING_LOAD_DELAY_MS, useSpringLoadedExpand };
+//# sourceMappingURL=useSpringLoadedExpand.mjs.map

package/dist/admin/future/pages/Assets/components/FolderTree/useSpringLoadedExpand.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSpringLoadedExpand.mjs","sources":["../../../../../../../admin/src/future/pages/Assets/components/FolderTree/useSpringLoadedExpand.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport const SPRING_LOAD_DELAY_MS = 600;\n\nexport const useSpringLoadedExpand = ({\n  isOver,\n  canExpand,\n  onExpand,\n}: {\n  isOver: boolean;\n  canExpand: boolean;\n  onExpand: () => void;\n}) => {\n  useEffect(() => {\n    if (!isOver || !canExpand) {\n      return;\n    }\n\n    const timer = setTimeout(onExpand, SPRING_LOAD_DELAY_MS);\n\n    return () => clearTimeout(timer);\n  }, [isOver, canExpand, onExpand]);\n};\n"],"names":["SPRING_LOAD_DELAY_MS","useSpringLoadedExpand","isOver","canExpand","onExpand","useEffect","timer","setTimeout","clearTimeout"],"mappings":";;AAEO,MAAMA,uBAAuB;AAE7B,MAAMC,wBAAwB,CAAC,EACpCC,MAAM,EACNC,SAAS,EACTC,QAAQ,EAKT,GAAA;IACCC,SAAAA,CAAU,IAAA;QACR,IAAI,CAACH,MAAAA,IAAU,CAACC,SAAAA,EAAW;AACzB,YAAA;AACF,QAAA;QAEA,MAAMG,KAAAA,GAAQC,WAAWH,QAAAA,EAAUJ,oBAAAA,CAAAA;AAEnC,QAAA,OAAO,IAAMQ,YAAAA,CAAaF,KAAAA,CAAAA;IAC5B,CAAA,EAAG;AAACJ,QAAAA,MAAAA;AAAQC,QAAAA,SAAAA;AAAWC,QAAAA;AAAS,KAAA,CAAA;AAClC;;;;"}

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

@@ -0,0 +1,154 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var translations = require('../../../utils/translations.js');
+
+const SORT_BY_LABELS = {
+    oldestUploads: {
+        id: translations.getTranslationKey('list.sort.oldest-uploads'),
+        defaultMessage: 'Oldest uploads'
+    },
+    mostRecentUpdates: {
+        id: translations.getTranslationKey('list.sort.most-recent-updates'),
+        defaultMessage: 'Most recent updates'
+    }
+};
+const SORT_DIRECTION_LABELS = {
+    nameAsc: {
+        id: translations.getTranslationKey('list.sort.name-asc'),
+        defaultMessage: 'A to Z'
+    },
+    nameDesc: {
+        id: translations.getTranslationKey('list.sort.name-desc'),
+        defaultMessage: 'Z to A'
+    },
+    sizeAsc: {
+        id: translations.getTranslationKey('list.sort.size-asc'),
+        defaultMessage: 'File size ascending'
+    },
+    sizeDesc: {
+        id: translations.getTranslationKey('list.sort.size-desc'),
+        defaultMessage: 'File size descending'
+    }
+};
+const FOLDERS_LABELS = {
+    top: {
+        id: translations.getTranslationKey('list.sort.folders-on-top'),
+        defaultMessage: 'On top'
+    },
+    mixed: {
+        id: translations.getTranslationKey('list.sort.folders-mixed'),
+        defaultMessage: 'Mixed with files'
+    }
+};
+// Stretch to the toolbar row height so the trigger matches the view toggle
+// (the parent Flex uses alignItems="stretch").
+const SortTrigger = styledComponents.styled(designSystem.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 = styledComponents.styled(designSystem.Menu.Label)`
+  width: 100%;
+  display: block;
+  background: ${({ theme })=>theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral100};
+  padding-inline: ${({ theme })=>theme.spaces[3]};
+  border-radius: ${({ theme })=>theme.borderRadius};
+`;
+/**
+ * Toolbar "Sort" dropdown: single-select sections (Sort / Folders). Picking an
+ * 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 } = reactIntl.useIntl();
+    const triggerLabel = formatMessage({
+        id: translations.getTranslationKey('list.sort.trigger'),
+        defaultMessage: 'Sort: {active}'
+    }, {
+        active: sort.sortBy ? formatMessage(SORT_BY_LABELS[sort.sortBy]) : formatMessage(SORT_DIRECTION_LABELS[sort.direction])
+    });
+    const checkmark = /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
+        "aria-hidden": true,
+        width: "1.6rem",
+        height: "1.6rem",
+        fill: "primary600"
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(SortTrigger, {
+                variant: "ghost",
+                endIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ChevronDown, {
+                    "aria-hidden": true
+                }),
+                children: triggerLabel
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Content, {
+                popoverPlacement: "bottom-end",
+                zIndex: 2,
+                maxHeight: "70vh",
+                minWidth: "25rem",
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(GroupLabel, {
+                        children: formatMessage({
+                            id: translations.getTranslationKey('list.sort.section'),
+                            defaultMessage: 'Sort'
+                        })
+                    }),
+                    Object.keys(SORT_BY_LABELS).map((key)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.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])
+                        }, key)),
+                    Object.keys(SORT_DIRECTION_LABELS).map((key)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.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])
+                        }, key)),
+                    showFoldersGroup && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Separator, {}),
+                            /*#__PURE__*/ jsxRuntime.jsx(GroupLabel, {
+                                children: formatMessage({
+                                    id: translations.getTranslationKey('list.sort.folders'),
+                                    defaultMessage: 'Folders'
+                                })
+                            }),
+                            Object.keys(FOLDERS_LABELS).map((position)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.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])
+                                }, position))
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+exports.SortMenu = SortMenu;
+//# sourceMappingURL=SortMenu.js.map

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

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

@@ -0,0 +1,152 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Menu } from '@strapi/design-system';
+import { ChevronDown, Check } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+
+const SORT_BY_LABELS = {
+    oldestUploads: {
+        id: getTranslationKey('list.sort.oldest-uploads'),
+        defaultMessage: 'Oldest uploads'
+    },
+    mostRecentUpdates: {
+        id: getTranslationKey('list.sort.most-recent-updates'),
+        defaultMessage: 'Most recent updates'
+    }
+};
+const SORT_DIRECTION_LABELS = {
+    nameAsc: {
+        id: getTranslationKey('list.sort.name-asc'),
+        defaultMessage: 'A to Z'
+    },
+    nameDesc: {
+        id: getTranslationKey('list.sort.name-desc'),
+        defaultMessage: 'Z to A'
+    },
+    sizeAsc: {
+        id: getTranslationKey('list.sort.size-asc'),
+        defaultMessage: 'File size ascending'
+    },
+    sizeDesc: {
+        id: getTranslationKey('list.sort.size-desc'),
+        defaultMessage: 'File size descending'
+    }
+};
+const FOLDERS_LABELS = {
+    top: {
+        id: getTranslationKey('list.sort.folders-on-top'),
+        defaultMessage: 'On top'
+    },
+    mixed: {
+        id: getTranslationKey('list.sort.folders-mixed'),
+        defaultMessage: 'Mixed with files'
+    }
+};
+// Stretch to the toolbar row height so the trigger matches the view toggle
+// (the parent Flex uses alignItems="stretch").
+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)`
+  width: 100%;
+  display: block;
+  background: ${({ theme })=>theme.colorScheme === 'dark' ? theme.colors.neutral150 : theme.colors.neutral100};
+  padding-inline: ${({ theme })=>theme.spaces[3]};
+  border-radius: ${({ theme })=>theme.borderRadius};
+`;
+/**
+ * Toolbar "Sort" dropdown: single-select sections (Sort / Folders). Picking an
+ * 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({
+        id: getTranslationKey('list.sort.trigger'),
+        defaultMessage: 'Sort: {active}'
+    }, {
+        active: sort.sortBy ? formatMessage(SORT_BY_LABELS[sort.sortBy]) : formatMessage(SORT_DIRECTION_LABELS[sort.direction])
+    });
+    const checkmark = /*#__PURE__*/ jsx(Check, {
+        "aria-hidden": true,
+        width: "1.6rem",
+        height: "1.6rem",
+        fill: "primary600"
+    });
+    return /*#__PURE__*/ jsxs(Menu.Root, {
+        children: [
+            /*#__PURE__*/ jsx(SortTrigger, {
+                variant: "ghost",
+                endIcon: /*#__PURE__*/ jsx(ChevronDown, {
+                    "aria-hidden": true
+                }),
+                children: triggerLabel
+            }),
+            /*#__PURE__*/ jsxs(Menu.Content, {
+                popoverPlacement: "bottom-end",
+                zIndex: 2,
+                maxHeight: "70vh",
+                minWidth: "25rem",
+                children: [
+                    /*#__PURE__*/ jsx(GroupLabel, {
+                        children: formatMessage({
+                            id: getTranslationKey('list.sort.section'),
+                            defaultMessage: 'Sort'
+                        })
+                    }),
+                    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])
+                        }, key)),
+                    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])
+                        }, key)),
+                    showFoldersGroup && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(Menu.Separator, {}),
+                            /*#__PURE__*/ jsx(GroupLabel, {
+                                children: formatMessage({
+                                    id: getTranslationKey('list.sort.folders'),
+                                    defaultMessage: 'Folders'
+                                })
+                            }),
+                            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])
+                                }, position))
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { SortMenu };
+//# sourceMappingURL=SortMenu.mjs.map

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

@@ -0,0 +1 @@
+{"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":";;;;;;;AAeA,MAAMA,cAAAA,GAAuD;IAC3DC,aAAAA,EAAe;AACbC,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,0BAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA;IACAC,iBAAAA,EAAmB;AACjBH,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,+BAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB;AACF,CAAA;AAEA,MAAME,qBAAAA,GAAqE;IACzEC,OAAAA,EAAS;AAAEL,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,oBAAA,CAAA;QAAuBC,cAAAA,EAAgB;AAAS,KAAA;IACjFI,QAAAA,EAAU;AAAEN,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,qBAAA,CAAA;QAAwBC,cAAAA,EAAgB;AAAS,KAAA;IACnFK,OAAAA,EAAS;AACPP,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,oBAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA;IACAM,QAAAA,EAAU;AACRR,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,qBAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB;AACF,CAAA;AAEA,MAAMO,cAAAA,GAA6D;IACjEC,GAAAA,EAAK;AAAEV,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,0BAAA,CAAA;QAA6BC,cAAAA,EAAgB;AAAS,KAAA;IACnFS,KAAAA,EAAO;AACLX,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,yBAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB;AACF,CAAA;AAEA;AACA;AACA,MAAMU,cAAcC,MAAAA,CAAOC,IAAAA,CAAKC,OAAO,CAAC,CAAC,CAAC;AAE1C;AACA;AACA,MAAMC,UAAAA,GAAaH,MAAAA,CAAOC,IAAAA,CAAKG,KAAK,CAAC;;;AAGvB,cAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GACtBA,KAAAA,CAAMC,WAAW,KAAK,MAAA,GAASD,KAAAA,CAAME,MAAM,CAACC,UAAU,GAAGH,MAAME,MAAM,CAACE,UAAU,CAAC;kBACnE,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMK,MAAM,CAAC,CAAA,CAAE,CAAC;AAClC,iBAAA,EAAE,CAAC,EAAEL,KAAK,EAAE,GAAKA,KAAAA,CAAMM,YAAY,CAAC;AACrD,CAAC;AAWD;;;;;;;;;;;UAYaC,QAAAA,GAAW,CAAC,EAAEC,IAAI,EAAEC,gBAAAA,GAAmB,IAAI,EAAiB,GAAA;IACvE,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,MAAMC,eAAeF,aAAAA,CACnB;AAAE5B,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,mBAAA,CAAA;QAAsBC,cAAAA,EAAgB;KAAiB,EAC/E;AACE6B,QAAAA,MAAAA,EAAQL,IAAAA,CAAKM,MAAM,GACfJ,aAAAA,CAAc9B,cAAc,CAAC4B,IAAAA,CAAKM,MAAM,CAAC,IACzCJ,aAAAA,CAAcxB,qBAAqB,CAACsB,IAAAA,CAAKO,SAAS,CAAE;AAC1D,KAAA,CAAA;AAGF,IAAA,MAAMC,0BAAYC,GAAA,CAACC,KAAAA,EAAAA;QAAMC,aAAW,EAAA,IAAA;QAACC,KAAAA,EAAM,QAAA;QAASC,MAAAA,EAAO,QAAA;QAASC,IAAAA,EAAK;;IAEzE,qBACEC,IAAA,CAAC3B,KAAK4B,IAAI,EAAA;;0BACRP,GAAA,CAACvB,WAAAA,EAAAA;gBAAY+B,OAAAA,EAAQ,OAAA;AAAQC,gBAAAA,OAAAA,gBAAST,GAAA,CAACU,WAAAA,EAAAA;oBAAYR,aAAW,EAAA;;AAC3DP,gBAAAA,QAAAA,EAAAA;;AAKH,0BAAAW,IAAA,CAAC3B,KAAKgC,OAAO,EAAA;gBAACC,gBAAAA,EAAiB,YAAA;gBAAaC,MAAAA,EAAQ,CAAA;gBAAGC,SAAAA,EAAU,MAAA;gBAAOC,QAAAA,EAAS,OAAA;;kCAG/Ef,GAAA,CAACnB,UAAAA,EAAAA;kCACEY,aAAAA,CAAc;AAAE5B,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,mBAAA,CAAA;4BAAsBC,cAAAA,EAAgB;AAAO,yBAAA;;oBAEpFiD,MAAAA,CAAOC,IAAI,CAACtD,cAAAA,CAAAA,CAAgCuD,GAAG,CAAC,CAACC,GAAAA,iBACjDnB,GAAA,CAACrB,IAAAA,CAAKyC,IAAI,EAAA;4BAERC,IAAAA,EAAK,eAAA;4BACLC,cAAAA,EAAc/B,IAAAA,CAAKM,MAAM,KAAKsB,GAAAA;AAC9BI,4BAAAA,QAAAA,EAAU,CAACC,CAAAA,GAAAA;AACTA,gCAAAA,CAAAA,CAAEC,cAAc,EAAA;AAChBlC,gCAAAA,IAAAA,CAAKmC,SAAS,CAACnC,IAAAA,CAAKM,MAAM,KAAKsB,MAAM,IAAA,GAAOA,GAAAA,CAAAA;AAC9C,4BAAA,CAAA;AACAV,4BAAAA,OAAAA,EAASlB,IAAAA,CAAKM,MAAM,KAAKsB,GAAAA,GAAMpB,SAAAA,GAAY,IAAA;sCAE1CN,aAAAA,CAAc9B,cAAc,CAACwD,GAAAA,CAAI;AAT7BA,yBAAAA,EAAAA,GAAAA,CAAAA,CAAAA;oBAYPH,MAAAA,CAAOC,IAAI,CAAChD,qBAAAA,CAAAA,CAA8CiD,GAAG,CAAC,CAACC,GAAAA,iBAC/DnB,GAAA,CAACrB,IAAAA,CAAKyC,IAAI,EAAA;4BAERC,IAAAA,EAAK,eAAA;4BACLC,cAAAA,EAAc/B,IAAAA,CAAKO,SAAS,KAAKqB,GAAAA;AACjCI,4BAAAA,QAAAA,EAAU,CAACC,CAAAA,GAAAA;AACTA,gCAAAA,CAAAA,CAAEC,cAAc,EAAA;AAChBlC,gCAAAA,IAAAA,CAAKoC,YAAY,CAACpC,IAAAA,CAAKO,SAAS,KAAKqB,MAAM,IAAA,GAAOA,GAAAA,CAAAA;AACpD,4BAAA,CAAA;AACAV,4BAAAA,OAAAA,EAASlB,IAAAA,CAAKO,SAAS,KAAKqB,GAAAA,GAAMpB,SAAAA,GAAY,IAAA;sCAE7CN,aAAAA,CAAcxB,qBAAqB,CAACkD,GAAAA,CAAI;AATpCA,yBAAAA,EAAAA,GAAAA,CAAAA,CAAAA;oBAaR3B,gBAAAA,kBACCc,IAAA,CAAAsB,QAAA,EAAA;;AACE,0CAAA5B,GAAA,CAACrB,KAAKkD,SAAS,EAAA,EAAA,CAAA;0CACf7B,GAAA,CAACnB,UAAAA,EAAAA;0CACEY,aAAAA,CAAc;AACb5B,oCAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,mBAAA,CAAA;oCACtBC,cAAAA,EAAgB;AAClB,iCAAA;;4BAEAiD,MAAAA,CAAOC,IAAI,CAAC3C,cAAAA,CAAAA,CAAsC4C,GAAG,CAAC,CAACY,QAAAA,iBACvD9B,GAAA,CAACrB,IAAAA,CAAKyC,IAAI,EAAA;oCAERC,IAAAA,EAAK,eAAA;oCACLC,cAAAA,EAAc/B,IAAAA,CAAKwC,eAAe,KAAKD,QAAAA;AACvCP,oCAAAA,QAAAA,EAAU,CAACC,CAAAA,GAAAA;AACTA,wCAAAA,CAAAA,CAAEC,cAAc,EAAA;AAChBlC,wCAAAA,IAAAA,CAAKyC,kBAAkB,CAACF,QAAAA,CAAAA;AAC1B,oCAAA,CAAA;AACArB,oCAAAA,OAAAA,EAASlB,IAAAA,CAAKwC,eAAe,KAAKD,QAAAA,GAAW/B,SAAAA,GAAY,IAAA;8CAExDN,aAAAA,CAAcnB,cAAc,CAACwD,QAAAA,CAAS;AATlCA,iCAAAA,EAAAA,QAAAA,CAAAA;;;;;;;AAiBrB;;;;"}

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

@@ -0,0 +1,75 @@
+'use strict';
+
+var React = require('react');
+var selection = require('../utils/selection.js');
+
+const AssetSelectionContext = React.createContext(null);
+const AssetSelectionProvider = ({ children, disabled = false })=>{
+    const [state, setState] = React.useState(selection.createEmptySelection);
+    const isSelected = React.useCallback((key)=>!disabled && state.selectedKeys.has(key), [
+        disabled,
+        state.selectedKeys
+    ]);
+    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
+    ]);
+    const selectedFolderIds = React.useMemo(()=>selection.getIdsOfKind(state.selectedKeys, 'folder'), [
+        state.selectedKeys
+    ]);
+    const value = React.useMemo(()=>({
+            selectedKeys: state.selectedKeys,
+            selectedIds,
+            selectedFolderIds,
+            anchorKey: state.anchorKey,
+            isSelected,
+            toggle,
+            selectRange,
+            selectAll,
+            clear
+        }), [
+        state.selectedKeys,
+        selectedIds,
+        selectedFolderIds,
+        state.anchorKey,
+        isSelected,
+        toggle,
+        selectRange,
+        selectAll,
+        clear
+    ]);
+    return React.createElement(AssetSelectionContext.Provider, {
+        value
+    }, children);
+};
+const useAssetSelection = ()=>{
+    const context = React.useContext(AssetSelectionContext);
+    if (!context) {
+        throw new Error('useAssetSelection must be used within an AssetSelectionProvider');
+    }
+    return context;
+};
+const useAssetSelectionOptional = ()=>React.useContext(AssetSelectionContext);
+
+exports.AssetSelectionProvider = AssetSelectionProvider;
+exports.useAssetSelection = useAssetSelection;
+exports.useAssetSelectionOptional = useAssetSelectionOptional;
+//# sourceMappingURL=useAssetSelection.js.map

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

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