@strapi/upload 5.51.1 → 5.52.0

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

@@ -0,0 +1,447 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useIsMobile } from '@strapi/admin/strapi-admin';
+import { Menu, Checkbox, Flex, Box, Badge } from '@strapi/design-system';
+import { Filter, ChevronDown, Check } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { 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';
+// 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 = styled(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 = styled(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 = styled(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.
+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.
+ *
+ * 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 } = 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
+            });
+        }
+    };
+    // 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)=>{
+        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,
+            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);
+    };
+    const isMobile = 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] = useState(null);
+    const [rangeOpen, setRangeOpen] = 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 = 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));
+    // 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 DATE_PRESETS.map((preset)=>/*#__PURE__*/ jsx(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__*/ jsx(Check, {
+                    "aria-hidden": true,
+                    width: "1.6rem",
+                    height: "1.6rem",
+                    fill: "primary600"
+                }) : null,
+                children: formatMessage(PRESET_LABELS[preset])
+            }, preset));
+    };
+    const typeLabel = formatMessage({
+        id: getTranslationKey('list.filters.field.type'),
+        defaultMessage: 'Type'
+    });
+    const selectDateRangeLabel = formatMessage({
+        id: getTranslationKey('list.filters.select-date-range'),
+        defaultMessage: 'Select date range'
+    });
+    return /*#__PURE__*/ jsxs(Menu.Root, {
+        open: isOpen,
+        onOpenChange: handleOpenChange,
+        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__*/ jsx(Menu.Content, {
+                popoverPlacement: "bottom-start",
+                zIndex: 2,
+                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__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsx(FieldToggle, {
+                            "aria-expanded": openField === 'type',
+                            onSelect: (e)=>{
+                                e.preventDefault();
+                                toggleField('type');
+                            },
+                            endIcon: /*#__PURE__*/ jsx(Chevron, {
+                                $open: openField === 'type',
+                                "aria-hidden": true
+                            }),
+                            children: typeLabel
+                        }),
+                        openField === 'type' && /*#__PURE__*/ jsx(OptionGroup, {
+                            children: typeItems
+                        }),
+                        [
+                            'createdAt',
+                            'updatedAt'
+                        ].map((field)=>/*#__PURE__*/ jsxs(Box, {
+                                width: "100%",
+                                children: [
+                                    /*#__PURE__*/ jsx(FieldToggle, {
+                                        "aria-expanded": openField === field,
+                                        onSelect: (e)=>{
+                                            e.preventDefault();
+                                            toggleField(field);
+                                        },
+                                        endIcon: /*#__PURE__*/ jsx(Chevron, {
+                                            $open: openField === field,
+                                            "aria-hidden": true
+                                        }),
+                                        children: formatMessage(DATE_FIELD_LABELS[field])
+                                    }),
+                                    openField === field && /*#__PURE__*/ jsxs(OptionGroup, {
+                                        children: [
+                                            presetItems(field),
+                                            field === 'createdAt' && /*#__PURE__*/ jsxs(Fragment, {
+                                                children: [
+                                                    /*#__PURE__*/ jsx(FieldToggle, {
+                                                        "aria-expanded": rangeOpen,
+                                                        onSelect: (e)=>{
+                                                            e.preventDefault();
+                                                            setRangeOpen((open)=>!open);
+                                                        },
+                                                        endIcon: /*#__PURE__*/ jsx(Chevron, {
+                                                            $open: rangeOpen,
+                                                            "aria-hidden": true
+                                                        }),
+                                                        children: selectDateRangeLabel
+                                                    }),
+                                                    rangeOpen && /*#__PURE__*/ jsx(Box, {
+                                                        paddingLeft: 2,
+                                                        children: /*#__PURE__*/ jsx(DateRangeCalendar, {
+                                                            onSelect: addRange
+                                                        })
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, field))
+                    ]
+                }) : /*#__PURE__*/ jsxs(Fragment, {
+                    children: [
+                        /*#__PURE__*/ jsxs(Menu.SubRoot, {
+                            children: [
+                                /*#__PURE__*/ jsx(FieldSubTrigger, {
+                                    children: typeLabel
+                                }),
+                                /*#__PURE__*/ jsx(SubPanel, {
+                                    zIndex: 2,
+                                    maxHeight: PANEL_MAX_HEIGHT,
+                                    width: FILTER_PANEL_WIDTH,
+                                    children: typeItems
+                                })
+                            ]
+                        }),
+                        [
+                            'createdAt',
+                            'updatedAt'
+                        ].map((field)=>/*#__PURE__*/ jsxs(Menu.SubRoot, {
+                                children: [
+                                    /*#__PURE__*/ jsx(FieldSubTrigger, {
+                                        children: formatMessage(DATE_FIELD_LABELS[field])
+                                    }),
+                                    /*#__PURE__*/ jsxs(SubPanel, {
+                                        zIndex: 2,
+                                        maxHeight: PANEL_MAX_HEIGHT,
+                                        width: FILTER_PANEL_WIDTH,
+                                        children: [
+                                            presetItems(field),
+                                            field === 'createdAt' && /*#__PURE__*/ jsxs(Menu.SubRoot, {
+                                                children: [
+                                                    /*#__PURE__*/ jsx(FieldSubTrigger, {
+                                                        children: selectDateRangeLabel
+                                                    }),
+                                                    /*#__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 { useIsMobile } from '@strapi/admin/strapi-admin';\nimport { Badge, Box, Checkbox, Flex, Menu } from '@strapi/design-system';\nimport { Check, ChevronDown, Filter as FilterIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTranslationKey } from '../../../utils/translations';\nimport {\n  DATE_PRESETS,\n  TYPE_VALUES,\n  type DateField,\n  type DatePreset,\n  type ListFilters,\n  type TypeValue,\n} from '../hooks/useListFilters';\n\nimport { DateRangeCalendar } from './DateRangeCalendar';\n\nimport type { MessageDescriptor } from 'react-intl';\n\nexport const TYPE_LABELS: Record<TypeValue, MessageDescriptor> = {\n  folder: { id: getTranslationKey('list.filters.type.folder'), defaultMessage: 'Folder' },\n  picture: { id: getTranslationKey('list.filters.type.picture'), defaultMessage: 'Picture' },\n  audio: { id: getTranslationKey('list.filters.type.audio'), defaultMessage: 'Audio' },\n  video: { id: getTranslationKey('list.filters.type.video'), defaultMessage: 'Video' },\n  document: { id: getTranslationKey('list.filters.type.document'), defaultMessage: 'Document' },\n};\n\nexport const PRESET_LABELS: Record<DatePreset, MessageDescriptor> = {\n  '1day': { id: getTranslationKey('list.filters.preset.1day'), defaultMessage: '1 day ago' },\n  '3days': { id: getTranslationKey('list.filters.preset.3days'), defaultMessage: '3 days ago' },\n  '1week': { id: getTranslationKey('list.filters.preset.1week'), defaultMessage: '1 week ago' },\n  '1month': { id: getTranslationKey('list.filters.preset.1month'), defaultMessage: '1 month ago' },\n  '3months': {\n    id: getTranslationKey('list.filters.preset.3months'),\n    defaultMessage: '3 months ago',\n  },\n  '6months': {\n    id: getTranslationKey('list.filters.preset.6months'),\n    defaultMessage: '6 months ago',\n  },\n  '1year': { id: getTranslationKey('list.filters.preset.1year'), defaultMessage: '1 year ago' },\n};\n\nexport const DATE_FIELD_LABELS: Record<DateField, MessageDescriptor> = {\n  createdAt: {\n    id: getTranslationKey('list.filters.field.created'),\n    defaultMessage: 'Creation date',\n  },\n  updatedAt: {\n    id: getTranslationKey('list.filters.field.updated'),\n    defaultMessage: 'Last modified',\n  },\n};\n\n// The DS SubTrigger renders its chevron inline right after the label — push it\n// to the far edge so every field row reads label · · · ›, like the mock.\nconst FieldSubTrigger = styled(Menu.SubTrigger)`\n  width: 100%;\n  justify-content: space-between;\n`;\n\n/** Every panel of the filter tree shares this fixed width (design). */\nexport const FILTER_PANEL_WIDTH = '24.2rem';\n\n// dvh, not vh: on a phone `vh` ignores the browser chrome, so a 70vh panel can\n// extend past the visual viewport and leave its lower rows (the last field, and\n// anything under the date-range calendar) stranded under the URL bar with no way\n// to scroll to them. Same reason the drawer caps on dvh.\nconst PANEL_MAX_HEIGHT = '70dvh';\n\n// Mobile uses one flat panel (accordion), so it never needs room for a side\n// flyout — cap it to the viewport so it can't overflow a narrow screen.\nconst MOBILE_PANEL_WIDTH = `min(${FILTER_PANEL_WIDTH}, calc(100dvw - 2rem))`;\n\n// Mobile accordion: the field row is a plain menu item that expands its options\n// inline below it (Radix sub-menus can only fly out sideways, off a phone).\nconst FieldToggle = styled(Menu.Item)`\n  width: 100%;\n`;\n\n// The options revealed under a field row.\n//\n// `width: 100%` is load-bearing: Menu.Content is a column flex with\n// `align-items: flex-start`, so a child shrink-wraps to its content unless it\n// sets a width explicitly. Without it the group collapsed to the widest option\n// label and the rows' own `width: 100%` resolved against that, so a selected row\n// highlighted only part of the panel.\n//\n// The indent then lives on each row's padding rather than on this wrapper —\n// padding here would inset the rows, and the highlight with them.\nconst OptionGroup = styled(Box)`\n  width: 100%;\n\n  > * {\n    width: 100%;\n  }\n\n  /* menuitem, menuitemradio and menuitemcheckbox — every option row, plus the\n     \"Select date range\" toggle, which sits at the same level. */\n  > [role^='menuitem'] {\n    padding-left: ${({ theme }) => theme.spaces[6]};\n  }\n`;\n\n// Rotates the chevron when its section is open.\nconst Chevron = styled(ChevronDown)<{ $open: boolean }>`\n  transition: transform 0.2s ease;\n  transform: rotate(${({ $open }) => ($open ? '180deg' : '0deg')});\n`;\n\n// Sub panels: fixed width, no 15rem clamp (the DS default folds the calendar),\n// and a negative top margin cancelling the parent panel's padding + border so\n// the sub panel's top edge lines up with the parent panel, not the item.\nconst SubPanel = styled(Menu.SubContent)`\n  margin-top: calc(-1 * (${({ theme }) => theme.spaces[1]} + 1px));\n`;\n\nconst CountBadge = styled(Badge)`\n  height: 1.6rem;\n  min-width: auto;\n  padding: 0 0.4rem;\n`;\n\ninterface FilterMenuProps {\n  listFilters: ListFilters;\n}\n\n/**\n * Toolbar \"Filter\" dropdown. Picking anything ADDS a badge (editing happens on\n * the badge itself, see FilterBadges):\n *\n * - Type → keep-open checkbox list; the badge is created/updated live with the\n *   checked set (`is` by default, condition editable on the badge).\n * - Creation date / Last modified → preset list (single pick, `within the\n *   last` by default) + \"Select date range\" (creation date only) opening the\n *   range calendar; a completed range adds an `is` range badge.\n *\n * Closing behaviour follows how many values a field can hold: a date is one\n * value, so picking a preset (or committing a range) closes the menu; Type is a\n * set, so it stays open until dismissed.\n */\nexport const FilterMenu = ({ listFilters }: FilterMenuProps) => {\n  const { formatMessage } = useIntl();\n  const [isOpen, setIsOpen] = useState(false);\n  const { filters, addFilter, updateFilter, removeFilter } = listFilters;\n\n  // The Type submenu edits the LAST type badge in place while the menu stays\n  // open (checking values accumulates into one badge, per design).\n  let lastTypeIndex = -1;\n  for (let i = filters.length - 1; i >= 0; i -= 1) {\n    if (filters[i].kind === 'type') {\n      lastTypeIndex = i;\n      break;\n    }\n  }\n  const lastTypeFilter = lastTypeIndex >= 0 ? filters[lastTypeIndex] : null;\n  const checkedValues =\n    lastTypeFilter && lastTypeFilter.kind === 'type' ? lastTypeFilter.values : [];\n\n  const toggleTypeValue = (value: TypeValue) => {\n    const nextValues = checkedValues.includes(value)\n      ? checkedValues.filter((v) => v !== value)\n      : [...checkedValues, value];\n\n    if (lastTypeFilter && lastTypeFilter.kind === 'type') {\n      if (nextValues.length === 0) {\n        // Unchecking the final value removes the badge outright — a type\n        // filter with no values is not a state (it would serialize to a\n        // malformed `type:is:` the parser drops anyway).\n        removeFilter(lastTypeIndex);\n      } else {\n        updateFilter(lastTypeIndex, { ...lastTypeFilter, values: nextValues });\n      }\n    } else if (nextValues.length > 0) {\n      addFilter({ kind: 'type', condition: 'is', values: nextValues });\n    }\n  };\n\n  // Creation date / Last modified are single-select (per design): selecting a\n  // preset replaces the field's existing preset badge in place (keeping its\n  // condition) rather than adding another pill; a badge is created only when the\n  // field has none yet.\n  const addPreset = (field: DateField, preset: DatePreset) => {\n    for (let i = filters.length - 1; i >= 0; i -= 1) {\n      const f = filters[i];\n      if (f.kind === 'date' && f.mode === 'preset' && f.field === field) {\n        updateFilter(i, { ...f, preset });\n        return;\n      }\n    }\n    addFilter({ kind: 'date', field, mode: 'preset', condition: 'withinLast', preset });\n  };\n\n  const addRange = (from: string, to: string) => {\n    addFilter({ kind: 'date', field: 'createdAt', mode: 'range', condition: 'is', from, to });\n    // The calendar is not a Menu.Item — close the menu explicitly on commit.\n    setIsOpen(false);\n  };\n\n  const isMobile = useIsMobile();\n  // Mobile accordion state: which field is expanded, and whether its date-range\n  // calendar is open. Both reset when the whole menu closes.\n  const [openField, setOpenField] = useState<'type' | 'createdAt' | 'updatedAt' | null>(null);\n  const [rangeOpen, setRangeOpen] = useState(false);\n\n  const handleOpenChange = (next: boolean) => {\n    setIsOpen(next);\n    if (!next) {\n      setOpenField(null);\n      setRangeOpen(false);\n    }\n  };\n\n  const toggleField = (field: 'type' | 'createdAt' | 'updatedAt') => {\n    setOpenField((current) => (current === field ? null : field));\n    setRangeOpen(false);\n  };\n\n  // Option lists, shared by the desktop flyouts and the mobile accordion.\n  // Multi-select semantics: menuitemcheckbox + aria-checked carry the state for\n  // assistive tech; the Checkbox is purely decorative (aria-hidden, unfocusable)\n  // — the Menu.Item is the control.\n  const typeItems = TYPE_VALUES.map((value) => (\n    <Menu.Item\n      key={value}\n      role=\"menuitemcheckbox\"\n      aria-checked={checkedValues.includes(value)}\n      onSelect={(e: Event) => {\n        e.preventDefault();\n        toggleTypeValue(value);\n      }}\n      startIcon={<Checkbox checked={checkedValues.includes(value)} tabIndex={-1} aria-hidden />}\n    >\n      {formatMessage(TYPE_LABELS[value])}\n    </Menu.Item>\n  ));\n\n  // The field's currently-selected preset (single-select), so the menu can mark\n  // it with a check.\n  const selectedPresetForField = (field: DateField): DatePreset | null => {\n    for (let i = filters.length - 1; i >= 0; i -= 1) {\n      const f = filters[i];\n      if (f.kind === 'date' && f.mode === 'preset' && f.field === field) {\n        return f.preset;\n      }\n    }\n    return null;\n  };\n\n  const presetItems = (field: DateField) => {\n    const selected = selectedPresetForField(field);\n\n    return DATE_PRESETS.map((preset) => (\n      <Menu.Item\n        key={preset}\n        role=\"menuitemradio\"\n        aria-checked={selected === preset}\n        onSelect={() => {\n          // No preventDefault, unlike Type: a date field holds exactly one\n          // value, so the pick is complete and the menu closes on it. Type stays\n          // open because the user may still be building up a multi-value set.\n          addPreset(field, preset);\n        }}\n        endIcon={\n          selected === preset ? (\n            <Check aria-hidden width=\"1.6rem\" height=\"1.6rem\" fill=\"primary600\" />\n          ) : null\n        }\n      >\n        {formatMessage(PRESET_LABELS[preset])}\n      </Menu.Item>\n    ));\n  };\n\n  const typeLabel = formatMessage({\n    id: getTranslationKey('list.filters.field.type'),\n    defaultMessage: 'Type',\n  });\n  const selectDateRangeLabel = formatMessage({\n    id: getTranslationKey('list.filters.select-date-range'),\n    defaultMessage: 'Select date range',\n  });\n\n  return (\n    <Menu.Root open={isOpen} onOpenChange={handleOpenChange}>\n      {/* endIcon={null} drops the DS default chevron — the mock has none. */}\n      <Menu.Trigger variant=\"tertiary\" startIcon={<FilterIcon aria-hidden />} endIcon={null}>\n        <Flex gap={2} alignItems=\"center\" tag=\"span\">\n          {formatMessage({\n            id: getTranslationKey('list.filters.trigger'),\n            defaultMessage: 'Filter',\n          })}\n          {filters.length > 0 && <CountBadge>{filters.length}</CountBadge>}\n        </Flex>\n      </Menu.Trigger>\n      <Menu.Content\n        popoverPlacement=\"bottom-start\"\n        zIndex={2}\n        maxHeight={PANEL_MAX_HEIGHT}\n        width={isMobile ? MOBILE_PANEL_WIDTH : FILTER_PANEL_WIDTH}\n      >\n        {isMobile ? (\n          // Mobile: one flat panel. Each field expands its options inline below\n          // itself — Radix sub-menus can only fly out sideways, off a phone.\n          <>\n            <FieldToggle\n              aria-expanded={openField === 'type'}\n              onSelect={(e: Event) => {\n                e.preventDefault();\n                toggleField('type');\n              }}\n              endIcon={<Chevron $open={openField === 'type'} aria-hidden />}\n            >\n              {typeLabel}\n            </FieldToggle>\n            {openField === 'type' && <OptionGroup>{typeItems}</OptionGroup>}\n\n            {(['createdAt', 'updatedAt'] as const).map((field) => (\n              <Box key={field} width=\"100%\">\n                <FieldToggle\n                  aria-expanded={openField === field}\n                  onSelect={(e: Event) => {\n                    e.preventDefault();\n                    toggleField(field);\n                  }}\n                  endIcon={<Chevron $open={openField === field} aria-hidden />}\n                >\n                  {formatMessage(DATE_FIELD_LABELS[field])}\n                </FieldToggle>\n                {openField === field && (\n                  <OptionGroup>\n                    {presetItems(field)}\n                    {/* Only Creation date offers a range from the UI (design). */}\n                    {field === 'createdAt' && (\n                      <>\n                        <FieldToggle\n                          aria-expanded={rangeOpen}\n                          onSelect={(e: Event) => {\n                            e.preventDefault();\n                            setRangeOpen((open) => !open);\n                          }}\n                          endIcon={<Chevron $open={rangeOpen} aria-hidden />}\n                        >\n                          {selectDateRangeLabel}\n                        </FieldToggle>\n                        {rangeOpen && (\n                          <Box paddingLeft={2}>\n                            <DateRangeCalendar onSelect={addRange} />\n                          </Box>\n                        )}\n                      </>\n                    )}\n                  </OptionGroup>\n                )}\n              </Box>\n            ))}\n          </>\n        ) : (\n          <>\n            <Menu.SubRoot>\n              <FieldSubTrigger>{typeLabel}</FieldSubTrigger>\n              <SubPanel zIndex={2} maxHeight={PANEL_MAX_HEIGHT} width={FILTER_PANEL_WIDTH}>\n                {typeItems}\n              </SubPanel>\n            </Menu.SubRoot>\n\n            {(['createdAt', 'updatedAt'] as const).map((field) => (\n              <Menu.SubRoot key={field}>\n                <FieldSubTrigger>{formatMessage(DATE_FIELD_LABELS[field])}</FieldSubTrigger>\n                <SubPanel zIndex={2} maxHeight={PANEL_MAX_HEIGHT} width={FILTER_PANEL_WIDTH}>\n                  {presetItems(field)}\n                  {/* Design constraint: only Creation date offers a range from the\n                      UI. The URL codec and the badges support ranges on both date\n                      fields (`updated:rangeis:…` works when hand-crafted) so this\n                      stays a one-line change if design extends it later. */}\n                  {field === 'createdAt' && (\n                    <Menu.SubRoot>\n                      <FieldSubTrigger>{selectDateRangeLabel}</FieldSubTrigger>\n                      <SubPanel zIndex={2} maxHeight=\"none\" width={FILTER_PANEL_WIDTH}>\n                        <DateRangeCalendar onSelect={addRange} />\n                      </SubPanel>\n                    </Menu.SubRoot>\n                  )}\n                </SubPanel>\n              </Menu.SubRoot>\n            ))}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n"],"names":["TYPE_LABELS","folder","id","getTranslationKey","defaultMessage","picture","audio","video","document","PRESET_LABELS","DATE_FIELD_LABELS","createdAt","updatedAt","FieldSubTrigger","styled","Menu","SubTrigger","FILTER_PANEL_WIDTH","PANEL_MAX_HEIGHT","MOBILE_PANEL_WIDTH","FieldToggle","Item","OptionGroup","Box","theme","spaces","Chevron","ChevronDown","$open","SubPanel","SubContent","CountBadge","Badge","FilterMenu","listFilters","formatMessage","useIntl","isOpen","setIsOpen","useState","filters","addFilter","updateFilter","removeFilter","lastTypeIndex","i","length","kind","lastTypeFilter","checkedValues","values","toggleTypeValue","value","nextValues","includes","filter","v","condition","addPreset","field","preset","f","mode","addRange","from","to","isMobile","useIsMobile","openField","setOpenField","rangeOpen","setRangeOpen","handleOpenChange","next","toggleField","current","typeItems","TYPE_VALUES","map","_jsx","role","aria-checked","onSelect","e","preventDefault","startIcon","Checkbox","checked","tabIndex","aria-hidden","selectedPresetForField","presetItems","selected","DATE_PRESETS","endIcon","Check","width","height","fill","typeLabel","selectDateRangeLabel","_jsxs","Root","open","onOpenChange","Trigger","variant","FilterIcon","Flex","gap","alignItems","tag","Content","popoverPlacement","zIndex","maxHeight","_Fragment","aria-expanded","paddingLeft","DateRangeCalendar","SubRoot"],"mappings":";;;;;;;;;;;MAsBaA,WAAAA,GAAoD;IAC/DC,MAAAA,EAAQ;AAAEC,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,0BAAA,CAAA;QAA6BC,cAAAA,EAAgB;AAAS,KAAA;IACtFC,OAAAA,EAAS;AAAEH,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,2BAAA,CAAA;QAA8BC,cAAAA,EAAgB;AAAU,KAAA;IACzFE,KAAAA,EAAO;AAAEJ,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,yBAAA,CAAA;QAA4BC,cAAAA,EAAgB;AAAQ,KAAA;IACnFG,KAAAA,EAAO;AAAEL,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,yBAAA,CAAA;QAA4BC,cAAAA,EAAgB;AAAQ,KAAA;IACnFI,QAAAA,EAAU;AAAEN,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,4BAAA,CAAA;QAA+BC,cAAAA,EAAgB;AAAW;AAC9F;MAEaK,aAAAA,GAAuD;IAClE,MAAA,EAAQ;AAAEP,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,0BAAA,CAAA;QAA6BC,cAAAA,EAAgB;AAAY,KAAA;IACzF,OAAA,EAAS;AAAEF,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,2BAAA,CAAA;QAA8BC,cAAAA,EAAgB;AAAa,KAAA;IAC5F,OAAA,EAAS;AAAEF,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,2BAAA,CAAA;QAA8BC,cAAAA,EAAgB;AAAa,KAAA;IAC5F,QAAA,EAAU;AAAEF,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,4BAAA,CAAA;QAA+BC,cAAAA,EAAgB;AAAc,KAAA;IAC/F,SAAA,EAAW;AACTF,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,6BAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA;IACA,SAAA,EAAW;AACTF,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,6BAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA;IACA,OAAA,EAAS;AAAEF,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,2BAAA,CAAA;QAA8BC,cAAAA,EAAgB;AAAa;AAC9F;MAEaM,iBAAAA,GAA0D;IACrEC,SAAAA,EAAW;AACTT,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,4BAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA;IACAQ,SAAAA,EAAW;AACTV,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,4BAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB;AACF;AAEA;AACA;AACA,MAAMS,eAAAA,GAAkBC,MAAAA,CAAOC,IAAAA,CAAKC,UAAU,CAAC;;;AAG/C,CAAC;AAED,wEACO,MAAMC,kBAAAA,GAAqB;AAElC;AACA;AACA;AACA;AACA,MAAMC,gBAAAA,GAAmB,OAAA;AAEzB;AACA;AACA,MAAMC,qBAAqB,CAAC,IAAI,EAAEF,kBAAAA,CAAmB,sBAAsB,CAAC;AAE5E;AACA;AACA,MAAMG,WAAAA,GAAcN,MAAAA,CAAOC,IAAAA,CAAKM,IAAI,CAAC;;AAErC,CAAC;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAAA,GAAcR,MAAAA,CAAOS,GAAAA,CAAI;;;;;;;;;;kBAUb,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;AAEnD,CAAC;AAED;AACA,MAAMC,OAAAA,GAAUZ,MAAAA,CAAOa,WAAAA,CAAgC;;AAEnC,oBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAMA,KAAAA,GAAQ,WAAW,MAAA,CAAQ;AACjE,CAAC;AAED;AACA;AACA;AACA,MAAMC,QAAAA,GAAWf,MAAAA,CAAOC,IAAAA,CAAKe,UAAU,CAAC;yBACf,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;AAC1D,CAAC;AAED,MAAMM,UAAAA,GAAajB,MAAAA,CAAOkB,KAAAA,CAAM;;;;AAIhC,CAAC;AAMD;;;;;;;;;;;;;AAaC,IACM,MAAMC,UAAAA,GAAa,CAAC,EAAEC,WAAW,EAAmB,GAAA;IACzD,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,MAAAA,EAAQC,SAAAA,CAAU,GAAGC,QAAAA,CAAS,KAAA,CAAA;IACrC,MAAM,EAAEC,OAAO,EAAEC,SAAS,EAAEC,YAAY,EAAEC,YAAY,EAAE,GAAGT,WAAAA;;;AAI3D,IAAA,IAAIU,gBAAgB,EAAC;IACrB,IAAK,IAAIC,IAAIL,OAAAA,CAAQM,MAAM,GAAG,CAAA,EAAGD,CAAAA,IAAK,CAAA,EAAGA,CAAAA,IAAK,CAAA,CAAG;AAC/C,QAAA,IAAIL,OAAO,CAACK,CAAAA,CAAE,CAACE,IAAI,KAAK,MAAA,EAAQ;YAC9BH,aAAAA,GAAgBC,CAAAA;AAChB,YAAA;AACF,QAAA;AACF,IAAA;AACA,IAAA,MAAMG,iBAAiBJ,aAAAA,IAAiB,CAAA,GAAIJ,OAAO,CAACI,cAAc,GAAG,IAAA;IACrE,MAAMK,aAAAA,GACJD,kBAAkBA,cAAAA,CAAeD,IAAI,KAAK,MAAA,GAASC,cAAAA,CAAeE,MAAM,GAAG,EAAE;AAE/E,IAAA,MAAMC,kBAAkB,CAACC,KAAAA,GAAAA;QACvB,MAAMC,UAAAA,GAAaJ,aAAAA,CAAcK,QAAQ,CAACF,KAAAA,CAAAA,GACtCH,aAAAA,CAAcM,MAAM,CAAC,CAACC,CAAAA,GAAMA,CAAAA,KAAMJ,KAAAA,CAAAA,GAClC;AAAIH,YAAAA,GAAAA,aAAAA;AAAeG,YAAAA;AAAM,SAAA;AAE7B,QAAA,IAAIJ,cAAAA,IAAkBA,cAAAA,CAAeD,IAAI,KAAK,MAAA,EAAQ;YACpD,IAAIM,UAAAA,CAAWP,MAAM,KAAK,CAAA,EAAG;;;;gBAI3BH,YAAAA,CAAaC,aAAAA,CAAAA;YACf,CAAA,MAAO;AACLF,gBAAAA,YAAAA,CAAaE,aAAAA,EAAe;AAAE,oBAAA,GAAGI,cAAc;oBAAEE,MAAAA,EAAQG;AAAW,iBAAA,CAAA;AACtE,YAAA;AACF,QAAA,CAAA,MAAO,IAAIA,UAAAA,CAAWP,MAAM,GAAG,CAAA,EAAG;YAChCL,SAAAA,CAAU;gBAAEM,IAAAA,EAAM,MAAA;gBAAQU,SAAAA,EAAW,IAAA;gBAAMP,MAAAA,EAAQG;AAAW,aAAA,CAAA;AAChE,QAAA;AACF,IAAA,CAAA;;;;;IAMA,MAAMK,SAAAA,GAAY,CAACC,KAAAA,EAAkBC,MAAAA,GAAAA;QACnC,IAAK,IAAIf,IAAIL,OAAAA,CAAQM,MAAM,GAAG,CAAA,EAAGD,CAAAA,IAAK,CAAA,EAAGA,CAAAA,IAAK,CAAA,CAAG;YAC/C,MAAMgB,CAAAA,GAAIrB,OAAO,CAACK,CAAAA,CAAE;YACpB,IAAIgB,CAAAA,CAAEd,IAAI,KAAK,MAAA,IAAUc,CAAAA,CAAEC,IAAI,KAAK,QAAA,IAAYD,CAAAA,CAAEF,KAAK,KAAKA,KAAAA,EAAO;AACjEjB,gBAAAA,YAAAA,CAAaG,CAAAA,EAAG;AAAE,oBAAA,GAAGgB,CAAC;AAAED,oBAAAA;AAAO,iBAAA,CAAA;AAC/B,gBAAA;AACF,YAAA;AACF,QAAA;QACAnB,SAAAA,CAAU;YAAEM,IAAAA,EAAM,MAAA;AAAQY,YAAAA,KAAAA;YAAOG,IAAAA,EAAM,QAAA;YAAUL,SAAAA,EAAW,YAAA;AAAcG,YAAAA;AAAO,SAAA,CAAA;AACnF,IAAA,CAAA;IAEA,MAAMG,QAAAA,GAAW,CAACC,IAAAA,EAAcC,EAAAA,GAAAA;QAC9BxB,SAAAA,CAAU;YAAEM,IAAAA,EAAM,MAAA;YAAQY,KAAAA,EAAO,WAAA;YAAaG,IAAAA,EAAM,OAAA;YAASL,SAAAA,EAAW,IAAA;AAAMO,YAAAA,IAAAA;AAAMC,YAAAA;AAAG,SAAA,CAAA;;QAEvF3B,SAAAA,CAAU,KAAA,CAAA;AACZ,IAAA,CAAA;AAEA,IAAA,MAAM4B,QAAAA,GAAWC,WAAAA,EAAAA;;;AAGjB,IAAA,MAAM,CAACC,SAAAA,EAAWC,YAAAA,CAAa,GAAG9B,QAAAA,CAAoD,IAAA,CAAA;AACtF,IAAA,MAAM,CAAC+B,SAAAA,EAAWC,YAAAA,CAAa,GAAGhC,QAAAA,CAAS,KAAA,CAAA;AAE3C,IAAA,MAAMiC,mBAAmB,CAACC,IAAAA,GAAAA;QACxBnC,SAAAA,CAAUmC,IAAAA,CAAAA;AACV,QAAA,IAAI,CAACA,IAAAA,EAAM;YACTJ,YAAAA,CAAa,IAAA,CAAA;YACbE,YAAAA,CAAa,KAAA,CAAA;AACf,QAAA;AACF,IAAA,CAAA;AAEA,IAAA,MAAMG,cAAc,CAACf,KAAAA,GAAAA;AACnBU,QAAAA,YAAAA,CAAa,CAACM,OAAAA,GAAaA,OAAAA,KAAYhB,KAAAA,GAAQ,IAAA,GAAOA,KAAAA,CAAAA;QACtDY,YAAAA,CAAa,KAAA,CAAA;AACf,IAAA,CAAA;;;;;IAMA,MAAMK,SAAAA,GAAYC,YAAYC,GAAG,CAAC,CAAC1B,KAAAA,iBACjC2B,GAAA,CAAChE,KAAKM,IAAI,EAAA;YAER2D,IAAAA,EAAK,kBAAA;YACLC,cAAAA,EAAchC,aAAAA,CAAcK,QAAQ,CAACF,KAAAA,CAAAA;AACrC8B,YAAAA,QAAAA,EAAU,CAACC,CAAAA,GAAAA;AACTA,gBAAAA,CAAAA,CAAEC,cAAc,EAAA;gBAChBjC,eAAAA,CAAgBC,KAAAA,CAAAA;AAClB,YAAA,CAAA;AACAiC,YAAAA,SAAAA,gBAAWN,GAAA,CAACO,QAAAA,EAAAA;gBAASC,OAAAA,EAAStC,aAAAA,CAAcK,QAAQ,CAACF,KAAAA,CAAAA;AAAQoC,gBAAAA,QAAAA,EAAU,EAAC;gBAAGC,aAAW,EAAA;;sBAErFtD,aAAAA,CAAcnC,WAAW,CAACoD,KAAAA,CAAM;AAT5BA,SAAAA,EAAAA,KAAAA,CAAAA,CAAAA;;;AAeT,IAAA,MAAMsC,yBAAyB,CAAC/B,KAAAA,GAAAA;QAC9B,IAAK,IAAId,IAAIL,OAAAA,CAAQM,MAAM,GAAG,CAAA,EAAGD,CAAAA,IAAK,CAAA,EAAGA,CAAAA,IAAK,CAAA,CAAG;YAC/C,MAAMgB,CAAAA,GAAIrB,OAAO,CAACK,CAAAA,CAAE;YACpB,IAAIgB,CAAAA,CAAEd,IAAI,KAAK,MAAA,IAAUc,CAAAA,CAAEC,IAAI,KAAK,QAAA,IAAYD,CAAAA,CAAEF,KAAK,KAAKA,KAAAA,EAAO;AACjE,gBAAA,OAAOE,EAAED,MAAM;AACjB,YAAA;AACF,QAAA;QACA,OAAO,IAAA;AACT,IAAA,CAAA;AAEA,IAAA,MAAM+B,cAAc,CAAChC,KAAAA,GAAAA;AACnB,QAAA,MAAMiC,WAAWF,sBAAAA,CAAuB/B,KAAAA,CAAAA;AAExC,QAAA,OAAOkC,aAAaf,GAAG,CAAC,CAAClB,MAAAA,iBACvBmB,GAAA,CAAChE,KAAKM,IAAI,EAAA;gBAER2D,IAAAA,EAAK,eAAA;AACLC,gBAAAA,cAAAA,EAAcW,QAAAA,KAAahC,MAAAA;gBAC3BsB,QAAAA,EAAU,IAAA;;;;AAIRxB,oBAAAA,SAAAA,CAAUC,KAAAA,EAAOC,MAAAA,CAAAA;AACnB,gBAAA,CAAA;gBACAkC,OAAAA,EACEF,QAAAA,KAAahC,uBACXmB,GAAA,CAACgB,KAAAA,EAAAA;oBAAMN,aAAW,EAAA,IAAA;oBAACO,KAAAA,EAAM,QAAA;oBAASC,MAAAA,EAAO,QAAA;oBAASC,IAAAA,EAAK;AACrD,iBAAA,CAAA,GAAA,IAAA;0BAGL/D,aAAAA,CAAc1B,aAAa,CAACmD,MAAAA,CAAO;AAf/BA,aAAAA,EAAAA,MAAAA,CAAAA,CAAAA;AAkBX,IAAA,CAAA;AAEA,IAAA,MAAMuC,YAAYhE,aAAAA,CAAc;AAC9BjC,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,yBAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;AACA,IAAA,MAAMgG,uBAAuBjE,aAAAA,CAAc;AACzCjC,QAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,gCAAA,CAAA;QACtBC,cAAAA,EAAgB;AAClB,KAAA,CAAA;IAEA,qBACEiG,IAAA,CAACtF,KAAKuF,IAAI,EAAA;QAACC,IAAAA,EAAMlE,MAAAA;QAAQmE,YAAAA,EAAchC,gBAAAA;;AAErC,0BAAAO,GAAA,CAAChE,KAAK0F,OAAO,EAAA;gBAACC,OAAAA,EAAQ,UAAA;AAAWrB,gBAAAA,SAAAA,gBAAWN,GAAA,CAAC4B,MAAAA,EAAAA;oBAAWlB,aAAW,EAAA;;gBAAKK,OAAAA,EAAS,IAAA;AAC/E,gBAAA,QAAA,gBAAAO,IAAA,CAACO,IAAAA,EAAAA;oBAAKC,GAAAA,EAAK,CAAA;oBAAGC,UAAAA,EAAW,QAAA;oBAASC,GAAAA,EAAI,MAAA;;wBACnC5E,aAAAA,CAAc;AACbjC,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,sBAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA,CAAA;wBACCoC,OAAAA,CAAQM,MAAM,GAAG,CAAA,kBAAKiC,GAAA,CAAChD,UAAAA,EAAAA;AAAYS,4BAAAA,QAAAA,EAAAA,OAAAA,CAAQM;;;;;AAGhD,0BAAAiC,GAAA,CAAChE,KAAKiG,OAAO,EAAA;gBACXC,gBAAAA,EAAiB,cAAA;gBACjBC,MAAAA,EAAQ,CAAA;gBACRC,SAAAA,EAAWjG,gBAAAA;AACX8E,gBAAAA,KAAAA,EAAO9B,WAAW/C,kBAAAA,GAAqBF,kBAAAA;AAEtCiD,gBAAAA,QAAAA,EAAAA,QAAAA;;AAGC,8BAAAmC,IAAA,CAAAe,QAAA,EAAA;;sCACErC,GAAA,CAAC3D,WAAAA,EAAAA;AACCiG,4BAAAA,eAAAA,EAAejD,SAAAA,KAAc,MAAA;AAC7Bc,4BAAAA,QAAAA,EAAU,CAACC,CAAAA,GAAAA;AACTA,gCAAAA,CAAAA,CAAEC,cAAc,EAAA;gCAChBV,WAAAA,CAAY,MAAA,CAAA;AACd,4BAAA,CAAA;AACAoB,4BAAAA,OAAAA,gBAASf,GAAA,CAACrD,OAAAA,EAAAA;AAAQE,gCAAAA,KAAAA,EAAOwC,SAAAA,KAAc,MAAA;gCAAQqB,aAAW,EAAA;;AAEzDU,4BAAAA,QAAAA,EAAAA;;AAEF/B,wBAAAA,SAAAA,KAAc,wBAAUW,GAAA,CAACzD,WAAAA,EAAAA;AAAasD,4BAAAA,QAAAA,EAAAA;;AAErC,wBAAA;AAAC,4BAAA,WAAA;AAAa,4BAAA;AAAY,yBAAA,CAAWE,GAAG,CAAC,CAACnB,KAAAA,iBAC1C0C,IAAA,CAAC9E,GAAAA,EAAAA;gCAAgByE,KAAAA,EAAM,MAAA;;kDACrBjB,GAAA,CAAC3D,WAAAA,EAAAA;AACCiG,wCAAAA,eAAAA,EAAejD,SAAAA,KAAcT,KAAAA;AAC7BuB,wCAAAA,QAAAA,EAAU,CAACC,CAAAA,GAAAA;AACTA,4CAAAA,CAAAA,CAAEC,cAAc,EAAA;4CAChBV,WAAAA,CAAYf,KAAAA,CAAAA;AACd,wCAAA,CAAA;AACAmC,wCAAAA,OAAAA,gBAASf,GAAA,CAACrD,OAAAA,EAAAA;AAAQE,4CAAAA,KAAAA,EAAOwC,SAAAA,KAAcT,KAAAA;4CAAO8B,aAAW,EAAA;;kDAExDtD,aAAAA,CAAczB,iBAAiB,CAACiD,KAAAA,CAAM;;AAExCS,oCAAAA,SAAAA,KAAcT,uBACb0C,IAAA,CAAC/E,WAAAA,EAAAA;;4CACEqE,WAAAA,CAAYhC,KAAAA,CAAAA;AAEZA,4CAAAA,KAAAA,KAAU,WAAA,kBACT0C,IAAA,CAAAe,QAAA,EAAA;;kEACErC,GAAA,CAAC3D,WAAAA,EAAAA;wDACCiG,eAAAA,EAAe/C,SAAAA;AACfY,wDAAAA,QAAAA,EAAU,CAACC,CAAAA,GAAAA;AACTA,4DAAAA,CAAAA,CAAEC,cAAc,EAAA;4DAChBb,YAAAA,CAAa,CAACgC,OAAS,CAACA,IAAAA,CAAAA;AAC1B,wDAAA,CAAA;AACAT,wDAAAA,OAAAA,gBAASf,GAAA,CAACrD,OAAAA,EAAAA;4DAAQE,KAAAA,EAAO0C,SAAAA;4DAAWmB,aAAW,EAAA;;AAE9CW,wDAAAA,QAAAA,EAAAA;;AAEF9B,oDAAAA,SAAAA,kBACCS,GAAA,CAACxD,GAAAA,EAAAA;wDAAI+F,WAAAA,EAAa,CAAA;AAChB,wDAAA,QAAA,gBAAAvC,GAAA,CAACwC,iBAAAA,EAAAA;4DAAkBrC,QAAAA,EAAUnB;;;;;;;;AA7BjCJ,6BAAAA,EAAAA,KAAAA,CAAAA;;AAwCd,iBAAA,CAAA,iBAAA0C,IAAA,CAAAe,QAAA,EAAA;;AACE,sCAAAf,IAAA,CAACtF,KAAKyG,OAAO,EAAA;;8CACXzC,GAAA,CAAClE,eAAAA,EAAAA;AAAiBsF,oCAAAA,QAAAA,EAAAA;;8CAClBpB,GAAA,CAAClD,QAAAA,EAAAA;oCAASqF,MAAAA,EAAQ,CAAA;oCAAGC,SAAAA,EAAWjG,gBAAAA;oCAAkB8E,KAAAA,EAAO/E,kBAAAA;AACtD2D,oCAAAA,QAAAA,EAAAA;;;;AAIH,wBAAA;AAAC,4BAAA,WAAA;AAAa,4BAAA;AAAY,yBAAA,CAAWE,GAAG,CAAC,CAACnB,KAAAA,iBAC1C0C,IAAA,CAACtF,KAAKyG,OAAO,EAAA;;kDACXzC,GAAA,CAAClE,eAAAA,EAAAA;kDAAiBsB,aAAAA,CAAczB,iBAAiB,CAACiD,KAAAA,CAAM;;kDACxD0C,IAAA,CAACxE,QAAAA,EAAAA;wCAASqF,MAAAA,EAAQ,CAAA;wCAAGC,SAAAA,EAAWjG,gBAAAA;wCAAkB8E,KAAAA,EAAO/E,kBAAAA;;4CACtD0E,WAAAA,CAAYhC,KAAAA,CAAAA;4CAKZA,KAAAA,KAAU,WAAA,kBACT0C,IAAA,CAACtF,IAAAA,CAAKyG,OAAO,EAAA;;kEACXzC,GAAA,CAAClE,eAAAA,EAAAA;AAAiBuF,wDAAAA,QAAAA,EAAAA;;kEAClBrB,GAAA,CAAClD,QAAAA,EAAAA;wDAASqF,MAAAA,EAAQ,CAAA;wDAAGC,SAAAA,EAAU,MAAA;wDAAOnB,KAAAA,EAAO/E,kBAAAA;AAC3C,wDAAA,QAAA,gBAAA8D,GAAA,CAACwC,iBAAAA,EAAAA;4DAAkBrC,QAAAA,EAAUnB;;;;;;;;AAZpBJ,6BAAAA,EAAAA,KAAAA,CAAAA;;;;;;AAwBjC;;;;"}

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

@@ -0,0 +1,144 @@
+'use strict';
+
+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 translations = require('../../../utils/translations.js');
+var useAssetSelection = require('../hooks/useAssetSelection.js');
+var ActionsMenuContent = require('./ActionsMenuContent.js');
+var BulkMoveDialog = require('./BulkMoveDialog.js');
+var DeleteItemsDialog = require('./DeleteItemsDialog.js');
+var FolderFormDialog = require('./FolderFormDialog.js');
+
+/**
+ * The "..." menu on a folder row/card. Always acts on that one folder, whatever
+ * the current multi-selection is (the bulk actions bar is the selection-scoped
+ * affordance). It reuses the shared move and delete dialogs, which mount only
+ * while open.
+ *
+ * A successful move or delete clears the whole selection: they only invalidate
+ * RTK tags, so without it a `folder:<id>` key for a folder that no longer lives
+ * where the selection thinks it does would linger. A rename leaves the id
+ * valid, so it deliberately keeps the selection.
+ */ const FolderActionsMenu = ({ folder, dragData })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { copy } = strapiAdmin.useClipboard();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { clear } = useAssetSelection.useAssetSelection();
+    const [isRenameOpen, setIsRenameOpen] = React.useState(false);
+    const [isMoveOpen, setIsMoveOpen] = React.useState(false);
+    const [isDeleteOpen, setIsDeleteOpen] = React.useState(false);
+    // Stable identity: the move dialog memoizes its destination walk on it.
+    const moveItems = React.useMemo(()=>[
+            dragData
+        ], [
+        dragData
+    ]);
+    // Built from window.location so the link inherits whatever path the library is
+    // mounted at. Every other query param (search, sort, open drawer) is dropped —
+    // this is a clean deep-link to the folder.
+    const handleCopyLink = async ()=>{
+        const url = `${window.location.origin}${window.location.pathname}?folder=${folder.id}`;
+        const didCopy = await copy(url);
+        toggleNotification({
+            type: didCopy ? 'success' : 'danger',
+            message: formatMessage(didCopy ? {
+                id: translations.getTranslationKey('list.folder.actions.copy-link.success'),
+                defaultMessage: 'Folder link copied.'
+            } : {
+                id: translations.getTranslationKey('list.folder.actions.copy-link.error'),
+                defaultMessage: 'Failed to copy the folder link.'
+            })
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
+                modal: false,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Trigger, {
+                        tag: designSystem.IconButton,
+                        icon: /*#__PURE__*/ jsxRuntime.jsx(icons.More, {}),
+                        variant: "ghost",
+                        label: formatMessage({
+                            id: translations.getTranslationKey('control-card.more-actions'),
+                            defaultMessage: 'More actions'
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(ActionsMenuContent.ActionsMenuContent, {
+                        popoverPlacement: "bottom-end",
+                        zIndex: 2,
+                        minWidth: "22rem",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Link, {}),
+                                onSelect: handleCopyLink,
+                                children: formatMessage({
+                                    id: translations.getTranslationKey('list.folder.actions.copy-link'),
+                                    defaultMessage: 'Copy link to folder'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Separator, {}),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {}),
+                                onSelect: ()=>setIsRenameOpen(true),
+                                children: formatMessage({
+                                    id: translations.getTranslationKey('list.folder.actions.rename'),
+                                    defaultMessage: 'Rename folder'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ArrowRight, {}),
+                                onSelect: ()=>setIsMoveOpen(true),
+                                children: formatMessage({
+                                    id: translations.getTranslationKey('list.folder.actions.move'),
+                                    defaultMessage: 'Move to folder'
+                                })
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Item, {
+                                startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {}),
+                                variant: "danger",
+                                onSelect: ()=>setIsDeleteOpen(true),
+                                children: formatMessage({
+                                    id: translations.getTranslationKey('list.folder.actions.delete'),
+                                    defaultMessage: 'Delete folder'
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            isRenameOpen && /*#__PURE__*/ jsxRuntime.jsx(FolderFormDialog.FolderFormDialog, {
+                open: true,
+                mode: "rename",
+                folderId: folder.id,
+                initialName: folder.name,
+                parentFolderId: dragData.parentId,
+                onClose: ()=>setIsRenameOpen(false)
+            }),
+            isMoveOpen && /*#__PURE__*/ jsxRuntime.jsx(BulkMoveDialog.BulkMoveDialog, {
+                open: true,
+                onClose: ()=>setIsMoveOpen(false),
+                items: moveItems,
+                onSuccess: clear
+            }),
+            isDeleteOpen && /*#__PURE__*/ jsxRuntime.jsx(DeleteItemsDialog.DeleteItemsDialog, {
+                open: true,
+                onClose: ()=>setIsDeleteOpen(false),
+                target: {
+                    fileIds: [],
+                    folderIds: [
+                        folder.id
+                    ]
+                },
+                onSuccess: clear
+            })
+        ]
+    });
+};
+
+exports.FolderActionsMenu = FolderActionsMenu;
+//# sourceMappingURL=FolderActionsMenu.js.map