@strapi/upload 5.51.0 → 5.51.2

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

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Flex, Typography, Button } from '@strapi/design-system';
+import { Cross } from '@strapi/icons';
 import { EmptyDocuments } from '@strapi/icons/symbols';
 import { useIntl } from 'react-intl';
 import { getTranslationKey } from '../../../utils/translations.mjs';
@@ -9,8 +10,9 @@ import { getTranslationKey } from '../../../utils/translations.mjs';
  * no assets and no folders. The "Add assets" button opens the same file picker
  * as New > File upload; drag-and-drop upload keeps working since the page-wide
  * drop zone wraps this component.
- */ const EmptyState = ({ onAddAssets })=>{
+ */ const EmptyState = ({ onAddAssets, canAddAssets, searchQuery, onClearSearch })=>{
     const { formatMessage } = useIntl();
+    const isSearchEmptyState = Boolean(searchQuery);
     return /*#__PURE__*/ jsxs(Flex, {
         direction: "column",
         alignItems: "center",
@@ -32,21 +34,40 @@ import { getTranslationKey } from '../../../utils/translations.mjs';
                         tag: "p",
                         fontWeight: "bold",
                         textColor: "neutral800",
-                        children: formatMessage({
+                        children: isSearchEmptyState ? formatMessage({
+                            id: getTranslationKey('list.search.empty.title'),
+                            defaultMessage: 'No results found'
+                        }) : formatMessage({
                             id: getTranslationKey('list.empty.title'),
                             defaultMessage: 'No assets yet'
                         })
                     }),
                     /*#__PURE__*/ jsx(Typography, {
                         textColor: "neutral600",
-                        children: formatMessage({
+                        children: isSearchEmptyState ? formatMessage({
+                            id: getTranslationKey('list.search.empty.description'),
+                            defaultMessage: 'No assets or folders match "{query}". Try a different search.'
+                        }, {
+                            query: searchQuery
+                        }) : formatMessage({
                             id: getTranslationKey('list.empty.description'),
                             defaultMessage: 'Get started by uploading assets or creating a folder.'
                         })
                     })
                 ]
             }),
+            isSearchEmptyState ? // Same look as the filters empty state's "Clear filters" action.
             /*#__PURE__*/ jsx(Button, {
+                variant: "secondary",
+                startIcon: /*#__PURE__*/ jsx(Cross, {
+                    "aria-hidden": true
+                }),
+                onClick: onClearSearch,
+                children: formatMessage({
+                    id: getTranslationKey('list.search.empty.clear'),
+                    defaultMessage: 'Clear search'
+                })
+            }) : canAddAssets && /*#__PURE__*/ jsx(Button, {
                 onClick: onAddAssets,
                 children: formatMessage({
                     id: getTranslationKey('list.empty.add-assets'),
@@ -56,6 +77,43 @@ import { getTranslationKey } from '../../../utils/translations.mjs';
         ]
     });
 };
+/**
+ * Empty state when active filters match nothing (including contradictory
+ * badges — allowed by design). Distinct from the no-content state: the library
+ * has items, the filters exclude them all.
+ */ const FilteredEmptyState = ({ onClearFilters })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        alignItems: "center",
+        gap: 6,
+        padding: 11,
+        children: [
+            /*#__PURE__*/ jsx(EmptyDocuments, {
+                width: "16rem",
+                height: "8.8rem"
+            }),
+            /*#__PURE__*/ jsx(Typography, {
+                textColor: "neutral600",
+                children: formatMessage({
+                    id: getTranslationKey('list.filters.empty'),
+                    defaultMessage: 'No items matched current filters'
+                })
+            }),
+            /*#__PURE__*/ jsx(Button, {
+                variant: "secondary",
+                startIcon: /*#__PURE__*/ jsx(Cross, {
+                    "aria-hidden": true
+                }),
+                onClick: onClearFilters,
+                children: formatMessage({
+                    id: getTranslationKey('list.filters.clear'),
+                    defaultMessage: 'Clear filters'
+                })
+            })
+        ]
+    });
+};
 
