@strapi/upload 5.51.2 → 5.52.1

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

@@ -2,10 +2,12 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
 var designSystem = require('@strapi/design-system');
 var icons = require('@strapi/icons');
 var reactIntl = require('react-intl');
 var styledComponents = require('styled-components');
+var useTracking = require('../../../hooks/useTracking.js');
 var translations = require('../../../utils/translations.js');
 var useListFilters = require('../hooks/useListFilters.js');
 var DateRangeCalendar = require('./DateRangeCalendar.js');
@@ -79,6 +81,47 @@ const FieldSubTrigger = styledComponents.styled(designSystem.Menu.SubTrigger)`
   justify-content: space-between;
 `;
 /** Every panel of the filter tree shares this fixed width (design). */ const FILTER_PANEL_WIDTH = '24.2rem';
+// dvh, not vh: on a phone `vh` ignores the browser chrome, so a 70vh panel can
+// extend past the visual viewport and leave its lower rows (the last field, and
+// anything under the date-range calendar) stranded under the URL bar with no way
+// to scroll to them. Same reason the drawer caps on dvh.
+const PANEL_MAX_HEIGHT = '70dvh';
+// Mobile uses one flat panel (accordion), so it never needs room for a side
+// flyout — cap it to the viewport so it can't overflow a narrow screen.
+const MOBILE_PANEL_WIDTH = `min(${FILTER_PANEL_WIDTH}, calc(100dvw - 2rem))`;
+// Mobile accordion: the field row is a plain menu item that expands its options
+// inline below it (Radix sub-menus can only fly out sideways, off a phone).
+const FieldToggle = styledComponents.styled(designSystem.Menu.Item)`
+  width: 100%;
+`;
+// The options revealed under a field row.
+//
+// `width: 100%` is load-bearing: Menu.Content is a column flex with
+// `align-items: flex-start`, so a child shrink-wraps to its content unless it
+// sets a width explicitly. Without it the group collapsed to the widest option
+// label and the rows' own `width: 100%` resolved against that, so a selected row
+// highlighted only part of the panel.
+//
+// The indent then lives on each row's padding rather than on this wrapper —
+// padding here would inset the rows, and the highlight with them.
+const OptionGroup = styledComponents.styled(designSystem.Box)`
+  width: 100%;
+
+  > * {
+    width: 100%;
+  }
+
+  /* menuitem, menuitemradio and menuitemcheckbox — every option row, plus the
+     "Select date range" toggle, which sits at the same level. */
+  > [role^='menuitem'] {
+    padding-left: ${({ theme })=>theme.spaces[6]};
+  }
+`;
+// Rotates the chevron when its section is open.
+const Chevron = styledComponents.styled(icons.ChevronDown)`
+  transition: transform 0.2s ease;
+  transform: rotate(${({ $open })=>$open ? '180deg' : '0deg'});
+`;
 // Sub panels: fixed width, no 15rem clamp (the DS default folds the calendar),
 // and a negative top margin cancelling the parent panel's padding + border so
 // the sub panel's top edge lines up with the parent panel, not the item.
