@strapi/upload 5.54.0 → 5.55.0

package/dist/admin/legacy/components/SortPicker/SortPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortPicker.js","sources":["../../../../../admin/src/legacy/components/SortPicker/SortPicker.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { SingleSelect, SingleSelectOption } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { sortOptions } from '../../../constants';\nimport { getTrad } from '../../utils';\n\nimport type { Query } from '../../../../../shared/contracts/files';\n\ninterface SortPickerProps {\n  onChangeSort: (value: Query['sort'] | string) => void;\n  value?: string;\n}\n\nexport const SortPicker = ({ onChangeSort, value }: SortPickerProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <SingleSelect\n      size=\"S\"\n      value={value}\n      onChange={(value) => onChangeSort(value.toString())}\n      aria-label={formatMessage({\n        id: getTrad('sort.label'),\n        defaultMessage: 'Sort by',\n      })}\n      placeholder={formatMessage({\n        id: getTrad('sort.label'),\n        defaultMessage: 'Sort by',\n      })}\n    >\n      {sortOptions.map((filter) => (\n        <SingleSelectOption key={filter.key} value={filter.value}>\n          {formatMessage({ id: getTrad(filter.key), defaultMessage: `${filter.value}` })}\n        </SingleSelectOption>\n      ))}\n    </SingleSelect>\n  );\n};\n"],"names":["SortPicker","onChangeSort","value","formatMessage","useIntl","_jsx","SingleSelect","size","onChange","toString","aria-label","id","getTrad","defaultMessage","placeholder","sortOptions","map","filter","SingleSelectOption","key"],"mappings":";;;;;;;;;;;;;AAAA;MAcaA,UAAAA,GAAa,CAAC,EAAEC,YAAY,EAAEC,KAAK,EAAmB,GAAA;IACjE,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,qBACEC,cAAA,CAACC,yBAAAA,EAAAA;QACCC,IAAAA,EAAK,GAAA;QACLL,KAAAA,EAAOA,KAAAA;AACPM,QAAAA,QAAAA,EAAU,CAACN,KAAAA,GAAUD,YAAAA,CAAaC,KAAAA,CAAMO,QAAQ,EAAA,CAAA;AAChDC,QAAAA,YAAAA,EAAYP,aAAAA,CAAc;AACxBQ,YAAAA,EAAAA,EAAIC,eAAAA,CAAQ,YAAA,CAAA;YACZC,cAAAA,EAAgB;AAClB,SAAA,CAAA;AACAC,QAAAA,WAAAA,EAAaX,aAAAA,CAAc;AACzBQ,YAAAA,EAAAA,EAAIC,eAAAA,CAAQ,YAAA,CAAA;YACZC,cAAAA,EAAgB;AAClB,SAAA,CAAA;AAECE,QAAAA,QAAAA,EAAAA,qBAAAA,CAAYC,GAAG,CAAC,CAACC,MAAAA,iBAChBZ,cAAA,CAACa,+BAAAA,EAAAA;AAAoChB,gBAAAA,KAAAA,EAAOe,OAAOf,KAAK;0BACrDC,aAAAA,CAAc;oBAAEQ,EAAAA,EAAIC,eAAAA,CAAQK,OAAOE,GAAG,CAAA;oBAAGN,cAAAA,EAAgB,CAAA,EAAGI,MAAAA,CAAOf,KAAK,CAAA;AAAG,iBAAA;AADrDe,aAAAA,EAAAA,MAAAA,CAAOE,GAAG,CAAA;;AAM3C;;;;"}

package/dist/admin/legacy/components/SortPicker/SortPicker.mjs

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { sortOptions } from '../../../constants.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../../utils/getTrad.mjs';
+import '@strapi/admin/strapi-admin';
+import 'qs';
+import '../../utils/urlYupSchema.mjs';
+
+// TODO: find a better naming convention for the file that was an index file before
+const SortPicker = ({ onChangeSort, value })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(SingleSelect, {
+        size: "S",
+        value: value,
+        onChange: (value)=>onChangeSort(value.toString()),
+        "aria-label": formatMessage({
+            id: getTrad('sort.label'),
+            defaultMessage: 'Sort by'
+        }),
+        placeholder: formatMessage({
+            id: getTrad('sort.label'),
+            defaultMessage: 'Sort by'
+        }),
+        children: sortOptions.map((filter)=>/*#__PURE__*/ jsx(SingleSelectOption, {
+                value: filter.value,
+                children: formatMessage({
+                    id: getTrad(filter.key),
+                    defaultMessage: `${filter.value}`
+                })
+            }, filter.key))
+    });
+};
+
+export { SortPicker };
+//# sourceMappingURL=SortPicker.mjs.map

package/dist/admin/legacy/components/SortPicker/SortPicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortPicker.mjs","sources":["../../../../../admin/src/legacy/components/SortPicker/SortPicker.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport { SingleSelect, SingleSelectOption } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { sortOptions } from '../../../constants';\nimport { getTrad } from '../../utils';\n\nimport type { Query } from '../../../../../shared/contracts/files';\n\ninterface SortPickerProps {\n  onChangeSort: (value: Query['sort'] | string) => void;\n  value?: string;\n}\n\nexport const SortPicker = ({ onChangeSort, value }: SortPickerProps) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <SingleSelect\n      size=\"S\"\n      value={value}\n      onChange={(value) => onChangeSort(value.toString())}\n      aria-label={formatMessage({\n        id: getTrad('sort.label'),\n        defaultMessage: 'Sort by',\n      })}\n      placeholder={formatMessage({\n        id: getTrad('sort.label'),\n        defaultMessage: 'Sort by',\n      })}\n    >\n      {sortOptions.map((filter) => (\n        <SingleSelectOption key={filter.key} value={filter.value}>\n          {formatMessage({ id: getTrad(filter.key), defaultMessage: `${filter.value}` })}\n        </SingleSelectOption>\n      ))}\n    </SingleSelect>\n  );\n};\n"],"names":["SortPicker","onChangeSort","value","formatMessage","useIntl","_jsx","SingleSelect","size","onChange","toString","aria-label","id","getTrad","defaultMessage","placeholder","sortOptions","map","filter","SingleSelectOption","key"],"mappings":";;;;;;;;;;;AAAA;MAcaA,UAAAA,GAAa,CAAC,EAAEC,YAAY,EAAEC,KAAK,EAAmB,GAAA;IACjE,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,GAAA,CAACC,YAAAA,EAAAA;QACCC,IAAAA,EAAK,GAAA;QACLL,KAAAA,EAAOA,KAAAA;AACPM,QAAAA,QAAAA,EAAU,CAACN,KAAAA,GAAUD,YAAAA,CAAaC,KAAAA,CAAMO,QAAQ,EAAA,CAAA;AAChDC,QAAAA,YAAAA,EAAYP,aAAAA,CAAc;AACxBQ,YAAAA,EAAAA,EAAIC,OAAAA,CAAQ,YAAA,CAAA;YACZC,cAAAA,EAAgB;AAClB,SAAA,CAAA;AACAC,QAAAA,WAAAA,EAAaX,aAAAA,CAAc;AACzBQ,YAAAA,EAAAA,EAAIC,OAAAA,CAAQ,YAAA,CAAA;YACZC,cAAAA,EAAgB;AAClB,SAAA,CAAA;AAECE,QAAAA,QAAAA,EAAAA,WAAAA,CAAYC,GAAG,CAAC,CAACC,MAAAA,iBAChBZ,GAAA,CAACa,kBAAAA,EAAAA;AAAoChB,gBAAAA,KAAAA,EAAOe,OAAOf,KAAK;0BACrDC,aAAAA,CAAc;oBAAEQ,EAAAA,EAAIC,OAAAA,CAAQK,OAAOE,GAAG,CAAA;oBAAGN,cAAAA,EAAgB,CAAA,EAAGI,MAAAA,CAAOf,KAAK,CAAA;AAAG,iBAAA;AADrDe,aAAAA,EAAAA,MAAAA,CAAOE,GAAG,CAAA;;AAM3C;;;;"}

