@strapi/upload 5.52.2 → 5.52.3

package/dist/admin/pages/App/components/Filters.js

@@ -42,24 +42,24 @@ const Filters = ()=>{
     const [{ query }, setQuery] = strapiAdmin.useQueryParams();
     const filters = query?.filters?.$and || [];
     const handleRemoveFilter = (nextFilters)=>{
-        setQuery({
-            filters: {
+        setQuery(strapiAdmin.withEncodedUserParams(query, {
+            filters: strapiAdmin.deepEncodeQueryValues({
                 $and: nextFilters
-            },
+            }),
             page: 1
-        });
+        }));
     };
     const handleSubmit = (filters)=>{
         trackUsage('didFilterMediaLibraryElements', {
             location: 'content-manager',
             filter: Object.keys(filters[filters.length - 1])[0]
         });
-        setQuery({
-            filters: {
+        setQuery(strapiAdmin.withEncodedUserParams(query, {
+            filters: strapiAdmin.deepEncodeQueryValues({
                 $and: filters
-            },
+            }),
             page: 1
-        });
+        }));
     };
     return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
         open: open,

package/dist/admin/pages/App/components/Filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filters.js","sources":["../../../../../admin/src/pages/App/components/Filters.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\nimport { Button, Popover } from '@strapi/design-system';\nimport { Filter } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { FilterList } from '../../../components/FilterList/FilterList';\nimport { FilterPopover } from '../../../components/FilterPopover/FilterPopover';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { displayedFilters } from '../../../utils';\n\nimport type { Query } from '../../../../../shared/contracts/files';\nimport type { FilterListProps } from '../../../components/FilterList/FilterList';\nimport type { FilterPopoverProps } from '../../../components/FilterPopover/FilterPopover';\n\nexport const Filters = () => {\n  const [open, setOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [{ query }, setQuery] = useQueryParams<Query>();\n  const filters = query?.filters?.$and || [];\n\n  const handleRemoveFilter: FilterListProps['onRemoveFilter'] = (nextFilters) => {\n    setQuery({ filters: { $and: nextFilters }, page: 1 } as Query);\n  };\n\n  const handleSubmit: FilterPopoverProps['onSubmit'] = (filters) => {\n    trackUsage('didFilterMediaLibraryElements', {\n      location: 'content-manager',\n      filter: Object.keys(filters[filters.length - 1])[0],\n    });\n    setQuery({ filters: { $and: filters }, page: 1 } as Query);\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger>\n        <Button variant=\"tertiary\" startIcon={<Filter />} size=\"S\">\n          {formatMessage({ id: 'app.utils.filters', defaultMessage: 'Filters' })}\n        </Button>\n      </Popover.Trigger>\n      <FilterPopover\n        displayedFilters={displayedFilters}\n        filters={filters}\n        onSubmit={handleSubmit}\n        onToggle={setOpen as FilterPopoverProps['onToggle']}\n      />\n      <FilterList\n        appliedFilters={filters as FilterListProps['appliedFilters']}\n        filtersSchema={displayedFilters}\n        onRemoveFilter={handleRemoveFilter}\n      />\n    </Popover.Root>\n  );\n};\n"],"names":["Filters","open","setOpen","React","useState","formatMessage","useIntl","trackUsage","useTracking","query","setQuery","useQueryParams","filters","$and","handleRemoveFilter","nextFilters","page","handleSubmit","location","filter","Object","keys","length","_jsxs","Popover","Root","onOpenChange","_jsx","Trigger","Button","variant","startIcon","Filter","size","id","defaultMessage","FilterPopover","displayedFilters","onSubmit","onToggle","FilterList","appliedFilters","filtersSchema","onRemoveFilter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgBaA,OAAAA,GAAU,IAAA;AACrB,IAAA,MAAM,CAACC,IAAAA,EAAMC,OAAAA,CAAQ,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IACvC,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,uBAAAA,EAAAA;AACvB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,0BAAAA,EAAAA;AAC9B,IAAA,MAAMC,OAAAA,GAAUH,KAAAA,EAAOG,OAAAA,EAASC,IAAAA,IAAQ,EAAE;AAE1C,IAAA,MAAMC,qBAAwD,CAACC,WAAAA,GAAAA;QAC7DL,QAAAA,CAAS;YAAEE,OAAAA,EAAS;gBAAEC,IAAAA,EAAME;AAAY,aAAA;YAAGC,IAAAA,EAAM;AAAE,SAAA,CAAA;AACrD,IAAA,CAAA;AAEA,IAAA,MAAMC,eAA+C,CAACL,OAAAA,GAAAA;AACpDL,QAAAA,UAAAA,CAAW,+BAAA,EAAiC;YAC1CW,QAAAA,EAAU,iBAAA;YACVC,MAAAA,EAAQC,MAAAA,CAAOC,IAAI,CAACT,OAAO,CAACA,OAAAA,CAAQU,MAAM,GAAG,CAAA,CAAE,CAAC,CAAC,CAAA;AACnD,SAAA,CAAA;QACAZ,QAAAA,CAAS;YAAEE,OAAAA,EAAS;gBAAEC,IAAAA,EAAMD;AAAQ,aAAA;YAAGI,IAAAA,EAAM;AAAE,SAAA,CAAA;AACjD,IAAA,CAAA;IAEA,qBACEO,eAAA,CAACC,qBAAQC,IAAI,EAAA;QAACxB,IAAAA,EAAMA,IAAAA;QAAMyB,YAAAA,EAAcxB,OAAAA;;AACtC,0BAAAyB,cAAA,CAACH,qBAAQI,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAAD,cAAA,CAACE,mBAAAA,EAAAA;oBAAOC,OAAAA,EAAQ,UAAA;AAAWC,oBAAAA,SAAAA,gBAAWJ,cAAA,CAACK,YAAAA,EAAAA,EAAAA,CAAAA;oBAAWC,IAAAA,EAAK,GAAA;8BACpD5B,aAAAA,CAAc;wBAAE6B,EAAAA,EAAI,mBAAA;wBAAqBC,cAAAA,EAAgB;AAAU,qBAAA;;;0BAGxER,cAAA,CAACS,2BAAAA,EAAAA;gBACCC,gBAAAA,EAAkBA,iCAAAA;gBAClBzB,OAAAA,EAASA,OAAAA;gBACT0B,QAAAA,EAAUrB,YAAAA;gBACVsB,QAAAA,EAAUrC;;0BAEZyB,cAAA,CAACa,qBAAAA,EAAAA;gBACCC,cAAAA,EAAgB7B,OAAAA;gBAChB8B,aAAAA,EAAeL,iCAAAA;gBACfM,cAAAA,EAAgB7B;;;;AAIxB;;;;"}
+{"version":3,"file":"Filters.js","sources":["../../../../../admin/src/pages/App/components/Filters.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  deepEncodeQueryValues,\n  useQueryParams,\n  withEncodedUserParams,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Popover } from '@strapi/design-system';\nimport { Filter } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { FilterList } from '../../../components/FilterList/FilterList';\nimport { FilterPopover } from '../../../components/FilterPopover/FilterPopover';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { displayedFilters } from '../../../utils';\n\nimport type { Query } from '../../../../../shared/contracts/files';\nimport type { FilterListProps } from '../../../components/FilterList/FilterList';\nimport type { FilterPopoverProps } from '../../../components/FilterPopover/FilterPopover';\n\nexport const Filters = () => {\n  const [open, setOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [{ query }, setQuery] = useQueryParams<Query>();\n  const filters = query?.filters?.$and || [];\n\n  const handleRemoveFilter: FilterListProps['onRemoveFilter'] = (nextFilters) => {\n    setQuery(\n      withEncodedUserParams(query, {\n        filters: deepEncodeQueryValues({ $and: nextFilters }),\n        page: 1,\n      }) as Query\n    );\n  };\n\n  const handleSubmit: FilterPopoverProps['onSubmit'] = (filters) => {\n    trackUsage('didFilterMediaLibraryElements', {\n      location: 'content-manager',\n      filter: Object.keys(filters[filters.length - 1])[0],\n    });\n    setQuery(\n      withEncodedUserParams(query, {\n        filters: deepEncodeQueryValues({ $and: filters }),\n        page: 1,\n      }) as Query\n    );\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger>\n        <Button variant=\"tertiary\" startIcon={<Filter />} size=\"S\">\n          {formatMessage({ id: 'app.utils.filters', defaultMessage: 'Filters' })}\n        </Button>\n      </Popover.Trigger>\n      <FilterPopover\n        displayedFilters={displayedFilters}\n        filters={filters}\n        onSubmit={handleSubmit}\n        onToggle={setOpen as FilterPopoverProps['onToggle']}\n      />\n      <FilterList\n        appliedFilters={filters as FilterListProps['appliedFilters']}\n        filtersSchema={displayedFilters}\n        onRemoveFilter={handleRemoveFilter}\n      />\n    </Popover.Root>\n  );\n};\n"],"names":["Filters","open","setOpen","React","useState","formatMessage","useIntl","trackUsage","useTracking","query","setQuery","useQueryParams","filters","$and","handleRemoveFilter","nextFilters","withEncodedUserParams","deepEncodeQueryValues","page","handleSubmit","location","filter","Object","keys","length","_jsxs","Popover","Root","onOpenChange","_jsx","Trigger","Button","variant","startIcon","Filter","size","id","defaultMessage","FilterPopover","displayedFilters","onSubmit","onToggle","FilterList","appliedFilters","filtersSchema","onRemoveFilter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAoBaA,OAAAA,GAAU,IAAA;AACrB,IAAA,MAAM,CAACC,IAAAA,EAAMC,OAAAA,CAAQ,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IACvC,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,uBAAAA,EAAAA;AACvB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,0BAAAA,EAAAA;AAC9B,IAAA,MAAMC,OAAAA,GAAUH,KAAAA,EAAOG,OAAAA,EAASC,IAAAA,IAAQ,EAAE;AAE1C,IAAA,MAAMC,qBAAwD,CAACC,WAAAA,GAAAA;AAC7DL,QAAAA,QAAAA,CACEM,kCAAsBP,KAAAA,EAAO;AAC3BG,YAAAA,OAAAA,EAASK,iCAAAA,CAAsB;gBAAEJ,IAAAA,EAAME;AAAY,aAAA,CAAA;YACnDG,IAAAA,EAAM;AACR,SAAA,CAAA,CAAA;AAEJ,IAAA,CAAA;AAEA,IAAA,MAAMC,eAA+C,CAACP,OAAAA,GAAAA;AACpDL,QAAAA,UAAAA,CAAW,+BAAA,EAAiC;YAC1Ca,QAAAA,EAAU,iBAAA;YACVC,MAAAA,EAAQC,MAAAA,CAAOC,IAAI,CAACX,OAAO,CAACA,OAAAA,CAAQY,MAAM,GAAG,CAAA,CAAE,CAAC,CAAC,CAAA;AACnD,SAAA,CAAA;AACAd,QAAAA,QAAAA,CACEM,kCAAsBP,KAAAA,EAAO;AAC3BG,YAAAA,OAAAA,EAASK,iCAAAA,CAAsB;gBAAEJ,IAAAA,EAAMD;AAAQ,aAAA,CAAA;YAC/CM,IAAAA,EAAM;AACR,SAAA,CAAA,CAAA;AAEJ,IAAA,CAAA;IAEA,qBACEO,eAAA,CAACC,qBAAQC,IAAI,EAAA;QAAC1B,IAAAA,EAAMA,IAAAA;QAAM2B,YAAAA,EAAc1B,OAAAA;;AACtC,0BAAA2B,cAAA,CAACH,qBAAQI,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAAD,cAAA,CAACE,mBAAAA,EAAAA;oBAAOC,OAAAA,EAAQ,UAAA;AAAWC,oBAAAA,SAAAA,gBAAWJ,cAAA,CAACK,YAAAA,EAAAA,EAAAA,CAAAA;oBAAWC,IAAAA,EAAK,GAAA;8BACpD9B,aAAAA,CAAc;wBAAE+B,EAAAA,EAAI,mBAAA;wBAAqBC,cAAAA,EAAgB;AAAU,qBAAA;;;0BAGxER,cAAA,CAACS,2BAAAA,EAAAA;gBACCC,gBAAAA,EAAkBA,iCAAAA;gBAClB3B,OAAAA,EAASA,OAAAA;gBACT4B,QAAAA,EAAUrB,YAAAA;gBACVsB,QAAAA,EAAUvC;;0BAEZ2B,cAAA,CAACa,qBAAAA,EAAAA;gBACCC,cAAAA,EAAgB/B,OAAAA;gBAChBgC,aAAAA,EAAeL,iCAAAA;gBACfM,cAAAA,EAAgB/B;;;;AAIxB;;;;"}

package/dist/admin/pages/App/components/Filters.mjs

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { useQueryParams } from '@strapi/admin/strapi-admin';
+import { useQueryParams, withEncodedUserParams, deepEncodeQueryValues } from '@strapi/admin/strapi-admin';
 import { Popover, Button } from '@strapi/design-system';
 import { Filter } from '@strapi/icons';
 import { useIntl } from 'react-intl';
@@ -20,24 +20,24 @@ const Filters = ()=>{
     const [{ query }, setQuery] = useQueryParams();
     const filters = query?.filters?.$and || [];
     const handleRemoveFilter = (nextFilters)=>{
-        setQuery({
-            filters: {
+        setQuery(withEncodedUserParams(query, {
+            filters: deepEncodeQueryValues({
                 $and: nextFilters
-            },
+            }),
             page: 1
-        });
+        }));
     };
     const handleSubmit = (filters)=>{
         trackUsage('didFilterMediaLibraryElements', {
             location: 'content-manager',
             filter: Object.keys(filters[filters.length - 1])[0]
         });
-        setQuery({
-            filters: {
+        setQuery(withEncodedUserParams(query, {
+            filters: deepEncodeQueryValues({
                 $and: filters
-            },
+            }),
             page: 1
-        });
+        }));
     };
     return /*#__PURE__*/ jsxs(Popover.Root, {
         open: open,

package/dist/admin/pages/App/components/Filters.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Filters.mjs","sources":["../../../../../admin/src/pages/App/components/Filters.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\nimport { Button, Popover } from '@strapi/design-system';\nimport { Filter } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { FilterList } from '../../../components/FilterList/FilterList';\nimport { FilterPopover } from '../../../components/FilterPopover/FilterPopover';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { displayedFilters } from '../../../utils';\n\nimport type { Query } from '../../../../../shared/contracts/files';\nimport type { FilterListProps } from '../../../components/FilterList/FilterList';\nimport type { FilterPopoverProps } from '../../../components/FilterPopover/FilterPopover';\n\nexport const Filters = () => {\n  const [open, setOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [{ query }, setQuery] = useQueryParams<Query>();\n  const filters = query?.filters?.$and || [];\n\n  const handleRemoveFilter: FilterListProps['onRemoveFilter'] = (nextFilters) => {\n    setQuery({ filters: { $and: nextFilters }, page: 1 } as Query);\n  };\n\n  const handleSubmit: FilterPopoverProps['onSubmit'] = (filters) => {\n    trackUsage('didFilterMediaLibraryElements', {\n      location: 'content-manager',\n      filter: Object.keys(filters[filters.length - 1])[0],\n    });\n    setQuery({ filters: { $and: filters }, page: 1 } as Query);\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger>\n        <Button variant=\"tertiary\" startIcon={<Filter />} size=\"S\">\n          {formatMessage({ id: 'app.utils.filters', defaultMessage: 'Filters' })}\n        </Button>\n      </Popover.Trigger>\n      <FilterPopover\n        displayedFilters={displayedFilters}\n        filters={filters}\n        onSubmit={handleSubmit}\n        onToggle={setOpen as FilterPopoverProps['onToggle']}\n      />\n      <FilterList\n        appliedFilters={filters as FilterListProps['appliedFilters']}\n        filtersSchema={displayedFilters}\n        onRemoveFilter={handleRemoveFilter}\n      />\n    </Popover.Root>\n  );\n};\n"],"names":["Filters","open","setOpen","React","useState","formatMessage","useIntl","trackUsage","useTracking","query","setQuery","useQueryParams","filters","$and","handleRemoveFilter","nextFilters","page","handleSubmit","location","filter","Object","keys","length","_jsxs","Popover","Root","onOpenChange","_jsx","Trigger","Button","variant","startIcon","Filter","size","id","defaultMessage","FilterPopover","displayedFilters","onSubmit","onToggle","FilterList","appliedFilters","filtersSchema","onRemoveFilter"],"mappings":";;;;;;;;;;;;;;;MAgBaA,OAAAA,GAAU,IAAA;AACrB,IAAA,MAAM,CAACC,IAAAA,EAAMC,OAAAA,CAAQ,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IACvC,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,WAAAA,EAAAA;AACvB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,cAAAA,EAAAA;AAC9B,IAAA,MAAMC,OAAAA,GAAUH,KAAAA,EAAOG,OAAAA,EAASC,IAAAA,IAAQ,EAAE;AAE1C,IAAA,MAAMC,qBAAwD,CAACC,WAAAA,GAAAA;QAC7DL,QAAAA,CAAS;YAAEE,OAAAA,EAAS;gBAAEC,IAAAA,EAAME;AAAY,aAAA;YAAGC,IAAAA,EAAM;AAAE,SAAA,CAAA;AACrD,IAAA,CAAA;AAEA,IAAA,MAAMC,eAA+C,CAACL,OAAAA,GAAAA;AACpDL,QAAAA,UAAAA,CAAW,+BAAA,EAAiC;YAC1CW,QAAAA,EAAU,iBAAA;YACVC,MAAAA,EAAQC,MAAAA,CAAOC,IAAI,CAACT,OAAO,CAACA,OAAAA,CAAQU,MAAM,GAAG,CAAA,CAAE,CAAC,CAAC,CAAA;AACnD,SAAA,CAAA;QACAZ,QAAAA,CAAS;YAAEE,OAAAA,EAAS;gBAAEC,IAAAA,EAAMD;AAAQ,aAAA;YAAGI,IAAAA,EAAM;AAAE,SAAA,CAAA;AACjD,IAAA,CAAA;IAEA,qBACEO,IAAA,CAACC,QAAQC,IAAI,EAAA;QAACxB,IAAAA,EAAMA,IAAAA;QAAMyB,YAAAA,EAAcxB,OAAAA;;AACtC,0BAAAyB,GAAA,CAACH,QAAQI,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAAD,GAAA,CAACE,MAAAA,EAAAA;oBAAOC,OAAAA,EAAQ,UAAA;AAAWC,oBAAAA,SAAAA,gBAAWJ,GAAA,CAACK,MAAAA,EAAAA,EAAAA,CAAAA;oBAAWC,IAAAA,EAAK,GAAA;8BACpD5B,aAAAA,CAAc;wBAAE6B,EAAAA,EAAI,mBAAA;wBAAqBC,cAAAA,EAAgB;AAAU,qBAAA;;;0BAGxER,GAAA,CAACS,aAAAA,EAAAA;gBACCC,gBAAAA,EAAkBA,gBAAAA;gBAClBzB,OAAAA,EAASA,OAAAA;gBACT0B,QAAAA,EAAUrB,YAAAA;gBACVsB,QAAAA,EAAUrC;;0BAEZyB,GAAA,CAACa,UAAAA,EAAAA;gBACCC,cAAAA,EAAgB7B,OAAAA;gBAChB8B,aAAAA,EAAeL,gBAAAA;gBACfM,cAAAA,EAAgB7B;;;;AAIxB;;;;"}
+{"version":3,"file":"Filters.mjs","sources":["../../../../../admin/src/pages/App/components/Filters.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  deepEncodeQueryValues,\n  useQueryParams,\n  withEncodedUserParams,\n} from '@strapi/admin/strapi-admin';\nimport { Button, Popover } from '@strapi/design-system';\nimport { Filter } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { FilterList } from '../../../components/FilterList/FilterList';\nimport { FilterPopover } from '../../../components/FilterPopover/FilterPopover';\nimport { useTracking } from '../../../hooks/useTracking';\nimport { displayedFilters } from '../../../utils';\n\nimport type { Query } from '../../../../../shared/contracts/files';\nimport type { FilterListProps } from '../../../components/FilterList/FilterList';\nimport type { FilterPopoverProps } from '../../../components/FilterPopover/FilterPopover';\n\nexport const Filters = () => {\n  const [open, setOpen] = React.useState(false);\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [{ query }, setQuery] = useQueryParams<Query>();\n  const filters = query?.filters?.$and || [];\n\n  const handleRemoveFilter: FilterListProps['onRemoveFilter'] = (nextFilters) => {\n    setQuery(\n      withEncodedUserParams(query, {\n        filters: deepEncodeQueryValues({ $and: nextFilters }),\n        page: 1,\n      }) as Query\n    );\n  };\n\n  const handleSubmit: FilterPopoverProps['onSubmit'] = (filters) => {\n    trackUsage('didFilterMediaLibraryElements', {\n      location: 'content-manager',\n      filter: Object.keys(filters[filters.length - 1])[0],\n    });\n    setQuery(\n      withEncodedUserParams(query, {\n        filters: deepEncodeQueryValues({ $and: filters }),\n        page: 1,\n      }) as Query\n    );\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen}>\n      <Popover.Trigger>\n        <Button variant=\"tertiary\" startIcon={<Filter />} size=\"S\">\n          {formatMessage({ id: 'app.utils.filters', defaultMessage: 'Filters' })}\n        </Button>\n      </Popover.Trigger>\n      <FilterPopover\n        displayedFilters={displayedFilters}\n        filters={filters}\n        onSubmit={handleSubmit}\n        onToggle={setOpen as FilterPopoverProps['onToggle']}\n      />\n      <FilterList\n        appliedFilters={filters as FilterListProps['appliedFilters']}\n        filtersSchema={displayedFilters}\n        onRemoveFilter={handleRemoveFilter}\n      />\n    </Popover.Root>\n  );\n};\n"],"names":["Filters","open","setOpen","React","useState","formatMessage","useIntl","trackUsage","useTracking","query","setQuery","useQueryParams","filters","$and","handleRemoveFilter","nextFilters","withEncodedUserParams","deepEncodeQueryValues","page","handleSubmit","location","filter","Object","keys","length","_jsxs","Popover","Root","onOpenChange","_jsx","Trigger","Button","variant","startIcon","Filter","size","id","defaultMessage","FilterPopover","displayedFilters","onSubmit","onToggle","FilterList","appliedFilters","filtersSchema","onRemoveFilter"],"mappings":";;;;;;;;;;;;;;;MAoBaA,OAAAA,GAAU,IAAA;AACrB,IAAA,MAAM,CAACC,IAAAA,EAAMC,OAAAA,CAAQ,GAAGC,KAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IACvC,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAM,EAAEC,UAAU,EAAE,GAAGC,WAAAA,EAAAA;AACvB,IAAA,MAAM,CAAC,EAAEC,KAAK,EAAE,EAAEC,SAAS,GAAGC,cAAAA,EAAAA;AAC9B,IAAA,MAAMC,OAAAA,GAAUH,KAAAA,EAAOG,OAAAA,EAASC,IAAAA,IAAQ,EAAE;AAE1C,IAAA,MAAMC,qBAAwD,CAACC,WAAAA,GAAAA;AAC7DL,QAAAA,QAAAA,CACEM,sBAAsBP,KAAAA,EAAO;AAC3BG,YAAAA,OAAAA,EAASK,qBAAAA,CAAsB;gBAAEJ,IAAAA,EAAME;AAAY,aAAA,CAAA;YACnDG,IAAAA,EAAM;AACR,SAAA,CAAA,CAAA;AAEJ,IAAA,CAAA;AAEA,IAAA,MAAMC,eAA+C,CAACP,OAAAA,GAAAA;AACpDL,QAAAA,UAAAA,CAAW,+BAAA,EAAiC;YAC1Ca,QAAAA,EAAU,iBAAA;YACVC,MAAAA,EAAQC,MAAAA,CAAOC,IAAI,CAACX,OAAO,CAACA,OAAAA,CAAQY,MAAM,GAAG,CAAA,CAAE,CAAC,CAAC,CAAA;AACnD,SAAA,CAAA;AACAd,QAAAA,QAAAA,CACEM,sBAAsBP,KAAAA,EAAO;AAC3BG,YAAAA,OAAAA,EAASK,qBAAAA,CAAsB;gBAAEJ,IAAAA,EAAMD;AAAQ,aAAA,CAAA;YAC/CM,IAAAA,EAAM;AACR,SAAA,CAAA,CAAA;AAEJ,IAAA,CAAA;IAEA,qBACEO,IAAA,CAACC,QAAQC,IAAI,EAAA;QAAC1B,IAAAA,EAAMA,IAAAA;QAAM2B,YAAAA,EAAc1B,OAAAA;;AACtC,0BAAA2B,GAAA,CAACH,QAAQI,OAAO,EAAA;AACd,gBAAA,QAAA,gBAAAD,GAAA,CAACE,MAAAA,EAAAA;oBAAOC,OAAAA,EAAQ,UAAA;AAAWC,oBAAAA,SAAAA,gBAAWJ,GAAA,CAACK,MAAAA,EAAAA,EAAAA,CAAAA;oBAAWC,IAAAA,EAAK,GAAA;8BACpD9B,aAAAA,CAAc;wBAAE+B,EAAAA,EAAI,mBAAA;wBAAqBC,cAAAA,EAAgB;AAAU,qBAAA;;;0BAGxER,GAAA,CAACS,aAAAA,EAAAA;gBACCC,gBAAAA,EAAkBA,gBAAAA;gBAClB3B,OAAAA,EAASA,OAAAA;gBACT4B,QAAAA,EAAUrB,YAAAA;gBACVsB,QAAAA,EAAUvC;;0BAEZ2B,GAAA,CAACa,UAAAA,EAAAA;gBACCC,cAAAA,EAAgB/B,OAAAA;gBAChBgC,aAAAA,EAAeL,gBAAAA;gBACfM,cAAAA,EAAgB/B;;;;AAIxB;;;;"}

package/dist/admin/pages/App/components/Header.js

@@ -18,7 +18,7 @@ const Header = ({ breadcrumbs = null, canCreate, folder = null, onToggleEditFold
     const { pathname } = reactRouterDom.useLocation();
     const [{ query }] = strapiAdmin.useQueryParams();
     const backQuery = {
-        ...query,
+        ...strapiAdmin.deepEncodeQueryValues(query),
         folder: folder?.parent && typeof folder.parent !== 'number' && folder.parent.id ? folder.parent.id : undefined,
         folderPath: folder?.parent && typeof folder.parent !== 'number' && folder.parent.path ? folder.parent.path : undefined
     };

package/dist/admin/pages/App/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../admin/src/pages/App/components/Header.tsx"],"sourcesContent":["import { useQueryParams, Layouts } from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Link } from '@strapi/design-system';\nimport { ArrowLeft, Plus } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useLocation, NavLink } from 'react-router-dom';\n\nimport { Breadcrumbs } from '../../../components/Breadcrumbs/Breadcrumbs';\nimport { getTrad } from '../../../utils';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\nimport type { CrumbDefinition } from '../../../components/Breadcrumbs/Breadcrumbs';\n\ninterface FolderDefinition extends Omit<Folder, 'children' | 'files' | 'parent'> {\n  children: {\n    count: number;\n  };\n  files: {\n    count: number;\n  };\n  parent?: FolderDefinition;\n}\n\nexport interface HeaderProps {\n  breadcrumbs?: Array<CrumbDefinition> | null;\n  canCreate: boolean;\n  folder?: FolderDefinition | null;\n  onToggleEditFolderDialog: (args?: { created?: boolean }) => void;\n  onToggleUploadAssetDialog: () => void;\n}\n\nexport const Header = ({\n  breadcrumbs = null,\n  canCreate,\n  folder = null,\n  onToggleEditFolderDialog,\n  onToggleUploadAssetDialog,\n}: HeaderProps) => {\n  const { formatMessage } = useIntl();\n  const { pathname } = useLocation();\n  const [{ query }] = useQueryParams();\n  const backQuery = {\n    ...query,\n    folder:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.id\n        ? folder.parent.id\n        : undefined,\n    folderPath:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.path\n        ? folder.parent.path\n        : undefined,\n  };\n\n  return (\n    <Layouts.Header\n      title={formatMessage({\n        id: getTrad('plugin.name'),\n        defaultMessage: `Media Library`,\n      })}\n      subtitle={\n        breadcrumbs &&\n        typeof breadcrumbs !== 'boolean' &&\n        folder && (\n          <Breadcrumbs\n            label={formatMessage({\n              id: getTrad('header.breadcrumbs.nav.label'),\n              defaultMessage: 'Folders navigation',\n            })}\n            breadcrumbs={breadcrumbs}\n            currentFolderId={folder?.id}\n          />\n        )\n      }\n      navigationAction={\n        folder && (\n          <Link\n            tag={NavLink}\n            startIcon={<ArrowLeft />}\n            to={`${pathname}?${stringify(backQuery, { encode: false })}`}\n          >\n            {formatMessage({\n              id: getTrad('header.actions.folder-level-up'),\n              defaultMessage: 'Back',\n            })}\n          </Link>\n        )\n      }\n      primaryAction={\n        canCreate && (\n          <Flex gap={2} width=\"100%\">\n            <Button\n              startIcon={<Plus />}\n              variant=\"secondary\"\n              onClick={onToggleEditFolderDialog}\n              fullWidth\n            >\n              {formatMessage({\n                id: getTrad('header.actions.add-folder'),\n                defaultMessage: 'Add new folder',\n              })}\n            </Button>\n\n            <Button startIcon={<Plus />} onClick={onToggleUploadAssetDialog} fullWidth>\n              {formatMessage({\n                id: getTrad('header.actions.add-assets'),\n                defaultMessage: 'Add new assets',\n              })}\n            </Button>\n          </Flex>\n        )\n      }\n    />\n  );\n};\n"],"names":["Header","breadcrumbs","canCreate","folder","onToggleEditFolderDialog","onToggleUploadAssetDialog","formatMessage","useIntl","pathname","useLocation","query","useQueryParams","backQuery","parent","id","undefined","folderPath","path","_jsx","Layouts","title","getTrad","defaultMessage","subtitle","Breadcrumbs","label","currentFolderId","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","stringify","encode","primaryAction","_jsxs","Flex","gap","width","Button","Plus","variant","onClick","fullWidth"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../../../admin/src/pages/App/components/Header.tsx"],"sourcesContent":["import { deepEncodeQueryValues, useQueryParams, Layouts } from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Link } from '@strapi/design-system';\nimport { ArrowLeft, Plus } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useLocation, NavLink } from 'react-router-dom';\n\nimport { Breadcrumbs } from '../../../components/Breadcrumbs/Breadcrumbs';\nimport { getTrad } from '../../../utils';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\nimport type { CrumbDefinition } from '../../../components/Breadcrumbs/Breadcrumbs';\n\ninterface FolderDefinition extends Omit<Folder, 'children' | 'files' | 'parent'> {\n  children: {\n    count: number;\n  };\n  files: {\n    count: number;\n  };\n  parent?: FolderDefinition;\n}\n\nexport interface HeaderProps {\n  breadcrumbs?: Array<CrumbDefinition> | null;\n  canCreate: boolean;\n  folder?: FolderDefinition | null;\n  onToggleEditFolderDialog: (args?: { created?: boolean }) => void;\n  onToggleUploadAssetDialog: () => void;\n}\n\nexport const Header = ({\n  breadcrumbs = null,\n  canCreate,\n  folder = null,\n  onToggleEditFolderDialog,\n  onToggleUploadAssetDialog,\n}: HeaderProps) => {\n  const { formatMessage } = useIntl();\n  const { pathname } = useLocation();\n  const [{ query }] = useQueryParams();\n  const backQuery = {\n    ...deepEncodeQueryValues(query),\n    folder:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.id\n        ? folder.parent.id\n        : undefined,\n    folderPath:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.path\n        ? folder.parent.path\n        : undefined,\n  };\n\n  return (\n    <Layouts.Header\n      title={formatMessage({\n        id: getTrad('plugin.name'),\n        defaultMessage: `Media Library`,\n      })}\n      subtitle={\n        breadcrumbs &&\n        typeof breadcrumbs !== 'boolean' &&\n        folder && (\n          <Breadcrumbs\n            label={formatMessage({\n              id: getTrad('header.breadcrumbs.nav.label'),\n              defaultMessage: 'Folders navigation',\n            })}\n            breadcrumbs={breadcrumbs}\n            currentFolderId={folder?.id}\n          />\n        )\n      }\n      navigationAction={\n        folder && (\n          <Link\n            tag={NavLink}\n            startIcon={<ArrowLeft />}\n            to={`${pathname}?${stringify(backQuery, { encode: false })}`}\n          >\n            {formatMessage({\n              id: getTrad('header.actions.folder-level-up'),\n              defaultMessage: 'Back',\n            })}\n          </Link>\n        )\n      }\n      primaryAction={\n        canCreate && (\n          <Flex gap={2} width=\"100%\">\n            <Button\n              startIcon={<Plus />}\n              variant=\"secondary\"\n              onClick={onToggleEditFolderDialog}\n              fullWidth\n            >\n              {formatMessage({\n                id: getTrad('header.actions.add-folder'),\n                defaultMessage: 'Add new folder',\n              })}\n            </Button>\n\n            <Button startIcon={<Plus />} onClick={onToggleUploadAssetDialog} fullWidth>\n              {formatMessage({\n                id: getTrad('header.actions.add-assets'),\n                defaultMessage: 'Add new assets',\n              })}\n            </Button>\n          </Flex>\n        )\n      }\n    />\n  );\n};\n"],"names":["Header","breadcrumbs","canCreate","folder","onToggleEditFolderDialog","onToggleUploadAssetDialog","formatMessage","useIntl","pathname","useLocation","query","useQueryParams","backQuery","deepEncodeQueryValues","parent","id","undefined","folderPath","path","_jsx","Layouts","title","getTrad","defaultMessage","subtitle","Breadcrumbs","label","currentFolderId","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","stringify","encode","primaryAction","_jsxs","Flex","gap","width","Button","Plus","variant","onClick","fullWidth"],"mappings":"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"}

package/dist/admin/pages/App/components/Header.mjs

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useQueryParams, Layouts } from '@strapi/admin/strapi-admin';
+import { useQueryParams, deepEncodeQueryValues, Layouts } from '@strapi/admin/strapi-admin';
 import { Flex, Button, Link } from '@strapi/design-system';
 import { Plus, ArrowLeft } from '@strapi/icons';
 import { stringify } from 'qs';
@@ -16,7 +16,7 @@ const Header = ({ breadcrumbs = null, canCreate, folder = null, onToggleEditFold
     const { pathname } = useLocation();
     const [{ query }] = useQueryParams();
     const backQuery = {
-        ...query,
+        ...deepEncodeQueryValues(query),
         folder: folder?.parent && typeof folder.parent !== 'number' && folder.parent.id ? folder.parent.id : undefined,
         folderPath: folder?.parent && typeof folder.parent !== 'number' && folder.parent.path ? folder.parent.path : undefined
     };

package/dist/admin/pages/App/components/Header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.mjs","sources":["../../../../../admin/src/pages/App/components/Header.tsx"],"sourcesContent":["import { useQueryParams, Layouts } from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Link } from '@strapi/design-system';\nimport { ArrowLeft, Plus } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useLocation, NavLink } from 'react-router-dom';\n\nimport { Breadcrumbs } from '../../../components/Breadcrumbs/Breadcrumbs';\nimport { getTrad } from '../../../utils';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\nimport type { CrumbDefinition } from '../../../components/Breadcrumbs/Breadcrumbs';\n\ninterface FolderDefinition extends Omit<Folder, 'children' | 'files' | 'parent'> {\n  children: {\n    count: number;\n  };\n  files: {\n    count: number;\n  };\n  parent?: FolderDefinition;\n}\n\nexport interface HeaderProps {\n  breadcrumbs?: Array<CrumbDefinition> | null;\n  canCreate: boolean;\n  folder?: FolderDefinition | null;\n  onToggleEditFolderDialog: (args?: { created?: boolean }) => void;\n  onToggleUploadAssetDialog: () => void;\n}\n\nexport const Header = ({\n  breadcrumbs = null,\n  canCreate,\n  folder = null,\n  onToggleEditFolderDialog,\n  onToggleUploadAssetDialog,\n}: HeaderProps) => {\n  const { formatMessage } = useIntl();\n  const { pathname } = useLocation();\n  const [{ query }] = useQueryParams();\n  const backQuery = {\n    ...query,\n    folder:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.id\n        ? folder.parent.id\n        : undefined,\n    folderPath:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.path\n        ? folder.parent.path\n        : undefined,\n  };\n\n  return (\n    <Layouts.Header\n      title={formatMessage({\n        id: getTrad('plugin.name'),\n        defaultMessage: `Media Library`,\n      })}\n      subtitle={\n        breadcrumbs &&\n        typeof breadcrumbs !== 'boolean' &&\n        folder && (\n          <Breadcrumbs\n            label={formatMessage({\n              id: getTrad('header.breadcrumbs.nav.label'),\n              defaultMessage: 'Folders navigation',\n            })}\n            breadcrumbs={breadcrumbs}\n            currentFolderId={folder?.id}\n          />\n        )\n      }\n      navigationAction={\n        folder && (\n          <Link\n            tag={NavLink}\n            startIcon={<ArrowLeft />}\n            to={`${pathname}?${stringify(backQuery, { encode: false })}`}\n          >\n            {formatMessage({\n              id: getTrad('header.actions.folder-level-up'),\n              defaultMessage: 'Back',\n            })}\n          </Link>\n        )\n      }\n      primaryAction={\n        canCreate && (\n          <Flex gap={2} width=\"100%\">\n            <Button\n              startIcon={<Plus />}\n              variant=\"secondary\"\n              onClick={onToggleEditFolderDialog}\n              fullWidth\n            >\n              {formatMessage({\n                id: getTrad('header.actions.add-folder'),\n                defaultMessage: 'Add new folder',\n              })}\n            </Button>\n\n            <Button startIcon={<Plus />} onClick={onToggleUploadAssetDialog} fullWidth>\n              {formatMessage({\n                id: getTrad('header.actions.add-assets'),\n                defaultMessage: 'Add new assets',\n              })}\n            </Button>\n          </Flex>\n        )\n      }\n    />\n  );\n};\n"],"names":["Header","breadcrumbs","canCreate","folder","onToggleEditFolderDialog","onToggleUploadAssetDialog","formatMessage","useIntl","pathname","useLocation","query","useQueryParams","backQuery","parent","id","undefined","folderPath","path","_jsx","Layouts","title","getTrad","defaultMessage","subtitle","Breadcrumbs","label","currentFolderId","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","stringify","encode","primaryAction","_jsxs","Flex","gap","width","Button","Plus","variant","onClick","fullWidth"],"mappings":"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"}
+{"version":3,"file":"Header.mjs","sources":["../../../../../admin/src/pages/App/components/Header.tsx"],"sourcesContent":["import { deepEncodeQueryValues, useQueryParams, Layouts } from '@strapi/admin/strapi-admin';\nimport { Button, Flex, Link } from '@strapi/design-system';\nimport { ArrowLeft, Plus } from '@strapi/icons';\nimport { stringify } from 'qs';\nimport { useIntl } from 'react-intl';\nimport { useLocation, NavLink } from 'react-router-dom';\n\nimport { Breadcrumbs } from '../../../components/Breadcrumbs/Breadcrumbs';\nimport { getTrad } from '../../../utils';\n\nimport type { Folder } from '../../../../../shared/contracts/folders';\nimport type { CrumbDefinition } from '../../../components/Breadcrumbs/Breadcrumbs';\n\ninterface FolderDefinition extends Omit<Folder, 'children' | 'files' | 'parent'> {\n  children: {\n    count: number;\n  };\n  files: {\n    count: number;\n  };\n  parent?: FolderDefinition;\n}\n\nexport interface HeaderProps {\n  breadcrumbs?: Array<CrumbDefinition> | null;\n  canCreate: boolean;\n  folder?: FolderDefinition | null;\n  onToggleEditFolderDialog: (args?: { created?: boolean }) => void;\n  onToggleUploadAssetDialog: () => void;\n}\n\nexport const Header = ({\n  breadcrumbs = null,\n  canCreate,\n  folder = null,\n  onToggleEditFolderDialog,\n  onToggleUploadAssetDialog,\n}: HeaderProps) => {\n  const { formatMessage } = useIntl();\n  const { pathname } = useLocation();\n  const [{ query }] = useQueryParams();\n  const backQuery = {\n    ...deepEncodeQueryValues(query),\n    folder:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.id\n        ? folder.parent.id\n        : undefined,\n    folderPath:\n      folder?.parent && typeof folder.parent !== 'number' && folder.parent.path\n        ? folder.parent.path\n        : undefined,\n  };\n\n  return (\n    <Layouts.Header\n      title={formatMessage({\n        id: getTrad('plugin.name'),\n        defaultMessage: `Media Library`,\n      })}\n      subtitle={\n        breadcrumbs &&\n        typeof breadcrumbs !== 'boolean' &&\n        folder && (\n          <Breadcrumbs\n            label={formatMessage({\n              id: getTrad('header.breadcrumbs.nav.label'),\n              defaultMessage: 'Folders navigation',\n            })}\n            breadcrumbs={breadcrumbs}\n            currentFolderId={folder?.id}\n          />\n        )\n      }\n      navigationAction={\n        folder && (\n          <Link\n            tag={NavLink}\n            startIcon={<ArrowLeft />}\n            to={`${pathname}?${stringify(backQuery, { encode: false })}`}\n          >\n            {formatMessage({\n              id: getTrad('header.actions.folder-level-up'),\n              defaultMessage: 'Back',\n            })}\n          </Link>\n        )\n      }\n      primaryAction={\n        canCreate && (\n          <Flex gap={2} width=\"100%\">\n            <Button\n              startIcon={<Plus />}\n              variant=\"secondary\"\n              onClick={onToggleEditFolderDialog}\n              fullWidth\n            >\n              {formatMessage({\n                id: getTrad('header.actions.add-folder'),\n                defaultMessage: 'Add new folder',\n              })}\n            </Button>\n\n            <Button startIcon={<Plus />} onClick={onToggleUploadAssetDialog} fullWidth>\n              {formatMessage({\n                id: getTrad('header.actions.add-assets'),\n                defaultMessage: 'Add new assets',\n              })}\n            </Button>\n          </Flex>\n        )\n      }\n    />\n  );\n};\n"],"names":["Header","breadcrumbs","canCreate","folder","onToggleEditFolderDialog","onToggleUploadAssetDialog","formatMessage","useIntl","pathname","useLocation","query","useQueryParams","backQuery","deepEncodeQueryValues","parent","id","undefined","folderPath","path","_jsx","Layouts","title","getTrad","defaultMessage","subtitle","Breadcrumbs","label","currentFolderId","navigationAction","Link","tag","NavLink","startIcon","ArrowLeft","to","stringify","encode","primaryAction","_jsxs","Flex","gap","width","Button","Plus","variant","onClick","fullWidth"],"mappings":"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"}

package/dist/admin/src/future/pages/Assets/components/AssetsGrid.d.ts

@@ -1,9 +1,12 @@
+import { type ItemKey } from '../utils/selection';
 import type { File } from '../../../../../../shared/contracts/files';
 import type { Folder } from '../../../../../../shared/contracts/folders';
 interface AssetsGridProps {
     assets: File[];
     folders?: Folder[];
+    /** Keys of the rendered items, in render order. Owned by the view. */
+    renderedKeys?: ItemKey[];
     onAssetItemClick: (assetId: number) => void;
 }
-export declare const AssetsGrid: ({ assets, folders, onAssetItemClick }: AssetsGridProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AssetsGrid: ({ assets, folders, renderedKeys, onAssetItemClick, }: AssetsGridProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/admin/src/future/pages/Assets/components/AssetsTable.d.ts

@@ -1,4 +1,5 @@
 import { type MixedItem } from '../utils/mergeMixedList';
+import { type ItemKey } from '../utils/selection';
 import type { File } from '../../../../../../shared/contracts/files';
 import type { Folder } from '../../../../../../shared/contracts/folders';
 interface AssetsTableProps {
@@ -9,7 +10,9 @@ interface AssetsTableProps {
      * order instead of folders-first. Range selection follows the same order.
      */
     mixedItems?: MixedItem[] | null;
+    /** Keys of the rendered rows, in render order. Owned by the view. */
+    renderedKeys?: ItemKey[];
     onAssetItemClick: (assetId: number) => void;
 }
-export declare const AssetsTable: ({ assets, folders, mixedItems, onAssetItemClick, }: AssetsTableProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const AssetsTable: ({ assets, folders, mixedItems, renderedKeys, onAssetItemClick, }: AssetsTableProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/admin/src/future/pages/Assets/components/BulkActionsBar.d.ts

@@ -1,4 +1,5 @@
 import { type ItemLocations } from '../../../utils/itemLocations';
+import { type ItemKey } from '../utils/selection';
 import type { File } from '../../../../../../shared/contracts/files';
 interface BulkActionsBarProps {
     /**
@@ -16,6 +17,12 @@ interface BulkActionsBarProps {
      * everything, which falls back to the folder currently open.
      */
     locations?: ItemLocations;
+    /**
+     * Keys of the items on screen, in render order. Owned by the view so
+     * select-all covers exactly what the user can see — in mixed mode that is not
+     * every folder.
+     */
+    renderedKeys?: ItemKey[];
 }
-export declare const BulkActionsBar: ({ assets, locations, }: BulkActionsBarProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const BulkActionsBar: ({ assets, locations, renderedKeys, }: BulkActionsBarProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/admin/src/future/pages/Assets/utils/mergeUploadedAssets.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Merges just-uploaded assets into the loaded asset list so each one appears as
+ * soon as its own upload finishes, rather than when the whole batch settles.
+ *
+ * The upload is one mutation per batch, so its cache invalidation fires once at
+ * the end. These helpers bridge that gap purely client-side: the completed
+ * uploads already sit in the progress store as full `File` objects, so they can
+ * be placed into the list at their sort position with no extra request.
+ *
+ * The server list stays authoritative — merging never reorders it, and an id it
+ * already contains wins over the local copy, so the end-of-batch refetch
+ * silently takes over.
+ */
+import type { File } from '../../../../../../shared/contracts/files';
+/**
+ * Comparator matching a `<field>:<ASC|DESC>` sort rule, as sent to the API.
+ *
+ * Ties break on id so the order is total: without it, two files sharing a
+ * timestamp could swap places between renders.
+ */
+export declare const getAssetComparator: (rule?: string) => (a: File, b: File) => number;
+/**
+ * Places `uploaded` into `assets` at their sort position.
+ *
+ * An upload that sorts past everything loaded is dropped unless the list is
+ * fully loaded: it belongs on a page the user has not reached, and appending it
+ * would show it adjacent to the last loaded item instead of at its real place.
+ */
+export declare const mergeUploadedAssets: ({ assets, uploaded, sort, hasNextPage, }: {
+    assets: File[];
+    uploaded: File[];
+    sort?: string;
+    /** Whether more pages remain, i.e. the tail of the list is not loaded. */
+    hasNextPage: boolean;
+}) => File[];

package/dist/admin/src/future/pages/Assets/utils/renderedKeys.d.ts

@@ -0,0 +1,19 @@
+import { type ItemKey } from './selection';
+import type { MixedItem } from './mergeMixedList';
+import type { File } from '../../../../../../shared/contracts/files';
+import type { Folder } from '../../../../../../shared/contracts/folders';
+/**
+ * The keys of the items actually on screen, in render order.
+ *
+ * Single source for every consumer of the rendered set — range selection,
+ * select-all and the bulk action bar. Derived once so they cannot disagree:
+ * in "Folders: Mixed with files" the rows come from `mergeMixedList`, which
+ * withholds folders sorting after the last loaded asset, so `folders` is not
+ * the rendered folder set.
+ */
+export declare const buildRenderedKeys: ({ folders, assets, mixedItems, }: {
+    folders: Folder[];
+    assets: File[];
+    /** The interleaved rows, when the table is in mixed mode. */
+    mixedItems?: MixedItem[] | null;
+}) => ItemKey[];

package/dist/admin/src/future/store/uploadProgress.d.ts

@@ -19,6 +19,8 @@ export interface FileProgress {
     size: number;
     uploadedBytes: number;
     file?: File;
+    /** When the server confirmed the upload. Set with the row's asset. */
+    completedAt?: number;
     error?: string;
     metadataStatus?: FileMetadataStatus;
 }
@@ -29,10 +31,26 @@ export interface UploadProgressState {
     files: FileProgress[];
     errors: FileUploadError[];
     uploadId: number;
+    /**
+     * Whether this batch reports transferred bytes at all. The direct-file flow streams
+     * byte counts from XHR; the URL flow leaves the fetch to the server and gets none back
+     * so its byte-weighted aggregate is stuck at 0%.
+     */
+    reportsByteProgress: boolean;
 }
 export interface RootState {
     uploadProgress: UploadProgressState;
 }
+/** An uploaded asset, with the moment the server confirmed it. */
+export interface CompletedUpload {
+    asset: File;
+    completedAt: number;
+}
+export declare const selectCompletedUploads: ((state: Partial<RootState>) => CompletedUpload[]) & import("reselect").OutputSelectorFields<(args_0: FileProgress[]) => CompletedUpload[], {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
  * Byte-weighted aggregate progress across the whole batch: `sum(uploadedBytes) / sum(size)`.
  *
@@ -44,6 +62,38 @@ export declare const selectAggregateProgress: ((state: RootState) => number) & i
 }> & {
     clearCache: () => void;
 };
+/**
+ * Whether to show byte-weighted `selectAggregateProgress` rather than count-based progress.
+ * A batch that never reports bytes stays pinned at 0%, so the header falls back to
+ * `selectCountBasedProgress`.
+ *
+ * Checks the rows too, not just the flag: an in-flight row reporting bytes proves the batch
+ * can, so byte-weighting takes over once the URL flow starts emitting progress. Only
+ * `uploading` rows count — completion backfills `uploadedBytes` to the file size, so letting
+ * settled rows qualify would switch a multi-URL batch to byte-weighting mid-upload over only
+ * the sizes known so far (transiently 100% after the first file).
+ */
+export declare const selectReportsByteProgress: ((state: RootState) => boolean) & import("reselect").OutputSelectorFields<(args_0: boolean, args_1: FileProgress[]) => boolean, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
+/**
+ * Count-based progress (settled / total rows) for a batch that reports no transferred bytes
+ * (the URL flow). Used by the header whenever `selectReportsByteProgress` is false.
+ *
+ * Never byte-weights, so a multi-URL batch climbs 33 → 67 → 100 as each file lands instead
+ * of jumping to a transient 100% after the first.
+ *
+ * Returns `null` until a row settles — 0% is the frozen signal this flow exists to remove
+ * (a lone URL upload would otherwise read "Uploading 1 item (0%)" throughout), so the header
+ * stays indeterminate until there's real progress.
+ */
+export declare const selectCountBasedProgress: ((state: RootState) => number | null) & import("reselect").OutputSelectorFields<(args_0: FileProgress[]) => number | null, {
+    clearCache: () => void;
+}> & {
+    clearCache: () => void;
+};
 /**
  * Count-based metadata progress across the whole batch: `settled / expected`.
  *
@@ -131,6 +181,7 @@ export declare const openUploadProgress: import("@reduxjs/toolkit").ActionCreato
     index: number;
     file: File;
     uploadId: number;
+    completedAt: number;
 }, "uploadProgress/setFileComplete">, setFileError: import("@reduxjs/toolkit").ActionCreatorWithPayload<{
     index: number;
     name: string;

package/dist/admin/src/utils/index.d.ts

@@ -19,6 +19,7 @@ export * from './normalizeAPIError';
 export * from './prefixFileUrlWithBackendUrl';
 export * from './prefixPluginTranslations';
 export * from './rawFileToAsset';
+export * from './resolveFileMime';
 export * from './toSingularTypes';
 export * from './typeFromMime';
 export * from './urlsToAssets';

package/dist/admin/src/utils/rawFileToAsset.d.ts

@@ -1,6 +1,6 @@
 import { AssetSource } from '../constants';
 import type { RawFile } from '../../../shared/contracts/files';
-export declare const rawFileToAsset: (rawFile: RawFile, assetSource: AssetSource) => {
+export declare const rawFileToAsset: (rawFile: RawFile, assetSource: AssetSource) => Promise<{
     size: number;
     createdAt: string;
     name: string;
@@ -11,4 +11,4 @@ export declare const rawFileToAsset: (rawFile: RawFile, assetSource: AssetSource
     mime: string;
     rawFile: RawFile;
     isLocal: boolean;
-};
+}>;

package/dist/admin/src/utils/resolveFileMime.d.ts

@@ -0,0 +1,13 @@
+export declare const normalizeDeclaredMime: (mime?: string | null) => string;
+export declare const isGenericMime: (mime?: string | null) => boolean;
+/**
+ * Detect MIME from file bytes with file-type.
+ * The admin normalizes declared MIME values more permissively; server validation remains authoritative.
+ * Returns undefined when the blob cannot be read or the type is unknown.
+ */
+export declare const detectMimeFromBlob: (blob: Blob) => Promise<string | undefined>;
+/**
+ * When the browser MIME is missing or generic, sniff the file contents.
+ * If there is no blob (library assets) or detection fails, keep the declared type.
+ */
+export declare const resolveFileMime: (mime?: string | null, blob?: Blob | null) => Promise<string>;

package/dist/admin/translations/en.json.js

@@ -76,7 +76,8 @@ var en = {
     "upload.progress.success": "Upload successful!",
     "upload.progress.success.subtitle": "{count, plural, one {# file uploaded successfully} other {# files uploaded successfully}}",
     "upload.progress.success.subtitle.withErrors": "{successCount} uploaded, {errorCount} failed",
-    "upload.progress.uploading.withCount": "Uploading {total} items ({percentage}%)",
+    "upload.progress.uploading.withCount": "Uploading {total, plural, one {# item} other {# items}} ({percentage}%)",
+    "upload.progress.uploading.indeterminate": "Uploading {total, plural, one {# item} other {# items}}",
     "upload.progress.uploading-files": "Uploading {count, plural, one {# file} other {# files}}",
     "upload.progress.indicator.in-progress": "Upload in progress indicator",
     "upload.progress.indicator.complete": "Upload complete indicator",
@@ -342,6 +343,7 @@ var en = {
     "list.table.content.empty-label": "This field is empty",
     "list.bulk-actions.label": "Bulk actions",
     "list.bulk-actions.selected-count": "{count, plural, =1 {# item selected} other {# items selected}}",
+    "list.bulk-actions.select-all": "Select all",
     "list.bulk-actions.clear": "Clear selection",
     "list.bulk-actions.create-metadata": "Create metadata",
     "list.bulk-actions.create-metadata.success": "{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}",
@@ -387,6 +389,7 @@ var en = {
     "sidebar.folders": "Folders",
     "sidebar.tree.aria-label": "Media library folders",
     "sidebar.tree.expand": "Expand {name}",
+    "sidebar.tree.no-subfolders": "The folder {name} has no subfolders",
     "sidebar.tree.collapse": "Collapse {name}",
     "sidebar.tree.empty": "No folders yet",
     "sidebar.tree.loading": "Loading folders...",

package/dist/admin/translations/en.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/admin/translations/en.json.mjs

@@ -74,7 +74,8 @@ var en = {
     "upload.progress.success": "Upload successful!",
     "upload.progress.success.subtitle": "{count, plural, one {# file uploaded successfully} other {# files uploaded successfully}}",
     "upload.progress.success.subtitle.withErrors": "{successCount} uploaded, {errorCount} failed",
-    "upload.progress.uploading.withCount": "Uploading {total} items ({percentage}%)",
+    "upload.progress.uploading.withCount": "Uploading {total, plural, one {# item} other {# items}} ({percentage}%)",
+    "upload.progress.uploading.indeterminate": "Uploading {total, plural, one {# item} other {# items}}",
     "upload.progress.uploading-files": "Uploading {count, plural, one {# file} other {# files}}",
     "upload.progress.indicator.in-progress": "Upload in progress indicator",
     "upload.progress.indicator.complete": "Upload complete indicator",
@@ -340,6 +341,7 @@ var en = {
     "list.table.content.empty-label": "This field is empty",
     "list.bulk-actions.label": "Bulk actions",
     "list.bulk-actions.selected-count": "{count, plural, =1 {# item selected} other {# items selected}}",
+    "list.bulk-actions.select-all": "Select all",
     "list.bulk-actions.clear": "Clear selection",
     "list.bulk-actions.create-metadata": "Create metadata",
     "list.bulk-actions.create-metadata.success": "{count, plural, =1 {Metadata generated for # asset} other {Metadata generated for # assets}}",
@@ -385,6 +387,7 @@ var en = {
     "sidebar.folders": "Folders",
     "sidebar.tree.aria-label": "Media library folders",
     "sidebar.tree.expand": "Expand {name}",
+    "sidebar.tree.no-subfolders": "The folder {name} has no subfolders",
     "sidebar.tree.collapse": "Collapse {name}",
     "sidebar.tree.empty": "No folders yet",
     "sidebar.tree.loading": "Loading folders...",

package/dist/admin/translations/en.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/admin/utils/getFolderURL.js

@@ -1,11 +1,12 @@
 'use strict';
 
+var strapiAdmin = require('@strapi/admin/strapi-admin');
 var qs = require('qs');
 
 const getFolderURL = (pathname, currentQuery, { folder, folderPath } = {})=>{
     const { _q, ...queryParamsWithoutQ } = currentQuery;
     const queryParamsString = qs.stringify({
-        ...queryParamsWithoutQ,
+        ...strapiAdmin.deepEncodeQueryValues(queryParamsWithoutQ),
         folder,
         folderPath
     }, {

package/dist/admin/utils/getFolderURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFolderURL.js","sources":["../../../admin/src/utils/getFolderURL.ts"],"sourcesContent":["import { stringify } from 'qs';\n\nimport type { Query } from '../../../shared/contracts/files';\n\nexport const getFolderURL = (\n  pathname: string,\n  currentQuery: Query,\n  { folder, folderPath }: { folder?: string; folderPath?: string } = {}\n) => {\n  const { _q, ...queryParamsWithoutQ } = currentQuery;\n  const queryParamsString = stringify(\n    {\n      ...queryParamsWithoutQ,\n      folder,\n      folderPath,\n    },\n    { encode: false }\n  );\n\n  // Search query will always fetch the same results\n  // we remove it here to allow navigating in a folder and see the result of this navigation\n  return `${pathname}${queryParamsString ? `?${queryParamsString}` : ''}`;\n};\n"],"names":["getFolderURL","pathname","currentQuery","folder","folderPath","_q","queryParamsWithoutQ","queryParamsString","stringify","encode"],"mappings":";;;;AAIO,MAAMA,YAAAA,GAAe,CAC1BC,QAAAA,EACAC,YAAAA,EACA,EAAEC,MAAM,EAAEC,UAAU,EAA4C,GAAG,EAAE,GAAA;AAErE,IAAA,MAAM,EAAEC,EAAE,EAAE,GAAGC,qBAAqB,GAAGJ,YAAAA;AACvC,IAAA,MAAMK,oBAAoBC,YAAAA,CACxB;AACE,QAAA,GAAGF,mBAAmB;AACtBH,QAAAA,MAAAA;AACAC,QAAAA;KACF,EACA;QAAEK,MAAAA,EAAQ;AAAM,KAAA,CAAA;;;IAKlB,OAAO,CAAA,EAAGR,WAAWM,iBAAAA,GAAoB,CAAC,CAAC,EAAEA,iBAAAA,CAAAA,CAAmB,GAAG,EAAA,CAAA,CAAI;AACzE;;;;"}
+{"version":3,"file":"getFolderURL.js","sources":["../../../admin/src/utils/getFolderURL.ts"],"sourcesContent":["import { deepEncodeQueryValues } from '@strapi/admin/strapi-admin';\nimport { stringify } from 'qs';\n\nimport type { Query } from '../../../shared/contracts/files';\n\nexport const getFolderURL = (\n  pathname: string,\n  currentQuery: Query,\n  { folder, folderPath }: { folder?: string; folderPath?: string } = {}\n) => {\n  const { _q, ...queryParamsWithoutQ } = currentQuery;\n  const queryParamsString = stringify(\n    {\n      ...deepEncodeQueryValues(queryParamsWithoutQ),\n      folder,\n      folderPath,\n    },\n    { encode: false }\n  );\n\n  // Search query will always fetch the same results\n  // we remove it here to allow navigating in a folder and see the result of this navigation\n  return `${pathname}${queryParamsString ? `?${queryParamsString}` : ''}`;\n};\n"],"names":["getFolderURL","pathname","currentQuery","folder","folderPath","_q","queryParamsWithoutQ","queryParamsString","stringify","deepEncodeQueryValues","encode"],"mappings":";;;;;AAKO,MAAMA,YAAAA,GAAe,CAC1BC,QAAAA,EACAC,YAAAA,EACA,EAAEC,MAAM,EAAEC,UAAU,EAA4C,GAAG,EAAE,GAAA;AAErE,IAAA,MAAM,EAAEC,EAAE,EAAE,GAAGC,qBAAqB,GAAGJ,YAAAA;AACvC,IAAA,MAAMK,oBAAoBC,YAAAA,CACxB;AACE,QAAA,GAAGC,kCAAsBH,mBAAAA,CAAoB;AAC7CH,QAAAA,MAAAA;AACAC,QAAAA;KACF,EACA;QAAEM,MAAAA,EAAQ;AAAM,KAAA,CAAA;;;IAKlB,OAAO,CAAA,EAAGT,WAAWM,iBAAAA,GAAoB,CAAC,CAAC,EAAEA,iBAAAA,CAAAA,CAAmB,GAAG,EAAA,CAAA,CAAI;AACzE;;;;"}

package/dist/admin/utils/getFolderURL.mjs

@@ -1,9 +1,10 @@
+import { deepEncodeQueryValues } from '@strapi/admin/strapi-admin';
 import { stringify } from 'qs';
 
 const getFolderURL = (pathname, currentQuery, { folder, folderPath } = {})=>{
     const { _q, ...queryParamsWithoutQ } = currentQuery;
     const queryParamsString = stringify({
-        ...queryParamsWithoutQ,
+        ...deepEncodeQueryValues(queryParamsWithoutQ),
         folder,
         folderPath
     }, {

package/dist/admin/utils/getFolderURL.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getFolderURL.mjs","sources":["../../../admin/src/utils/getFolderURL.ts"],"sourcesContent":["import { stringify } from 'qs';\n\nimport type { Query } from '../../../shared/contracts/files';\n\nexport const getFolderURL = (\n  pathname: string,\n  currentQuery: Query,\n  { folder, folderPath }: { folder?: string; folderPath?: string } = {}\n) => {\n  const { _q, ...queryParamsWithoutQ } = currentQuery;\n  const queryParamsString = stringify(\n    {\n      ...queryParamsWithoutQ,\n      folder,\n      folderPath,\n    },\n    { encode: false }\n  );\n\n  // Search query will always fetch the same results\n  // we remove it here to allow navigating in a folder and see the result of this navigation\n  return `${pathname}${queryParamsString ? `?${queryParamsString}` : ''}`;\n};\n"],"names":["getFolderURL","pathname","currentQuery","folder","folderPath","_q","queryParamsWithoutQ","queryParamsString","stringify","encode"],"mappings":";;AAIO,MAAMA,YAAAA,GAAe,CAC1BC,QAAAA,EACAC,YAAAA,EACA,EAAEC,MAAM,EAAEC,UAAU,EAA4C,GAAG,EAAE,GAAA;AAErE,IAAA,MAAM,EAAEC,EAAE,EAAE,GAAGC,qBAAqB,GAAGJ,YAAAA;AACvC,IAAA,MAAMK,oBAAoBC,SAAAA,CACxB;AACE,QAAA,GAAGF,mBAAmB;AACtBH,QAAAA,MAAAA;AACAC,QAAAA;KACF,EACA;QAAEK,MAAAA,EAAQ;AAAM,KAAA,CAAA;;;IAKlB,OAAO,CAAA,EAAGR,WAAWM,iBAAAA,GAAoB,CAAC,CAAC,EAAEA,iBAAAA,CAAAA,CAAmB,GAAG,EAAA,CAAA,CAAI;AACzE;;;;"}
+{"version":3,"file":"getFolderURL.mjs","sources":["../../../admin/src/utils/getFolderURL.ts"],"sourcesContent":["import { deepEncodeQueryValues } from '@strapi/admin/strapi-admin';\nimport { stringify } from 'qs';\n\nimport type { Query } from '../../../shared/contracts/files';\n\nexport const getFolderURL = (\n  pathname: string,\n  currentQuery: Query,\n  { folder, folderPath }: { folder?: string; folderPath?: string } = {}\n) => {\n  const { _q, ...queryParamsWithoutQ } = currentQuery;\n  const queryParamsString = stringify(\n    {\n      ...deepEncodeQueryValues(queryParamsWithoutQ),\n      folder,\n      folderPath,\n    },\n    { encode: false }\n  );\n\n  // Search query will always fetch the same results\n  // we remove it here to allow navigating in a folder and see the result of this navigation\n  return `${pathname}${queryParamsString ? `?${queryParamsString}` : ''}`;\n};\n"],"names":["getFolderURL","pathname","currentQuery","folder","folderPath","_q","queryParamsWithoutQ","queryParamsString","stringify","deepEncodeQueryValues","encode"],"mappings":";;;AAKO,MAAMA,YAAAA,GAAe,CAC1BC,QAAAA,EACAC,YAAAA,EACA,EAAEC,MAAM,EAAEC,UAAU,EAA4C,GAAG,EAAE,GAAA;AAErE,IAAA,MAAM,EAAEC,EAAE,EAAE,GAAGC,qBAAqB,GAAGJ,YAAAA;AACvC,IAAA,MAAMK,oBAAoBC,SAAAA,CACxB;AACE,QAAA,GAAGC,sBAAsBH,mBAAAA,CAAoB;AAC7CH,QAAAA,MAAAA;AACAC,QAAAA;KACF,EACA;QAAEM,MAAAA,EAAQ;AAAM,KAAA,CAAA;;;IAKlB,OAAO,CAAA,EAAGT,WAAWM,iBAAAA,GAAoB,CAAC,CAAC,EAAEA,iBAAAA,CAAAA,CAAmB,GAAG,EAAA,CAAA,CAAI;AACzE;;;;"}

package/dist/admin/utils/rawFileToAsset.js

@@ -1,17 +1,19 @@
 'use strict';
 
+var resolveFileMime = require('./resolveFileMime.js');
 var typeFromMime = require('./typeFromMime.js');
 
-const rawFileToAsset = (rawFile, assetSource)=>{
+const rawFileToAsset = async (rawFile, assetSource)=>{
+    const mime = await resolveFileMime.resolveFileMime(rawFile.type, rawFile);
     return {
         size: rawFile.size / 1000,
         createdAt: new Date(rawFile.lastModified).toISOString(),
         name: rawFile.name,
         source: assetSource,
-        type: typeFromMime.typeFromMime(rawFile.type),
+        type: typeFromMime.typeFromMime(mime),
         url: URL.createObjectURL(rawFile),
         ext: rawFile.name.split('.').pop(),
-        mime: rawFile.type,
+        mime,
         rawFile,
         isLocal: true
     };