@strapi/admin 4.20.5 → 5.0.0-alpha.0

package/dist/_chunks/Filters-xVuf1kg6.js

@@ -0,0 +1,505 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const Icons = require("@strapi/icons");
+const reactIntl = require("react-intl");
+const index = require("./index-ibtz273H.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const BASE_FILTERS = [
+  {
+    label: { id: "components.FilterOptions.FILTER_TYPES.$eq", defaultMessage: "is" },
+    value: "$eq"
+  },
+  {
+    label: { id: "components.FilterOptions.FILTER_TYPES.$ne", defaultMessage: "is not" },
+    value: "$ne"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$null",
+      defaultMessage: "is null"
+    },
+    value: "$null"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$notNull",
+      defaultMessage: "is not null"
+    },
+    value: "$notNull"
+  }
+];
+const NUMERIC_FILTERS = [
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$gt",
+      defaultMessage: "is greater than"
+    },
+    value: "$gt"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$gte",
+      defaultMessage: "is greater than or equal to"
+    },
+    value: "$gte"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$lt",
+      defaultMessage: "is less than"
+    },
+    value: "$lt"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$lte",
+      defaultMessage: "is less than or equal to"
+    },
+    value: "$lte"
+  }
+];
+const IS_SENSITIVE_FILTERS = [
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$eqi",
+      defaultMessage: "is (case insensitive)"
+    },
+    value: "$eqi"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$nei",
+      defaultMessage: "is not (case insensitive)"
+    },
+    value: "$nei"
+  }
+];
+const CONTAINS_FILTERS = [
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$contains",
+      defaultMessage: "contains"
+    },
+    value: "$contains"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$containsi",
+      defaultMessage: "contains (case insensitive)"
+    },
+    value: "$containsi"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$notContains",
+      defaultMessage: "not contains"
+    },
+    value: "$notContains"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$notContainsi",
+      defaultMessage: "not contains (case insensitive)"
+    },
+    value: "$notContainsi"
+  }
+];
+const STRING_PARSE_FILTERS = [
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$startsWith",
+      defaultMessage: "starts with"
+    },
+    value: "$startsWith"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$startsWithi",
+      defaultMessage: "starts with (case insensitive)"
+    },
+    value: "$startsWithi"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$endsWith",
+      defaultMessage: "ends with"
+    },
+    value: "$endsWith"
+  },
+  {
+    label: {
+      id: "components.FilterOptions.FILTER_TYPES.$endsWithi",
+      defaultMessage: "ends with (case insensitive)"
+    },
+    value: "$endsWithi"
+  }
+];
+const [FiltersProvider, useFilters] = index.createContext("Filters");
+const Root = ({
+  children,
+  disabled = false,
+  onChange,
+  onOpenChange,
+  open: openProp,
+  defaultOpen,
+  options = []
+}) => {
+  const [triggerNode, setTriggerNode] = React__namespace.useState(null);
+  const [open = false, setOpen] = index.useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const handleChange = (data) => {
+    if (onChange) {
+      onChange(data);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    FiltersProvider,
+    {
+      disabled,
+      onChange: handleChange,
+      open,
+      options,
+      setOpen,
+      setTriggerNode,
+      triggerNode,
+      children
+    }
+  );
+};
+const Trigger = React__namespace.forwardRef(
+  ({ label }, forwardedRef) => {
+    const { formatMessage } = reactIntl.useIntl();
+    const { setTriggerNode, setOpen } = useFilters("Trigger", ({ setTriggerNode: setTriggerNode2, setOpen: setOpen2 }) => ({
+      setTriggerNode: setTriggerNode2,
+      setOpen: setOpen2
+    }));
+    const disabled = useFilters("Trigger", ({ disabled: disabled2 }) => disabled2);
+    const open = useFilters("Trigger", ({ open: open2 }) => open2);
+    const composedRefs = designSystem.useComposedRefs(forwardedRef, setTriggerNode);
+    const handleClick = () => setOpen(!open);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        variant: "tertiary",
+        ref: composedRefs,
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Filter, {}),
+        onClick: handleClick,
+        size: "S",
+        disabled,
+        children: label || formatMessage({ id: "app.utils.filters", defaultMessage: "Filters" })
+      }
+    );
+  }
+);
+const PopoverImpl = () => {
+  const [{ query }, setQuery] = helperPlugin.useQueryParams();
+  const { formatMessage } = reactIntl.useIntl();
+  const open = useFilters("Popover", ({ open: open2 }) => open2);
+  const options = useFilters("Popover", ({ options: options2 }) => options2);
+  const triggerNode = useFilters("Popover", ({ triggerNode: triggerNode2 }) => triggerNode2);
+  const setOpen = useFilters("Popover", ({ setOpen: setOpen2 }) => setOpen2);
+  const onChange = useFilters("Popover", ({ onChange: onChange2 }) => onChange2);
+  if (!open || options.length === 0 || !triggerNode) {
+    return null;
+  }
+  const handleSubmit = (data) => {
+    if (!data.value) {
+      return;
+    }
+    if (onChange) {
+      onChange(data);
+    }
+    const filterType = options.find((filter) => filter.name === data.name).type;
+    const operatorValuePairing = {
+      [data.filter]: data.value
+    };
+    const newFilterQuery = {
+      ...query.filters,
+      $and: [
+        ...query.filters?.$and ?? [],
+        {
+          [data.name]: filterType === "relation" ? {
+            id: operatorValuePairing
+          } : operatorValuePairing
+        }
+      ]
+    };
+    setQuery({ filters: newFilterQuery, page: 1 });
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.PopoverPrimitives.Content,
+    {
+      source: { current: triggerNode },
+      onDismiss: () => setOpen(false),
+      padding: 3,
+      spacing: 4,
+      maxHeight: "unset",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        index.Form,
+        {
+          method: "POST",
+          initialValues: {
+            name: options[0]?.name,
+            filter: BASE_FILTERS[0].value
+          },
+          onSubmit: handleSubmit,
+          children: ({ values: formValues, modified, isSubmitting }) => {
+            const filter = options.find((filter2) => filter2.name === formValues.name);
+            const Input = filter?.input || index.InputRenderer;
+            return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, style: { minWidth: 184 }, children: [
+              [
+                {
+                  ["aria-label"]: formatMessage({
+                    id: "app.utils.select-field",
+                    defaultMessage: "Select field"
+                  }),
+                  name: "name",
+                  options: options.map((filter2) => ({
+                    label: filter2.label,
+                    value: filter2.name
+                  })),
+                  placholder: formatMessage({
+                    id: "app.utils.select-field",
+                    defaultMessage: "Select field"
+                  }),
+                  type: "enumeration"
+                },
+                {
+                  ["aria-label"]: formatMessage({
+                    id: "app.utils.select-filter",
+                    defaultMessage: "Select filter"
+                  }),
+                  name: "filter",
+                  options: filter?.operators || getFilterList(filter).map((opt) => ({
+                    label: formatMessage(opt.label),
+                    value: opt.value
+                  })),
+                  placeholder: formatMessage({
+                    id: "app.utils.select-filter",
+                    defaultMessage: "Select filter"
+                  }),
+                  type: "enumeration"
+                }
+              ].map((field) => /* @__PURE__ */ jsxRuntime.jsx(index.InputRenderer, { ...field }, field.name)),
+              filter && formValues.filter && formValues.filter !== "$null" && formValues.filter !== "$notNull" ? /* @__PURE__ */ jsxRuntime.jsx(
+                Input,
+                {
+                  ...filter,
+                  label: null,
+                  "aria-label": filter.label,
+                  name: "value",
+                  type: filter.mainField?.type ?? filter.type
+                }
+              ) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  disabled: !modified || isSubmitting,
+                  size: "L",
+                  variant: "secondary",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Plus, {}),
+                  type: "submit",
+                  fullWidth: true,
+                  children: formatMessage({ id: "app.utils.add-filter", defaultMessage: "Add filter" })
+                }
+              )
+            ] });
+          }
+        }
+      )
+    }
+  );
+};
+const getFilterList = (filter) => {
+  if (!filter) {
+    return [];
+  }
+  const type = filter.mainField?.type ? filter.mainField.type : filter.type;
+  switch (type) {
+    case "email":
+    case "text":
+    case "enumeration":
+    case "string": {
+      return [
+        ...BASE_FILTERS,
+        ...IS_SENSITIVE_FILTERS,
+        ...CONTAINS_FILTERS,
+        ...STRING_PARSE_FILTERS
+      ];
+    }
+    case "float":
+    case "integer":
+    case "biginteger":
+    case "decimal": {
+      return [...BASE_FILTERS, ...NUMERIC_FILTERS];
+    }
+    case "time":
+    case "date": {
+      return [...BASE_FILTERS, ...NUMERIC_FILTERS, ...CONTAINS_FILTERS];
+    }
+    case "datetime": {
+      return [...BASE_FILTERS, ...NUMERIC_FILTERS];
+    }
+    default:
+      return [...BASE_FILTERS, ...IS_SENSITIVE_FILTERS];
+  }
+};
+const List = () => {
+  const [{ query }, setQuery] = helperPlugin.useQueryParams();
+  const options = useFilters("List", ({ options: options2 }) => options2);
+  const handleClick = (data) => {
+    const nextFilters = (query?.filters?.$and ?? []).filter((filter) => {
+      const [attributeName] = Object.keys(filter);
+      if (attributeName !== data.name) {
+        return true;
+      }
+      const { type, mainField } = options.find(({ name }) => name === attributeName);
+      if (type === "relation") {
+        const filterObj = filter[attributeName][mainField?.name ?? "id"];
+        if (typeof filterObj === "object") {
+          const [operator] = Object.keys(filterObj);
+          const value = filterObj[operator];
+          return !(operator === data.filter && value === data.value);
+        }
+        return true;
+      } else {
+        const filterObj = filter[attributeName];
+        const [operator] = Object.keys(filterObj);
+        const value = filterObj[operator];
+        return !(operator === data.filter && value === data.value);
+      }
+    });
+    setQuery({ filters: { $and: nextFilters }, page: 1 });
+  };
+  if (!query?.filters?.$and?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: query?.filters?.$and?.map((queryFilter) => {
+    const [attributeName] = Object.keys(queryFilter);
+    const filter = options.find(({ name }) => name === attributeName);
+    const filterObj = queryFilter[attributeName];
+    if (!filter || typeof filterObj !== "object" || filterObj === null) {
+      return null;
+    }
+    if (filter.type === "relation") {
+      const modelFilter = filterObj[filter.mainField?.name ?? "id"];
+      if (typeof modelFilter === "object") {
+        const [operator] = Object.keys(modelFilter);
+        const value = modelFilter[operator];
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          AttributeTag,
+          {
+            ...filter,
+            onClick: handleClick,
+            operator,
+            value
+          },
+          `${attributeName}-${operator}-${value}`
+        );
+      }
+      return null;
+    } else {
+      const [operator] = Object.keys(filterObj);
+      const value = filterObj[operator];
+      if (typeof value === "object") {
+        return null;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        AttributeTag,
+        {
+          ...filter,
+          onClick: handleClick,
+          operator,
+          value
+        },
+        `${attributeName}-${operator}-${value}`
+      );
+    }
+  }) });
+};
+const AttributeTag = ({
+  input,
+  label,
+  mainField,
+  name,
+  onClick,
+  operator,
+  options,
+  value,
+  ...filter
+}) => {
+  const { formatMessage, formatDate, formatTime, formatNumber } = reactIntl.useIntl();
+  const handleClick = () => {
+    onClick({ name, value, filter: operator });
+  };
+  const type = mainField?.type ? mainField.type : filter.type;
+  let formattedValue = value;
+  switch (type) {
+    case "date":
+      formattedValue = formatDate(value, { dateStyle: "full" });
+      break;
+    case "datetime":
+      formattedValue = formatDate(value, { dateStyle: "full", timeStyle: "short" });
+      break;
+    case "time":
+      const [hour, minute] = value.split(":");
+      const date = /* @__PURE__ */ new Date();
+      date.setHours(Number(hour));
+      date.setMinutes(Number(minute));
+      formattedValue = formatTime(date, {
+        hour: "numeric",
+        minute: "numeric"
+      });
+      break;
+    case "float":
+    case "integer":
+    case "biginteger":
+    case "decimal":
+      formattedValue = formatNumber(Number(value));
+      break;
+  }
+  if (input && options) {
+    const selectedOption = options.find((option) => {
+      return (typeof option === "string" ? option : option.value) === value;
+    });
+    formattedValue = selectedOption ? typeof selectedOption === "string" ? selectedOption : selectedOption.label ?? selectedOption.value : value;
+  }
+  const content = `${label} ${formatMessage({
+    id: `components.FilterOptions.FILTER_TYPES.${operator}`,
+    defaultMessage: operator
+  })} ${operator !== "$null" && operator !== "$notNull" ? formattedValue : ""}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tag, { padding: 1, onClick: handleClick, icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Cross, {}), children: content });
+};
+const Filters = {
+  List,
+  Popover: PopoverImpl,
+  Root,
+  Trigger
+};
+exports.Filters = Filters;
+//# sourceMappingURL=Filters-xVuf1kg6.js.map

package/dist/_chunks/Filters-xVuf1kg6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters-xVuf1kg6.js","sources":["../../admin/src/constants/filters.ts","../../admin/src/components/Filters.tsx"],"sourcesContent":["import type { EntityService } from '@strapi/types';\nimport type { MessageDescriptor } from 'react-intl';\n\n/**\n * @description designed to be parsed by formatMessage from react-intl\n * then passed to a Select component.\n */\ninterface FilterOption {\n  value: EntityService.Params.Filters.Operator.Where;\n  label: MessageDescriptor;\n}\n\n/**\n * @description these are shared by everyone\n */\nconst BASE_FILTERS = [\n  {\n    label: { id: 'components.FilterOptions.FILTER_TYPES.$eq', defaultMessage: 'is' },\n    value: '$eq',\n  },\n  {\n    label: { id: 'components.FilterOptions.FILTER_TYPES.$ne', defaultMessage: 'is not' },\n    value: '$ne',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$null',\n      defaultMessage: 'is null',\n    },\n    value: '$null',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$notNull',\n      defaultMessage: 'is not null',\n    },\n    value: '$notNull',\n  },\n] satisfies FilterOption[];\n\n/**\n * @description typically performed on attributes that are numerical incl. dates.\n */\nconst NUMERIC_FILTERS = [\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$gt',\n      defaultMessage: 'is greater than',\n    },\n    value: '$gt',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$gte',\n      defaultMessage: 'is greater than or equal to',\n    },\n    value: '$gte',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$lt',\n      defaultMessage: 'is less than',\n    },\n    value: '$lt',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$lte',\n      defaultMessage: 'is less than or equal to',\n    },\n    value: '$lte',\n  },\n] satisfies FilterOption[];\n\nconst IS_SENSITIVE_FILTERS = [\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$eqi',\n      defaultMessage: 'is (case insensitive)',\n    },\n    value: '$eqi',\n  },\n\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$nei',\n      defaultMessage: 'is not (case insensitive)',\n    },\n    value: '$nei',\n  },\n] satisfies FilterOption[];\n\n/**\n * @description typically performed on attributes that are strings for partial looking.\n */\nconst CONTAINS_FILTERS = [\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$contains',\n      defaultMessage: 'contains',\n    },\n    value: '$contains',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$containsi',\n      defaultMessage: 'contains (case insensitive)',\n    },\n    value: '$containsi',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$notContains',\n      defaultMessage: 'not contains',\n    },\n    value: '$notContains',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$notContainsi',\n      defaultMessage: 'not contains (case insensitive)',\n    },\n    value: '$notContainsi',\n  },\n] satisfies FilterOption[];\n\n/**\n * @description only used on string attributes.\n */\nconst STRING_PARSE_FILTERS = [\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$startsWith',\n      defaultMessage: 'starts with',\n    },\n    value: '$startsWith',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$startsWithi',\n      defaultMessage: 'starts with (case insensitive)',\n    },\n    value: '$startsWithi',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$endsWith',\n      defaultMessage: 'ends with',\n    },\n    value: '$endsWith',\n  },\n  {\n    label: {\n      id: 'components.FilterOptions.FILTER_TYPES.$endsWithi',\n      defaultMessage: 'ends with (case insensitive)',\n    },\n    value: '$endsWithi',\n  },\n] satisfies FilterOption[];\n\nexport {\n  BASE_FILTERS,\n  NUMERIC_FILTERS,\n  IS_SENSITIVE_FILTERS,\n  CONTAINS_FILTERS,\n  STRING_PARSE_FILTERS,\n};\nexport type { FilterOption };\n","import * as React from 'react';\n\nimport { Button, Flex, PopoverPrimitives, Tag, useComposedRefs } from '@strapi/design-system';\nimport { useQueryParams } from '@strapi/helper-plugin';\nimport { Plus, Filter as FilterIcon, Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport {\n  BASE_FILTERS,\n  CONTAINS_FILTERS,\n  FilterOption,\n  IS_SENSITIVE_FILTERS,\n  NUMERIC_FILTERS,\n  STRING_PARSE_FILTERS,\n} from '../constants/filters';\nimport { MainField } from '../content-manager/utils/attributes';\nimport { useControllableState } from '../hooks/useControllableState';\n\nimport { createContext } from './Context';\nimport { Form, InputProps } from './Form';\nimport { InputRenderer } from './FormInputs/Renderer';\n\n/* -------------------------------------------------------------------------------------------------\n * Root\n * -----------------------------------------------------------------------------------------------*/\n\ninterface FilterFormData {\n  name: string;\n  filter: string;\n  value?: string;\n}\n\ninterface FitlersContextValue {\n  disabled: boolean;\n  onChange: (data: FilterFormData) => void;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  setTriggerNode: (node: HTMLButtonElement | null) => void;\n  triggerNode: HTMLButtonElement | null;\n  options: Filters.Filter[];\n}\n\nconst [FiltersProvider, useFilters] = createContext<FitlersContextValue>('Filters');\n\ninterface RootProps\n  extends Partial<Pick<FitlersContextValue, 'disabled' | 'onChange' | 'options' | 'open'>> {\n  children: React.ReactNode;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nconst Root = ({\n  children,\n  disabled = false,\n  onChange,\n  onOpenChange,\n  open: openProp,\n  defaultOpen,\n  options = [],\n}: RootProps) => {\n  const [triggerNode, setTriggerNode] = React.useState<FitlersContextValue['triggerNode']>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const handleChange = (data: FilterFormData) => {\n    if (onChange) {\n      onChange(data);\n    }\n  };\n\n  return (\n    <FiltersProvider\n      disabled={disabled}\n      onChange={handleChange}\n      open={open}\n      options={options}\n      setOpen={setOpen}\n      setTriggerNode={setTriggerNode}\n      triggerNode={triggerNode}\n    >\n      {children}\n    </FiltersProvider>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Trigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst Trigger = React.forwardRef<HTMLButtonElement, Filters.TriggerProps>(\n  ({ label }, forwardedRef) => {\n    const { formatMessage } = useIntl();\n    const { setTriggerNode, setOpen } = useFilters('Trigger', ({ setTriggerNode, setOpen }) => ({\n      setTriggerNode,\n      setOpen,\n    }));\n    const disabled = useFilters('Trigger', ({ disabled }) => disabled);\n    const open = useFilters('Trigger', ({ open }) => open);\n\n    const composedRefs = useComposedRefs(forwardedRef, setTriggerNode);\n\n    const handleClick = () => setOpen(!open);\n\n    return (\n      <Button\n        variant=\"tertiary\"\n        ref={composedRefs}\n        startIcon={<FilterIcon />}\n        onClick={handleClick}\n        size=\"S\"\n        disabled={disabled}\n      >\n        {label || formatMessage({ id: 'app.utils.filters', defaultMessage: 'Filters' })}\n      </Button>\n    );\n  }\n);\n\n/* -------------------------------------------------------------------------------------------------\n * Popover\n * -----------------------------------------------------------------------------------------------*/\n\nconst PopoverImpl = () => {\n  const [{ query }, setQuery] = useQueryParams<Filters.Query>();\n  const { formatMessage } = useIntl();\n  const open = useFilters('Popover', ({ open }) => open);\n  const options = useFilters('Popover', ({ options }) => options);\n  const triggerNode = useFilters('Popover', ({ triggerNode }) => triggerNode);\n  const setOpen = useFilters('Popover', ({ setOpen }) => setOpen);\n  const onChange = useFilters('Popover', ({ onChange }) => onChange);\n\n  if (!open || options.length === 0 || !triggerNode) {\n    return null;\n  }\n\n  const handleSubmit = (data: FilterFormData) => {\n    if (!data.value) {\n      return;\n    }\n\n    if (onChange) {\n      onChange(data);\n    }\n\n    /**\n     * There will ALWAYS be an option because we use the options to create the form data.\n     */\n    const filterType = options.find((filter) => filter.name === data.name)!.type;\n\n    /**\n     * If the filter is a relation, we need to nest the filter object,\n     * we always use ids to filter relations. But the nested object is\n     * the operator & value pair. This value _could_ look like:\n     * ```json\n     * {\n     *  \"$eq\": \"1\",\n     * }\n     * ```\n     */\n    const operatorValuePairing = {\n      [data.filter]: data.value,\n    };\n\n    const newFilterQuery = {\n      ...query.filters,\n      $and: [\n        ...(query.filters?.$and ?? []),\n        {\n          [data.name]:\n            filterType === 'relation'\n              ? {\n                  id: operatorValuePairing,\n                }\n              : operatorValuePairing,\n        },\n      ],\n    };\n\n    setQuery({ filters: newFilterQuery, page: 1 });\n    setOpen(false);\n  };\n\n  return (\n    <PopoverPrimitives.Content\n      source={{ current: triggerNode }}\n      onDismiss={() => setOpen(false)}\n      padding={3}\n      spacing={4}\n      maxHeight=\"unset\"\n    >\n      <Form\n        method=\"POST\"\n        initialValues={\n          {\n            name: options[0]?.name,\n            filter: BASE_FILTERS[0].value,\n          } satisfies FilterFormData\n        }\n        onSubmit={handleSubmit}\n      >\n        {({ values: formValues, modified, isSubmitting }) => {\n          const filter = options.find((filter) => filter.name === formValues.name);\n          const Input = filter?.input || InputRenderer;\n          return (\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={2} style={{ minWidth: 184 }}>\n              {[\n                {\n                  ['aria-label']: formatMessage({\n                    id: 'app.utils.select-field',\n                    defaultMessage: 'Select field',\n                  }),\n                  name: 'name',\n                  options: options.map((filter) => ({\n                    label: filter.label,\n                    value: filter.name,\n                  })),\n                  placholder: formatMessage({\n                    id: 'app.utils.select-field',\n                    defaultMessage: 'Select field',\n                  }),\n                  type: 'enumeration' as const,\n                },\n                {\n                  ['aria-label']: formatMessage({\n                    id: 'app.utils.select-filter',\n                    defaultMessage: 'Select filter',\n                  }),\n                  name: 'filter',\n                  options:\n                    filter?.operators ||\n                    getFilterList(filter).map((opt) => ({\n                      label: formatMessage(opt.label),\n                      value: opt.value,\n                    })),\n                  placeholder: formatMessage({\n                    id: 'app.utils.select-filter',\n                    defaultMessage: 'Select filter',\n                  }),\n                  type: 'enumeration' as const,\n                },\n              ].map((field) => (\n                <InputRenderer key={field.name} {...field} />\n              ))}\n              {filter &&\n              formValues.filter &&\n              formValues.filter !== '$null' &&\n              formValues.filter !== '$notNull' ? (\n                <Input\n                  {...filter}\n                  label={null}\n                  aria-label={filter.label}\n                  name=\"value\"\n                  // @ts-expect-error – if type is `custom` then `Input` will be a custom component.\n                  type={filter.mainField?.type ?? filter.type}\n                />\n              ) : null}\n              <Button\n                disabled={!modified || isSubmitting}\n                size=\"L\"\n                variant=\"secondary\"\n                startIcon={<Plus />}\n                type=\"submit\"\n                fullWidth\n              >\n                {formatMessage({ id: 'app.utils.add-filter', defaultMessage: 'Add filter' })}\n              </Button>\n            </Flex>\n          );\n        }}\n      </Form>\n    </PopoverPrimitives.Content>\n  );\n};\n\n/**\n * Depending on the selected field find the possible filters to apply\n */\nconst getFilterList = (filter?: Filters.Filter): FilterOption[] => {\n  if (!filter) {\n    return [];\n  }\n\n  const type = filter.mainField?.type ? filter.mainField.type : filter.type;\n\n  switch (type) {\n    case 'email':\n    case 'text':\n    case 'enumeration':\n    case 'string': {\n      return [\n        ...BASE_FILTERS,\n        ...IS_SENSITIVE_FILTERS,\n        ...CONTAINS_FILTERS,\n        ...STRING_PARSE_FILTERS,\n      ];\n    }\n\n    case 'float':\n    case 'integer':\n    case 'biginteger':\n    case 'decimal': {\n      return [...BASE_FILTERS, ...NUMERIC_FILTERS];\n    }\n    case 'time':\n    case 'date': {\n      return [...BASE_FILTERS, ...NUMERIC_FILTERS, ...CONTAINS_FILTERS];\n    }\n\n    case 'datetime': {\n      return [...BASE_FILTERS, ...NUMERIC_FILTERS];\n    }\n\n    default:\n      return [...BASE_FILTERS, ...IS_SENSITIVE_FILTERS];\n  }\n};\n\n/* -------------------------------------------------------------------------------------------------\n * List\n * -----------------------------------------------------------------------------------------------*/\n\nconst List = () => {\n  const [{ query }, setQuery] = useQueryParams<Filters.Query>();\n\n  const options = useFilters('List', ({ options }) => options);\n\n  const handleClick = (data: FilterFormData) => {\n    /**\n     * Check the name, operator and value to see if it already exists in the query\n     * if it does, remove it.\n     */\n    const nextFilters = (query?.filters?.$and ?? []).filter((filter) => {\n      const [attributeName] = Object.keys(filter);\n      if (attributeName !== data.name) {\n        return true;\n      }\n\n      const { type, mainField } = options.find(({ name }) => name === attributeName)!;\n\n      if (type === 'relation') {\n        const filterObj = filter[attributeName][mainField?.name ?? 'id'];\n\n        if (typeof filterObj === 'object') {\n          const [operator] = Object.keys(filterObj);\n          const value = filterObj[operator];\n\n          return !(operator === data.filter && value === data.value);\n        }\n\n        return true;\n      } else {\n        const filterObj = filter[attributeName];\n        const [operator] = Object.keys(filterObj);\n        const value = filterObj[operator];\n\n        return !(operator === data.filter && value === data.value);\n      }\n    });\n\n    setQuery({ filters: { $and: nextFilters }, page: 1 });\n  };\n\n  if (!query?.filters?.$and?.length) {\n    return null;\n  }\n\n  return (\n    <>\n      {query?.filters?.$and?.map((queryFilter) => {\n        const [attributeName] = Object.keys(queryFilter);\n        const filter = options.find(({ name }) => name === attributeName);\n        const filterObj = queryFilter[attributeName];\n\n        if (!filter || typeof filterObj !== 'object' || filterObj === null) {\n          return null;\n        }\n\n        if (filter.type === 'relation') {\n          const modelFilter = filterObj[filter.mainField?.name ?? 'id'];\n\n          if (typeof modelFilter === 'object') {\n            const [operator] = Object.keys(modelFilter);\n            const value = modelFilter[operator];\n            return (\n              <AttributeTag\n                key={`${attributeName}-${operator}-${value}`}\n                {...filter}\n                onClick={handleClick}\n                operator={operator}\n                value={value}\n              />\n            );\n          }\n\n          return null;\n        } else {\n          const [operator] = Object.keys(filterObj);\n          const value = filterObj[operator];\n\n          /**\n           * Something has gone wrong here, because the attribute is not a relation\n           * but we have a nested filter object.\n           */\n          if (typeof value === 'object') {\n            return null;\n          }\n\n          return (\n            <AttributeTag\n              key={`${attributeName}-${operator}-${value}`}\n              {...filter}\n              onClick={handleClick}\n              operator={operator}\n              value={value}\n            />\n          );\n        }\n      })}\n    </>\n  );\n};\n\ninterface AttributeTagProps extends Filters.Filter {\n  onClick: (data: FilterFormData) => void;\n  operator: string;\n  value: string;\n}\n\nconst AttributeTag = ({\n  input,\n  label,\n  mainField,\n  name,\n  onClick,\n  operator,\n  options,\n  value,\n  ...filter\n}: AttributeTagProps) => {\n  const { formatMessage, formatDate, formatTime, formatNumber } = useIntl();\n\n  const handleClick = () => {\n    onClick({ name, value, filter: operator });\n  };\n\n  const type = mainField?.type ? mainField.type : filter.type;\n\n  let formattedValue: string = value;\n\n  switch (type) {\n    case 'date':\n      formattedValue = formatDate(value, { dateStyle: 'full' });\n      break;\n    case 'datetime':\n      formattedValue = formatDate(value, { dateStyle: 'full', timeStyle: 'short' });\n      break;\n    case 'time':\n      const [hour, minute] = value.split(':');\n      const date = new Date();\n      date.setHours(Number(hour));\n      date.setMinutes(Number(minute));\n\n      formattedValue = formatTime(date, {\n        hour: 'numeric',\n        minute: 'numeric',\n      });\n      break;\n    case 'float':\n    case 'integer':\n    case 'biginteger':\n    case 'decimal':\n      formattedValue = formatNumber(Number(value));\n      break;\n  }\n\n  // Handle custom input\n  if (input && options) {\n    // If the custom input has an options array, find the option with a customValue matching the query value\n    const selectedOption = options.find((option) => {\n      return (typeof option === 'string' ? option : option.value) === value;\n    });\n\n    formattedValue = selectedOption\n      ? typeof selectedOption === 'string'\n        ? selectedOption\n        : selectedOption.label ?? selectedOption.value\n      : value;\n  }\n\n  const content = `${label} ${formatMessage({\n    id: `components.FilterOptions.FILTER_TYPES.${operator}`,\n    defaultMessage: operator,\n  })} ${operator !== '$null' && operator !== '$notNull' ? formattedValue : ''}`;\n\n  return (\n    <Tag padding={1} onClick={handleClick} icon={<Cross />}>\n      {content}\n    </Tag>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * EXPORTS\n * -----------------------------------------------------------------------------------------------*/\n\nconst Filters = {\n  List,\n  Popover: PopoverImpl,\n  Root,\n  Trigger,\n};\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Filters {\n  export interface Filter {\n    input?: React.ComponentType<ValueInputProps>;\n    label: string;\n    /**\n     * the name of the attribute we use to display the actual name e.g. relations\n     * are just ids, so we use the mainField to display something meaninginful by\n     * looking at the target's schema\n     */\n    mainField?: MainField;\n    name: string;\n    operators?: Array<{\n      label: string;\n      value: string;\n    }>;\n    options?: Array<{ label?: string; value: string }> | string[];\n    type: InputProps['type'] | 'relation' | 'custom';\n  }\n\n  export interface ValueInputProps extends Omit<Filter, 'label'> {\n    ['aria-label']: string;\n  }\n\n  export type Props = RootProps;\n\n  export interface TriggerProps {\n    label?: string;\n  }\n\n  export interface Query {\n    filters?: {\n      /**\n       * Typically, a filter will be:\n       * ```ts\n       * {\n       *  [attributeName]: {\n       *    [operator]: value\n       *  }\n       * }\n       * ```\n       * However, for relation items it becomes more nested.\n       * ```ts\n       * {\n       *  [attributeName]: {\n       *    [relationTargetAttribute]: {\n       *     [operator]: value\n       *    }\n       *  }\n       * }\n       */\n      $and?: Array<Record<string, Record<string, string | Record<string, string>>>>;\n    };\n    page?: number;\n  }\n}\n\nexport { Filters };\n"],"names":["createContext","React","useControllableState","jsx","useIntl","setTriggerNode","setOpen","disabled","open","useComposedRefs","Button","FilterIcon","useQueryParams","options","triggerNode","onChange","PopoverPrimitives","Form","filter","InputRenderer","jsxs","Flex","Plus","Tag","Cross"],"mappings":"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"}