package/dist/admin/legacy/components/TableList/CellContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellContent.js","sources":["../../../../../admin/src/legacy/components/TableList/CellContent.tsx"],"sourcesContent":["import { Typography } from '@strapi/design-system';\nimport parseISO from 'date-fns/parseISO';\nimport { useIntl } from 'react-intl';\n\nimport { formatBytes, getFileExtension } from '../../utils';\n\nimport { PreviewCell } from './PreviewCell';\n\nimport type { File } from '../../../../../shared/contracts/files';\n\nexport interface CellContentProps {\n  cellType: string;\n  contentType?: string;\n  content: File;\n  name: string;\n}\n\nexport const CellContent = ({ cellType, contentType, content, name }: CellContentProps) => {\n  const { formatDate, formatMessage } = useIntl();\n  const contentValue = content[name as Extract<keyof File, string>];\n\n  switch (cellType) {\n    case 'image':\n      return <PreviewCell type={contentType} content={content} />;\n\n    case 'date':\n      if (typeof contentValue === 'string') {\n        return <Typography>{formatDate(parseISO(contentValue), { dateStyle: 'full' })}</Typography>;\n      }\n\n    case 'size':\n      if (contentType === 'folder')\n        return (\n          <Typography\n            aria-label={formatMessage({\n              id: 'list.table.content.empty-label',\n              defaultMessage: 'This field is empty',\n            })}\n          >\n            -\n          </Typography>\n        );\n      if (typeof contentValue === 'string' || typeof contentValue === 'number') {\n        return <Typography>{formatBytes(contentValue)}</Typography>;\n      }\n\n    case 'ext':\n      if (contentType === 'folder')\n        return (\n          <Typography\n            aria-label={formatMessage({\n              id: 'list.table.content.empty-label',\n              defaultMessage: 'This field is empty',\n            })}\n          >\n            -\n          </Typography>\n        );\n\n      if (typeof contentValue === 'string') {\n        return <Typography>{getFileExtension(contentValue)?.toUpperCase()}</Typography>;\n      }\n    case 'text':\n      if (typeof contentValue === 'string') {\n        return <Typography>{contentValue}</Typography>;\n      }\n\n    default:\n      return (\n        <Typography\n          aria-label={formatMessage({\n            id: 'list.table.content.empty-label',\n            defaultMessage: 'This field is empty',\n          })}\n        >\n          -\n        </Typography>\n      );\n  }\n};\n"],"names":["CellContent","cellType","contentType","content","name","formatDate","formatMessage","useIntl","contentValue","_jsx","PreviewCell","type","Typography","parseISO","dateStyle","aria-label","id","defaultMessage","formatBytes","getFileExtension","toUpperCase"],"mappings":";;;;;;;;;;;;;;;;;;AAiBO,MAAMA,WAAAA,GAAc,CAAC,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,EAAEC,IAAI,EAAoB,GAAA;AACpF,IAAA,MAAM,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IACtC,MAAMC,YAAAA,GAAeL,OAAO,CAACC,IAAAA,CAAoC;IAEjE,OAAQH,QAAAA;QACN,KAAK,OAAA;AACH,YAAA,qBAAOQ,cAAA,CAACC,uBAAAA,EAAAA;gBAAYC,IAAAA,EAAMT,WAAAA;gBAAaC,OAAAA,EAASA;;QAElD,KAAK,MAAA;YACH,IAAI,OAAOK,iBAAiB,QAAA,EAAU;AACpC,gBAAA,qBAAOC,cAAA,CAACG,uBAAAA,EAAAA;AAAYP,oBAAAA,QAAAA,EAAAA,UAAAA,CAAWQ,0BAASL,YAAAA,CAAAA,EAAe;wBAAEM,SAAAA,EAAW;AAAO,qBAAA;;AAC7E,YAAA;QAEF,KAAK,MAAA;YACH,IAAIZ,WAAAA,KAAgB,QAAA,EAClB,qBACEO,cAAA,CAACG,uBAAAA,EAAAA;AACCG,gBAAAA,YAAAA,EAAYT,aAAAA,CAAc;oBACxBU,EAAAA,EAAI,gCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;AACD,gBAAA,QAAA,EAAA;;AAIL,YAAA,IAAI,OAAOT,YAAAA,KAAiB,QAAA,IAAY,OAAOA,iBAAiB,QAAA,EAAU;AACxE,gBAAA,qBAAOC,cAAA,CAACG,uBAAAA,EAAAA;8BAAYM,uBAAAA,CAAYV,YAAAA;;AAClC,YAAA;QAEF,KAAK,KAAA;YACH,IAAIN,WAAAA,KAAgB,QAAA,EAClB,qBACEO,cAAA,CAACG,uBAAAA,EAAAA;AACCG,gBAAAA,YAAAA,EAAYT,aAAAA,CAAc;oBACxBU,EAAAA,EAAI,gCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;AACD,gBAAA,QAAA,EAAA;;YAKL,IAAI,OAAOT,iBAAiB,QAAA,EAAU;AACpC,gBAAA,qBAAOC,cAAA,CAACG,uBAAAA,EAAAA;AAAYO,oBAAAA,QAAAA,EAAAA,iCAAAA,CAAiBX,YAAAA,CAAAA,EAAeY,WAAAA;;AACtD,YAAA;QACF,KAAK,MAAA;YACH,IAAI,OAAOZ,iBAAiB,QAAA,EAAU;AACpC,gBAAA,qBAAOC,cAAA,CAACG,uBAAAA,EAAAA;AAAYJ,oBAAAA,QAAAA,EAAAA;;AACtB,YAAA;AAEF,QAAA;AACE,YAAA,qBACEC,cAAA,CAACG,uBAAAA,EAAAA;AACCG,gBAAAA,YAAAA,EAAYT,aAAAA,CAAc;oBACxBU,EAAAA,EAAI,gCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;AACD,gBAAA,QAAA,EAAA;;AAIP;AACF;;;;"}

