@strapi/upload 5.51.0 → 5.51.2

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

@@ -0,0 +1,273 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+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');
+var useListFilters = require('../hooks/useListFilters.js');
+var DateRangeCalendar = require('./DateRangeCalendar.js');
+
+const TYPE_LABELS = {
+    folder: {
+        id: translations.getTranslationKey('list.filters.type.folder'),
+        defaultMessage: 'Folder'
+    },
+    picture: {
+        id: translations.getTranslationKey('list.filters.type.picture'),
+        defaultMessage: 'Picture'
+    },
+    audio: {
+        id: translations.getTranslationKey('list.filters.type.audio'),
+        defaultMessage: 'Audio'
+    },
+    video: {
+        id: translations.getTranslationKey('list.filters.type.video'),
+        defaultMessage: 'Video'
+    },
+    document: {
+        id: translations.getTranslationKey('list.filters.type.document'),
+        defaultMessage: 'Document'
+    }
+};
+const PRESET_LABELS = {
+    '1day': {
+        id: translations.getTranslationKey('list.filters.preset.1day'),
+        defaultMessage: '1 day ago'
+    },
+    '3days': {
+        id: translations.getTranslationKey('list.filters.preset.3days'),
+        defaultMessage: '3 days ago'
+    },
+    '1week': {
+        id: translations.getTranslationKey('list.filters.preset.1week'),
+        defaultMessage: '1 week ago'
+    },
+    '1month': {
+        id: translations.getTranslationKey('list.filters.preset.1month'),
+        defaultMessage: '1 month ago'
+    },
+    '3months': {
+        id: translations.getTranslationKey('list.filters.preset.3months'),
+        defaultMessage: '3 months ago'
+    },
+    '6months': {
+        id: translations.getTranslationKey('list.filters.preset.6months'),
+        defaultMessage: '6 months ago'
+    },
+    '1year': {
+        id: translations.getTranslationKey('list.filters.preset.1year'),
+        defaultMessage: '1 year ago'
+    }
+};
+const DATE_FIELD_LABELS = {
+    createdAt: {
+        id: translations.getTranslationKey('list.filters.field.created'),
+        defaultMessage: 'Creation date'
+    },
+    updatedAt: {
+        id: translations.getTranslationKey('list.filters.field.updated'),
+        defaultMessage: 'Last modified'
+    }
+};
+// The DS SubTrigger renders its chevron inline right after the label — push it
+// to the far edge so every field row reads label · · · ›, like the mock.
+const FieldSubTrigger = styledComponents.styled(designSystem.Menu.SubTrigger)`
+  width: 100%;
+  justify-content: space-between;
+`;
+/** Every panel of the filter tree shares this fixed width (design). */ const FILTER_PANEL_WIDTH = '24.2rem';
+// 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.
+const SubPanel = styledComponents.styled(designSystem.Menu.SubContent)`
+  margin-top: calc(-1 * (${({ theme })=>theme.spaces[1]} + 1px));
+`;
+const CountBadge = styledComponents.styled(designSystem.Badge)`
+  height: 1.6rem;
+  min-width: auto;
+  padding: 0 0.4rem;
+`;
+/**
+ * Toolbar "Filter" dropdown. Picking anything ADDS a badge (editing happens on
+ * the badge itself, see FilterBadges):
+ *
+ * - Type → keep-open checkbox list; the badge is created/updated live with the
+ *   checked set (`is` by default, condition editable on the 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.
+ */ const FilterMenu = ({ listFilters })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [isOpen, setIsOpen] = React.useState(false);
+    const { filters, addFilter, updateFilter, removeFilter } = listFilters;
+    // 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;
+    for(let i = filters.length - 1; i >= 0; i -= 1){
+        if (filters[i].kind === 'type') {
+            lastTypeIndex = i;
+            break;
+        }
+    }
+    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) : [
+            ...checkedValues,
+            value
+        ];
+        if (lastTypeFilter && lastTypeFilter.kind === 'type') {
+            if (nextValues.length === 0) {
+                // Unchecking the final value removes the badge outright — a type
+                // filter with no values is not a state (it would serialize to a
+                // malformed `type:is:` the parser drops anyway).
+                removeFilter(lastTypeIndex);
+            } else {
+                updateFilter(lastTypeIndex, {
+                    ...lastTypeFilter,
+                    values: nextValues
+                });
+            }
+        } else if (nextValues.length > 0) {
+            addFilter({
+                kind: 'type',
+                condition: 'is',
+                values: nextValues
+            });
+        }
+    };
+    const addPreset = (field, preset)=>{
+        addFilter({
+            kind: 'date',
+            field,
+            mode: 'preset',
+            condition: 'withinLast',
+            preset
+        });
+    };
+    const addRange = (from, to)=>{
+        addFilter({
+            kind: 'date',
+            field: 'createdAt',
+            mode: 'range',
+            condition: 'is',
+            from,
+            to
+        });
+        // The calendar is not a Menu.Item — close the menu explicitly on commit.
+        setIsOpen(false);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
+        open: isOpen,
+        onOpenChange: setIsOpen,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Trigger, {
+                variant: "tertiary",
+                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Filter, {
+                    "aria-hidden": true
+                }),
+                endIcon: null,
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    gap: 2,
+                    alignItems: "center",
+                    tag: "span",
+                    children: [
+                        formatMessage({
+                            id: translations.getTranslationKey('list.filters.trigger'),
+                            defaultMessage: 'Filter'
+                        }),
+                        filters.length > 0 && /*#__PURE__*/ jsxRuntime.jsx(CountBadge, {
+                            children: filters.length
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(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'
+                                })
+                            }),
+                            /*#__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),
+                                        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))
+                            })
+                        ]
+                    }),
+                    [
+                        '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: "70vh",
+                                    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
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        }, field))
+                ]
+            })
+        ]
+    });
+};
+
+exports.DATE_FIELD_LABELS = DATE_FIELD_LABELS;
+exports.FILTER_PANEL_WIDTH = FILTER_PANEL_WIDTH;
+exports.FilterMenu = FilterMenu;
+exports.PRESET_LABELS = PRESET_LABELS;
+exports.TYPE_LABELS = TYPE_LABELS;
+//# sourceMappingURL=FilterMenu.js.map

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

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

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

@@ -0,0 +1,267 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Menu, Flex, Checkbox, Badge } from '@strapi/design-system';
+import { Filter } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { getTranslationKey } from '../../../utils/translations.mjs';
+import { TYPE_VALUES, DATE_PRESETS } from '../hooks/useListFilters.mjs';
+import { DateRangeCalendar } from './DateRangeCalendar.mjs';
+
+const TYPE_LABELS = {
+    folder: {
+        id: getTranslationKey('list.filters.type.folder'),
+        defaultMessage: 'Folder'
+    },
+    picture: {
+        id: getTranslationKey('list.filters.type.picture'),
+        defaultMessage: 'Picture'
+    },
+    audio: {
+        id: getTranslationKey('list.filters.type.audio'),
+        defaultMessage: 'Audio'
+    },
+    video: {
+        id: getTranslationKey('list.filters.type.video'),
+        defaultMessage: 'Video'
+    },
+    document: {
+        id: getTranslationKey('list.filters.type.document'),
+        defaultMessage: 'Document'
+    }
+};
+const PRESET_LABELS = {
+    '1day': {
+        id: getTranslationKey('list.filters.preset.1day'),
+        defaultMessage: '1 day ago'
+    },
+    '3days': {
+        id: getTranslationKey('list.filters.preset.3days'),
+        defaultMessage: '3 days ago'
+    },
+    '1week': {
+        id: getTranslationKey('list.filters.preset.1week'),
+        defaultMessage: '1 week ago'
+    },
+    '1month': {
+        id: getTranslationKey('list.filters.preset.1month'),
+        defaultMessage: '1 month ago'
+    },
+    '3months': {
+        id: getTranslationKey('list.filters.preset.3months'),
+        defaultMessage: '3 months ago'
+    },
+    '6months': {
+        id: getTranslationKey('list.filters.preset.6months'),
+        defaultMessage: '6 months ago'
+    },
+    '1year': {
+        id: getTranslationKey('list.filters.preset.1year'),
+        defaultMessage: '1 year ago'
+    }
+};
+const DATE_FIELD_LABELS = {
+    createdAt: {
+        id: getTranslationKey('list.filters.field.created'),
+        defaultMessage: 'Creation date'
+    },
+    updatedAt: {
+        id: getTranslationKey('list.filters.field.updated'),
+        defaultMessage: 'Last modified'
+    }
+};
+// The DS SubTrigger renders its chevron inline right after the label — push it
+// to the far edge so every field row reads label · · · ›, like the mock.
+const FieldSubTrigger = styled(Menu.SubTrigger)`
+  width: 100%;
+  justify-content: space-between;
+`;
+/** Every panel of the filter tree shares this fixed width (design). */ const FILTER_PANEL_WIDTH = '24.2rem';
+// 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.
+const SubPanel = styled(Menu.SubContent)`
+  margin-top: calc(-1 * (${({ theme })=>theme.spaces[1]} + 1px));
+`;
+const CountBadge = styled(Badge)`
+  height: 1.6rem;
+  min-width: auto;
+  padding: 0 0.4rem;
+`;
+/**
+ * Toolbar "Filter" dropdown. Picking anything ADDS a badge (editing happens on
+ * the badge itself, see FilterBadges):
+ *
+ * - Type → keep-open checkbox list; the badge is created/updated live with the
+ *   checked set (`is` by default, condition editable on the 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.
+ */ const FilterMenu = ({ listFilters })=>{
+    const { formatMessage } = useIntl();
+    const [isOpen, setIsOpen] = useState(false);
+    const { filters, addFilter, updateFilter, removeFilter } = listFilters;
+    // 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;
+    for(let i = filters.length - 1; i >= 0; i -= 1){
+        if (filters[i].kind === 'type') {
+            lastTypeIndex = i;
+            break;
+        }
+    }
+    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) : [
+            ...checkedValues,
+            value
+        ];
+        if (lastTypeFilter && lastTypeFilter.kind === 'type') {
+            if (nextValues.length === 0) {
+                // Unchecking the final value removes the badge outright — a type
+                // filter with no values is not a state (it would serialize to a
+                // malformed `type:is:` the parser drops anyway).
+                removeFilter(lastTypeIndex);
+            } else {
+                updateFilter(lastTypeIndex, {
+                    ...lastTypeFilter,
+                    values: nextValues
+                });
+            }
+        } else if (nextValues.length > 0) {
+            addFilter({
+                kind: 'type',
+                condition: 'is',
+                values: nextValues
+            });
+        }
+    };
+    const addPreset = (field, preset)=>{
+        addFilter({
+            kind: 'date',
+            field,
+            mode: 'preset',
+            condition: 'withinLast',
+            preset
+        });
+    };
+    const addRange = (from, to)=>{
+        addFilter({
+            kind: 'date',
+            field: 'createdAt',
+            mode: 'range',
+            condition: 'is',
+            from,
+            to
+        });
+        // The calendar is not a Menu.Item — close the menu explicitly on commit.
+        setIsOpen(false);
+    };
+    return /*#__PURE__*/ jsxs(Menu.Root, {
+        open: isOpen,
+        onOpenChange: setIsOpen,
+        children: [
+            /*#__PURE__*/ jsx(Menu.Trigger, {
+                variant: "tertiary",
+                startIcon: /*#__PURE__*/ jsx(Filter, {
+                    "aria-hidden": true
+                }),
+                endIcon: null,
+                children: /*#__PURE__*/ jsxs(Flex, {
+                    gap: 2,
+                    alignItems: "center",
+                    tag: "span",
+                    children: [
+                        formatMessage({
+                            id: getTranslationKey('list.filters.trigger'),
+                            defaultMessage: 'Filter'
+                        }),
+                        filters.length > 0 && /*#__PURE__*/ jsx(CountBadge, {
+                            children: filters.length
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxs(Menu.Content, {
+                popoverPlacement: "bottom-start",
+                zIndex: 2,
+                maxHeight: "70vh",
+                width: FILTER_PANEL_WIDTH,
+                children: [
+                    /*#__PURE__*/ jsxs(Menu.SubRoot, {
+                        children: [
+                            /*#__PURE__*/ jsx(FieldSubTrigger, {
+                                children: formatMessage({
+                                    id: getTranslationKey('list.filters.field.type'),
+                                    defaultMessage: 'Type'
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(SubPanel, {
+                                zIndex: 2,
+                                maxHeight: "70vh",
+                                width: FILTER_PANEL_WIDTH,
+                                children: TYPE_VALUES.map((value)=>/*#__PURE__*/ jsx(Menu.Item, {
+                                        role: "menuitemcheckbox",
+                                        "aria-checked": checkedValues.includes(value),
+                                        onSelect: (e)=>{
+                                            e.preventDefault();
+                                            toggleTypeValue(value);
+                                        },
+                                        startIcon: /*#__PURE__*/ jsx(Checkbox, {
+                                            checked: checkedValues.includes(value),
+                                            tabIndex: -1,
+                                            "aria-hidden": true
+                                        }),
+                                        children: formatMessage(TYPE_LABELS[value])
+                                    }, value))
+                            })
+                        ]
+                    }),
+                    [
+                        'createdAt',
+                        'updatedAt'
+                    ].map((field)=>/*#__PURE__*/ jsxs(Menu.SubRoot, {
+                            children: [
+                                /*#__PURE__*/ jsx(FieldSubTrigger, {
+                                    children: formatMessage(DATE_FIELD_LABELS[field])
+                                }),
+                                /*#__PURE__*/ jsxs(SubPanel, {
+                                    zIndex: 2,
+                                    maxHeight: "70vh",
+                                    width: FILTER_PANEL_WIDTH,
+                                    children: [
+                                        DATE_PRESETS.map((preset)=>/*#__PURE__*/ jsx(Menu.Item, {
+                                                onSelect: ()=>addPreset(field, preset),
+                                                children: formatMessage(PRESET_LABELS[preset])
+                                            }, preset)),
+                                        field === 'createdAt' && /*#__PURE__*/ jsxs(Menu.SubRoot, {
+                                            children: [
+                                                /*#__PURE__*/ jsx(FieldSubTrigger, {
+                                                    children: formatMessage({
+                                                        id: getTranslationKey('list.filters.select-date-range'),
+                                                        defaultMessage: 'Select date range'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(SubPanel, {
+                                                    zIndex: 2,
+                                                    maxHeight: "none",
+                                                    width: FILTER_PANEL_WIDTH,
+                                                    children: /*#__PURE__*/ jsx(DateRangeCalendar, {
+                                                        onSelect: addRange
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        }, field))
+                ]
+            })
+        ]
+    });
+};
+
+export { DATE_FIELD_LABELS, FILTER_PANEL_WIDTH, FilterMenu, PRESET_LABELS, TYPE_LABELS };
+//# sourceMappingURL=FilterMenu.mjs.map

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

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