@strapi/admin 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/admin/Filters-xCY3Scq4.js

@@ -0,0 +1,511 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const designSystem = require('@strapi/design-system');
+const Icons = require('@strapi/icons');
+const reactIntl = require('react-intl');
+const index = require('./index-Xcv2DEB8.js');
+const layout = require('./reducers-uDxSALD_.js');
+const useDocumentLayout = require('./useDocumentLayout-wBQQmFJL.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] = layout.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] = layout.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(
+        layout.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 || useDocumentLayout.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(useDocumentLayout.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] = layout.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-xCY3Scq4.js.map

package/dist/admin/Filters-xCY3Scq4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters-xCY3Scq4.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 { 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';\nimport { useQueryParams } from '../hooks/useQueryParams';\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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"}