package/dist/admin/legacy/components/TableList/CellContent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellContent.mjs","sources":["../../../../../admin/src/legacy/components/TableList/CellContent.tsx"],"sourcesContent":["import { Typography } from '@strapi/design-system';\nimport parseISO from 'date-fns/parseISO';\nimport { useIntl } from 'react-intl';\n\nimport { formatBytes, getFileExtension } from '../../utils';\n\nimport { PreviewCell } from './PreviewCell';\n\nimport type { File } from '../../../../../shared/contracts/files';\n\nexport interface CellContentProps {\n  cellType: string;\n  contentType?: string;\n  content: File;\n  name: string;\n}\n\nexport const CellContent = ({ cellType, contentType, content, name }: CellContentProps) => {\n  const { formatDate, formatMessage } = useIntl();\n  const contentValue = content[name as Extract<keyof File, string>];\n\n  switch (cellType) {\n    case 'image':\n      return <PreviewCell type={contentType} content={content} />;\n\n    case 'date':\n      if (typeof contentValue === 'string') {\n        return <Typography>{formatDate(parseISO(contentValue), { dateStyle: 'full' })}</Typography>;\n      }\n\n    case 'size':\n      if (contentType === 'folder')\n        return (\n          <Typography\n            aria-label={formatMessage({\n              id: 'list.table.content.empty-label',\n              defaultMessage: 'This field is empty',\n            })}\n          >\n            -\n          </Typography>\n        );\n      if (typeof contentValue === 'string' || typeof contentValue === 'number') {\n        return <Typography>{formatBytes(contentValue)}</Typography>;\n      }\n\n    case 'ext':\n      if (contentType === 'folder')\n        return (\n          <Typography\n            aria-label={formatMessage({\n              id: 'list.table.content.empty-label',\n              defaultMessage: 'This field is empty',\n            })}\n          >\n            -\n          </Typography>\n        );\n\n      if (typeof contentValue === 'string') {\n        return <Typography>{getFileExtension(contentValue)?.toUpperCase()}</Typography>;\n      }\n    case 'text':\n      if (typeof contentValue === 'string') {\n        return <Typography>{contentValue}</Typography>;\n      }\n\n    default:\n      return (\n        <Typography\n          aria-label={formatMessage({\n            id: 'list.table.content.empty-label',\n            defaultMessage: 'This field is empty',\n          })}\n        >\n          -\n        </Typography>\n      );\n  }\n};\n"],"names":["CellContent","cellType","contentType","content","name","formatDate","formatMessage","useIntl","contentValue","_jsx","PreviewCell","type","Typography","parseISO","dateStyle","aria-label","id","defaultMessage","formatBytes","getFileExtension","toUpperCase"],"mappings":";;;;;;;;;;;;AAiBO,MAAMA,WAAAA,GAAc,CAAC,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,EAAEC,IAAI,EAAoB,GAAA;AACpF,IAAA,MAAM,EAAEC,UAAU,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IACtC,MAAMC,YAAAA,GAAeL,OAAO,CAACC,IAAAA,CAAoC;IAEjE,OAAQH,QAAAA;QACN,KAAK,OAAA;AACH,YAAA,qBAAOQ,GAAA,CAACC,WAAAA,EAAAA;gBAAYC,IAAAA,EAAMT,WAAAA;gBAAaC,OAAAA,EAASA;;QAElD,KAAK,MAAA;YACH,IAAI,OAAOK,iBAAiB,QAAA,EAAU;AACpC,gBAAA,qBAAOC,GAAA,CAACG,UAAAA,EAAAA;AAAYP,oBAAAA,QAAAA,EAAAA,UAAAA,CAAWQ,SAASL,YAAAA,CAAAA,EAAe;wBAAEM,SAAAA,EAAW;AAAO,qBAAA;;AAC7E,YAAA;QAEF,KAAK,MAAA;YACH,IAAIZ,WAAAA,KAAgB,QAAA,EAClB,qBACEO,GAAA,CAACG,UAAAA,EAAAA;AACCG,gBAAAA,YAAAA,EAAYT,aAAAA,CAAc;oBACxBU,EAAAA,EAAI,gCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;AACD,gBAAA,QAAA,EAAA;;AAIL,YAAA,IAAI,OAAOT,YAAAA,KAAiB,QAAA,IAAY,OAAOA,iBAAiB,QAAA,EAAU;AACxE,gBAAA,qBAAOC,GAAA,CAACG,UAAAA,EAAAA;8BAAYM,WAAAA,CAAYV,YAAAA;;AAClC,YAAA;QAEF,KAAK,KAAA;YACH,IAAIN,WAAAA,KAAgB,QAAA,EAClB,qBACEO,GAAA,CAACG,UAAAA,EAAAA;AACCG,gBAAAA,YAAAA,EAAYT,aAAAA,CAAc;oBACxBU,EAAAA,EAAI,gCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;AACD,gBAAA,QAAA,EAAA;;YAKL,IAAI,OAAOT,iBAAiB,QAAA,EAAU;AACpC,gBAAA,qBAAOC,GAAA,CAACG,UAAAA,EAAAA;AAAYO,oBAAAA,QAAAA,EAAAA,gBAAAA,CAAiBX,YAAAA,CAAAA,EAAeY,WAAAA;;AACtD,YAAA;QACF,KAAK,MAAA;YACH,IAAI,OAAOZ,iBAAiB,QAAA,EAAU;AACpC,gBAAA,qBAAOC,GAAA,CAACG,UAAAA,EAAAA;AAAYJ,oBAAAA,QAAAA,EAAAA;;AACtB,YAAA;AAEF,QAAA;AACE,YAAA,qBACEC,GAAA,CAACG,UAAAA,EAAAA;AACCG,gBAAAA,YAAAA,EAAYT,aAAAA,CAAc;oBACxBU,EAAAA,EAAI,gCAAA;oBACJC,cAAAA,EAAgB;AAClB,iBAAA,CAAA;AACD,gBAAA,QAAA,EAAA;;AAIP;AACF;;;;"}

package/dist/admin/legacy/components/TableList/PreviewCell.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var enums = require('../../../enums.js');
+var createAssetUrl = require('../../utils/createAssetUrl.js');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../../utils/getTrad.js');
+require('@strapi/admin/strapi-admin');
+require('qs');
+var getFileExtension = require('../../utils/getFileExtension.js');
+var prefixFileUrlWithBackendUrl = require('../../utils/prefixFileUrlWithBackendUrl.js');
+require('../../utils/urlYupSchema.js');
+var VideoPreview = require('../AssetCard/VideoPreview.js');
+
+const VideoPreviewWrapper = styledComponents.styled(designSystem.Box)`
+  figure {
+    width: ${({ theme })=>theme.spaces[7]};
+    height: ${({ theme })=>theme.spaces[7]};
+  }
+
+  canvas,
+  video {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 50%;
+  }
+`;
+const PreviewCell = ({ type, content })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    if (type === 'folder') {
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            justifyContent: "center",
+            background: "secondary100",
+            width: "3.2rem",
+            height: "3.2rem",
+            borderRadius: "50%",
+            children: /*#__PURE__*/ jsxRuntime.jsx(icons.Folder, {
+                "aria-label": formatMessage({
+                    id: getTrad.getTrad('header.actions.add-assets.folder'),
+                    defaultMessage: 'folder'
+                }),
+                fill: "secondary500",
+                width: "1.6rem",
+                height: "1.6rem"
+            })
+        });
+    }
+    const { alternativeText, ext, formats, isLocal, isUrlSigned, mime, name, url } = content;
+    const fileExtension = getFileExtension.getFileExtension(ext);
+    if (mime?.includes(enums.ASSET_TYPES.Image)) {
+        const mediaURL = prefixFileUrlWithBackendUrl.prefixFileUrlWithBackendUrl(formats?.thumbnail?.url) ?? prefixFileUrlWithBackendUrl.prefixFileUrlWithBackendUrl(url);
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Avatar.Item, {
+            src: mediaURL,
+            alt: alternativeText || undefined,
+            // Only signed remote URLs need crossOrigin (cache collision with the
+            // preview). Public/unsigned remote thumbnails must render without a
+            // bucket CORS rule. See #26581.
+            crossOrigin: !isLocal && isUrlSigned ? 'anonymous' : undefined,
+            preview: true,
+            fallback: alternativeText
+        });
+    }
+    if (mime?.includes(enums.ASSET_TYPES.Video)) {
+        return /*#__PURE__*/ jsxRuntime.jsx(VideoPreviewWrapper, {
+            children: /*#__PURE__*/ jsxRuntime.jsx(VideoPreview.VideoPreview, {
+                url: createAssetUrl.createAssetUrl(content, true) || '',
+                mime: mime,
+                alt: alternativeText ?? name
+            })
+        });
+    }
+    if (mime?.includes(enums.ASSET_TYPES.Audio)) {
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+            background: "neutral100",
+            borderRadius: "100%",
+            color: "neutral500",
+            width: "3.2rem",
+            height: "3.2rem",
+            justifyContent: "center",
+            children: /*#__PURE__*/ jsxRuntime.jsx(icons.VolumeUp, {
+                width: 16,
+                height: 16
+            })
+        });
+    }
+    const DOC_ICON_MAP = {
+        pdf: icons.FilePdf,
+        csv: icons.FileCsv,
+        xls: icons.FileXls,
+        zip: icons.FileZip
+    };
+    const DocIcon = fileExtension ? DOC_ICON_MAP[fileExtension] || icons.File : icons.File;
+    const testId = fileExtension && DOC_ICON_MAP[fileExtension] ? `file-${fileExtension}-icon` : 'file-icon';
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        justifyContent: "center",
+        borderRadius: "100%",
+        background: "neutral100",
+        color: "neutral500",
+        width: "3.2rem",
+        height: "3.2rem",
+        children: /*#__PURE__*/ jsxRuntime.jsx(DocIcon, {
+            width: 16,
+            height: 16,
+            "data-testid": testId
+        })
+    });
+};
+
+exports.PreviewCell = PreviewCell;
+//# sourceMappingURL=PreviewCell.js.map

