@strapi/upload 5.12.0 → 5.12.2

package/dist/admin/components/FilterPopover/FilterPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPopover.js","sources":["../../../../admin/src/components/FilterPopover/FilterPopover.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\n/**\n *\n * FilterPopover\n *\n */\nimport * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  Flex,\n  SingleSelectOption,\n  Popover,\n  SingleSelect,\n} from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { FilterValueInput } from './FilterValueInput';\nimport { getFilterList } from './utils/getFilterList';\n\ntype Filter = {\n  [key in 'mime' | 'createdAt' | 'updatedAt']?:\n    | {\n        [key in '$contains' | '$notContains' | '$eq' | '$not']?:\n          | string[]\n          | string\n          | { $contains: string[] };\n      }\n    | undefined;\n};\n\nexport interface FilterPopoverProps {\n  displayedFilters: {\n    name: string;\n    metadatas?: {\n      label?: string;\n    };\n    fieldSchema: {\n      type: string;\n      options?: {\n        value: string;\n      }[];\n      mainField?: {\n        schema: {\n          type: string;\n        };\n      };\n    };\n  }[];\n  filters: Filter[];\n  onSubmit: (filters: Filter[]) => void;\n  onToggle: () => void;\n}\n\nexport const FilterPopover = ({\n  displayedFilters,\n  filters,\n  onSubmit,\n  onToggle,\n}: FilterPopoverProps) => {\n  const { formatMessage } = useIntl();\n\n  const [modifiedData, setModifiedData] = React.useState({\n    name: 'createdAt',\n    filter: '$eq',\n    value: '',\n  });\n\n  const handleChangeFilterField = (value: string | number) => {\n    const nextField = displayedFilters.find((f) => f.name === value);\n    if (!nextField) {\n      return;\n    }\n    const {\n      fieldSchema: { type, options },\n    } = nextField;\n    let filterValue = '';\n\n    if (type === 'enumeration') {\n      filterValue = options?.[0].value || '';\n    }\n\n    const filter = getFilterList(nextField)[0].value;\n\n    setModifiedData({ name: value.toString(), filter, value: filterValue });\n  };\n\n  const handleChangeOperator = (operator: string | number) => {\n    if (modifiedData.name === 'mime') {\n      setModifiedData((prev) => ({ ...prev, filter: operator.toString(), value: 'image' }));\n    } else {\n      setModifiedData((prev) => ({ ...prev, filter: operator.toString(), value: '' }));\n    }\n  };\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const encodedValue = encodeURIComponent(modifiedData.value);\n\n    if (encodedValue) {\n      if (modifiedData.name === 'mime') {\n        const alreadyAppliedFilters = filters.filter((filter) => {\n          return Object.keys(filter)[0] === 'mime';\n        });\n\n        if (modifiedData.value === 'file') {\n          const filtersWithoutMimeType = filters.filter((filter) => {\n            return Object.keys(filter)[0] !== 'mime';\n          });\n\n          let hasCurrentFilter = false;\n\n          let filterToAdd: Filter;\n\n          if (modifiedData.filter === '$contains') {\n            hasCurrentFilter =\n              alreadyAppliedFilters.find((filter) => {\n                if (typeof filter.mime?.$not !== 'string' && !Array.isArray(filter.mime?.$not)) {\n                  return filter.mime?.$not?.$contains !== undefined;\n                }\n              }) !== undefined;\n\n            filterToAdd = {\n              mime: {\n                $not: {\n                  $contains: ['image', 'video'],\n                },\n              },\n            };\n          } else {\n            hasCurrentFilter =\n              alreadyAppliedFilters.find((filter) => {\n                return Array.isArray(filter.mime?.$contains);\n              }) !== undefined;\n\n            filterToAdd = {\n              mime: {\n                $contains: ['image', 'video'],\n              },\n            };\n          }\n\n          if (hasCurrentFilter) {\n            onToggle();\n\n            return;\n          }\n\n          const nextFilters = [...filtersWithoutMimeType, filterToAdd];\n          onSubmit(nextFilters);\n\n          onToggle();\n\n          return;\n        }\n\n        const hasFilter =\n          alreadyAppliedFilters.find((filter) => {\n            const modifiedDataFilter = modifiedData.filter;\n            return (\n              filter.mime &&\n              filter.mime[modifiedDataFilter as keyof typeof filter.mime] === modifiedData.value\n            );\n          }) !== undefined;\n\n        // Don't apply the same filter twice\n        if (hasFilter) {\n          onToggle();\n\n          return;\n        }\n\n        const filtersWithoutFile = filters.filter((filter) => {\n          const filterType = Object.keys(filter)[0];\n\n          if (filterType !== 'mime') {\n            return true;\n          }\n\n          if (\n            typeof filter.mime?.$not !== 'string' &&\n            !Array.isArray(filter.mime?.$not) &&\n            filter.mime?.$not?.$contains !== undefined\n          ) {\n            return false;\n          }\n\n          if (Array.isArray(filter?.mime?.$contains)) {\n            return false;\n          }\n\n          return true;\n        });\n\n        const oppositeFilter = modifiedData.filter === '$contains' ? '$notContains' : '$contains';\n\n        const oppositeFilterIndex = filtersWithoutFile.findIndex((filter) => {\n          return filter.mime?.[oppositeFilter] === modifiedData.value;\n        });\n        const hasOppositeFilter = oppositeFilterIndex !== -1;\n\n        const filterToAdd = { [modifiedData.name]: { [modifiedData.filter]: modifiedData.value } };\n\n        if (!hasOppositeFilter) {\n          const nextFilters = [...filtersWithoutFile, filterToAdd];\n\n          onSubmit(nextFilters);\n\n          onToggle();\n\n          return;\n        }\n\n        if (hasOppositeFilter) {\n          const nextFilters = filtersWithoutFile.slice();\n          nextFilters.splice(oppositeFilterIndex, 1, filterToAdd);\n          onSubmit(nextFilters);\n\n          onToggle();\n        }\n\n        return;\n      }\n\n      const hasFilter =\n        filters.find((filter) => {\n          const modifiedDataName = modifiedData.name as\n            | 'mime'\n            | 'createdAt'\n            | 'updatedAt'\n            | '$contains'\n            | '$notContains'\n            | '$eq'\n            | '$not';\n          return (\n            filter[modifiedDataName as 'mime' | 'createdAt' | 'updatedAt'] &&\n            filter[modifiedDataName as 'mime' | 'createdAt' | 'updatedAt']?.[\n              modifiedDataName as '$contains' | '$notContains' | '$eq' | '$not'\n            ] === encodedValue\n          );\n        }) !== undefined;\n\n      if (!hasFilter) {\n        const filterToAdd = { [modifiedData.name]: { [modifiedData.filter]: encodedValue } };\n\n        const nextFilters = [...filters, filterToAdd];\n\n        onSubmit(nextFilters);\n      }\n    }\n\n    onToggle();\n  };\n\n  const appliedFilter = displayedFilters.find((filter) => filter.name === modifiedData.name);\n\n  return (\n    <Popover.Content sideOffset={4}>\n      <form onSubmit={handleSubmit}>\n        <Flex padding={3} direction=\"column\" alignItems=\"stretch\" gap={1} style={{ minWidth: 184 }}>\n          <Box>\n            <SingleSelect\n              aria-label={formatMessage({\n                id: 'app.utils.select-field',\n                defaultMessage: 'Select field',\n              })}\n              name=\"name\"\n              size=\"M\"\n              onChange={handleChangeFilterField}\n              value={modifiedData.name}\n            >\n              {displayedFilters.map((filter) => {\n                return (\n                  <SingleSelectOption key={filter.name} value={filter.name}>\n                    {filter.metadatas?.label}\n                  </SingleSelectOption>\n                );\n              })}\n            </SingleSelect>\n          </Box>\n          <Box>\n            <SingleSelect\n              aria-label={formatMessage({\n                id: 'app.utils.select-filter',\n                defaultMessage: 'Select filter',\n              })}\n              name=\"filter\"\n              size=\"M\"\n              value={modifiedData.filter}\n              onChange={handleChangeOperator}\n            >\n              {getFilterList(appliedFilter!).map((option) => {\n                return (\n                  <SingleSelectOption key={option.value} value={option.value}>\n                    {formatMessage(option.intlLabel)}\n                  </SingleSelectOption>\n                );\n              })}\n            </SingleSelect>\n          </Box>\n          <Box>\n            <FilterValueInput\n              {...appliedFilter?.metadatas}\n              {...appliedFilter?.fieldSchema}\n              value={modifiedData.value}\n              onChange={(value) => setModifiedData((prev) => ({ ...prev, value }))}\n            />\n          </Box>\n          <Box>\n            <Button size=\"L\" variant=\"secondary\" startIcon={<Plus />} type=\"submit\" fullWidth>\n              {formatMessage({ id: 'app.utils.add-filter', defaultMessage: 'Add filter' })}\n            </Button>\n          </Box>\n        </Flex>\n      </form>\n    </Popover.Content>\n  );\n};\n"],"names":["FilterPopover","displayedFilters","filters","onSubmit","onToggle","formatMessage","useIntl","modifiedData","setModifiedData","React","useState","name","filter","value","handleChangeFilterField","nextField","find","f","fieldSchema","type","options","filterValue","getFilterList","toString","handleChangeOperator","operator","prev","handleSubmit","e","preventDefault","stopPropagation","encodedValue","encodeURIComponent","alreadyAppliedFilters","Object","keys","filtersWithoutMimeType","hasCurrentFilter","filterToAdd","mime","$not","Array","isArray","$contains","undefined","nextFilters","hasFilter","modifiedDataFilter","filtersWithoutFile","filterType","oppositeFilter","oppositeFilterIndex","findIndex","hasOppositeFilter","slice","splice","modifiedDataName","appliedFilter","_jsx","Popover","Content","sideOffset","form","_jsxs","Flex","padding","direction","alignItems","gap","style","minWidth","Box","SingleSelect","aria-label","id","defaultMessage","size","onChange","map","SingleSelectOption","metadatas","label","option","intlLabel","FilterValueInput","Button","variant","startIcon","Plus","fullWidth"],"mappings":"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"}

package/dist/admin/components/FilterPopover/FilterPopover.mjs

@@ -0,0 +1,254 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Popover, Flex, Box, SingleSelect, SingleSelectOption, Button } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { FilterValueInput } from './FilterValueInput.mjs';
+import { getFilterList } from './utils/getFilterList.mjs';
+
+// TODO: find a better naming convention for the file that was an index file before
+const FilterPopover = ({ displayedFilters, filters, onSubmit, onToggle })=>{
+    const { formatMessage } = useIntl();
+    const [modifiedData, setModifiedData] = React.useState({
+        name: 'createdAt',
+        filter: '$eq',
+        value: ''
+    });
+    const handleChangeFilterField = (value)=>{
+        const nextField = displayedFilters.find((f)=>f.name === value);
+        if (!nextField) {
+            return;
+        }
+        const { fieldSchema: { type, options } } = nextField;
+        let filterValue = '';
+        if (type === 'enumeration') {
+            filterValue = options?.[0].value || '';
+        }
+        const filter = getFilterList(nextField)[0].value;
+        setModifiedData({
+            name: value.toString(),
+            filter,
+            value: filterValue
+        });
+    };
+    const handleChangeOperator = (operator)=>{
+        if (modifiedData.name === 'mime') {
+            setModifiedData((prev)=>({
+                    ...prev,
+                    filter: operator.toString(),
+                    value: 'image'
+                }));
+        } else {
+            setModifiedData((prev)=>({
+                    ...prev,
+                    filter: operator.toString(),
+                    value: ''
+                }));
+        }
+    };
+    const handleSubmit = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        const encodedValue = encodeURIComponent(modifiedData.value);
+        if (encodedValue) {
+            if (modifiedData.name === 'mime') {
+                const alreadyAppliedFilters = filters.filter((filter)=>{
+                    return Object.keys(filter)[0] === 'mime';
+                });
+                if (modifiedData.value === 'file') {
+                    const filtersWithoutMimeType = filters.filter((filter)=>{
+                        return Object.keys(filter)[0] !== 'mime';
+                    });
+                    let hasCurrentFilter = false;
+                    let filterToAdd;
+                    if (modifiedData.filter === '$contains') {
+                        hasCurrentFilter = alreadyAppliedFilters.find((filter)=>{
+                            if (typeof filter.mime?.$not !== 'string' && !Array.isArray(filter.mime?.$not)) {
+                                return filter.mime?.$not?.$contains !== undefined;
+                            }
+                        }) !== undefined;
+                        filterToAdd = {
+                            mime: {
+                                $not: {
+                                    $contains: [
+                                        'image',
+                                        'video'
+                                    ]
+                                }
+                            }
+                        };
+                    } else {
+                        hasCurrentFilter = alreadyAppliedFilters.find((filter)=>{
+                            return Array.isArray(filter.mime?.$contains);
+                        }) !== undefined;
+                        filterToAdd = {
+                            mime: {
+                                $contains: [
+                                    'image',
+                                    'video'
+                                ]
+                            }
+                        };
+                    }
+                    if (hasCurrentFilter) {
+                        onToggle();
+                        return;
+                    }
+                    const nextFilters = [
+                        ...filtersWithoutMimeType,
+                        filterToAdd
+                    ];
+                    onSubmit(nextFilters);
+                    onToggle();
+                    return;
+                }
+                const hasFilter = alreadyAppliedFilters.find((filter)=>{
+                    const modifiedDataFilter = modifiedData.filter;
+                    return filter.mime && filter.mime[modifiedDataFilter] === modifiedData.value;
+                }) !== undefined;
+                // Don't apply the same filter twice
+                if (hasFilter) {
+                    onToggle();
+                    return;
+                }
+                const filtersWithoutFile = filters.filter((filter)=>{
+                    const filterType = Object.keys(filter)[0];
+                    if (filterType !== 'mime') {
+                        return true;
+                    }
+                    if (typeof filter.mime?.$not !== 'string' && !Array.isArray(filter.mime?.$not) && filter.mime?.$not?.$contains !== undefined) {
+                        return false;
+                    }
+                    if (Array.isArray(filter?.mime?.$contains)) {
+                        return false;
+                    }
+                    return true;
+                });
+                const oppositeFilter = modifiedData.filter === '$contains' ? '$notContains' : '$contains';
+                const oppositeFilterIndex = filtersWithoutFile.findIndex((filter)=>{
+                    return filter.mime?.[oppositeFilter] === modifiedData.value;
+                });
+                const hasOppositeFilter = oppositeFilterIndex !== -1;
+                const filterToAdd = {
+                    [modifiedData.name]: {
+                        [modifiedData.filter]: modifiedData.value
+                    }
+                };
+                if (!hasOppositeFilter) {
+                    const nextFilters = [
+                        ...filtersWithoutFile,
+                        filterToAdd
+                    ];
+                    onSubmit(nextFilters);
+                    onToggle();
+                    return;
+                }
+                if (hasOppositeFilter) {
+                    const nextFilters = filtersWithoutFile.slice();
+                    nextFilters.splice(oppositeFilterIndex, 1, filterToAdd);
+                    onSubmit(nextFilters);
+                    onToggle();
+                }
+                return;
+            }
+            const hasFilter = filters.find((filter)=>{
+                const modifiedDataName = modifiedData.name;
+                return filter[modifiedDataName] && filter[modifiedDataName]?.[modifiedDataName] === encodedValue;
+            }) !== undefined;
+            if (!hasFilter) {
+                const filterToAdd = {
+                    [modifiedData.name]: {
+                        [modifiedData.filter]: encodedValue
+                    }
+                };
+                const nextFilters = [
+                    ...filters,
+                    filterToAdd
+                ];
+                onSubmit(nextFilters);
+            }
+        }
+        onToggle();
+    };
+    const appliedFilter = displayedFilters.find((filter)=>filter.name === modifiedData.name);
+    return /*#__PURE__*/ jsx(Popover.Content, {
+        sideOffset: 4,
+        children: /*#__PURE__*/ jsx("form", {
+            onSubmit: handleSubmit,
+            children: /*#__PURE__*/ jsxs(Flex, {
+                padding: 3,
+                direction: "column",
+                alignItems: "stretch",
+                gap: 1,
+                style: {
+                    minWidth: 184
+                },
+                children: [
+                    /*#__PURE__*/ jsx(Box, {
+                        children: /*#__PURE__*/ jsx(SingleSelect, {
+                            "aria-label": formatMessage({
+                                id: 'app.utils.select-field',
+                                defaultMessage: 'Select field'
+                            }),
+                            name: "name",
+                            size: "M",
+                            onChange: handleChangeFilterField,
+                            value: modifiedData.name,
+                            children: displayedFilters.map((filter)=>{
+                                return /*#__PURE__*/ jsx(SingleSelectOption, {
+                                    value: filter.name,
+                                    children: filter.metadatas?.label
+                                }, filter.name);
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Box, {
+                        children: /*#__PURE__*/ jsx(SingleSelect, {
+                            "aria-label": formatMessage({
+                                id: 'app.utils.select-filter',
+                                defaultMessage: 'Select filter'
+                            }),
+                            name: "filter",
+                            size: "M",
+                            value: modifiedData.filter,
+                            onChange: handleChangeOperator,
+                            children: getFilterList(appliedFilter).map((option)=>{
+                                return /*#__PURE__*/ jsx(SingleSelectOption, {
+                                    value: option.value,
+                                    children: formatMessage(option.intlLabel)
+                                }, option.value);
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Box, {
+                        children: /*#__PURE__*/ jsx(FilterValueInput, {
+                            ...appliedFilter?.metadatas,
+                            ...appliedFilter?.fieldSchema,
+                            value: modifiedData.value,
+                            onChange: (value)=>setModifiedData((prev)=>({
+                                        ...prev,
+                                        value
+                                    }))
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Box, {
+                        children: /*#__PURE__*/ jsx(Button, {
+                            size: "L",
+                            variant: "secondary",
+                            startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                            type: "submit",
+                            fullWidth: true,
+                            children: formatMessage({
+                                id: 'app.utils.add-filter',
+                                defaultMessage: 'Add filter'
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+export { FilterPopover };
+//# sourceMappingURL=FilterPopover.mjs.map

package/dist/admin/components/FilterPopover/FilterPopover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterPopover.mjs","sources":["../../../../admin/src/components/FilterPopover/FilterPopover.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\n/**\n *\n * FilterPopover\n *\n */\nimport * as React from 'react';\n\nimport {\n  Box,\n  Button,\n  Flex,\n  SingleSelectOption,\n  Popover,\n  SingleSelect,\n} from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { FilterValueInput } from './FilterValueInput';\nimport { getFilterList } from './utils/getFilterList';\n\ntype Filter = {\n  [key in 'mime' | 'createdAt' | 'updatedAt']?:\n    | {\n        [key in '$contains' | '$notContains' | '$eq' | '$not']?:\n          | string[]\n          | string\n          | { $contains: string[] };\n      }\n    | undefined;\n};\n\nexport interface FilterPopoverProps {\n  displayedFilters: {\n    name: string;\n    metadatas?: {\n      label?: string;\n    };\n    fieldSchema: {\n      type: string;\n      options?: {\n        value: string;\n      }[];\n      mainField?: {\n        schema: {\n          type: string;\n        };\n      };\n    };\n  }[];\n  filters: Filter[];\n  onSubmit: (filters: Filter[]) => void;\n  onToggle: () => void;\n}\n\nexport const FilterPopover = ({\n  displayedFilters,\n  filters,\n  onSubmit,\n  onToggle,\n}: FilterPopoverProps) => {\n  const { formatMessage } = useIntl();\n\n  const [modifiedData, setModifiedData] = React.useState({\n    name: 'createdAt',\n    filter: '$eq',\n    value: '',\n  });\n\n  const handleChangeFilterField = (value: string | number) => {\n    const nextField = displayedFilters.find((f) => f.name === value);\n    if (!nextField) {\n      return;\n    }\n    const {\n      fieldSchema: { type, options },\n    } = nextField;\n    let filterValue = '';\n\n    if (type === 'enumeration') {\n      filterValue = options?.[0].value || '';\n    }\n\n    const filter = getFilterList(nextField)[0].value;\n\n    setModifiedData({ name: value.toString(), filter, value: filterValue });\n  };\n\n  const handleChangeOperator = (operator: string | number) => {\n    if (modifiedData.name === 'mime') {\n      setModifiedData((prev) => ({ ...prev, filter: operator.toString(), value: 'image' }));\n    } else {\n      setModifiedData((prev) => ({ ...prev, filter: operator.toString(), value: '' }));\n    }\n  };\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const encodedValue = encodeURIComponent(modifiedData.value);\n\n    if (encodedValue) {\n      if (modifiedData.name === 'mime') {\n        const alreadyAppliedFilters = filters.filter((filter) => {\n          return Object.keys(filter)[0] === 'mime';\n        });\n\n        if (modifiedData.value === 'file') {\n          const filtersWithoutMimeType = filters.filter((filter) => {\n            return Object.keys(filter)[0] !== 'mime';\n          });\n\n          let hasCurrentFilter = false;\n\n          let filterToAdd: Filter;\n\n          if (modifiedData.filter === '$contains') {\n            hasCurrentFilter =\n              alreadyAppliedFilters.find((filter) => {\n                if (typeof filter.mime?.$not !== 'string' && !Array.isArray(filter.mime?.$not)) {\n                  return filter.mime?.$not?.$contains !== undefined;\n                }\n              }) !== undefined;\n\n            filterToAdd = {\n              mime: {\n                $not: {\n                  $contains: ['image', 'video'],\n                },\n              },\n            };\n          } else {\n            hasCurrentFilter =\n              alreadyAppliedFilters.find((filter) => {\n                return Array.isArray(filter.mime?.$contains);\n              }) !== undefined;\n\n            filterToAdd = {\n              mime: {\n                $contains: ['image', 'video'],\n              },\n            };\n          }\n\n          if (hasCurrentFilter) {\n            onToggle();\n\n            return;\n          }\n\n          const nextFilters = [...filtersWithoutMimeType, filterToAdd];\n          onSubmit(nextFilters);\n\n          onToggle();\n\n          return;\n        }\n\n        const hasFilter =\n          alreadyAppliedFilters.find((filter) => {\n            const modifiedDataFilter = modifiedData.filter;\n            return (\n              filter.mime &&\n              filter.mime[modifiedDataFilter as keyof typeof filter.mime] === modifiedData.value\n            );\n          }) !== undefined;\n\n        // Don't apply the same filter twice\n        if (hasFilter) {\n          onToggle();\n\n          return;\n        }\n\n        const filtersWithoutFile = filters.filter((filter) => {\n          const filterType = Object.keys(filter)[0];\n\n          if (filterType !== 'mime') {\n            return true;\n          }\n\n          if (\n            typeof filter.mime?.$not !== 'string' &&\n            !Array.isArray(filter.mime?.$not) &&\n            filter.mime?.$not?.$contains !== undefined\n          ) {\n            return false;\n          }\n\n          if (Array.isArray(filter?.mime?.$contains)) {\n            return false;\n          }\n\n          return true;\n        });\n\n        const oppositeFilter = modifiedData.filter === '$contains' ? '$notContains' : '$contains';\n\n        const oppositeFilterIndex = filtersWithoutFile.findIndex((filter) => {\n          return filter.mime?.[oppositeFilter] === modifiedData.value;\n        });\n        const hasOppositeFilter = oppositeFilterIndex !== -1;\n\n        const filterToAdd = { [modifiedData.name]: { [modifiedData.filter]: modifiedData.value } };\n\n        if (!hasOppositeFilter) {\n          const nextFilters = [...filtersWithoutFile, filterToAdd];\n\n          onSubmit(nextFilters);\n\n          onToggle();\n\n          return;\n        }\n\n        if (hasOppositeFilter) {\n          const nextFilters = filtersWithoutFile.slice();\n          nextFilters.splice(oppositeFilterIndex, 1, filterToAdd);\n          onSubmit(nextFilters);\n\n          onToggle();\n        }\n\n        return;\n      }\n\n      const hasFilter =\n        filters.find((filter) => {\n          const modifiedDataName = modifiedData.name as\n            | 'mime'\n            | 'createdAt'\n            | 'updatedAt'\n            | '$contains'\n            | '$notContains'\n            | '$eq'\n            | '$not';\n          return (\n            filter[modifiedDataName as 'mime' | 'createdAt' | 'updatedAt'] &&\n            filter[modifiedDataName as 'mime' | 'createdAt' | 'updatedAt']?.[\n              modifiedDataName as '$contains' | '$notContains' | '$eq' | '$not'\n            ] === encodedValue\n          );\n        }) !== undefined;\n\n      if (!hasFilter) {\n        const filterToAdd = { [modifiedData.name]: { [modifiedData.filter]: encodedValue } };\n\n        const nextFilters = [...filters, filterToAdd];\n\n        onSubmit(nextFilters);\n      }\n    }\n\n    onToggle();\n  };\n\n  const appliedFilter = displayedFilters.find((filter) => filter.name === modifiedData.name);\n\n  return (\n    <Popover.Content sideOffset={4}>\n      <form onSubmit={handleSubmit}>\n        <Flex padding={3} direction=\"column\" alignItems=\"stretch\" gap={1} style={{ minWidth: 184 }}>\n          <Box>\n            <SingleSelect\n              aria-label={formatMessage({\n                id: 'app.utils.select-field',\n                defaultMessage: 'Select field',\n              })}\n              name=\"name\"\n              size=\"M\"\n              onChange={handleChangeFilterField}\n              value={modifiedData.name}\n            >\n              {displayedFilters.map((filter) => {\n                return (\n                  <SingleSelectOption key={filter.name} value={filter.name}>\n                    {filter.metadatas?.label}\n                  </SingleSelectOption>\n                );\n              })}\n            </SingleSelect>\n          </Box>\n          <Box>\n            <SingleSelect\n              aria-label={formatMessage({\n                id: 'app.utils.select-filter',\n                defaultMessage: 'Select filter',\n              })}\n              name=\"filter\"\n              size=\"M\"\n              value={modifiedData.filter}\n              onChange={handleChangeOperator}\n            >\n              {getFilterList(appliedFilter!).map((option) => {\n                return (\n                  <SingleSelectOption key={option.value} value={option.value}>\n                    {formatMessage(option.intlLabel)}\n                  </SingleSelectOption>\n                );\n              })}\n            </SingleSelect>\n          </Box>\n          <Box>\n            <FilterValueInput\n              {...appliedFilter?.metadatas}\n              {...appliedFilter?.fieldSchema}\n              value={modifiedData.value}\n              onChange={(value) => setModifiedData((prev) => ({ ...prev, value }))}\n            />\n          </Box>\n          <Box>\n            <Button size=\"L\" variant=\"secondary\" startIcon={<Plus />} type=\"submit\" fullWidth>\n              {formatMessage({ id: 'app.utils.add-filter', defaultMessage: 'Add filter' })}\n            </Button>\n          </Box>\n        </Flex>\n      </form>\n    </Popover.Content>\n  );\n};\n"],"names":["FilterPopover","displayedFilters","filters","onSubmit","onToggle","formatMessage","useIntl","modifiedData","setModifiedData","React","useState","name","filter","value","handleChangeFilterField","nextField","find","f","fieldSchema","type","options","filterValue","getFilterList","toString","handleChangeOperator","operator","prev","handleSubmit","e","preventDefault","stopPropagation","encodedValue","encodeURIComponent","alreadyAppliedFilters","Object","keys","filtersWithoutMimeType","hasCurrentFilter","filterToAdd","mime","$not","Array","isArray","$contains","undefined","nextFilters","hasFilter","modifiedDataFilter","filtersWithoutFile","filterType","oppositeFilter","oppositeFilterIndex","findIndex","hasOppositeFilter","slice","splice","modifiedDataName","appliedFilter","_jsx","Popover","Content","sideOffset","form","_jsxs","Flex","padding","direction","alignItems","gap","style","minWidth","Box","SingleSelect","aria-label","id","defaultMessage","size","onChange","map","SingleSelectOption","metadatas","label","option","intlLabel","FilterValueInput","Button","variant","startIcon","Plus","fullWidth"],"mappings":"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"}

package/dist/admin/components/FilterPopover/FilterValueInput.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+
+const FilterValueInput = ({ label = '', onChange, options = [], type, value = '' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    if (type === 'date') {
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.DateTimePicker, {
+            clearLabel: formatMessage({
+                id: 'clearLabel',
+                defaultMessage: 'Clear'
+            }),
+            "aria-label": label,
+            name: "datetimepicker",
+            onChange: (date)=>{
+                const formattedDate = date ? new Date(date).toISOString() : '';
+                onChange(formattedDate);
+            },
+            onClear: ()=>onChange(''),
+            value: value ? new Date(value) : undefined
+        });
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+        "aria-label": label,
+        onChange: (value)=>onChange(value.toString()),
+        value: value,
+        children: options?.map((option)=>{
+            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                value: option.value,
+                children: option.label
+            }, option.value);
+        })
+    });
+};
+
+exports.FilterValueInput = FilterValueInput;
+//# sourceMappingURL=FilterValueInput.js.map

package/dist/admin/components/FilterPopover/FilterValueInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterValueInput.js","sources":["../../../../admin/src/components/FilterPopover/FilterValueInput.tsx"],"sourcesContent":["import { DateTimePicker, SingleSelectOption, SingleSelect } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\ninterface FilterValueInputProps {\n  label?: string;\n  onChange: (value: string) => void;\n  options?: { label?: string; value: string }[];\n  type?: string;\n  value?: string;\n}\n\nexport const FilterValueInput = ({\n  label = '',\n  onChange,\n  options = [],\n  type,\n  value = '',\n}: FilterValueInputProps) => {\n  const { formatMessage } = useIntl();\n\n  if (type === 'date') {\n    return (\n      <DateTimePicker\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n        aria-label={label}\n        name=\"datetimepicker\"\n        onChange={(date) => {\n          const formattedDate = date ? new Date(date).toISOString() : '';\n\n          onChange(formattedDate);\n        }}\n        onClear={() => onChange('')}\n        value={value ? new Date(value) : undefined}\n      />\n    );\n  }\n\n  return (\n    <SingleSelect\n      aria-label={label}\n      onChange={(value: string | number) => onChange(value.toString())}\n      value={value}\n    >\n      {options?.map((option) => {\n        return (\n          <SingleSelectOption key={option.value} value={option.value}>\n            {option.label}\n          </SingleSelectOption>\n        );\n      })}\n    </SingleSelect>\n  );\n};\n"],"names":["FilterValueInput","label","onChange","options","type","value","formatMessage","useIntl","_jsx","DateTimePicker","clearLabel","id","defaultMessage","aria-label","name","date","formattedDate","Date","toISOString","onClear","undefined","SingleSelect","toString","map","option","SingleSelectOption"],"mappings":";;;;;;MAWaA,gBAAmB,GAAA,CAAC,EAC/BC,KAAAA,GAAQ,EAAE,EACVC,QAAQ,EACRC,OAAAA,GAAU,EAAE,EACZC,IAAI,EACJC,KAAAA,GAAQ,EAAE,EACY,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,IAAIH,SAAS,MAAQ,EAAA;AACnB,QAAA,qBACEI,cAACC,CAAAA,2BAAAA,EAAAA;AACCC,YAAAA,UAAAA,EAAYJ,aAAc,CAAA;gBAAEK,EAAI,EAAA,YAAA;gBAAcC,cAAgB,EAAA;AAAQ,aAAA,CAAA;YACtEC,YAAYZ,EAAAA,KAAAA;YACZa,IAAK,EAAA,gBAAA;AACLZ,YAAAA,QAAAA,EAAU,CAACa,IAAAA,GAAAA;AACT,gBAAA,MAAMC,gBAAgBD,IAAO,GAAA,IAAIE,IAAKF,CAAAA,IAAAA,CAAAA,CAAMG,WAAW,EAAK,GAAA,EAAA;gBAE5DhB,QAASc,CAAAA,aAAAA,CAAAA;AACX,aAAA;AACAG,YAAAA,OAAAA,EAAS,IAAMjB,QAAS,CAAA,EAAA,CAAA;YACxBG,KAAOA,EAAAA,KAAAA,GAAQ,IAAIY,IAAAA,CAAKZ,KAASe,CAAAA,GAAAA;;AAGvC;AAEA,IAAA,qBACEZ,cAACa,CAAAA,yBAAAA,EAAAA;QACCR,YAAYZ,EAAAA,KAAAA;AACZC,QAAAA,QAAAA,EAAU,CAACG,KAAAA,GAA2BH,QAASG,CAAAA,KAAAA,CAAMiB,QAAQ,EAAA,CAAA;QAC7DjB,KAAOA,EAAAA,KAAAA;AAENF,QAAAA,QAAAA,EAAAA,OAAAA,EAASoB,IAAI,CAACC,MAAAA,GAAAA;AACb,YAAA,qBACEhB,cAACiB,CAAAA,+BAAAA,EAAAA;AAAsCpB,gBAAAA,KAAAA,EAAOmB,OAAOnB,KAAK;AACvDmB,gBAAAA,QAAAA,EAAAA,MAAAA,CAAOvB;AADeuB,aAAAA,EAAAA,MAAAA,CAAOnB,KAAK,CAAA;AAIzC,SAAA;;AAGN;;;;"}

package/dist/admin/components/FilterPopover/FilterValueInput.mjs

@@ -0,0 +1,37 @@
+import { jsx } from 'react/jsx-runtime';
+import { DateTimePicker, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+
+const FilterValueInput = ({ label = '', onChange, options = [], type, value = '' })=>{
+    const { formatMessage } = useIntl();
+    if (type === 'date') {
+        return /*#__PURE__*/ jsx(DateTimePicker, {
+            clearLabel: formatMessage({
+                id: 'clearLabel',
+                defaultMessage: 'Clear'
+            }),
+            "aria-label": label,
+            name: "datetimepicker",
+            onChange: (date)=>{
+                const formattedDate = date ? new Date(date).toISOString() : '';
+                onChange(formattedDate);
+            },
+            onClear: ()=>onChange(''),
+            value: value ? new Date(value) : undefined
+        });
+    }
+    return /*#__PURE__*/ jsx(SingleSelect, {
+        "aria-label": label,
+        onChange: (value)=>onChange(value.toString()),
+        value: value,
+        children: options?.map((option)=>{
+            return /*#__PURE__*/ jsx(SingleSelectOption, {
+                value: option.value,
+                children: option.label
+            }, option.value);
+        })
+    });
+};
+
+export { FilterValueInput };
+//# sourceMappingURL=FilterValueInput.mjs.map

package/dist/admin/components/FilterPopover/FilterValueInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterValueInput.mjs","sources":["../../../../admin/src/components/FilterPopover/FilterValueInput.tsx"],"sourcesContent":["import { DateTimePicker, SingleSelectOption, SingleSelect } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\ninterface FilterValueInputProps {\n  label?: string;\n  onChange: (value: string) => void;\n  options?: { label?: string; value: string }[];\n  type?: string;\n  value?: string;\n}\n\nexport const FilterValueInput = ({\n  label = '',\n  onChange,\n  options = [],\n  type,\n  value = '',\n}: FilterValueInputProps) => {\n  const { formatMessage } = useIntl();\n\n  if (type === 'date') {\n    return (\n      <DateTimePicker\n        clearLabel={formatMessage({ id: 'clearLabel', defaultMessage: 'Clear' })}\n        aria-label={label}\n        name=\"datetimepicker\"\n        onChange={(date) => {\n          const formattedDate = date ? new Date(date).toISOString() : '';\n\n          onChange(formattedDate);\n        }}\n        onClear={() => onChange('')}\n        value={value ? new Date(value) : undefined}\n      />\n    );\n  }\n\n  return (\n    <SingleSelect\n      aria-label={label}\n      onChange={(value: string | number) => onChange(value.toString())}\n      value={value}\n    >\n      {options?.map((option) => {\n        return (\n          <SingleSelectOption key={option.value} value={option.value}>\n            {option.label}\n          </SingleSelectOption>\n        );\n      })}\n    </SingleSelect>\n  );\n};\n"],"names":["FilterValueInput","label","onChange","options","type","value","formatMessage","useIntl","_jsx","DateTimePicker","clearLabel","id","defaultMessage","aria-label","name","date","formattedDate","Date","toISOString","onClear","undefined","SingleSelect","toString","map","option","SingleSelectOption"],"mappings":";;;;MAWaA,gBAAmB,GAAA,CAAC,EAC/BC,KAAAA,GAAQ,EAAE,EACVC,QAAQ,EACRC,OAAAA,GAAU,EAAE,EACZC,IAAI,EACJC,KAAAA,GAAQ,EAAE,EACY,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,IAAIH,SAAS,MAAQ,EAAA;AACnB,QAAA,qBACEI,GAACC,CAAAA,cAAAA,EAAAA;AACCC,YAAAA,UAAAA,EAAYJ,aAAc,CAAA;gBAAEK,EAAI,EAAA,YAAA;gBAAcC,cAAgB,EAAA;AAAQ,aAAA,CAAA;YACtEC,YAAYZ,EAAAA,KAAAA;YACZa,IAAK,EAAA,gBAAA;AACLZ,YAAAA,QAAAA,EAAU,CAACa,IAAAA,GAAAA;AACT,gBAAA,MAAMC,gBAAgBD,IAAO,GAAA,IAAIE,IAAKF,CAAAA,IAAAA,CAAAA,CAAMG,WAAW,EAAK,GAAA,EAAA;gBAE5DhB,QAASc,CAAAA,aAAAA,CAAAA;AACX,aAAA;AACAG,YAAAA,OAAAA,EAAS,IAAMjB,QAAS,CAAA,EAAA,CAAA;YACxBG,KAAOA,EAAAA,KAAAA,GAAQ,IAAIY,IAAAA,CAAKZ,KAASe,CAAAA,GAAAA;;AAGvC;AAEA,IAAA,qBACEZ,GAACa,CAAAA,YAAAA,EAAAA;QACCR,YAAYZ,EAAAA,KAAAA;AACZC,QAAAA,QAAAA,EAAU,CAACG,KAAAA,GAA2BH,QAASG,CAAAA,KAAAA,CAAMiB,QAAQ,EAAA,CAAA;QAC7DjB,KAAOA,EAAAA,KAAAA;AAENF,QAAAA,QAAAA,EAAAA,OAAAA,EAASoB,IAAI,CAACC,MAAAA,GAAAA;AACb,YAAA,qBACEhB,GAACiB,CAAAA,kBAAAA,EAAAA;AAAsCpB,gBAAAA,KAAAA,EAAOmB,OAAOnB,KAAK;AACvDmB,gBAAAA,QAAAA,EAAAA,MAAAA,CAAOvB;AADeuB,aAAAA,EAAAA,MAAAA,CAAOnB,KAAK,CAAA;AAIzC,SAAA;;AAGN;;;;"}

package/dist/admin/components/FilterPopover/utils/getFilterList.js

@@ -0,0 +1,114 @@
+'use strict';
+
+const getFilterList = ({ fieldSchema: { type: fieldType, mainField } })=>{
+    const type = mainField?.schema.type ? mainField.schema.type : fieldType;
+    switch(type){
+        case 'enumeration':
+            {
+                return [
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$eq',
+                            defaultMessage: 'is'
+                        },
+                        value: '$contains'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$ne',
+                            defaultMessage: 'is not'
+                        },
+                        value: '$notContains'
+                    }
+                ];
+            }
+        case 'date':
+            {
+                return [
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$eq',
+                            defaultMessage: 'is'
+                        },
+                        value: '$eq'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$ne',
+                            defaultMessage: 'is not'
+                        },
+                        value: '$ne'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$gt',
+                            defaultMessage: 'is greater than'
+                        },
+                        value: '$gt'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$gte',
+                            defaultMessage: 'is greater than or equal to'
+                        },
+                        value: '$gte'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$lt',
+                            defaultMessage: 'is less than'
+                        },
+                        value: '$lt'
+                    },
+                    {
+                        intlLabel: {
+                            id: 'components.FilterOptions.FILTER_TYPES.$lte',
+                            defaultMessage: 'is less than or equal to'
+                        },
+                        value: '$lte'
+                    }
+                ];
+            }
+        default:
+            return [
+                {
+                    intlLabel: {
+                        id: 'components.FilterOptions.FILTER_TYPES.$eq',
+                        defaultMessage: 'is'
+                    },
+                    value: '$eq'
+                },
+                {
+                    intlLabel: {
+                        id: 'components.FilterOptions.FILTER_TYPES.$eqi',
+                        defaultMessage: 'is (case insensitive)'
+                    },
+                    value: '$eqi'
+                },
+                {
+                    intlLabel: {
+                        id: 'components.FilterOptions.FILTER_TYPES.$ne',
+                        defaultMessage: 'is not'
+                    },
+                    value: '$ne'
+                },
+                {
+                    intlLabel: {
+                        id: 'components.FilterOptions.FILTER_TYPES.$null',
+                        defaultMessage: 'is null'
+                    },
+                    value: '$null'
+                },
+                {
+                    intlLabel: {
+                        id: 'components.FilterOptions.FILTER_TYPES.$notNull',
+                        defaultMessage: 'is not null'
+                    },
+                    value: '$notNull'
+                }
+            ];
+    }
+};
+
+exports.getFilterList = getFilterList;
+//# sourceMappingURL=getFilterList.js.map

package/dist/admin/components/FilterPopover/utils/getFilterList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFilterList.js","sources":["../../../../../admin/src/components/FilterPopover/utils/getFilterList.ts"],"sourcesContent":["interface GetFilterListProps {\n  fieldSchema: {\n    type: string;\n    options?: { value: string }[];\n    mainField?: {\n      schema: {\n        type: string;\n      };\n    };\n  };\n}\n\nexport const getFilterList = ({\n  fieldSchema: { type: fieldType, mainField },\n}: GetFilterListProps) => {\n  const type = mainField?.schema.type ? mainField.schema.type : fieldType;\n\n  switch (type) {\n    case 'enumeration': {\n      return [\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$eq',\n            defaultMessage: 'is',\n          },\n          value: '$contains',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$ne',\n            defaultMessage: 'is not',\n          },\n          value: '$notContains',\n        },\n      ];\n    }\n\n    case 'date': {\n      return [\n        {\n          intlLabel: { id: 'components.FilterOptions.FILTER_TYPES.$eq', defaultMessage: 'is' },\n          value: '$eq',\n        },\n        {\n          intlLabel: { id: 'components.FilterOptions.FILTER_TYPES.$ne', defaultMessage: 'is not' },\n          value: '$ne',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$gt',\n            defaultMessage: 'is greater than',\n          },\n          value: '$gt',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$gte',\n            defaultMessage: 'is greater than or equal to',\n          },\n          value: '$gte',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$lt',\n            defaultMessage: 'is less than',\n          },\n          value: '$lt',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$lte',\n            defaultMessage: 'is less than or equal to',\n          },\n          value: '$lte',\n        },\n      ];\n    }\n\n    default:\n      return [\n        {\n          intlLabel: { id: 'components.FilterOptions.FILTER_TYPES.$eq', defaultMessage: 'is' },\n          value: '$eq',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$eqi',\n            defaultMessage: 'is (case insensitive)',\n          },\n          value: '$eqi',\n        },\n        {\n          intlLabel: { id: 'components.FilterOptions.FILTER_TYPES.$ne', defaultMessage: 'is not' },\n          value: '$ne',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$null',\n            defaultMessage: 'is null',\n          },\n          value: '$null',\n        },\n        {\n          intlLabel: {\n            id: 'components.FilterOptions.FILTER_TYPES.$notNull',\n            defaultMessage: 'is not null',\n          },\n          value: '$notNull',\n        },\n      ];\n  }\n};\n"],"names":["getFilterList","fieldSchema","type","fieldType","mainField","schema","intlLabel","id","defaultMessage","value"],"mappings":";;AAYO,MAAMA,aAAgB,GAAA,CAAC,EAC5BC,WAAAA,EAAa,EAAEC,IAAAA,EAAMC,SAAS,EAAEC,SAAS,EAAE,EACxB,GAAA;IACnB,MAAMF,IAAAA,GAAOE,WAAWC,MAAOH,CAAAA,IAAAA,GAAOE,UAAUC,MAAM,CAACH,IAAI,GAAGC,SAAAA;IAE9D,OAAQD,IAAAA;QACN,KAAK,aAAA;AAAe,YAAA;gBAClB,OAAO;AACL,oBAAA;wBACEI,SAAW,EAAA;4BACTC,EAAI,EAAA,2CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BACTC,EAAI,EAAA,2CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT;AACD,iBAAA;AACH;QAEA,KAAK,MAAA;AAAQ,YAAA;gBACX,OAAO;AACL,oBAAA;wBACEH,SAAW,EAAA;4BAAEC,EAAI,EAAA,2CAAA;4BAA6CC,cAAgB,EAAA;AAAK,yBAAA;wBACnFC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BAAEC,EAAI,EAAA,2CAAA;4BAA6CC,cAAgB,EAAA;AAAS,yBAAA;wBACvFC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BACTC,EAAI,EAAA,2CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BACTC,EAAI,EAAA,4CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BACTC,EAAI,EAAA,2CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT,qBAAA;AACA,oBAAA;wBACEH,SAAW,EAAA;4BACTC,EAAI,EAAA,4CAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA;wBACAC,KAAO,EAAA;AACT;AACD,iBAAA;AACH;AAEA,QAAA;YACE,OAAO;AACL,gBAAA;oBACEH,SAAW,EAAA;wBAAEC,EAAI,EAAA,2CAAA;wBAA6CC,cAAgB,EAAA;AAAK,qBAAA;oBACnFC,KAAO,EAAA;AACT,iBAAA;AACA,gBAAA;oBACEH,SAAW,EAAA;wBACTC,EAAI,EAAA,4CAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA;oBACAC,KAAO,EAAA;AACT,iBAAA;AACA,gBAAA;oBACEH,SAAW,EAAA;wBAAEC,EAAI,EAAA,2CAAA;wBAA6CC,cAAgB,EAAA;AAAS,qBAAA;oBACvFC,KAAO,EAAA;AACT,iBAAA;AACA,gBAAA;oBACEH,SAAW,EAAA;wBACTC,EAAI,EAAA,6CAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA;oBACAC,KAAO,EAAA;AACT,iBAAA;AACA,gBAAA;oBACEH,SAAW,EAAA;wBACTC,EAAI,EAAA,gDAAA;wBACJC,cAAgB,EAAA;AAClB,qBAAA;oBACAC,KAAO,EAAA;AACT;AACD,aAAA;AACL;AACF;;;;"}