@strapi/upload 5.51.1 → 5.51.2

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

@@ -0,0 +1,406 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Flex, Typography, Popover, Checkbox } from '@strapi/design-system';
+import { Cross, 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 { parseCalendarDate } from '../utils/buildAssetFilters.mjs';
+import { DateRangeCalendar } from './DateRangeCalendar.mjs';
+import { DATE_FIELD_LABELS, TYPE_LABELS, PRESET_LABELS, FILTER_PANEL_WIDTH } from './FilterMenu.mjs';
+
+/**
+ * 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 = styled(Flex)`
+  border: 1px solid ${({ theme })=>theme.colors.neutral200};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  background: ${({ theme })=>theme.colors.neutral0};
+  overflow: hidden;
+`;
+const Segment = 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 = 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 = styled(Popover.Content)`
+  width: ${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 = 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 = 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: getTranslationKey('list.filters.condition.is'),
+        defaultMessage: 'is'
+    },
+    isNot: {
+        id: getTranslationKey('list.filters.condition.is-not'),
+        defaultMessage: 'is not'
+    }
+};
+const PRESET_CONDITION_LABELS = {
+    isExactly: {
+        id: getTranslationKey('list.filters.condition.is-exactly'),
+        defaultMessage: 'is exactly'
+    },
+    withinLast: {
+        id: getTranslationKey('list.filters.condition.within-last'),
+        defaultMessage: 'within the last'
+    },
+    notWithinLast: {
+        id: getTranslationKey('list.filters.condition.not-within-last'),
+        defaultMessage: 'not within the last'
+    }
+};
+const RANGE_CONDITION_LABELS = {
+    is: {
+        id: getTranslationKey('list.filters.condition.is'),
+        defaultMessage: 'is'
+    },
+    isNot: {
+        id: getTranslationKey('list.filters.condition.is-not'),
+        defaultMessage: 'is not'
+    }
+};
+const SegmentPopover = ({ label, options, active, getOptionLabel, onPick })=>{
+    const [open, setOpen] = useState(false);
+    return /*#__PURE__*/ jsxs(Popover.Root, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsx(Popover.Trigger, {
+                children: /*#__PURE__*/ jsx(Segment, {
+                    type: "button",
+                    $interactive: true,
+                    children: /*#__PURE__*/ jsx(Typography, {
+                        variant: "pi",
+                        textColor: "neutral800",
+                        children: label
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(PanelPopoverContent, {
+                children: /*#__PURE__*/ jsx(Flex, {
+                    direction: "column",
+                    alignItems: "stretch",
+                    padding: 1,
+                    children: options.map((option)=>/*#__PURE__*/ jsxs(OptionButton, {
+                            type: "button",
+                            onClick: ()=>{
+                                onPick(option);
+                                setOpen(false);
+                            },
+                            children: [
+                                getOptionLabel(option),
+                                option === active && /*#__PURE__*/ jsx(Check, {
+                                    "aria-hidden": true,
+                                    width: "1.6rem",
+                                    height: "1.6rem"
+                                })
+                            ]
+                        }, option))
+                })
+            })
+        ]
+    });
+};
+const TypeValuePopover = ({ filter, onChange })=>{
+    const { formatMessage } = useIntl();
+    const [open, setOpen] = useState(false);
+    const label = filter.values.map((value)=>formatMessage(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__*/ jsxs(Popover.Root, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsx(Popover.Trigger, {
+                children: /*#__PURE__*/ jsx(Segment, {
+                    type: "button",
+                    $interactive: true,
+                    children: /*#__PURE__*/ jsx(Typography, {
+                        variant: "pi",
+                        textColor: "neutral800",
+                        children: label
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(PanelPopoverContent, {
+                children: /*#__PURE__*/ jsx(Flex, {
+                    direction: "column",
+                    alignItems: "flex-start",
+                    padding: 3,
+                    gap: 2,
+                    children: TYPE_VALUES.map((value)=>/*#__PURE__*/ jsx(Checkbox, {
+                            checked: filter.values.includes(value),
+                            onCheckedChange: ()=>toggleValue(value),
+                            children: formatMessage(TYPE_LABELS[value])
+                        }, value))
+                })
+            })
+        ]
+    });
+};
+const DateValuePopover = ({ filter, onChange })=>{
+    const { formatMessage, formatDate } = useIntl();
+    const [open, setOpen] = 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(PRESET_LABELS[filter.preset]) : `${formatDate(parseCalendarDate(filter.from), {
+        day: '2-digit',
+        month: 'short'
+    })} - ${formatDate(parseCalendarDate(filter.to), {
+        day: '2-digit',
+        month: 'short',
+        year: 'numeric'
+    })}`;
+    return /*#__PURE__*/ jsxs(Popover.Root, {
+        open: open,
+        onOpenChange: setOpen,
+        children: [
+            /*#__PURE__*/ jsx(Popover.Trigger, {
+                children: /*#__PURE__*/ jsx(Segment, {
+                    type: "button",
+                    $interactive: true,
+                    children: /*#__PURE__*/ jsx(Typography, {
+                        variant: "pi",
+                        textColor: "neutral800",
+                        children: label
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(PanelPopoverContent, {
+                children: filter.mode === 'preset' ? /*#__PURE__*/ jsx(Flex, {
+                    direction: "column",
+                    alignItems: "stretch",
+                    padding: 1,
+                    children: DATE_PRESETS.map((preset)=>/*#__PURE__*/ jsxs(OptionButton, {
+                            type: "button",
+                            onClick: ()=>{
+                                onChange({
+                                    ...filter,
+                                    preset
+                                });
+                                setOpen(false);
+                            },
+                            children: [
+                                formatMessage(PRESET_LABELS[preset]),
+                                preset === filter.preset && /*#__PURE__*/ jsx(Check, {
+                                    "aria-hidden": true,
+                                    width: "1.6rem",
+                                    height: "1.6rem"
+                                })
+                            ]
+                        }, preset))
+                }) : /*#__PURE__*/ jsx(DateRangeCalendar, {
+                    from: filter.from,
+                    to: filter.to,
+                    onSelect: (from, to)=>{
+                        onChange({
+                            ...filter,
+                            from,
+                            to
+                        });
+                        setOpen(false);
+                    }
+                })
+            })
+        ]
+    });
+};
+const FilterBadge = ({ filter, onChange, onRemove })=>{
+    const { formatMessage } = useIntl();
+    const fieldLabel = filter.kind === 'type' ? formatMessage({
+        id: getTranslationKey('list.filters.field.type'),
+        defaultMessage: 'Type'
+    }) : formatMessage(DATE_FIELD_LABELS[filter.field]);
+    return /*#__PURE__*/ jsxs(BadgePill, {
+        alignItems: "stretch",
+        "data-testid": "filter-badge",
+        children: [
+            /*#__PURE__*/ jsx(FieldSegment, {
+                children: /*#__PURE__*/ jsx(Typography, {
+                    variant: "pi",
+                    textColor: "neutral600",
+                    children: fieldLabel
+                })
+            }),
+            filter.kind === 'type' && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ 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__*/ jsx(TypeValuePopover, {
+                        filter: filter,
+                        onChange: onChange
+                    })
+                ]
+            }),
+            filter.kind === 'date' && filter.mode === 'preset' && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ 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__*/ jsx(DateValuePopover, {
+                        filter: filter,
+                        onChange: onChange
+                    })
+                ]
+            }),
+            filter.kind === 'date' && filter.mode === 'range' && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ 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__*/ jsx(DateValuePopover, {
+                        filter: filter,
+                        onChange: onChange
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(RemoveButton, {
+                type: "button",
+                onClick: onRemove,
+                "aria-label": formatMessage({
+                    id: getTranslationKey('list.filters.remove'),
+                    defaultMessage: 'Remove {filter} filter'
+                }, {
+                    filter: fieldLabel
+                }),
+                children: /*#__PURE__*/ jsx(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__*/ jsx(Flex, {
+        gap: 2,
+        wrap: "wrap",
+        paddingTop: 2,
+        "data-testid": "filter-badges",
+        children: filters.map((filter, index)=>/*#__PURE__*/ jsx(FilterBadge, {
+                filter: filter,
+                onChange: (next)=>updateFilter(index, next),
+                onRemove: ()=>removeFilter(index)
+            }, index))
+    });
+};
+
+export { FilterBadges };
+//# sourceMappingURL=FilterBadges.mjs.map

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

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