package/dist/admin/legacy/components/TableList/PreviewCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCell.js","sources":["../../../../../admin/src/legacy/components/TableList/PreviewCell.tsx"],"sourcesContent":["import { Avatar, Box, Flex } from '@strapi/design-system';\nimport {\n  File as FileIcon,\n  FileCsv,\n  FilePdf,\n  FileXls,\n  FileZip,\n  Folder,\n  VolumeUp,\n} from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ASSET_TYPES } from '../../../enums';\nimport {\n  createAssetUrl,\n  getFileExtension,\n  getTrad,\n  prefixFileUrlWithBackendUrl,\n} from '../../utils';\nimport { VideoPreview } from '../AssetCard/VideoPreview';\n\nimport type { File } from '../../../../../shared/contracts/files';\n\nconst VideoPreviewWrapper = styled(Box)`\n  figure {\n    width: ${({ theme }) => theme.spaces[7]};\n    height: ${({ theme }) => theme.spaces[7]};\n  }\n\n  canvas,\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 50%;\n  }\n`;\n\ninterface PreviewCellProps {\n  content: File;\n  type?: string;\n}\n\nexport const PreviewCell = ({ type, content }: PreviewCellProps) => {\n  const { formatMessage } = useIntl();\n  if (type === 'folder') {\n    return (\n      <Flex\n        justifyContent=\"center\"\n        background=\"secondary100\"\n        width=\"3.2rem\"\n        height=\"3.2rem\"\n        borderRadius=\"50%\"\n      >\n        <Folder\n          aria-label={formatMessage({\n            id: getTrad('header.actions.add-assets.folder'),\n            defaultMessage: 'folder',\n          })}\n          fill=\"secondary500\"\n          width=\"1.6rem\"\n          height=\"1.6rem\"\n        />\n      </Flex>\n    );\n  }\n\n  const { alternativeText, ext, formats, isLocal, isUrlSigned, mime, name, url } = content;\n\n  const fileExtension = getFileExtension(ext);\n\n  if (mime?.includes(ASSET_TYPES.Image)) {\n    const mediaURL =\n      prefixFileUrlWithBackendUrl(formats?.thumbnail?.url) ?? prefixFileUrlWithBackendUrl(url);\n\n    return (\n      <Avatar.Item\n        src={mediaURL}\n        alt={alternativeText || undefined}\n        // Only signed remote URLs need crossOrigin (cache collision with the\n        // preview). Public/unsigned remote thumbnails must render without a\n        // bucket CORS rule. See #26581.\n        crossOrigin={!isLocal && isUrlSigned ? 'anonymous' : undefined}\n        preview\n        fallback={alternativeText}\n      />\n    );\n  }\n\n  if (mime?.includes(ASSET_TYPES.Video)) {\n    return (\n      <VideoPreviewWrapper>\n        <VideoPreview\n          url={createAssetUrl(content, true) || ''}\n          mime={mime}\n          alt={alternativeText ?? name}\n        />\n      </VideoPreviewWrapper>\n    );\n  }\n\n  if (mime?.includes(ASSET_TYPES.Audio)) {\n    return (\n      <Flex\n        background=\"neutral100\"\n        borderRadius=\"100%\"\n        color=\"neutral500\"\n        width=\"3.2rem\"\n        height=\"3.2rem\"\n        justifyContent=\"center\"\n      >\n        <VolumeUp width={16} height={16} />\n      </Flex>\n    );\n  }\n\n  type IconComponent = typeof FileIcon;\n  const DOC_ICON_MAP: Record<string, IconComponent> = {\n    pdf: FilePdf,\n    csv: FileCsv,\n    xls: FileXls,\n    zip: FileZip,\n  };\n\n  const DocIcon = fileExtension ? DOC_ICON_MAP[fileExtension] || FileIcon : FileIcon;\n  const testId =\n    fileExtension && DOC_ICON_MAP[fileExtension] ? `file-${fileExtension}-icon` : 'file-icon';\n\n  return (\n    <Flex\n      justifyContent=\"center\"\n      borderRadius=\"100%\"\n      background=\"neutral100\"\n      color=\"neutral500\"\n      width=\"3.2rem\"\n      height=\"3.2rem\"\n    >\n      <DocIcon width={16} height={16} data-testid={testId} />\n    </Flex>\n  );\n};\n"],"names":["VideoPreviewWrapper","styled","Box","theme","spaces","PreviewCell","type","content","formatMessage","useIntl","_jsx","Flex","justifyContent","background","width","height","borderRadius","Folder","aria-label","id","getTrad","defaultMessage","fill","alternativeText","ext","formats","isLocal","isUrlSigned","mime","name","url","fileExtension","getFileExtension","includes","ASSET_TYPES","Image","mediaURL","prefixFileUrlWithBackendUrl","thumbnail","Avatar","Item","src","alt","undefined","crossOrigin","preview","fallback","Video","VideoPreview","createAssetUrl","Audio","color","VolumeUp","DOC_ICON_MAP","pdf","FilePdf","csv","FileCsv","xls","FileXls","zip","FileZip","DocIcon","FileIcon","testId","data-testid"],"mappings":"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"}

package/dist/admin/legacy/components/TableList/PreviewCell.mjs

@@ -0,0 +1,114 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box, Flex, Avatar } from '@strapi/design-system';
+import { Folder, VolumeUp, FileZip, FileXls, FileCsv, FilePdf, File } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { ASSET_TYPES } from '../../../enums.mjs';
+import { createAssetUrl } from '../../utils/createAssetUrl.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../../utils/getTrad.mjs';
+import '@strapi/admin/strapi-admin';
+import 'qs';
+import { getFileExtension } from '../../utils/getFileExtension.mjs';
+import { prefixFileUrlWithBackendUrl } from '../../utils/prefixFileUrlWithBackendUrl.mjs';
+import '../../utils/urlYupSchema.mjs';
+import { VideoPreview } from '../AssetCard/VideoPreview.mjs';
+
+const VideoPreviewWrapper = styled(Box)`
+  figure {
+    width: ${({ theme })=>theme.spaces[7]};
+    height: ${({ theme })=>theme.spaces[7]};
+  }
+
+  canvas,
+  video {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 50%;
+  }
+`;
+const PreviewCell = ({ type, content })=>{
+    const { formatMessage } = useIntl();
+    if (type === 'folder') {
+        return /*#__PURE__*/ jsx(Flex, {
+            justifyContent: "center",
+            background: "secondary100",
+            width: "3.2rem",
+            height: "3.2rem",
+            borderRadius: "50%",
+            children: /*#__PURE__*/ jsx(Folder, {
+                "aria-label": formatMessage({
+                    id: getTrad('header.actions.add-assets.folder'),
+                    defaultMessage: 'folder'
+                }),
+                fill: "secondary500",
+                width: "1.6rem",
+                height: "1.6rem"
+            })
+        });
+    }
+    const { alternativeText, ext, formats, isLocal, isUrlSigned, mime, name, url } = content;
+    const fileExtension = getFileExtension(ext);
+    if (mime?.includes(ASSET_TYPES.Image)) {
+        const mediaURL = prefixFileUrlWithBackendUrl(formats?.thumbnail?.url) ?? prefixFileUrlWithBackendUrl(url);
+        return /*#__PURE__*/ jsx(Avatar.Item, {
+            src: mediaURL,
+            alt: alternativeText || undefined,
+            // Only signed remote URLs need crossOrigin (cache collision with the
+            // preview). Public/unsigned remote thumbnails must render without a
+            // bucket CORS rule. See #26581.
+            crossOrigin: !isLocal && isUrlSigned ? 'anonymous' : undefined,
+            preview: true,
+            fallback: alternativeText
+        });
+    }
+    if (mime?.includes(ASSET_TYPES.Video)) {
+        return /*#__PURE__*/ jsx(VideoPreviewWrapper, {
+            children: /*#__PURE__*/ jsx(VideoPreview, {
+                url: createAssetUrl(content, true) || '',
+                mime: mime,
+                alt: alternativeText ?? name
+            })
+        });
+    }
+    if (mime?.includes(ASSET_TYPES.Audio)) {
+        return /*#__PURE__*/ jsx(Flex, {
+            background: "neutral100",
+            borderRadius: "100%",
+            color: "neutral500",
+            width: "3.2rem",
+            height: "3.2rem",
+            justifyContent: "center",
+            children: /*#__PURE__*/ jsx(VolumeUp, {
+                width: 16,
+                height: 16
+            })
+        });
+    }
+    const DOC_ICON_MAP = {
+        pdf: FilePdf,
+        csv: FileCsv,
+        xls: FileXls,
+        zip: FileZip
+    };
+    const DocIcon = fileExtension ? DOC_ICON_MAP[fileExtension] || File : File;
+    const testId = fileExtension && DOC_ICON_MAP[fileExtension] ? `file-${fileExtension}-icon` : 'file-icon';
+    return /*#__PURE__*/ jsx(Flex, {
+        justifyContent: "center",
+        borderRadius: "100%",
+        background: "neutral100",
+        color: "neutral500",
+        width: "3.2rem",
+        height: "3.2rem",
+        children: /*#__PURE__*/ jsx(DocIcon, {
+            width: 16,
+            height: 16,
+            "data-testid": testId
+        })
+    });
+};
+
+export { PreviewCell };
+//# sourceMappingURL=PreviewCell.mjs.map