-export { EmptyState };
+export { EmptyState, FilteredEmptyState };
 //# sourceMappingURL=EmptyState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/EmptyState.tsx"],"sourcesContent":["import { Button, Flex, Typography } from '@strapi/design-system';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\ninterface EmptyStateProps {\n  onAddAssets: () => void;\n}\n\n/**\n * Empty state for the assets list (both views) when the current folder holds\n * no assets and no folders. The \"Add assets\" button opens the same file picker\n * as New > File upload; drag-and-drop upload keeps working since the page-wide\n * drop zone wraps this component.\n */\nexport const EmptyState = ({ onAddAssets }: EmptyStateProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"center\" gap={6} padding={11}>\n      <EmptyDocuments width=\"16rem\" height=\"8.8rem\" />\n      <Flex direction=\"column\" alignItems=\"center\" gap={2} textAlign=\"center\">\n        <Typography variant=\"delta\" tag=\"p\" fontWeight=\"bold\" textColor=\"neutral800\">\n          {formatMessage({\n            id: getTranslationKey('list.empty.title'),\n            defaultMessage: 'No assets yet',\n          })}\n        </Typography>\n        <Typography textColor=\"neutral600\">\n          {formatMessage({\n            id: getTranslationKey('list.empty.description'),\n            defaultMessage: 'Get started by uploading assets or creating a folder.',\n          })}\n        </Typography>\n      </Flex>\n      <Button onClick={onAddAssets}>\n        {formatMessage({\n          id: getTranslationKey('list.empty.add-assets'),\n          defaultMessage: 'Add assets',\n        })}\n      </Button>\n    </Flex>\n  );\n};\n"],"names":["EmptyState","onAddAssets","formatMessage","useIntl","_jsxs","Flex","direction","alignItems","gap","padding","_jsx","EmptyDocuments","width","height","textAlign","Typography","variant","tag","fontWeight","textColor","id","getTranslationKey","defaultMessage","Button","onClick"],"mappings":";;;;;;AAUA;;;;;AAKC,IACM,MAAMA,UAAAA,GAAa,CAAC,EAAEC,WAAW,EAAmB,GAAA;IACzD,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,IAAA,CAACC,IAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASC,UAAAA,EAAW,QAAA;QAASC,GAAAA,EAAK,CAAA;QAAGC,OAAAA,EAAS,EAAA;;0BAC5DC,GAAA,CAACC,cAAAA,EAAAA;gBAAeC,KAAAA,EAAM,OAAA;gBAAQC,MAAAA,EAAO;;0BACrCT,IAAA,CAACC,IAAAA,EAAAA;gBAAKC,SAAAA,EAAU,QAAA;gBAASC,UAAAA,EAAW,QAAA;gBAASC,GAAAA,EAAK,CAAA;gBAAGM,SAAAA,EAAU,QAAA;;kCAC7DJ,GAAA,CAACK,UAAAA,EAAAA;wBAAWC,OAAAA,EAAQ,OAAA;wBAAQC,GAAAA,EAAI,GAAA;wBAAIC,UAAAA,EAAW,MAAA;wBAAOC,SAAAA,EAAU,YAAA;kCAC7DjB,aAAAA,CAAc;AACbkB,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,kBAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA;;kCAEFZ,GAAA,CAACK,UAAAA,EAAAA;wBAAWI,SAAAA,EAAU,YAAA;kCACnBjB,aAAAA,CAAc;AACbkB,4BAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,wBAAA,CAAA;4BACtBC,cAAAA,EAAgB;AAClB,yBAAA;;;;0BAGJZ,GAAA,CAACa,MAAAA,EAAAA;gBAAOC,OAAAA,EAASvB,WAAAA;0BACdC,aAAAA,CAAc;AACbkB,oBAAAA,EAAAA,EAAIC,iBAAAA,CAAkB,uBAAA,CAAA;oBACtBC,cAAAA,EAAgB;AAClB,iBAAA;;;;AAIR;;;;"}