@@ -99,10 +142,21 @@ const CountBadge = styledComponents.styled(designSystem.Badge)`
  * - Creation date / Last modified → preset list (single pick, `within the
  *   last` by default) + "Select date range" (creation date only) opening the
  *   range calendar; a completed range adds an `is` range badge.
+ *
+ * Closing behaviour follows how many values a field can hold: a date is one
+ * value, so picking a preset (or committing a range) closes the menu; Type is a
+ * set, so it stays open until dismissed.
  */ const FilterMenu = ({ listFilters })=>{
     const { formatMessage } = reactIntl.useIntl();
+    const { trackUsage } = useTracking.useTracking();
     const [isOpen, setIsOpen] = React.useState(false);
     const { filters, addFilter, updateFilter, removeFilter } = listFilters;
+    // Fired whenever a filter facet is turned on (not on removal). `filter` names
+    // the facet, mirroring the legacy field-key payload.
+    const trackFilter = (filter)=>trackUsage('didFilterMediaLibraryElements', {
+            location: useTracking.MEDIA_LIBRARY_LOCATION,
+            filter
+        });
     // The Type submenu edits the LAST type badge in place while the menu stays
     // open (checking values accumulates into one badge, per design).
     let lastTypeIndex = -1;
@@ -115,10 +169,14 @@ const CountBadge = styledComponents.styled(designSystem.Badge)`
     const lastTypeFilter = lastTypeIndex >= 0 ? filters[lastTypeIndex] : null;
     const checkedValues = lastTypeFilter && lastTypeFilter.kind === 'type' ? lastTypeFilter.values : [];
     const toggleTypeValue = (value)=>{
-        const nextValues = checkedValues.includes(value) ? checkedValues.filter((v)=>v !== value) : [
+        const isAdding = !checkedValues.includes(value);
+        const nextValues = isAdding ? [
             ...checkedValues,
             value
-        ];
+        ] : checkedValues.filter((v)=>v !== value);
+        if (isAdding) {
+            trackFilter('type');
+        }
         if (lastTypeFilter && lastTypeFilter.kind === 'type') {
             if (nextValues.length === 0) {
                 // Unchecking the final value removes the badge outright — a type
@@ -139,7 +197,24 @@ const CountBadge = styledComponents.styled(designSystem.Badge)`
             });
         }
     };
+    // Creation date / Last modified are single-select (per design): selecting a
+    // preset replaces the field's existing preset badge in place (keeping its
+    // condition) rather than adding another pill; a badge is created only when the
+    // field has none yet.
     const addPreset = (field, preset)=>{
+        // Fired before the replace path returns: swapping a field's preset is still
+        // the user filtering, same as adding the badge in the first place.
+        trackFilter(field);
+        for(let i = filters.length - 1; i >= 0; i -= 1){
+            const f = filters[i];
+            if (f.kind === 'date' && f.mode === 'preset' && f.field === field) {
+                updateFilter(i, {
+                    ...f,
+                    preset
+                });
+                return;
+            }
+        }
         addFilter({
             kind: 'date',
             field,
@@ -149,6 +224,7 @@ const CountBadge = styledComponents.styled(designSystem.Badge)`
         });
     };
     const addRange = (from, to)=>{
+        trackFilter('createdAt');
         addFilter({
             kind: 'date',
             field: 'createdAt',
@@ -160,9 +236,82 @@ const CountBadge = styledComponents.styled(designSystem.Badge)`
         // The calendar is not a Menu.Item — close the menu explicitly on commit.
         setIsOpen(false);
     };
+    const isMobile = strapiAdmin.useIsMobile();
+    // Mobile accordion state: which field is expanded, and whether its date-range
+    // calendar is open. Both reset when the whole menu closes.
+    const [openField, setOpenField] = React.useState(null);
+    const [rangeOpen, setRangeOpen] = React.useState(false);
+    const handleOpenChange = (next)=>{
+        setIsOpen(next);
+        if (!next) {
+            setOpenField(null);
+            setRangeOpen(false);
+        }
+    };
+    const toggleField = (field)=>{
+        setOpenField((current)=>current === field ? null : field);
+        setRangeOpen(false);
+    };
+    // Option lists, shared by the desktop flyouts and the mobile accordion.
+    // Multi-select semantics: menuitemcheckbox + aria-checked carry the state for
+    // assistive tech; the Checkbox is purely decorative (aria-hidden, unfocusable)
+    // — the Menu.Item is the control.
+    const typeItems = useListFilters.TYPE_VALUES.map((value)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+            role: "menuitemcheckbox",
+            "aria-checked": checkedValues.includes(value),
+            onSelect: (e)=>{
+                e.preventDefault();
+                toggleTypeValue(value);
+            },
+            startIcon: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                checked: checkedValues.includes(value),
+                tabIndex: -1,
+                "aria-hidden": true
+            }),
+            children: formatMessage(TYPE_LABELS[value])
+        }, value));
+    // The field's currently-selected preset (single-select), so the menu can mark
+    // it with a check.
+    const selectedPresetForField = (field)=>{
+        for(let i = filters.length - 1; i >= 0; i -= 1){
+            const f = filters[i];
+            if (f.kind === 'date' && f.mode === 'preset' && f.field === field) {
+                return f.preset;
+            }
+        }
+        return null;
+    };
+    const presetItems = (field)=>{
+        const selected = selectedPresetForField(field);
+        return useListFilters.DATE_PRESETS.map((preset)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                role: "menuitemradio",
+                "aria-checked": selected === preset,
+                onSelect: ()=>{
+                    // No preventDefault, unlike Type: a date field holds exactly one
+                    // value, so the pick is complete and the menu closes on it. Type stays
+                    // open because the user may still be building up a multi-value set.
+                    addPreset(field, preset);
+                },
+                endIcon: selected === preset ? /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
+                    "aria-hidden": true,
+                    width: "1.6rem",
+                    height: "1.6rem",
+                    fill: "primary600"
+                }) : null,
+                children: formatMessage(PRESET_LABELS[preset])
+            }, preset));
+    };
+    const typeLabel = formatMessage({
+        id: translations.getTranslationKey('list.filters.field.type'),
+        defaultMessage: 'Type'
+    });
+    const selectDateRangeLabel = formatMessage({
+        id: translations.getTranslationKey('list.filters.select-date-range'),
+        defaultMessage: 'Select date range'
+    });
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
         open: isOpen,
-        onOpenChange: setIsOpen,
+        onOpenChange: handleOpenChange,
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Trigger, {
                 variant: "tertiary",
@@ -185,81 +334,128 @@ const CountBadge = styledComponents.styled(designSystem.Badge)`
                     ]
                 })
             }),