package/dist/admin/legacy/components/TableList/PreviewCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCell.mjs","sources":["../../../../../admin/src/legacy/components/TableList/PreviewCell.tsx"],"sourcesContent":["import { Avatar, Box, Flex } from '@strapi/design-system';\nimport {\n  File as FileIcon,\n  FileCsv,\n  FilePdf,\n  FileXls,\n  FileZip,\n  Folder,\n  VolumeUp,\n} from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { ASSET_TYPES } from '../../../enums';\nimport {\n  createAssetUrl,\n  getFileExtension,\n  getTrad,\n  prefixFileUrlWithBackendUrl,\n} from '../../utils';\nimport { VideoPreview } from '../AssetCard/VideoPreview';\n\nimport type { File } from '../../../../../shared/contracts/files';\n\nconst VideoPreviewWrapper = styled(Box)`\n  figure {\n    width: ${({ theme }) => theme.spaces[7]};\n    height: ${({ theme }) => theme.spaces[7]};\n  }\n\n  canvas,\n  video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 50%;\n  }\n`;\n\ninterface PreviewCellProps {\n  content: File;\n  type?: string;\n}\n\nexport const PreviewCell = ({ type, content }: PreviewCellProps) => {\n  const { formatMessage } = useIntl();\n  if (type === 'folder') {\n    return (\n      <Flex\n        justifyContent=\"center\"\n        background=\"secondary100\"\n        width=\"3.2rem\"\n        height=\"3.2rem\"\n        borderRadius=\"50%\"\n      >\n        <Folder\n          aria-label={formatMessage({\n            id: getTrad('header.actions.add-assets.folder'),\n            defaultMessage: 'folder',\n          })}\n          fill=\"secondary500\"\n          width=\"1.6rem\"\n          height=\"1.6rem\"\n        />\n      </Flex>\n    );\n  }\n\n  const { alternativeText, ext, formats, isLocal, isUrlSigned, mime, name, url } = content;\n\n  const fileExtension = getFileExtension(ext);\n\n  if (mime?.includes(ASSET_TYPES.Image)) {\n    const mediaURL =\n      prefixFileUrlWithBackendUrl(formats?.thumbnail?.url) ?? prefixFileUrlWithBackendUrl(url);\n\n    return (\n      <Avatar.Item\n        src={mediaURL}\n        alt={alternativeText || undefined}\n        // Only signed remote URLs need crossOrigin (cache collision with the\n        // preview). Public/unsigned remote thumbnails must render without a\n        // bucket CORS rule. See #26581.\n        crossOrigin={!isLocal && isUrlSigned ? 'anonymous' : undefined}\n        preview\n        fallback={alternativeText}\n      />\n    );\n  }\n\n  if (mime?.includes(ASSET_TYPES.Video)) {\n    return (\n      <VideoPreviewWrapper>\n        <VideoPreview\n          url={createAssetUrl(content, true) || ''}\n          mime={mime}\n          alt={alternativeText ?? name}\n        />\n      </VideoPreviewWrapper>\n    );\n  }\n\n  if (mime?.includes(ASSET_TYPES.Audio)) {\n    return (\n      <Flex\n        background=\"neutral100\"\n        borderRadius=\"100%\"\n        color=\"neutral500\"\n        width=\"3.2rem\"\n        height=\"3.2rem\"\n        justifyContent=\"center\"\n      >\n        <VolumeUp width={16} height={16} />\n      </Flex>\n    );\n  }\n\n  type IconComponent = typeof FileIcon;\n  const DOC_ICON_MAP: Record<string, IconComponent> = {\n    pdf: FilePdf,\n    csv: FileCsv,\n    xls: FileXls,\n    zip: FileZip,\n  };\n\n  const DocIcon = fileExtension ? DOC_ICON_MAP[fileExtension] || FileIcon : FileIcon;\n  const testId =\n    fileExtension && DOC_ICON_MAP[fileExtension] ? `file-${fileExtension}-icon` : 'file-icon';\n\n  return (\n    <Flex\n      justifyContent=\"center\"\n      borderRadius=\"100%\"\n      background=\"neutral100\"\n      color=\"neutral500\"\n      width=\"3.2rem\"\n      height=\"3.2rem\"\n    >\n      <DocIcon width={16} height={16} data-testid={testId} />\n    </Flex>\n  );\n};\n"],"names":["VideoPreviewWrapper","styled","Box","theme","spaces","PreviewCell","type","content","formatMessage","useIntl","_jsx","Flex","justifyContent","background","width","height","borderRadius","Folder","aria-label","id","getTrad","defaultMessage","fill","alternativeText","ext","formats","isLocal","isUrlSigned","mime","name","url","fileExtension","getFileExtension","includes","ASSET_TYPES","Image","mediaURL","prefixFileUrlWithBackendUrl","thumbnail","Avatar","Item","src","alt","undefined","crossOrigin","preview","fallback","Video","VideoPreview","createAssetUrl","Audio","color","VolumeUp","DOC_ICON_MAP","pdf","FilePdf","csv","FileCsv","xls","FileXls","zip","FileZip","DocIcon","FileIcon","testId","data-testid"],"mappings":"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"}

package/dist/admin/legacy/components/TableList/TableList.js

@@ -0,0 +1,100 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var constants = require('../../../constants.js');
+require('byte-size');
+require('date-fns');
+var getTrad = require('../../utils/getTrad.js');
+require('@strapi/admin/strapi-admin');
+require('qs');
+require('../../utils/urlYupSchema.js');
+var TableRows = require('./TableRows.js');
+
+// TODO: find a better naming convention for the file that was an index file before
+const TableList = ({ assetCount = 0, folderCount = 0, indeterminate = false, onChangeSort = null, onChangeFolder = null, onEditAsset = null, onEditFolder = null, onSelectAll, onSelectOne, rows = [], selected = [], shouldDisableBulkSelect = false, sortQuery = '' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [sortBy, sortOrder] = sortQuery.split(':');
+    const handleClickSort = (isSorted, name)=>{
+        const nextSortOrder = isSorted && sortOrder === 'ASC' ? 'DESC' : 'ASC';
+        const nextSort = `${name}:${nextSortOrder}`;
+        onChangeSort?.(nextSort);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Table, {
+        colCount: constants.tableHeaders.length + 2,
+        rowCount: assetCount + folderCount + 1,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Thead, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                                "aria-label": formatMessage({
+                                    id: getTrad.getTrad('bulk.select.label'),
+                                    defaultMessage: 'Select all folders & assets'
+                                }),
+                                disabled: shouldDisableBulkSelect,
+                                onCheckedChange: (checked)=>onSelectAll(checked, rows),
+                                checked: indeterminate && !shouldDisableBulkSelect ? 'indeterminate' : (assetCount > 0 || folderCount > 0) && selected.length === assetCount + folderCount
+                            })
+                        }),
+                        constants.tableHeaders.map(({ metadatas: { label, isSortable }, name, key })=>{
+                            const isSorted = sortBy === name;
+                            const isUp = sortOrder === 'ASC';
+                            const tableHeaderLabel = formatMessage(label);
+                            const sortLabel = formatMessage({
+                                id: 'list.table.header.sort',
+                                defaultMessage: 'Sort on {label}'
+                            }, {
+                                label: tableHeaderLabel
+                            });
+                            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                action: isSorted && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    label: sortLabel,
+                                    onClick: ()=>handleClickSort(isSorted, name),
+                                    variant: "ghost",
+                                    children: isUp ? /*#__PURE__*/ jsxRuntime.jsx(icons.CaretUp, {}) : /*#__PURE__*/ jsxRuntime.jsx(icons.CaretDown, {})
+                                }),
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+                                    label: isSortable ? sortLabel : tableHeaderLabel,
+                                    children: isSortable ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        onClick: ()=>handleClickSort(isSorted, name),
+                                        tag: isSorted ? 'span' : 'button',
+                                        textColor: "neutral600",
+                                        variant: "sigma",
+                                        children: tableHeaderLabel
+                                    }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        textColor: "neutral600",
+                                        variant: "sigma",
+                                        children: tableHeaderLabel
+                                    })
+                                })
+                            }, key);
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                children: formatMessage({
+                                    id: getTrad.getTrad('list.table.header.actions'),
+                                    defaultMessage: 'actions'
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(TableRows.TableRows, {
+                onChangeFolder: onChangeFolder,
+                onEditAsset: onEditAsset,
+                onEditFolder: onEditFolder,
+                rows: rows,
+                onSelectOne: onSelectOne,
+                selected: selected
+            })
+        ]
+    });
+};
+
+exports.TableList = TableList;
+//# sourceMappingURL=TableList.js.map