+{"version":3,"file":"EmptyState.mjs","sources":["../../../../../../admin/src/future/pages/Assets/components/EmptyState.tsx"],"sourcesContent":["import { Button, Flex, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslationKey } from '../../../utils/translations';\n\ninterface EmptyStateProps {\n  onAddAssets: () => void;\n  /**\n   * RBAC gate — without `assets.create` the \"Add assets\" CTA is hidden.\n   * Required (not defaulted) so a permission gate can't silently regress to\n   * permissive when a future call site forgets to pass it.\n   */\n  canAddAssets: boolean;\n  searchQuery?: string;\n  onClearSearch?: () => void;\n}\n\n/**\n * Empty state for the assets list (both views) when the current folder holds\n * no assets and no folders. The \"Add assets\" button opens the same file picker\n * as New > File upload; drag-and-drop upload keeps working since the page-wide\n * drop zone wraps this component.\n */\nexport const EmptyState = ({\n  onAddAssets,\n  canAddAssets,\n  searchQuery,\n  onClearSearch,\n}: EmptyStateProps) => {\n  const { formatMessage } = useIntl();\n  const isSearchEmptyState = Boolean(searchQuery);\n\n  return (\n    <Flex direction=\"column\" alignItems=\"center\" gap={6} padding={11}>\n      <EmptyDocuments width=\"16rem\" height=\"8.8rem\" />\n      <Flex direction=\"column\" alignItems=\"center\" gap={2} textAlign=\"center\">\n        <Typography variant=\"delta\" tag=\"p\" fontWeight=\"bold\" textColor=\"neutral800\">\n          {isSearchEmptyState\n            ? formatMessage({\n                id: getTranslationKey('list.search.empty.title'),\n                defaultMessage: 'No results found',\n              })\n            : formatMessage({\n                id: getTranslationKey('list.empty.title'),\n                defaultMessage: 'No assets yet',\n              })}\n        </Typography>\n        <Typography textColor=\"neutral600\">\n          {isSearchEmptyState\n            ? formatMessage(\n                {\n                  id: getTranslationKey('list.search.empty.description'),\n                  defaultMessage: 'No assets or folders match \"{query}\". Try a different search.',\n                },\n                { query: searchQuery }\n              )\n            : formatMessage({\n                id: getTranslationKey('list.empty.description'),\n                defaultMessage: 'Get started by uploading assets or creating a folder.',\n              })}\n        </Typography>\n      </Flex>\n      {isSearchEmptyState ? (\n        // Same look as the filters empty state's \"Clear filters\" action.\n        <Button variant=\"secondary\" startIcon={<Cross aria-hidden />} onClick={onClearSearch}>\n          {formatMessage({\n            id: getTranslationKey('list.search.empty.clear'),\n            defaultMessage: 'Clear search',\n          })}\n        </Button>\n      ) : (\n        canAddAssets && (\n          <Button onClick={onAddAssets}>\n            {formatMessage({\n              id: getTranslationKey('list.empty.add-assets'),\n              defaultMessage: 'Add assets',\n            })}\n          </Button>\n        )\n      )}\n    </Flex>\n  );\n};\n\ninterface FilteredEmptyStateProps {\n  onClearFilters: () => void;\n}\n\n/**\n * Empty state when active filters match nothing (including contradictory\n * badges — allowed by design). Distinct from the no-content state: the library\n * has items, the filters exclude them all.\n */\nexport const FilteredEmptyState = ({ onClearFilters }: FilteredEmptyStateProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Flex direction=\"column\" alignItems=\"center\" gap={6} padding={11}>\n      <EmptyDocuments width=\"16rem\" height=\"8.8rem\" />\n      <Typography textColor=\"neutral600\">\n        {formatMessage({\n          id: getTranslationKey('list.filters.empty'),\n          defaultMessage: 'No items matched current filters',\n        })}\n      </Typography>\n      <Button variant=\"secondary\" startIcon={<Cross aria-hidden />} onClick={onClearFilters}>\n        {formatMessage({\n          id: getTranslationKey('list.filters.clear'),\n          defaultMessage: 'Clear filters',\n        })}\n      </Button>\n    </Flex>\n  );\n};\n"],"names":["EmptyState","onAddAssets","canAddAssets","searchQuery","onClearSearch","formatMessage","useIntl","isSearchEmptyState","Boolean","_jsxs","Flex","direction","alignItems","gap","padding","_jsx","EmptyDocuments","width","height","textAlign","Typography","variant","tag","fontWeight","textColor","id","getTranslationKey","defaultMessage","query","Button","startIcon","Cross","aria-hidden","onClick","FilteredEmptyState","onClearFilters"],"mappings":"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"}

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

