@strapi/upload 5.12.0 → 5.12.2

package/dist/admin/components/EmptyAssets/EmptyAssets.mjs

@@ -0,0 +1,51 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Flex, Typography } from '@strapi/design-system';
+import { EmptyDocuments } from '@strapi/icons/symbols';
+import { EmptyAssetGrid } from './EmptyAssetGrid.mjs';
+
+// TODO: find a better naming convention for the file that was an index file before
+const EmptyAssets = ({ icon: Icon = EmptyDocuments, content, action, size = 'M', count = 12 })=>{
+    return /*#__PURE__*/ jsxs(Box, {
+        position: "relative",
+        children: [
+            /*#__PURE__*/ jsx(EmptyAssetGrid, {
+                size: size,
+                count: count
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                position: "absolute",
+                top: 11,
+                width: "100%",
+                children: /*#__PURE__*/ jsxs(Flex, {
+                    direction: "column",
+                    alignItems: "center",
+                    gap: 4,
+                    textAlign: "center",
+                    children: [
+                        /*#__PURE__*/ jsxs(Flex, {
+                            direction: "column",
+                            alignItems: "center",
+                            gap: 6,
+                            children: [
+                                /*#__PURE__*/ jsx(Icon, {
+                                    width: "160px",
+                                    height: "88px"
+                                }),
+                                /*#__PURE__*/ jsx(Typography, {
+                                    variant: "delta",
+                                    tag: "p",
+                                    textColor: "neutral600",
+                                    children: content
+                                })
+                            ]
+                        }),
+                        action
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+export { EmptyAssets };
+//# sourceMappingURL=EmptyAssets.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyAssets.mjs","sources":["../../../../admin/src/components/EmptyAssets/EmptyAssets.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\n\nimport { EmptyAssetGrid } from './EmptyAssetGrid';\n\ninterface EmptyAssetsProps {\n  action?: React.ReactNode;\n  icon?: React.ElementType;\n  content: string;\n  size?: 'S' | 'M';\n  count?: number;\n}\n\nexport const EmptyAssets = ({\n  icon: Icon = EmptyDocuments,\n  content,\n  action,\n  size = 'M',\n  count = 12,\n}: EmptyAssetsProps) => {\n  return (\n    <Box position=\"relative\">\n      <EmptyAssetGrid size={size} count={count} />\n\n      <Box position=\"absolute\" top={11} width=\"100%\">\n        <Flex direction=\"column\" alignItems=\"center\" gap={4} textAlign=\"center\">\n          <Flex direction=\"column\" alignItems=\"center\" gap={6}>\n            <Icon width=\"160px\" height=\"88px\" />\n\n            <Typography variant=\"delta\" tag=\"p\" textColor=\"neutral600\">\n              {content}\n            </Typography>\n          </Flex>\n\n          {action}\n        </Flex>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["EmptyAssets","icon","Icon","EmptyDocuments","content","action","size","count","_jsxs","Box","position","_jsx","EmptyAssetGrid","top","width","Flex","direction","alignItems","gap","textAlign","height","Typography","variant","tag","textColor"],"mappings":";;;;;AAAA;MAcaA,WAAc,GAAA,CAAC,EAC1BC,IAAAA,EAAMC,OAAOC,cAAc,EAC3BC,OAAO,EACPC,MAAM,EACNC,IAAAA,GAAO,GAAG,EACVC,KAAAA,GAAQ,EAAE,EACO,GAAA;AACjB,IAAA,qBACEC,IAACC,CAAAA,GAAAA,EAAAA;QAAIC,QAAS,EAAA,UAAA;;0BACZC,GAACC,CAAAA,cAAAA,EAAAA;gBAAeN,IAAMA,EAAAA,IAAAA;gBAAMC,KAAOA,EAAAA;;0BAEnCI,GAACF,CAAAA,GAAAA,EAAAA;gBAAIC,QAAS,EAAA,UAAA;gBAAWG,GAAK,EAAA,EAAA;gBAAIC,KAAM,EAAA,MAAA;AACtC,gBAAA,QAAA,gBAAAN,IAACO,CAAAA,IAAAA,EAAAA;oBAAKC,SAAU,EAAA,QAAA;oBAASC,UAAW,EAAA,QAAA;oBAASC,GAAK,EAAA,CAAA;oBAAGC,SAAU,EAAA,QAAA;;sCAC7DX,IAACO,CAAAA,IAAAA,EAAAA;4BAAKC,SAAU,EAAA,QAAA;4BAASC,UAAW,EAAA,QAAA;4BAASC,GAAK,EAAA,CAAA;;8CAChDP,GAACT,CAAAA,IAAAA,EAAAA;oCAAKY,KAAM,EAAA,OAAA;oCAAQM,MAAO,EAAA;;8CAE3BT,GAACU,CAAAA,UAAAA,EAAAA;oCAAWC,OAAQ,EAAA,OAAA;oCAAQC,GAAI,EAAA,GAAA;oCAAIC,SAAU,EAAA,YAAA;AAC3CpB,oCAAAA,QAAAA,EAAAA;;;;AAIJC,wBAAAA;;;;;;AAKX;;;;"}

package/dist/admin/components/FilterList/FilterList.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var FilterTag = require('./FilterTag.js');
+
+// TODO: find a better naming convention for the file that was an index file before
+const FilterList = ({ appliedFilters, filtersSchema, onRemoveFilter })=>{
+    const handleClick = (filter)=>{
+        const nextFilters = appliedFilters.filter((prevFilter)=>{
+            const name = Object.keys(filter)[0];
+            const filterName = filter[name];
+            if (filterName !== undefined) {
+                const filterType = Object.keys(filterName)[0];
+                const filterValue = filterName[filterType];
+                if (typeof filterValue === 'string') {
+                    const decodedValue = decodeURIComponent(filterValue);
+                    return prevFilter[name]?.[filterType] !== decodedValue;
+                }
+            }
+            return true;
+        });
+        onRemoveFilter(nextFilters);
+    };
+    return appliedFilters.map((filter, i)=>{
+        const attributeName = Object.keys(filter)[0];
+        const attribute = filtersSchema.find(({ name })=>name === attributeName);
+        if (!attribute) {
+            // Handle the case where attribute is undefined
+            return null;
+        }
+        const filterObj = filter[attributeName];
+        const operator = Object.keys(filterObj)[0];
+        let value = filterObj[operator];
+        if (Array.isArray(value)) {
+            value = value.join(', ');
+        } else if (typeof value === 'object') {
+            value = Object.values(value).join(', ');
+        } else {
+            value = Array.isArray(value) || typeof value === 'object' ? Object.values(value).join(', ') : decodeURIComponent(value);
+        }
+        let displayedOperator = operator;
+        if (attribute?.name === 'mime') {
+            displayedOperator = operator === '$contains' ? '$eq' : '$ne';
+            // Type is file
+            // The filter for the file is the following: { mime: {$not: {$contains: ['image', 'video']}}}
+            if (operator === '$not') {
+                value = 'file';
+                displayedOperator = '$eq';
+            }
+            // Here the type is file and the filter is not file
+            // { mime: {$contains: ['image', 'video'] }}
+            if ([
+                'image',
+                'video'
+            ].includes(value[0]) && [
+                'image',
+                'video'
+            ].includes(value[1])) {
+                value = 'file';
+                displayedOperator = '$ne';
+            }
+        }
+        return /*#__PURE__*/ jsxRuntime.jsx(FilterTag.FilterTag, {
+            attribute: attribute,
+            filter: filter,
+            onClick: handleClick,
+            operator: displayedOperator,
+            value: value
+        }, `${attributeName}-${i}`);
+    });
+};
+
+exports.FilterList = FilterList;
+//# sourceMappingURL=FilterList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterList.js","sources":["../../../../admin/src/components/FilterList/FilterList.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\n/**\n *\n * FilterList\n *\n */\nimport { FilterTag } from './FilterTag';\n\ntype NumberKeyedObject = Record<number, string>;\n\ntype StringFilter = {\n  [key: string]: string;\n};\n\ntype MimeFilter = {\n  [key: string]:\n    | string\n    | NumberKeyedObject\n    | Record<string, string | NumberKeyedObject>\n    | undefined;\n};\n\nexport type FilterStructure = {\n  [key: string]: MimeFilter | StringFilter | undefined;\n};\n\nexport interface FilterListProps {\n  appliedFilters: FilterStructure[];\n  filtersSchema: {\n    name: string;\n    metadatas?: {\n      label?: string;\n    };\n    fieldSchema?: {\n      type?: string;\n      mainField?: {\n        name: string;\n        type: string;\n      };\n      options?: {\n        label: string;\n        value: string;\n      }[];\n    };\n  }[];\n  onRemoveFilter: (filters: FilterStructure[]) => void;\n}\n\nexport const FilterList = ({ appliedFilters, filtersSchema, onRemoveFilter }: FilterListProps) => {\n  const handleClick = (filter: FilterStructure) => {\n    const nextFilters = appliedFilters.filter((prevFilter) => {\n      const name = Object.keys(filter)[0];\n      const filterName = filter[name];\n      if (filterName !== undefined) {\n        const filterType = Object.keys(filterName)[0];\n        const filterValue = filterName[filterType];\n        if (typeof filterValue === 'string') {\n          const decodedValue = decodeURIComponent(filterValue);\n          return prevFilter[name]?.[filterType] !== decodedValue;\n        }\n      }\n\n      return true;\n    });\n\n    onRemoveFilter(nextFilters);\n  };\n\n  return appliedFilters.map((filter, i) => {\n    const attributeName = Object.keys(filter)[0];\n    const attribute = filtersSchema.find(({ name }) => name === attributeName);\n\n    if (!attribute) {\n      // Handle the case where attribute is undefined\n      return null;\n    }\n\n    const filterObj = filter[attributeName];\n    const operator = Object.keys(filterObj!)[0];\n    let value = filterObj![operator];\n\n    if (Array.isArray(value)) {\n      value = value.join(', ');\n    } else if (typeof value === 'object') {\n      value = Object.values(value).join(', ');\n    } else {\n      value =\n        Array.isArray(value) || typeof value === 'object'\n          ? Object.values(value).join(', ')\n          : decodeURIComponent(value!);\n    }\n\n    let displayedOperator = operator;\n\n    if (attribute?.name === 'mime') {\n      displayedOperator = operator === '$contains' ? '$eq' : '$ne';\n\n      // Type is file\n      // The filter for the file is the following: { mime: {$not: {$contains: ['image', 'video']}}}\n      if (operator === '$not') {\n        value = 'file';\n        displayedOperator = '$eq';\n      }\n\n      // Here the type is file and the filter is not file\n      // { mime: {$contains: ['image', 'video'] }}\n      if (['image', 'video'].includes(value[0]) && ['image', 'video'].includes(value[1])) {\n        value = 'file';\n        displayedOperator = '$ne';\n      }\n    }\n\n    return (\n      <FilterTag\n        // eslint-disable-next-line react/no-array-index-key\n        key={`${attributeName}-${i}`}\n        attribute={attribute}\n        filter={filter}\n        onClick={handleClick}\n        operator={displayedOperator}\n        value={value as string}\n      />\n    );\n  });\n};\n"],"names":["FilterList","appliedFilters","filtersSchema","onRemoveFilter","handleClick","filter","nextFilters","prevFilter","name","Object","keys","filterName","undefined","filterType","filterValue","decodedValue","decodeURIComponent","map","i","attributeName","attribute","find","filterObj","operator","value","Array","isArray","join","values","displayedOperator","includes","_jsx","FilterTag","onClick"],"mappings":"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"}

package/dist/admin/components/FilterList/FilterList.mjs

@@ -0,0 +1,72 @@
+import { jsx } from 'react/jsx-runtime';
+import { FilterTag } from './FilterTag.mjs';
+
+// TODO: find a better naming convention for the file that was an index file before
+const FilterList = ({ appliedFilters, filtersSchema, onRemoveFilter })=>{
+    const handleClick = (filter)=>{
+        const nextFilters = appliedFilters.filter((prevFilter)=>{
+            const name = Object.keys(filter)[0];
+            const filterName = filter[name];
+            if (filterName !== undefined) {
+                const filterType = Object.keys(filterName)[0];
+                const filterValue = filterName[filterType];
+                if (typeof filterValue === 'string') {
+                    const decodedValue = decodeURIComponent(filterValue);
+                    return prevFilter[name]?.[filterType] !== decodedValue;
+                }
+            }
+            return true;
+        });
+        onRemoveFilter(nextFilters);
+    };
+    return appliedFilters.map((filter, i)=>{
+        const attributeName = Object.keys(filter)[0];
+        const attribute = filtersSchema.find(({ name })=>name === attributeName);
+        if (!attribute) {
+            // Handle the case where attribute is undefined
+            return null;
+        }
+        const filterObj = filter[attributeName];
+        const operator = Object.keys(filterObj)[0];
+        let value = filterObj[operator];
+        if (Array.isArray(value)) {
+            value = value.join(', ');
+        } else if (typeof value === 'object') {
+            value = Object.values(value).join(', ');
+        } else {
+            value = Array.isArray(value) || typeof value === 'object' ? Object.values(value).join(', ') : decodeURIComponent(value);
+        }
+        let displayedOperator = operator;
+        if (attribute?.name === 'mime') {
+            displayedOperator = operator === '$contains' ? '$eq' : '$ne';
+            // Type is file
+            // The filter for the file is the following: { mime: {$not: {$contains: ['image', 'video']}}}
+            if (operator === '$not') {
+                value = 'file';
+                displayedOperator = '$eq';
+            }
+            // Here the type is file and the filter is not file
+            // { mime: {$contains: ['image', 'video'] }}
+            if ([
+                'image',
+                'video'
+            ].includes(value[0]) && [
+                'image',
+                'video'
+            ].includes(value[1])) {
+                value = 'file';
+                displayedOperator = '$ne';
+            }
+        }
+        return /*#__PURE__*/ jsx(FilterTag, {
+            attribute: attribute,
+            filter: filter,
+            onClick: handleClick,
+            operator: displayedOperator,
+            value: value
+        }, `${attributeName}-${i}`);
+    });
+};
+
+export { FilterList };
+//# sourceMappingURL=FilterList.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterList.mjs","sources":["../../../../admin/src/components/FilterList/FilterList.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\n/**\n *\n * FilterList\n *\n */\nimport { FilterTag } from './FilterTag';\n\ntype NumberKeyedObject = Record<number, string>;\n\ntype StringFilter = {\n  [key: string]: string;\n};\n\ntype MimeFilter = {\n  [key: string]:\n    | string\n    | NumberKeyedObject\n    | Record<string, string | NumberKeyedObject>\n    | undefined;\n};\n\nexport type FilterStructure = {\n  [key: string]: MimeFilter | StringFilter | undefined;\n};\n\nexport interface FilterListProps {\n  appliedFilters: FilterStructure[];\n  filtersSchema: {\n    name: string;\n    metadatas?: {\n      label?: string;\n    };\n    fieldSchema?: {\n      type?: string;\n      mainField?: {\n        name: string;\n        type: string;\n      };\n      options?: {\n        label: string;\n        value: string;\n      }[];\n    };\n  }[];\n  onRemoveFilter: (filters: FilterStructure[]) => void;\n}\n\nexport const FilterList = ({ appliedFilters, filtersSchema, onRemoveFilter }: FilterListProps) => {\n  const handleClick = (filter: FilterStructure) => {\n    const nextFilters = appliedFilters.filter((prevFilter) => {\n      const name = Object.keys(filter)[0];\n      const filterName = filter[name];\n      if (filterName !== undefined) {\n        const filterType = Object.keys(filterName)[0];\n        const filterValue = filterName[filterType];\n        if (typeof filterValue === 'string') {\n          const decodedValue = decodeURIComponent(filterValue);\n          return prevFilter[name]?.[filterType] !== decodedValue;\n        }\n      }\n\n      return true;\n    });\n\n    onRemoveFilter(nextFilters);\n  };\n\n  return appliedFilters.map((filter, i) => {\n    const attributeName = Object.keys(filter)[0];\n    const attribute = filtersSchema.find(({ name }) => name === attributeName);\n\n    if (!attribute) {\n      // Handle the case where attribute is undefined\n      return null;\n    }\n\n    const filterObj = filter[attributeName];\n    const operator = Object.keys(filterObj!)[0];\n    let value = filterObj![operator];\n\n    if (Array.isArray(value)) {\n      value = value.join(', ');\n    } else if (typeof value === 'object') {\n      value = Object.values(value).join(', ');\n    } else {\n      value =\n        Array.isArray(value) || typeof value === 'object'\n          ? Object.values(value).join(', ')\n          : decodeURIComponent(value!);\n    }\n\n    let displayedOperator = operator;\n\n    if (attribute?.name === 'mime') {\n      displayedOperator = operator === '$contains' ? '$eq' : '$ne';\n\n      // Type is file\n      // The filter for the file is the following: { mime: {$not: {$contains: ['image', 'video']}}}\n      if (operator === '$not') {\n        value = 'file';\n        displayedOperator = '$eq';\n      }\n\n      // Here the type is file and the filter is not file\n      // { mime: {$contains: ['image', 'video'] }}\n      if (['image', 'video'].includes(value[0]) && ['image', 'video'].includes(value[1])) {\n        value = 'file';\n        displayedOperator = '$ne';\n      }\n    }\n\n    return (\n      <FilterTag\n        // eslint-disable-next-line react/no-array-index-key\n        key={`${attributeName}-${i}`}\n        attribute={attribute}\n        filter={filter}\n        onClick={handleClick}\n        operator={displayedOperator}\n        value={value as string}\n      />\n    );\n  });\n};\n"],"names":["FilterList","appliedFilters","filtersSchema","onRemoveFilter","handleClick","filter","nextFilters","prevFilter","name","Object","keys","filterName","undefined","filterType","filterValue","decodedValue","decodeURIComponent","map","i","attributeName","attribute","find","filterObj","operator","value","Array","isArray","join","values","displayedOperator","includes","_jsx","FilterTag","onClick"],"mappings":"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"}

package/dist/admin/components/FilterList/FilterTag.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+
+const FilterTag = ({ attribute, filter, onClick, operator, value })=>{
+    const { formatMessage, formatDate, formatTime } = reactIntl.useIntl();
+    const handleClick = ()=>{
+        onClick(filter);
+    };
+    const { fieldSchema } = attribute;
+    const type = fieldSchema?.type;
+    let formattedValue = value;
+    if (type === 'date') {
+        formattedValue = formatDate(value, {
+            dateStyle: 'full'
+        });
+    }
+    if (type === 'datetime') {
+        formattedValue = formatDate(value, {
+            dateStyle: 'full',
+            timeStyle: 'short'
+        });
+    }
+    if (type === 'time') {
+        const [hour, minute] = value.split(':');
+        const date = new Date();
+        date.setHours(Number(hour));
+        date.setMinutes(Number(minute));
+        formattedValue = formatTime(date, {
+            hour: 'numeric',
+            minute: 'numeric'
+        });
+    }
+    const content = `${attribute.metadatas?.label} ${formatMessage({
+        id: `components.FilterOptions.FILTER_TYPES.${operator}`,
+        defaultMessage: operator
+    })} ${formattedValue}`;
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tag, {
+        onClick: handleClick,
+        icon: /*#__PURE__*/ jsxRuntime.jsx(icons.Cross, {}),
+        padding: 1,
+        children: content
+    });
+};
+
+exports.FilterTag = FilterTag;
+//# sourceMappingURL=FilterTag.js.map

package/dist/admin/components/FilterList/FilterTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTag.js","sources":["../../../../admin/src/components/FilterList/FilterTag.tsx"],"sourcesContent":["import { Tag } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport type { FilterStructure } from './FilterList';\n\ntype FilterTagAttribute = {\n  fieldSchema?: {\n    type?: string; // \"date\" | \"enumeration\"\n    options?: {\n      label: string; // \"audio\" | \"video\" | \"image\" | \"file\"\n      value: string; // \"audio\" | \"video\" | \"image\" | \"file\"\n    }[];\n  };\n  metadatas?: {\n    label?: string; // \"createdAt\" | \"updatedAt\" | \"type\"\n  };\n  name: string; // \"createdAt\" | \"updatedAt\" | \"mime\"\n};\n\ninterface FilterTagProps {\n  attribute: FilterTagAttribute;\n  operator: string;\n  value: string;\n  filter: FilterStructure;\n  onClick: (filter: FilterStructure) => void;\n}\n\nexport const FilterTag = ({ attribute, filter, onClick, operator, value }: FilterTagProps) => {\n  const { formatMessage, formatDate, formatTime } = useIntl();\n\n  const handleClick = () => {\n    onClick(filter);\n  };\n\n  const { fieldSchema } = attribute;\n\n  const type = fieldSchema?.type;\n\n  let formattedValue = value;\n\n  if (type === 'date') {\n    formattedValue = formatDate(value, { dateStyle: 'full' });\n  }\n\n  if (type === 'datetime') {\n    formattedValue = formatDate(value, { dateStyle: 'full', timeStyle: 'short' });\n  }\n\n  if (type === '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  }\n\n  const content = `${attribute.metadatas?.label} ${formatMessage({\n    id: `components.FilterOptions.FILTER_TYPES.${operator}`,\n    defaultMessage: operator,\n  })} ${formattedValue}`;\n\n  return (\n    <Tag onClick={handleClick} icon={<Cross />} padding={1}>\n      {content}\n    </Tag>\n  );\n};\n"],"names":["FilterTag","attribute","filter","onClick","operator","value","formatMessage","formatDate","formatTime","useIntl","handleClick","fieldSchema","type","formattedValue","dateStyle","timeStyle","hour","minute","split","date","Date","setHours","Number","setMinutes","content","metadatas","label","id","defaultMessage","_jsx","Tag","icon","Cross","padding"],"mappings":";;;;;;;AA4BaA,MAAAA,SAAAA,GAAY,CAAC,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,KAAK,EAAkB,GAAA;AACvF,IAAA,MAAM,EAAEC,aAAa,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,iBAAAA,EAAAA;AAElD,IAAA,MAAMC,WAAc,GAAA,IAAA;QAClBP,OAAQD,CAAAA,MAAAA,CAAAA;AACV,KAAA;IAEA,MAAM,EAAES,WAAW,EAAE,GAAGV,SAAAA;AAExB,IAAA,MAAMW,OAAOD,WAAaC,EAAAA,IAAAA;AAE1B,IAAA,IAAIC,cAAiBR,GAAAA,KAAAA;AAErB,IAAA,IAAIO,SAAS,MAAQ,EAAA;AACnBC,QAAAA,cAAAA,GAAiBN,WAAWF,KAAO,EAAA;YAAES,SAAW,EAAA;AAAO,SAAA,CAAA;AACzD;AAEA,IAAA,IAAIF,SAAS,UAAY,EAAA;AACvBC,QAAAA,cAAAA,GAAiBN,WAAWF,KAAO,EAAA;YAAES,SAAW,EAAA,MAAA;YAAQC,SAAW,EAAA;AAAQ,SAAA,CAAA;AAC7E;AAEA,IAAA,IAAIH,SAAS,MAAQ,EAAA;AACnB,QAAA,MAAM,CAACI,IAAMC,EAAAA,MAAAA,CAAO,GAAGZ,KAAAA,CAAMa,KAAK,CAAC,GAAA,CAAA;AACnC,QAAA,MAAMC,OAAO,IAAIC,IAAAA,EAAAA;QACjBD,IAAKE,CAAAA,QAAQ,CAACC,MAAON,CAAAA,IAAAA,CAAAA,CAAAA;QACrBG,IAAKI,CAAAA,UAAU,CAACD,MAAOL,CAAAA,MAAAA,CAAAA,CAAAA;AAEvBJ,QAAAA,cAAAA,GAAiBL,WAAWW,IAAM,EAAA;YAChCH,IAAM,EAAA,SAAA;YACNC,MAAQ,EAAA;AACV,SAAA,CAAA;AACF;IAEA,MAAMO,OAAAA,GAAU,CAAC,EAAEvB,SAAAA,CAAUwB,SAAS,EAAEC,KAAAA,CAAM,CAAC,EAAEpB,aAAc,CAAA;AAC7DqB,QAAAA,EAAAA,EAAI,CAAC,sCAAsC,EAAEvB,QAAAA,CAAS,CAAC;QACvDwB,cAAgBxB,EAAAA;KACf,CAAA,CAAA,CAAC,EAAES,cAAAA,CAAe,CAAC;AAEtB,IAAA,qBACEgB,cAACC,CAAAA,gBAAAA,EAAAA;QAAI3B,OAASO,EAAAA,WAAAA;AAAaqB,QAAAA,IAAAA,gBAAMF,cAACG,CAAAA,WAAAA,EAAAA,EAAAA,CAAAA;QAAUC,OAAS,EAAA,CAAA;AAClDT,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}

package/dist/admin/components/FilterList/FilterTag.mjs

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+import { Tag } from '@strapi/design-system';
+import { Cross } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+
+const FilterTag = ({ attribute, filter, onClick, operator, value })=>{
+    const { formatMessage, formatDate, formatTime } = useIntl();
+    const handleClick = ()=>{
+        onClick(filter);
+    };
+    const { fieldSchema } = attribute;
+    const type = fieldSchema?.type;
+    let formattedValue = value;
+    if (type === 'date') {
+        formattedValue = formatDate(value, {
+            dateStyle: 'full'
+        });
+    }
+    if (type === 'datetime') {
+        formattedValue = formatDate(value, {
+            dateStyle: 'full',
+            timeStyle: 'short'
+        });
+    }
+    if (type === 'time') {
+        const [hour, minute] = value.split(':');
+        const date = new Date();
+        date.setHours(Number(hour));
+        date.setMinutes(Number(minute));
+        formattedValue = formatTime(date, {
+            hour: 'numeric',
+            minute: 'numeric'
+        });
+    }
+    const content = `${attribute.metadatas?.label} ${formatMessage({
+        id: `components.FilterOptions.FILTER_TYPES.${operator}`,
+        defaultMessage: operator
+    })} ${formattedValue}`;
+    return /*#__PURE__*/ jsx(Tag, {
+        onClick: handleClick,
+        icon: /*#__PURE__*/ jsx(Cross, {}),
+        padding: 1,
+        children: content
+    });
+};
+
+export { FilterTag };
+//# sourceMappingURL=FilterTag.mjs.map

package/dist/admin/components/FilterList/FilterTag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterTag.mjs","sources":["../../../../admin/src/components/FilterList/FilterTag.tsx"],"sourcesContent":["import { Tag } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport type { FilterStructure } from './FilterList';\n\ntype FilterTagAttribute = {\n  fieldSchema?: {\n    type?: string; // \"date\" | \"enumeration\"\n    options?: {\n      label: string; // \"audio\" | \"video\" | \"image\" | \"file\"\n      value: string; // \"audio\" | \"video\" | \"image\" | \"file\"\n    }[];\n  };\n  metadatas?: {\n    label?: string; // \"createdAt\" | \"updatedAt\" | \"type\"\n  };\n  name: string; // \"createdAt\" | \"updatedAt\" | \"mime\"\n};\n\ninterface FilterTagProps {\n  attribute: FilterTagAttribute;\n  operator: string;\n  value: string;\n  filter: FilterStructure;\n  onClick: (filter: FilterStructure) => void;\n}\n\nexport const FilterTag = ({ attribute, filter, onClick, operator, value }: FilterTagProps) => {\n  const { formatMessage, formatDate, formatTime } = useIntl();\n\n  const handleClick = () => {\n    onClick(filter);\n  };\n\n  const { fieldSchema } = attribute;\n\n  const type = fieldSchema?.type;\n\n  let formattedValue = value;\n\n  if (type === 'date') {\n    formattedValue = formatDate(value, { dateStyle: 'full' });\n  }\n\n  if (type === 'datetime') {\n    formattedValue = formatDate(value, { dateStyle: 'full', timeStyle: 'short' });\n  }\n\n  if (type === '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  }\n\n  const content = `${attribute.metadatas?.label} ${formatMessage({\n    id: `components.FilterOptions.FILTER_TYPES.${operator}`,\n    defaultMessage: operator,\n  })} ${formattedValue}`;\n\n  return (\n    <Tag onClick={handleClick} icon={<Cross />} padding={1}>\n      {content}\n    </Tag>\n  );\n};\n"],"names":["FilterTag","attribute","filter","onClick","operator","value","formatMessage","formatDate","formatTime","useIntl","handleClick","fieldSchema","type","formattedValue","dateStyle","timeStyle","hour","minute","split","date","Date","setHours","Number","setMinutes","content","metadatas","label","id","defaultMessage","_jsx","Tag","icon","Cross","padding"],"mappings":";;;;;AA4BaA,MAAAA,SAAAA,GAAY,CAAC,EAAEC,SAAS,EAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,KAAK,EAAkB,GAAA;AACvF,IAAA,MAAM,EAAEC,aAAa,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,OAAAA,EAAAA;AAElD,IAAA,MAAMC,WAAc,GAAA,IAAA;QAClBP,OAAQD,CAAAA,MAAAA,CAAAA;AACV,KAAA;IAEA,MAAM,EAAES,WAAW,EAAE,GAAGV,SAAAA;AAExB,IAAA,MAAMW,OAAOD,WAAaC,EAAAA,IAAAA;AAE1B,IAAA,IAAIC,cAAiBR,GAAAA,KAAAA;AAErB,IAAA,IAAIO,SAAS,MAAQ,EAAA;AACnBC,QAAAA,cAAAA,GAAiBN,WAAWF,KAAO,EAAA;YAAES,SAAW,EAAA;AAAO,SAAA,CAAA;AACzD;AAEA,IAAA,IAAIF,SAAS,UAAY,EAAA;AACvBC,QAAAA,cAAAA,GAAiBN,WAAWF,KAAO,EAAA;YAAES,SAAW,EAAA,MAAA;YAAQC,SAAW,EAAA;AAAQ,SAAA,CAAA;AAC7E;AAEA,IAAA,IAAIH,SAAS,MAAQ,EAAA;AACnB,QAAA,MAAM,CAACI,IAAMC,EAAAA,MAAAA,CAAO,GAAGZ,KAAAA,CAAMa,KAAK,CAAC,GAAA,CAAA;AACnC,QAAA,MAAMC,OAAO,IAAIC,IAAAA,EAAAA;QACjBD,IAAKE,CAAAA,QAAQ,CAACC,MAAON,CAAAA,IAAAA,CAAAA,CAAAA;QACrBG,IAAKI,CAAAA,UAAU,CAACD,MAAOL,CAAAA,MAAAA,CAAAA,CAAAA;AAEvBJ,QAAAA,cAAAA,GAAiBL,WAAWW,IAAM,EAAA;YAChCH,IAAM,EAAA,SAAA;YACNC,MAAQ,EAAA;AACV,SAAA,CAAA;AACF;IAEA,MAAMO,OAAAA,GAAU,CAAC,EAAEvB,SAAAA,CAAUwB,SAAS,EAAEC,KAAAA,CAAM,CAAC,EAAEpB,aAAc,CAAA;AAC7DqB,QAAAA,EAAAA,EAAI,CAAC,sCAAsC,EAAEvB,QAAAA,CAAS,CAAC;QACvDwB,cAAgBxB,EAAAA;KACf,CAAA,CAAA,CAAC,EAAES,cAAAA,CAAe,CAAC;AAEtB,IAAA,qBACEgB,GAACC,CAAAA,GAAAA,EAAAA;QAAI3B,OAASO,EAAAA,WAAAA;AAAaqB,QAAAA,IAAAA,gBAAMF,GAACG,CAAAA,KAAAA,EAAAA,EAAAA,CAAAA;QAAUC,OAAS,EAAA,CAAA;AAClDT,QAAAA,QAAAA,EAAAA;;AAGP;;;;"}

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

@@ -0,0 +1,275 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var FilterValueInput = require('./FilterValueInput.js');
+var getFilterList = require('./utils/getFilterList.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+// TODO: find a better naming convention for the file that was an index file before
+const FilterPopover = ({ displayedFilters, filters, onSubmit, onToggle })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [modifiedData, setModifiedData] = React__namespace.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.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__*/ jsxRuntime.jsx(designSystem.Popover.Content, {
+        sideOffset: 4,
+        children: /*#__PURE__*/ jsxRuntime.jsx("form", {
+            onSubmit: handleSubmit,
+            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                padding: 3,
+                direction: "column",
+                alignItems: "stretch",
+                gap: 1,
+                style: {
+                    minWidth: 184
+                },
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.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__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                                    value: filter.name,
+                                    children: filter.metadatas?.label
+                                }, filter.name);
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                            "aria-label": formatMessage({
+                                id: 'app.utils.select-filter',
+                                defaultMessage: 'Select filter'
+                            }),
+                            name: "filter",
+                            size: "M",
+                            value: modifiedData.filter,
+                            onChange: handleChangeOperator,
+                            children: getFilterList.getFilterList(appliedFilter).map((option)=>{
+                                return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                                    value: option.value,
+                                    children: formatMessage(option.intlLabel)
+                                }, option.value);
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(FilterValueInput.FilterValueInput, {
+                            ...appliedFilter?.metadatas,
+                            ...appliedFilter?.fieldSchema,
+                            value: modifiedData.value,
+                            onChange: (value)=>setModifiedData((prev)=>({
+                                        ...prev,
+                                        value
+                                    }))
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                            size: "L",
+                            variant: "secondary",
+                            startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                            type: "submit",
+                            fullWidth: true,
+                            children: formatMessage({
+                                id: 'app.utils.add-filter',
+                                defaultMessage: 'Add filter'
+                            })
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+
+exports.FilterPopover = FilterPopover;
+//# sourceMappingURL=FilterPopover.js.map