package/dist/admin/legacy/components/TableList/TableList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableList.js","sources":["../../../../../admin/src/legacy/components/TableList/TableList.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport {\n  Checkbox,\n  IconButton,\n  Table,\n  Th,\n  Thead,\n  Tooltip,\n  Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { CaretDown, CaretUp } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { tableHeaders } from '../../../constants';\nimport { getTrad } from '../../utils';\n\nimport { TableRows } from './TableRows';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../shared/contracts/folders';\nimport type { AllowedTypes } from '../AssetCard/AssetCard';\n\nexport interface FileRow extends File {\n  folderURL?: string;\n  isSelectable?: boolean;\n  type?: string;\n}\n\nexport interface FolderRow extends Folder {\n  folderURL?: string;\n  isSelectable?: boolean;\n  type?: string;\n}\n\nexport interface TableListProps {\n  isFolderSelectionAllowed?: boolean;\n  allowedTypes?: AllowedTypes[];\n  assetCount?: number;\n  folderCount?: number;\n  indeterminate?: boolean;\n  onChangeSort?: ((sortQuery: string) => void) | null;\n  onChangeFolder?: ((folderId: number, folderPath?: string) => void) | null;\n  onEditAsset?: ((asset: FileRow) => void) | null;\n  onEditFolder?: ((folder: FolderRow) => void) | null;\n  onSelectAll: (checked: boolean | string, rows?: FolderRow[] | FileRow[]) => void;\n  onSelectOne: (element: FileRow | FolderRow) => void;\n  rows?: FileRow[] | FolderRow[];\n  selected?: FileRow[] | FolderRow[];\n  shouldDisableBulkSelect?: boolean;\n  sortQuery?: string;\n}\n\nexport const TableList = ({\n  assetCount = 0,\n  folderCount = 0,\n  indeterminate = false,\n  onChangeSort = null,\n  onChangeFolder = null,\n  onEditAsset = null,\n  onEditFolder = null,\n  onSelectAll,\n  onSelectOne,\n  rows = [],\n  selected = [],\n  shouldDisableBulkSelect = false,\n  sortQuery = '',\n}: TableListProps) => {\n  const { formatMessage } = useIntl();\n  const [sortBy, sortOrder] = sortQuery.split(':');\n\n  const handleClickSort = (isSorted: boolean, name: string) => {\n    const nextSortOrder = isSorted && sortOrder === 'ASC' ? 'DESC' : 'ASC';\n    const nextSort = `${name}:${nextSortOrder}`;\n\n    onChangeSort?.(nextSort);\n  };\n\n  return (\n    <Table colCount={tableHeaders.length + 2} rowCount={assetCount + folderCount + 1}>\n      <Thead>\n        <Tr>\n          <Th>\n            <Checkbox\n              aria-label={formatMessage({\n                id: getTrad('bulk.select.label'),\n                defaultMessage: 'Select all folders & assets',\n              })}\n              disabled={shouldDisableBulkSelect}\n              onCheckedChange={(checked) => onSelectAll(checked, rows)}\n              checked={\n                indeterminate && !shouldDisableBulkSelect\n                  ? 'indeterminate'\n                  : (assetCount > 0 || folderCount > 0) &&\n                    selected.length === assetCount + folderCount\n              }\n            />\n          </Th>\n          {tableHeaders.map(({ metadatas: { label, isSortable }, name, key }) => {\n            const isSorted = sortBy === name;\n            const isUp = sortOrder === 'ASC';\n            const tableHeaderLabel = formatMessage(label);\n            const sortLabel = formatMessage(\n              { id: 'list.table.header.sort', defaultMessage: 'Sort on {label}' },\n              { label: tableHeaderLabel }\n            );\n\n            return (\n              <Th\n                action={\n                  isSorted && (\n                    <IconButton\n                      label={sortLabel}\n                      onClick={() => handleClickSort(isSorted, name)}\n                      variant=\"ghost\"\n                    >\n                      {isUp ? <CaretUp /> : <CaretDown />}\n                    </IconButton>\n                  )\n                }\n                key={key}\n              >\n                <Tooltip label={isSortable ? sortLabel : tableHeaderLabel}>\n                  {isSortable ? (\n                    <Typography\n                      onClick={() => handleClickSort(isSorted, name)}\n                      tag={isSorted ? 'span' : 'button'}\n                      textColor=\"neutral600\"\n                      variant=\"sigma\"\n                    >\n                      {tableHeaderLabel}\n                    </Typography>\n                  ) : (\n                    <Typography textColor=\"neutral600\" variant=\"sigma\">\n                      {tableHeaderLabel}\n                    </Typography>\n                  )}\n                </Tooltip>\n              </Th>\n            );\n          })}\n          <Th>\n            <VisuallyHidden>\n              {formatMessage({\n                id: getTrad('list.table.header.actions'),\n                defaultMessage: 'actions',\n              })}\n            </VisuallyHidden>\n          </Th>\n        </Tr>\n      </Thead>\n      <TableRows\n        onChangeFolder={onChangeFolder}\n        onEditAsset={onEditAsset!}\n        onEditFolder={onEditFolder!}\n        rows={rows}\n        onSelectOne={onSelectOne}\n        selected={selected}\n      />\n    </Table>\n  );\n};\n"],"names":["TableList","assetCount","folderCount","indeterminate","onChangeSort","onChangeFolder","onEditAsset","onEditFolder","onSelectAll","onSelectOne","rows","selected","shouldDisableBulkSelect","sortQuery","formatMessage","useIntl","sortBy","sortOrder","split","handleClickSort","isSorted","name","nextSortOrder","nextSort","_jsxs","Table","colCount","tableHeaders","length","rowCount","_jsx","Thead","Tr","Th","Checkbox","aria-label","id","getTrad","defaultMessage","disabled","onCheckedChange","checked","map","metadatas","label","isSortable","key","isUp","tableHeaderLabel","sortLabel","action","IconButton","onClick","variant","CaretUp","CaretDown","Tooltip","Typography","tag","textColor","VisuallyHidden","TableRows"],"mappings":"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"}

package/dist/admin/legacy/components/TableList/TableList.mjs

@@ -0,0 +1,98 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Table, Thead, Tr, Th, Checkbox, Tooltip, Typography, IconButton, VisuallyHidden } from '@strapi/design-system';
+import { CaretUp, CaretDown } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { tableHeaders } from '../../../constants.mjs';
+import 'byte-size';
+import 'date-fns';
+import { getTrad } from '../../utils/getTrad.mjs';
+import '@strapi/admin/strapi-admin';
+import 'qs';
+import '../../utils/urlYupSchema.mjs';
+import { TableRows } from './TableRows.mjs';
+
+// TODO: find a better naming convention for the file that was an index file before
+const TableList = ({ assetCount = 0, folderCount = 0, indeterminate = false, onChangeSort = null, onChangeFolder = null, onEditAsset = null, onEditFolder = null, onSelectAll, onSelectOne, rows = [], selected = [], shouldDisableBulkSelect = false, sortQuery = '' })=>{
+    const { formatMessage } = useIntl();
+    const [sortBy, sortOrder] = sortQuery.split(':');
+    const handleClickSort = (isSorted, name)=>{
+        const nextSortOrder = isSorted && sortOrder === 'ASC' ? 'DESC' : 'ASC';
+        const nextSort = `${name}:${nextSortOrder}`;
+        onChangeSort?.(nextSort);
+    };
+    return /*#__PURE__*/ jsxs(Table, {
+        colCount: tableHeaders.length + 2,
+        rowCount: assetCount + folderCount + 1,
+        children: [
+            /*#__PURE__*/ jsx(Thead, {
+                children: /*#__PURE__*/ jsxs(Tr, {
+                    children: [
+                        /*#__PURE__*/ jsx(Th, {
+                            children: /*#__PURE__*/ jsx(Checkbox, {
+                                "aria-label": formatMessage({
+                                    id: getTrad('bulk.select.label'),
+                                    defaultMessage: 'Select all folders & assets'
+                                }),
+                                disabled: shouldDisableBulkSelect,
+                                onCheckedChange: (checked)=>onSelectAll(checked, rows),
+                                checked: indeterminate && !shouldDisableBulkSelect ? 'indeterminate' : (assetCount > 0 || folderCount > 0) && selected.length === assetCount + folderCount
+                            })
+                        }),
+                        tableHeaders.map(({ metadatas: { label, isSortable }, name, key })=>{
+                            const isSorted = sortBy === name;
+                            const isUp = sortOrder === 'ASC';
+                            const tableHeaderLabel = formatMessage(label);
+                            const sortLabel = formatMessage({
+                                id: 'list.table.header.sort',
+                                defaultMessage: 'Sort on {label}'
+                            }, {
+                                label: tableHeaderLabel
+                            });
+                            return /*#__PURE__*/ jsx(Th, {
+                                action: isSorted && /*#__PURE__*/ jsx(IconButton, {
+                                    label: sortLabel,
+                                    onClick: ()=>handleClickSort(isSorted, name),
+                                    variant: "ghost",
+                                    children: isUp ? /*#__PURE__*/ jsx(CaretUp, {}) : /*#__PURE__*/ jsx(CaretDown, {})
+                                }),
+                                children: /*#__PURE__*/ jsx(Tooltip, {
+                                    label: isSortable ? sortLabel : tableHeaderLabel,
+                                    children: isSortable ? /*#__PURE__*/ jsx(Typography, {
+                                        onClick: ()=>handleClickSort(isSorted, name),
+                                        tag: isSorted ? 'span' : 'button',
+                                        textColor: "neutral600",
+                                        variant: "sigma",
+                                        children: tableHeaderLabel
+                                    }) : /*#__PURE__*/ jsx(Typography, {
+                                        textColor: "neutral600",
+                                        variant: "sigma",
+                                        children: tableHeaderLabel
+                                    })
+                                })
+                            }, key);
+                        }),
+                        /*#__PURE__*/ jsx(Th, {
+                            children: /*#__PURE__*/ jsx(VisuallyHidden, {
+                                children: formatMessage({
+                                    id: getTrad('list.table.header.actions'),
+                                    defaultMessage: 'actions'
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(TableRows, {
+                onChangeFolder: onChangeFolder,
+                onEditAsset: onEditAsset,
+                onEditFolder: onEditFolder,
+                rows: rows,
+                onSelectOne: onSelectOne,
+                selected: selected
+            })
+        ]
+    });
+};
+
+export { TableList };
+//# sourceMappingURL=TableList.mjs.map

package/dist/admin/legacy/components/TableList/TableList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableList.mjs","sources":["../../../../../admin/src/legacy/components/TableList/TableList.tsx"],"sourcesContent":["// TODO: find a better naming convention for the file that was an index file before\nimport {\n  Checkbox,\n  IconButton,\n  Table,\n  Th,\n  Thead,\n  Tooltip,\n  Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { CaretDown, CaretUp } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { tableHeaders } from '../../../constants';\nimport { getTrad } from '../../utils';\n\nimport { TableRows } from './TableRows';\n\nimport type { File } from '../../../../../shared/contracts/files';\nimport type { Folder } from '../../../../../shared/contracts/folders';\nimport type { AllowedTypes } from '../AssetCard/AssetCard';\n\nexport interface FileRow extends File {\n  folderURL?: string;\n  isSelectable?: boolean;\n  type?: string;\n}\n\nexport interface FolderRow extends Folder {\n  folderURL?: string;\n  isSelectable?: boolean;\n  type?: string;\n}\n\nexport interface TableListProps {\n  isFolderSelectionAllowed?: boolean;\n  allowedTypes?: AllowedTypes[];\n  assetCount?: number;\n  folderCount?: number;\n  indeterminate?: boolean;\n  onChangeSort?: ((sortQuery: string) => void) | null;\n  onChangeFolder?: ((folderId: number, folderPath?: string) => void) | null;\n  onEditAsset?: ((asset: FileRow) => void) | null;\n  onEditFolder?: ((folder: FolderRow) => void) | null;\n  onSelectAll: (checked: boolean | string, rows?: FolderRow[] | FileRow[]) => void;\n  onSelectOne: (element: FileRow | FolderRow) => void;\n  rows?: FileRow[] | FolderRow[];\n  selected?: FileRow[] | FolderRow[];\n  shouldDisableBulkSelect?: boolean;\n  sortQuery?: string;\n}\n\nexport const TableList = ({\n  assetCount = 0,\n  folderCount = 0,\n  indeterminate = false,\n  onChangeSort = null,\n  onChangeFolder = null,\n  onEditAsset = null,\n  onEditFolder = null,\n  onSelectAll,\n  onSelectOne,\n  rows = [],\n  selected = [],\n  shouldDisableBulkSelect = false,\n  sortQuery = '',\n}: TableListProps) => {\n  const { formatMessage } = useIntl();\n  const [sortBy, sortOrder] = sortQuery.split(':');\n\n  const handleClickSort = (isSorted: boolean, name: string) => {\n    const nextSortOrder = isSorted && sortOrder === 'ASC' ? 'DESC' : 'ASC';\n    const nextSort = `${name}:${nextSortOrder}`;\n\n    onChangeSort?.(nextSort);\n  };\n\n  return (\n    <Table colCount={tableHeaders.length + 2} rowCount={assetCount + folderCount + 1}>\n      <Thead>\n        <Tr>\n          <Th>\n            <Checkbox\n              aria-label={formatMessage({\n                id: getTrad('bulk.select.label'),\n                defaultMessage: 'Select all folders & assets',\n              })}\n              disabled={shouldDisableBulkSelect}\n              onCheckedChange={(checked) => onSelectAll(checked, rows)}\n              checked={\n                indeterminate && !shouldDisableBulkSelect\n                  ? 'indeterminate'\n                  : (assetCount > 0 || folderCount > 0) &&\n                    selected.length === assetCount + folderCount\n              }\n            />\n          </Th>\n          {tableHeaders.map(({ metadatas: { label, isSortable }, name, key }) => {\n            const isSorted = sortBy === name;\n            const isUp = sortOrder === 'ASC';\n            const tableHeaderLabel = formatMessage(label);\n            const sortLabel = formatMessage(\n              { id: 'list.table.header.sort', defaultMessage: 'Sort on {label}' },\n              { label: tableHeaderLabel }\n            );\n\n            return (\n              <Th\n                action={\n                  isSorted && (\n                    <IconButton\n                      label={sortLabel}\n                      onClick={() => handleClickSort(isSorted, name)}\n                      variant=\"ghost\"\n                    >\n                      {isUp ? <CaretUp /> : <CaretDown />}\n                    </IconButton>\n                  )\n                }\n                key={key}\n              >\n                <Tooltip label={isSortable ? sortLabel : tableHeaderLabel}>\n                  {isSortable ? (\n                    <Typography\n                      onClick={() => handleClickSort(isSorted, name)}\n                      tag={isSorted ? 'span' : 'button'}\n                      textColor=\"neutral600\"\n                      variant=\"sigma\"\n                    >\n                      {tableHeaderLabel}\n                    </Typography>\n                  ) : (\n                    <Typography textColor=\"neutral600\" variant=\"sigma\">\n                      {tableHeaderLabel}\n                    </Typography>\n                  )}\n                </Tooltip>\n              </Th>\n            );\n          })}\n          <Th>\n            <VisuallyHidden>\n              {formatMessage({\n                id: getTrad('list.table.header.actions'),\n                defaultMessage: 'actions',\n              })}\n            </VisuallyHidden>\n          </Th>\n        </Tr>\n      </Thead>\n      <TableRows\n        onChangeFolder={onChangeFolder}\n        onEditAsset={onEditAsset!}\n        onEditFolder={onEditFolder!}\n        rows={rows}\n        onSelectOne={onSelectOne}\n        selected={selected}\n      />\n    </Table>\n  );\n};\n"],"names":["TableList","assetCount","folderCount","indeterminate","onChangeSort","onChangeFolder","onEditAsset","onEditFolder","onSelectAll","onSelectOne","rows","selected","shouldDisableBulkSelect","sortQuery","formatMessage","useIntl","sortBy","sortOrder","split","handleClickSort","isSorted","name","nextSortOrder","nextSort","_jsxs","Table","colCount","tableHeaders","length","rowCount","_jsx","Thead","Tr","Th","Checkbox","aria-label","id","getTrad","defaultMessage","disabled","onCheckedChange","checked","map","metadatas","label","isSortable","key","isUp","tableHeaderLabel","sortLabel","action","IconButton","onClick","variant","CaretUp","CaretDown","Tooltip","Typography","tag","textColor","VisuallyHidden","TableRows"],"mappings":"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"}