@@ -0,0 +1,408 @@
+'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 buildAssetFilters = require('../utils/buildAssetFilters.js');
+var DateRangeCalendar = require('./DateRangeCalendar.js');
+var FilterMenu = require('./FilterMenu.js');
+
+/**
+ * Row of applied-filter badges under the toolbar. A badge has three segments —
+ * field (static), condition (click → select popover), value (click → type
+ * checkboxes / preset list / range calendar) — plus a remove button.
+ */ const BadgePill = styledComponents.styled(designSystem.Flex)`
+  border: 1px solid ${({ theme })=>theme.colors.neutral200};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  background: ${({ theme })=>theme.colors.neutral0};
+  overflow: hidden;
+`;
+const Segment = styledComponents.styled.button`
+  border: none;
+  background: transparent;
+  font: inherit;
+  padding: ${({ theme })=>`${theme.spaces[1]} ${theme.spaces[2]}`};
+  cursor: ${({ $interactive })=>$interactive ? 'pointer' : 'default'};
+  border-right: 1px solid ${({ theme })=>theme.colors.neutral200};
+
+  ${({ $interactive, theme })=>$interactive && `&:hover { background: ${theme.colors.primary100}; }`}
+
+  &:focus-visible {
+    outline: 2px solid ${({ theme })=>theme.colors.primary600};
+    outline-offset: -2px;
+  }
+`;
+// Non-interactive field segment (first pill cell).
+const FieldSegment = styledComponents.styled.span`
+  display: inline-flex;
+  align-items: center;
+  padding: ${({ theme })=>`${theme.spaces[1]} ${theme.spaces[2]}`};
+  border-right: 1px solid ${({ theme })=>theme.colors.neutral200};
+`;
+// Badge popovers mirror the filter-menu panels: same fixed width, same font.
+const PanelPopoverContent = styledComponents.styled(designSystem.Popover.Content)`
+  width: ${FilterMenu.FILTER_PANEL_WIDTH};
+`;
+// Option row inside a segment popover — sized like a DS Menu.Item so the badge
+// dropdowns read as the same control family as the filter menu.
+const OptionButton = styledComponents.styled.button`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: ${({ theme })=>theme.spaces[4]};
+  width: 100%;
+  border: none;
+  background: transparent;
+  font-size: ${({ theme })=>theme.fontSizes[2]};
+  line-height: ${({ theme })=>theme.lineHeights[4]};
+  font-family: inherit;
+  text-align: left;
+  padding: ${({ theme })=>`${theme.spaces[2]} ${theme.spaces[4]}`};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  cursor: pointer;
+  color: ${({ theme })=>theme.colors.neutral800};
+
+  &:hover {
+    background: ${({ theme })=>theme.colors.primary100};
+  }
+
+  &:focus-visible {
+    outline: 2px solid ${({ theme })=>theme.colors.primary600};
+    outline-offset: -2px;
+  }
+`;
+const RemoveButton = styledComponents.styled.button`
+  border: none;
+  background: transparent;
+  display: inline-flex;
+  align-items: center;
+  padding: ${({ theme })=>`0 ${theme.spaces[2]}`};
+  cursor: pointer;
+  color: ${({ theme })=>theme.colors.neutral600};
+
+  &:hover {
+    color: ${({ theme })=>theme.colors.neutral800};
+  }
+
+  &:focus-visible {
+    outline: 2px solid ${({ theme })=>theme.colors.primary600};
+    outline-offset: -2px;
+  }
+`;
+const TYPE_CONDITION_LABELS = {
+    is: {
+        id: translations.getTranslationKey('list.filters.condition.is'),
+        defaultMessage: 'is'
+    },
+    isNot: {
+        id: translations.getTranslationKey('list.filters.condition.is-not'),
+        defaultMessage: 'is not'
+    }
+};
+const PRESET_CONDITION_LABELS = {
+    isExactly: {
+        id: translations.getTranslationKey('list.filters.condition.is-exactly'),
+        defaultMessage: 'is exactly'
+    },
+    withinLast: {
+        id: translations.getTranslationKey('list.filters.condition.within-last'),
+        defaultMessage: 'within the last'
+    },
+    notWithinLast: {
+        id: translations.getTranslationKey('list.filters.condition.not-within-last'),
+        defaultMessage: 'not within the last'
+    }
+};
+const RANGE_CONDITION_LABELS = {
+    is: {
+        id: translations.getTranslationKey('list.filters.condition.is'),
+        defaultMessage: 'is'
+    },
+    isNot: {
+        id: translations.getTranslationKey('list.filters.condition.is-not'),
+        defaultMessage: 'is not'
+    }
+};
+const SegmentPopover = ({ label, options, active, getOptionLabel, onPick })=>{
+    const [open, setOpen] = React.useState(false);
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(Segment, {
+                    type: "button",
+                    $interactive: true,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "pi",
+                        textColor: "neutral800",
+                        children: label
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(PanelPopoverContent, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    direction: "column",
+                    alignItems: "stretch",
+                    padding: 1,
+                    children: options.map((option)=>/*#__PURE__*/ jsxRuntime.jsxs(OptionButton, {
+                            type: "button",
+                            onClick: ()=>{
+                                onPick(option);
+                                setOpen(false);
+                            },
+                            children: [
+                                getOptionLabel(option),
+                                option === active && /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
+                                    "aria-hidden": true,
+                                    width: "1.6rem",
+                                    height: "1.6rem"
+                                })
+                            ]
+                        }, option))
+                })
+            })
+        ]
+    });
+};
+const TypeValuePopover = ({ filter, onChange })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [open, setOpen] = React.useState(false);
+    const label = filter.values.map((value)=>formatMessage(FilterMenu.TYPE_LABELS[value])).join(', ');
+    const toggleValue = (value)=>{
+        const nextValues = filter.values.includes(value) ? filter.values.filter((v)=>v !== value) : [
+            ...filter.values,
+            value
+        ];
+        // At least one value stays checked — an empty badge is removed via ×, not here.
+        if (nextValues.length > 0) {
+            onChange({
+                ...filter,
+                values: nextValues
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(Segment, {
+                    type: "button",
+                    $interactive: true,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "pi",
+                        textColor: "neutral800",
+                        children: label
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(PanelPopoverContent, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    direction: "column",
+                    alignItems: "flex-start",
+                    padding: 3,
+                    gap: 2,
+                    children: useListFilters.TYPE_VALUES.map((value)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                            checked: filter.values.includes(value),
+                            onCheckedChange: ()=>toggleValue(value),
+                            children: formatMessage(FilterMenu.TYPE_LABELS[value])
+                        }, value))
+                })
+            })
+        ]
+    });
+};
+const DateValuePopover = ({ filter, onChange })=>{
+    const { formatMessage, formatDate } = reactIntl.useIntl();
+    const [open, setOpen] = React.useState(false);
+    // Parse as LOCAL calendar dates before formatting: react-intl would coerce
+    // the raw `YYYY-MM-DD` strings via `new Date(value)` = UTC midnight, showing
+    // the previous day in every timezone west of UTC while the query (also
+    // local, see buildAssetFilters) filters the day the user actually picked.
+    const label = filter.mode === 'preset' ? formatMessage(FilterMenu.PRESET_LABELS[filter.preset]) : `${formatDate(buildAssetFilters.parseCalendarDate(filter.from), {
+        day: '2-digit',
+        month: 'short'
+    })} - ${formatDate(buildAssetFilters.parseCalendarDate(filter.to), {
+        day: '2-digit',
+        month: 'short',
+        year: 'numeric'
+    })}`;
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(Segment, {
+                    type: "button",
+                    $interactive: true,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "pi",
+                        textColor: "neutral800",
+                        children: label
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(PanelPopoverContent, {
+                children: filter.mode === 'preset' ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    direction: "column",
+                    alignItems: "stretch",
+                    padding: 1,
+                    children: useListFilters.DATE_PRESETS.map((preset)=>/*#__PURE__*/ jsxRuntime.jsxs(OptionButton, {
+                            type: "button",
+                            onClick: ()=>{
+                                onChange({
+                                    ...filter,
+                                    preset
+                                });
+                                setOpen(false);
+                            },
+                            children: [
+                                formatMessage(FilterMenu.PRESET_LABELS[preset]),
+                                preset === filter.preset && /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
+                                    "aria-hidden": true,
+                                    width: "1.6rem",
+                                    height: "1.6rem"
+                                })
+                            ]
+                        }, preset))
+                }) : /*#__PURE__*/ jsxRuntime.jsx(DateRangeCalendar.DateRangeCalendar, {
+                    from: filter.from,
+                    to: filter.to,
+                    onSelect: (from, to)=>{
+                        onChange({
+                            ...filter,
+                            from,
+                            to
+                        });
+                        setOpen(false);
+                    }
+                })
+            })
+        ]
+    });
+};
+const FilterBadge = ({ filter, onChange, onRemove })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const fieldLabel = filter.kind === 'type' ? formatMessage({
+        id: translations.getTranslationKey('list.filters.field.type'),
+        defaultMessage: 'Type'
+    }) : formatMessage(FilterMenu.DATE_FIELD_LABELS[filter.field]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(BadgePill, {
+        alignItems: "stretch",
+        "data-testid": "filter-badge",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(FieldSegment, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "pi",
+                    textColor: "neutral600",
+                    children: fieldLabel
+                })
+            }),
+            filter.kind === 'type' && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(SegmentPopover, {
+                        label: formatMessage(TYPE_CONDITION_LABELS[filter.condition]),
+                        options: [
+                            'is',
+                            'isNot'
+                        ],
+                        active: filter.condition,
+                        getOptionLabel: (option)=>formatMessage(TYPE_CONDITION_LABELS[option]),
+                        onPick: (condition)=>onChange({
+                                ...filter,
+                                condition
+                            })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(TypeValuePopover, {
+                        filter: filter,
+                        onChange: onChange
+                    })
+                ]
+            }),
+            filter.kind === 'date' && filter.mode === 'preset' && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(SegmentPopover, {
+                        label: formatMessage(PRESET_CONDITION_LABELS[filter.condition]),
+                        options: [
+                            'isExactly',
+                            'withinLast',
+                            'notWithinLast'
+                        ],
+                        active: filter.condition,
+                        getOptionLabel: (option)=>formatMessage(PRESET_CONDITION_LABELS[option]),
+                        onPick: (condition)=>onChange({
+                                ...filter,
+                                condition
+                            })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(DateValuePopover, {
+                        filter: filter,
+                        onChange: onChange
+                    })
+                ]
+            }),
+            filter.kind === 'date' && filter.mode === 'range' && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(SegmentPopover, {
+                        label: formatMessage(RANGE_CONDITION_LABELS[filter.condition]),
+                        options: [
+                            'is',
+                            'isNot'
+                        ],
+                        active: filter.condition,
+                        getOptionLabel: (option)=>formatMessage(RANGE_CONDITION_LABELS[option]),
+                        onPick: (condition)=>onChange({
+                                ...filter,
+                                condition
+                            })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(DateValuePopover, {
+                        filter: filter,
+                        onChange: onChange
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(RemoveButton, {
+                type: "button",
+                onClick: onRemove,
+                "aria-label": formatMessage({
+                    id: translations.getTranslationKey('list.filters.remove'),
+                    defaultMessage: 'Remove {filter} filter'
+                }, {
+                    filter: fieldLabel
+                }),
+                children: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {
+                    width: "1.2rem",
+                    height: "1.2rem",
+                    "aria-hidden": true
+                })
+            })
+        ]
+    });
+};
+const FilterBadges = ({ listFilters })=>{
+    const { filters, updateFilter, removeFilter } = listFilters;
+    if (filters.length === 0) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        gap: 2,
+        wrap: "wrap",
+        paddingTop: 2,
+        "data-testid": "filter-badges",
+        children: filters.map((filter, index)=>/*#__PURE__*/ jsxRuntime.jsx(FilterBadge, {
+                filter: filter,
+                onChange: (next)=>updateFilter(index, next),
+                onRemove: ()=>removeFilter(index)
+            }, index))
+    });
+};
+
+exports.FilterBadges = FilterBadges;
+//# sourceMappingURL=FilterBadges.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBadges.js","sources":["../../../../../../admin/src/future/pages/Assets/components/FilterBadges.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Checkbox, Flex, Popover, Typography } from '@strapi/design-system';\nimport { Check, Cross } 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 DateFilter,\n  type DatePreset,\n  type ListFilter,\n  type ListFilters,\n  type PresetCondition,\n  type RangeCondition,\n  type TypeCondition,\n  type TypeFilter,\n  type TypeValue,\n} from '../hooks/useListFilters';\nimport { parseCalendarDate } from '../utils/buildAssetFilters';\n\nimport { DateRangeCalendar } from './DateRangeCalendar';\nimport { DATE_FIELD_LABELS, FILTER_PANEL_WIDTH, PRESET_LABELS, TYPE_LABELS } from './FilterMenu';\n\nimport type { MessageDescriptor } from 'react-intl';\n\n/**\n * Row of applied-filter badges under the toolbar. A badge has three segments —\n * field (static), condition (click → select popover), value (click → type\n * checkboxes / preset list / range calendar) — plus a remove button.\n */\n\nconst BadgePill = styled(Flex)`\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  background: ${({ theme }) => theme.colors.neutral0};\n  overflow: hidden;\n`;\n\nconst Segment = styled.button<{ $interactive?: boolean }>`\n  border: none;\n  background: transparent;\n  font: inherit;\n  padding: ${({ theme }) => `${theme.spaces[1]} ${theme.spaces[2]}`};\n  cursor: ${({ $interactive }) => ($interactive ? 'pointer' : 'default')};\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral200};\n\n  ${({ $interactive, theme }) =>\n    $interactive && `&:hover { background: ${theme.colors.primary100}; }`}\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\n// Non-interactive field segment (first pill cell).\nconst FieldSegment = styled.span`\n  display: inline-flex;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.spaces[1]} ${theme.spaces[2]}`};\n  border-right: 1px solid ${({ theme }) => theme.colors.neutral200};\n`;\n\n// Badge popovers mirror the filter-menu panels: same fixed width, same font.\nconst PanelPopoverContent = styled(Popover.Content)`\n  width: ${FILTER_PANEL_WIDTH};\n`;\n\n// Option row inside a segment popover — sized like a DS Menu.Item so the badge\n// dropdowns read as the same control family as the filter menu.\nconst OptionButton = styled.button`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: ${({ theme }) => theme.spaces[4]};\n  width: 100%;\n  border: none;\n  background: transparent;\n  font-size: ${({ theme }) => theme.fontSizes[2]};\n  line-height: ${({ theme }) => theme.lineHeights[4]};\n  font-family: inherit;\n  text-align: left;\n  padding: ${({ theme }) => `${theme.spaces[2]} ${theme.spaces[4]}`};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  cursor: pointer;\n  color: ${({ theme }) => theme.colors.neutral800};\n\n  &:hover {\n    background: ${({ theme }) => theme.colors.primary100};\n  }\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\nconst RemoveButton = styled.button`\n  border: none;\n  background: transparent;\n  display: inline-flex;\n  align-items: center;\n  padding: ${({ theme }) => `0 ${theme.spaces[2]}`};\n  cursor: pointer;\n  color: ${({ theme }) => theme.colors.neutral600};\n\n  &:hover {\n    color: ${({ theme }) => theme.colors.neutral800};\n  }\n\n  &:focus-visible {\n    outline: 2px solid ${({ theme }) => theme.colors.primary600};\n    outline-offset: -2px;\n  }\n`;\n\nconst TYPE_CONDITION_LABELS: Record<TypeCondition, MessageDescriptor> = {\n  is: { id: getTranslationKey('list.filters.condition.is'), defaultMessage: 'is' },\n  isNot: { id: getTranslationKey('list.filters.condition.is-not'), defaultMessage: 'is not' },\n};\n\nconst PRESET_CONDITION_LABELS: Record<PresetCondition, MessageDescriptor> = {\n  isExactly: {\n    id: getTranslationKey('list.filters.condition.is-exactly'),\n    defaultMessage: 'is exactly',\n  },\n  withinLast: {\n    id: getTranslationKey('list.filters.condition.within-last'),\n    defaultMessage: 'within the last',\n  },\n  notWithinLast: {\n    id: getTranslationKey('list.filters.condition.not-within-last'),\n    defaultMessage: 'not within the last',\n  },\n};\n\nconst RANGE_CONDITION_LABELS: Record<RangeCondition, MessageDescriptor> = {\n  is: { id: getTranslationKey('list.filters.condition.is'), defaultMessage: 'is' },\n  isNot: { id: getTranslationKey('list.filters.condition.is-not'), defaultMessage: 'is not' },\n};\n\n/** A small single-choice popover listing options with a check on the active one. */\ninterface SegmentPopoverProps<T extends string> {\n  label: string;\n  options: T[];\n  active: T;\n  getOptionLabel: (option: T) => string;\n  onPick: (option: T) => void;\n}\n\nconst SegmentPopover = <T extends string>({\n  label,\n  options,\n  active,\n  getOptionLabel,\n  onPick,\n}: SegmentPopoverProps<T>) => {\n  const [open, setOpen] = useState(false);\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger>\n        <Segment type=\"button\" $interactive>\n          <Typography variant=\"pi\" textColor=\"neutral800\">\n            {label}\n          </Typography>\n        </Segment>\n      </Popover.Trigger>\n      <PanelPopoverContent>\n        <Flex direction=\"column\" alignItems=\"stretch\" padding={1}>\n          {options.map((option) => (\n            <OptionButton\n              key={option}\n              type=\"button\"\n              onClick={() => {\n                onPick(option);\n                setOpen(false);\n              }}\n            >\n              {getOptionLabel(option)}\n              {option === active && <Check aria-hidden width=\"1.6rem\" height=\"1.6rem\" />}\n            </OptionButton>\n          ))}\n        </Flex>\n      </PanelPopoverContent>\n    </Popover.Root>\n  );\n};\n\nconst TypeValuePopover = ({\n  filter,\n  onChange,\n}: {\n  filter: TypeFilter;\n  onChange: (next: TypeFilter) => void;\n}) => {\n  const { formatMessage } = useIntl();\n  const [open, setOpen] = useState(false);\n\n  const label = filter.values.map((value) => formatMessage(TYPE_LABELS[value])).join(', ');\n\n  const toggleValue = (value: TypeValue) => {\n    const nextValues = filter.values.includes(value)\n      ? filter.values.filter((v) => v !== value)\n      : [...filter.values, value];\n\n    // At least one value stays checked — an empty badge is removed via ×, not here.\n    if (nextValues.length > 0) {\n      onChange({ ...filter, values: nextValues });\n    }\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger>\n        <Segment type=\"button\" $interactive>\n          <Typography variant=\"pi\" textColor=\"neutral800\">\n            {label}\n          </Typography>\n        </Segment>\n      </Popover.Trigger>\n      <PanelPopoverContent>\n        <Flex direction=\"column\" alignItems=\"flex-start\" padding={3} gap={2}>\n          {TYPE_VALUES.map((value) => (\n            <Checkbox\n              key={value}\n              checked={filter.values.includes(value)}\n              onCheckedChange={() => toggleValue(value)}\n            >\n              {formatMessage(TYPE_LABELS[value])}\n            </Checkbox>\n          ))}\n        </Flex>\n      </PanelPopoverContent>\n    </Popover.Root>\n  );\n};\n\nconst DateValuePopover = ({\n  filter,\n  onChange,\n}: {\n  filter: DateFilter;\n  onChange: (next: DateFilter) => void;\n}) => {\n  const { formatMessage, formatDate } = useIntl();\n  const [open, setOpen] = useState(false);\n\n  // Parse as LOCAL calendar dates before formatting: react-intl would coerce\n  // the raw `YYYY-MM-DD` strings via `new Date(value)` = UTC midnight, showing\n  // the previous day in every timezone west of UTC while the query (also\n  // local, see buildAssetFilters) filters the day the user actually picked.\n  const label =\n    filter.mode === 'preset'\n      ? formatMessage(PRESET_LABELS[filter.preset])\n      : `${formatDate(parseCalendarDate(filter.from), {\n          day: '2-digit',\n          month: 'short',\n        })} - ${formatDate(parseCalendarDate(filter.to), {\n          day: '2-digit',\n          month: 'short',\n          year: 'numeric',\n        })}`;\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger>\n        <Segment type=\"button\" $interactive>\n          <Typography variant=\"pi\" textColor=\"neutral800\">\n            {label}\n          </Typography>\n        </Segment>\n      </Popover.Trigger>\n      <PanelPopoverContent>\n        {filter.mode === 'preset' ? (\n          <Flex direction=\"column\" alignItems=\"stretch\" padding={1}>\n            {DATE_PRESETS.map((preset: DatePreset) => (\n              <OptionButton\n                key={preset}\n                type=\"button\"\n                onClick={() => {\n                  onChange({ ...filter, preset });\n                  setOpen(false);\n                }}\n              >\n                {formatMessage(PRESET_LABELS[preset])}\n                {preset === filter.preset && <Check aria-hidden width=\"1.6rem\" height=\"1.6rem\" />}\n              </OptionButton>\n            ))}\n          </Flex>\n        ) : (\n          <DateRangeCalendar\n            from={filter.from}\n            to={filter.to}\n            onSelect={(from, to) => {\n              onChange({ ...filter, from, to });\n              setOpen(false);\n            }}\n          />\n        )}\n      </PanelPopoverContent>\n    </Popover.Root>\n  );\n};\n\nconst FilterBadge = ({\n  filter,\n  onChange,\n  onRemove,\n}: {\n  filter: ListFilter;\n  onChange: (next: ListFilter) => void;\n  onRemove: () => void;\n}) => {\n  const { formatMessage } = useIntl();\n\n  const fieldLabel =\n    filter.kind === 'type'\n      ? formatMessage({ id: getTranslationKey('list.filters.field.type'), defaultMessage: 'Type' })\n      : formatMessage(DATE_FIELD_LABELS[filter.field]);\n\n  return (\n    <BadgePill alignItems=\"stretch\" data-testid=\"filter-badge\">\n      <FieldSegment>\n        <Typography variant=\"pi\" textColor=\"neutral600\">\n          {fieldLabel}\n        </Typography>\n      </FieldSegment>\n\n      {filter.kind === 'type' && (\n        <>\n          <SegmentPopover\n            label={formatMessage(TYPE_CONDITION_LABELS[filter.condition])}\n            options={['is', 'isNot'] as TypeCondition[]}\n            active={filter.condition}\n            getOptionLabel={(option) => formatMessage(TYPE_CONDITION_LABELS[option])}\n            onPick={(condition) => onChange({ ...filter, condition })}\n          />\n          <TypeValuePopover filter={filter} onChange={onChange} />\n        </>\n      )}\n\n      {filter.kind === 'date' && filter.mode === 'preset' && (\n        <>\n          <SegmentPopover\n            label={formatMessage(PRESET_CONDITION_LABELS[filter.condition])}\n            options={['isExactly', 'withinLast', 'notWithinLast'] as PresetCondition[]}\n            active={filter.condition}\n            getOptionLabel={(option) => formatMessage(PRESET_CONDITION_LABELS[option])}\n            onPick={(condition) => onChange({ ...filter, condition })}\n          />\n          <DateValuePopover filter={filter} onChange={onChange} />\n        </>\n      )}\n\n      {filter.kind === 'date' && filter.mode === 'range' && (\n        <>\n          <SegmentPopover\n            label={formatMessage(RANGE_CONDITION_LABELS[filter.condition])}\n            options={['is', 'isNot'] as RangeCondition[]}\n            active={filter.condition}\n            getOptionLabel={(option) => formatMessage(RANGE_CONDITION_LABELS[option])}\n            onPick={(condition) => onChange({ ...filter, condition })}\n          />\n          <DateValuePopover filter={filter} onChange={onChange} />\n        </>\n      )}\n\n      <RemoveButton\n        type=\"button\"\n        onClick={onRemove}\n        aria-label={formatMessage(\n          {\n            id: getTranslationKey('list.filters.remove'),\n            defaultMessage: 'Remove {filter} filter',\n          },\n          { filter: fieldLabel }\n        )}\n      >\n        <Cross width=\"1.2rem\" height=\"1.2rem\" aria-hidden />\n      </RemoveButton>\n    </BadgePill>\n  );\n};\n\ninterface FilterBadgesProps {\n  listFilters: ListFilters;\n}\n\nexport const FilterBadges = ({ listFilters }: FilterBadgesProps) => {\n  const { filters, updateFilter, removeFilter } = listFilters;\n\n  if (filters.length === 0) {\n    return null;\n  }\n\n  return (\n    <Flex gap={2} wrap=\"wrap\" paddingTop={2} data-testid=\"filter-badges\">\n      {filters.map((filter, index) => (\n        <FilterBadge\n          // Position is identity: badges are edited/removed by index.\n          key={index}\n          filter={filter}\n          onChange={(next) => updateFilter(index, next)}\n          onRemove={() => removeFilter(index)}\n        />\n      ))}\n    </Flex>\n  );\n};\n"],"names":["BadgePill","styled","Flex","theme","colors","neutral200","borderRadius","neutral0","Segment","button","spaces","$interactive","primary100","primary600","FieldSegment","span","PanelPopoverContent","Popover","Content","FILTER_PANEL_WIDTH","OptionButton","fontSizes","lineHeights","neutral800","RemoveButton","neutral600","TYPE_CONDITION_LABELS","is","id","getTranslationKey","defaultMessage","isNot","PRESET_CONDITION_LABELS","isExactly","withinLast","notWithinLast","RANGE_CONDITION_LABELS","SegmentPopover","label","options","active","getOptionLabel","onPick","open","setOpen","useState","_jsxs","Root","onOpenChange","_jsx","Trigger","type","Typography","variant","textColor","direction","alignItems","padding","map","option","onClick","Check","aria-hidden","width","height","TypeValuePopover","filter","onChange","formatMessage","useIntl","values","value","TYPE_LABELS","join","toggleValue","nextValues","includes","v","length","gap","TYPE_VALUES","Checkbox","checked","onCheckedChange","DateValuePopover","formatDate","mode","PRESET_LABELS","preset","parseCalendarDate","from","day","month","to","year","DATE_PRESETS","DateRangeCalendar","onSelect","FilterBadge","onRemove","fieldLabel","kind","DATE_FIELD_LABELS","field","data-testid","_Fragment","condition","aria-label","Cross","FilterBadges","listFilters","filters","updateFilter","removeFilter","wrap","paddingTop","index","next"],"mappings":"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"}