-            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Content, {
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Content, {
                 popoverPlacement: "bottom-start",
                 zIndex: 2,
-                maxHeight: "70vh",
-                width: FILTER_PANEL_WIDTH,
-                children: [
-                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.SubRoot, {
-                        children: [
-                            /*#__PURE__*/ jsxRuntime.jsx(FieldSubTrigger, {
-                                children: formatMessage({
-                                    id: translations.getTranslationKey('list.filters.field.type'),
-                                    defaultMessage: 'Type'
-                                })
+                maxHeight: PANEL_MAX_HEIGHT,
+                width: isMobile ? MOBILE_PANEL_WIDTH : FILTER_PANEL_WIDTH,
+                children: isMobile ? // Mobile: one flat panel. Each field expands its options inline below
+                // itself — Radix sub-menus can only fly out sideways, off a phone.
+                /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(FieldToggle, {
+                            "aria-expanded": openField === 'type',
+                            onSelect: (e)=>{
+                                e.preventDefault();
+                                toggleField('type');
+                            },
+                            endIcon: /*#__PURE__*/ jsxRuntime.jsx(Chevron, {
+                                $open: openField === 'type',
+                                "aria-hidden": true
                             }),
-                            /*#__PURE__*/ jsxRuntime.jsx(SubPanel, {
-                                zIndex: 2,
-                                maxHeight: "70vh",
-                                width: FILTER_PANEL_WIDTH,
-                                children: useListFilters.TYPE_VALUES.map((value)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
-                                        role: "menuitemcheckbox",
-                                        "aria-checked": checkedValues.includes(value),
+                            children: typeLabel
+                        }),
+                        openField === 'type' && /*#__PURE__*/ jsxRuntime.jsx(OptionGroup, {
+                            children: typeItems
+                        }),
+                        [
+                            'createdAt',
+                            'updatedAt'
+                        ].map((field)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                                width: "100%",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(FieldToggle, {
+                                        "aria-expanded": openField === field,
                                         onSelect: (e)=>{
                                             e.preventDefault();
-                                            toggleTypeValue(value);
+                                            toggleField(field);
                                         },
-                                        startIcon: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
-                                            checked: checkedValues.includes(value),
-                                            tabIndex: -1,
+                                        endIcon: /*#__PURE__*/ jsxRuntime.jsx(Chevron, {
+                                            $open: openField === field,
                                             "aria-hidden": true
                                         }),
-                                        children: formatMessage(TYPE_LABELS[value])
-                                    }, value))
-                            })
-                        ]
-                    }),
-                    [
-                        'createdAt',
-                        'updatedAt'
-                    ].map((field)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.SubRoot, {
+                                        children: formatMessage(DATE_FIELD_LABELS[field])
+                                    }),
+                                    openField === field && /*#__PURE__*/ jsxRuntime.jsxs(OptionGroup, {
+                                        children: [
+                                            presetItems(field),
+                                            field === 'createdAt' && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                                children: [
+                                                    /*#__PURE__*/ jsxRuntime.jsx(FieldToggle, {
+                                                        "aria-expanded": rangeOpen,
+                                                        onSelect: (e)=>{
+                                                            e.preventDefault();
+                                                            setRangeOpen((open)=>!open);
+                                                        },
+                                                        endIcon: /*#__PURE__*/ jsxRuntime.jsx(Chevron, {
+                                                            $open: rangeOpen,
+                                                            "aria-hidden": true
+                                                        }),
+                                                        children: selectDateRangeLabel
+                                                    }),
+                                                    rangeOpen && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                                        paddingLeft: 2,
+                                                        children: /*#__PURE__*/ jsxRuntime.jsx(DateRangeCalendar.DateRangeCalendar, {
+                                                            onSelect: addRange
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, field))
+                    ]
+                }) : /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.SubRoot, {
                             children: [
                                 /*#__PURE__*/ jsxRuntime.jsx(FieldSubTrigger, {
-                                    children: formatMessage(DATE_FIELD_LABELS[field])
+                                    children: typeLabel
                                 }),
-                                /*#__PURE__*/ jsxRuntime.jsxs(SubPanel, {
+                                /*#__PURE__*/ jsxRuntime.jsx(SubPanel, {
                                     zIndex: 2,
-                                    maxHeight: "70vh",
+                                    maxHeight: PANEL_MAX_HEIGHT,
                                     width: FILTER_PANEL_WIDTH,
-                                    children: [
-                                        useListFilters.DATE_PRESETS.map((preset)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
-                                                onSelect: ()=>addPreset(field, preset),
-                                                children: formatMessage(PRESET_LABELS[preset])
-                                            }, preset)),
-                                        field === 'createdAt' && /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.SubRoot, {
-                                            children: [
-                                                /*#__PURE__*/ jsxRuntime.jsx(FieldSubTrigger, {
-                                                    children: formatMessage({
-                                                        id: translations.getTranslationKey('list.filters.select-date-range'),
-                                                        defaultMessage: 'Select date range'
-                                                    })
-                                                }),
-                                                /*#__PURE__*/ jsxRuntime.jsx(SubPanel, {
-                                                    zIndex: 2,
-                                                    maxHeight: "none",
-                                                    width: FILTER_PANEL_WIDTH,
-                                                    children: /*#__PURE__*/ jsxRuntime.jsx(DateRangeCalendar.DateRangeCalendar, {
-                                                        onSelect: addRange
-                                                    })
-                                                })
-                                            ]
-                                        })
-                                    ]
+                                    children: typeItems
                                 })
                             ]
-                        }, field))
-                ]
+                        }),
+                        [
+                            'createdAt',
+                            'updatedAt'
+                        ].map((field)=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.SubRoot, {
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(FieldSubTrigger, {
+                                        children: formatMessage(DATE_FIELD_LABELS[field])
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsxs(SubPanel, {
+                                        zIndex: 2,
+                                        maxHeight: PANEL_MAX_HEIGHT,
+                                        width: FILTER_PANEL_WIDTH,
+                                        children: [
+                                            presetItems(field),
+                                            field === 'createdAt' && /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.SubRoot, {
+                                                children: [
+                                                    /*#__PURE__*/ jsxRuntime.jsx(FieldSubTrigger, {
+                                                        children: selectDateRangeLabel
+                                                    }),
+                                                    /*#__PURE__*/ jsxRuntime.jsx(SubPanel, {
+                                                        zIndex: 2,
+                                                        maxHeight: "none",
+                                                        width: FILTER_PANEL_WIDTH,
+                                                        children: /*#__PURE__*/ jsxRuntime.jsx(DateRangeCalendar.DateRangeCalendar, {
+                                                            onSelect: addRange
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, field))
+                    ]
+                })
             })
         ]
     });

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

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