@strapi/content-manager 5.49.0 → 5.50.1

package/dist/admin/pages/ListView/components/TableCells/CellContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CellContent.mjs","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/CellContent.tsx"],"sourcesContent":["import { Tooltip, Typography } from '@strapi/design-system';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { CellValue } from './CellValue';\nimport { SingleComponent, RepeatableComponent } from './Components';\nimport { MediaSingle, MediaMultiple } from './Media';\nimport { RelationMultiple, RelationSingle } from './Relations';\n\nimport type { ListFieldLayout } from '../../../../hooks/useDocumentLayout';\nimport type { Schema, Data } from '@strapi/types';\n\ninterface CellContentProps extends Omit<ListFieldLayout, 'cellFormatter'> {\n  content: Schema.Attribute.Value<Schema.Attribute.AnyAttribute>;\n  rowId: Data.ID;\n}\n\nconst CellContent = ({ content, mainField, attribute, rowId, name }: CellContentProps) => {\n  const isIdColumn = name === 'id';\n\n  if (!hasContent(content, mainField, attribute)) {\n    return (\n      <Typography\n        textColor=\"neutral800\"\n        paddingLeft={attribute.type === ('relation' || 'component') ? '1.6rem' : 0}\n        paddingRight={attribute.type === ('relation' || 'component') ? '1.6rem' : 0}\n      >\n        -\n      </Typography>\n    );\n  }\n\n  switch (attribute.type) {\n    case 'media':\n      if (!attribute.multiple) {\n        return <MediaSingle {...content} />;\n      }\n\n      return <MediaMultiple content={content} />;\n\n    case 'relation': {\n      if (isSingleRelation(attribute.relation)) {\n        return <RelationSingle mainField={mainField} content={content} />;\n      }\n\n      return <RelationMultiple rowId={rowId} mainField={mainField} content={content} name={name} />;\n    }\n\n    case 'component':\n      if (attribute.repeatable) {\n        return <RepeatableComponent mainField={mainField} content={content} />;\n      }\n\n      return <SingleComponent mainField={mainField} content={content} />;\n\n    case 'string':\n      return (\n        <Tooltip label={content}>\n          <Typography maxWidth=\"30rem\" ellipsis textColor=\"neutral800\">\n            <CellValue isIdColumn={isIdColumn} type={attribute.type} value={content} />\n          </Typography>\n        </Tooltip>\n      );\n\n    default:\n      return (\n        <Typography maxWidth=\"30rem\" ellipsis textColor=\"neutral800\">\n          <CellValue isIdColumn={isIdColumn} type={attribute.type} value={content} />\n        </Typography>\n      );\n  }\n};\n\nconst hasContent = (\n  content: CellContentProps['content'],\n  mainField: CellContentProps['mainField'],\n  attribute: CellContentProps['attribute']\n) => {\n  if (attribute.type === 'component') {\n    // Repeatable fields show the ID as fallback, in case the mainField\n    // doesn't have any content\n    if (attribute.repeatable || !mainField) {\n      return content?.length > 0;\n    }\n\n    const value = content?.[mainField.name];\n\n    // relations, media ... show the id as fallback\n    if (mainField.name === 'id' && ![undefined, null].includes(value)) {\n      return true;\n    }\n\n    return !isEmpty(value);\n  }\n\n  if (attribute.type === 'relation') {\n    if (isSingleRelation(attribute.relation)) {\n      return !isEmpty(content);\n    }\n\n    if (Array.isArray(content)) {\n      return content.length > 0;\n    }\n\n    return content?.count > 0;\n  }\n\n  /*\n      Biginteger fields need to be treated as strings, as `isNumber`\n      doesn't deal with them.\n  */\n  if (['integer', 'decimal', 'float', 'number'].includes(attribute.type)) {\n    return typeof content === 'number';\n  }\n\n  if (attribute.type === 'boolean') {\n    return content !== null;\n  }\n\n  return !isEmpty(content);\n};\n\nconst isSingleRelation = (\n  type: Extract<CellContentProps['attribute'], { type: 'relation' }>['relation']\n) => ['oneToOne', 'manyToOne', 'oneToOneMorph'].includes(type);\n\nexport { CellContent };\nexport type { CellContentProps };\n"],"names":["CellContent","content","mainField","attribute","rowId","name","isIdColumn","hasContent","_jsx","Typography","textColor","paddingLeft","type","paddingRight","multiple","MediaSingle","MediaMultiple","isSingleRelation","relation","RelationSingle","RelationMultiple","repeatable","RepeatableComponent","SingleComponent","Tooltip","label","maxWidth","ellipsis","CellValue","value","length","undefined","includes","isEmpty","Array","isArray","count"],"mappings":"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"}
+{"version":3,"file":"CellContent.mjs","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/CellContent.tsx"],"sourcesContent":["import type { MouseEvent } from 'react';\n\nimport { Tooltip, Typography } from '@strapi/design-system';\nimport isEmpty from 'lodash/isEmpty';\nimport { Link as ReactRouterLink } from 'react-router-dom';\n\nimport { CellValue } from './CellValue';\nimport { SingleComponent, RepeatableComponent } from './Components';\nimport { MediaSingle, MediaMultiple } from './Media';\nimport { RelationMultiple, RelationSingle } from './Relations';\n\nimport type { ListFieldLayout } from '../../../../hooks/useDocumentLayout';\nimport type { Schema, Data } from '@strapi/types';\nimport type { To } from 'react-router-dom';\n\ninterface CellContentProps extends Omit<ListFieldLayout, 'cellFormatter'> {\n  content: Schema.Attribute.Value<Schema.Attribute.AnyAttribute>;\n  rowId: Data.ID;\n  /**\n   * When set, the cell renders its value as a navigational link to the entry.\n   * Used for the primary (first scalar) column so users can open an entry in a\n   * new tab via right-click / cmd+click / middle-click, while a plain click\n   * still navigates within the SPA. Only passed for non-interactive cell types.\n   */\n  linkTo?: To;\n}\n\nconst CellContent = ({ content, mainField, attribute, rowId, name, linkTo }: CellContentProps) => {\n  const isIdColumn = name === 'id';\n\n  if (!hasContent(content, mainField, attribute)) {\n    return (\n      <Typography\n        textColor=\"neutral800\"\n        paddingLeft={attribute.type === 'relation' || attribute.type === 'component' ? '1.6rem' : 0}\n        paddingRight={\n          attribute.type === 'relation' || attribute.type === 'component' ? '1.6rem' : 0\n        }\n      >\n        -\n      </Typography>\n    );\n  }\n\n  // Primary scalar column: render the value as a link to the entry so it gets\n  // native open-in-new-tab semantics. stopPropagation prevents the row's own\n  // onClick from firing a second navigation; React Router's Link still handles\n  // the click (stopPropagation does not preventDefault).\n  if (linkTo) {\n    const link = (\n      <Typography\n        tag={ReactRouterLink}\n        to={linkTo}\n        onClick={(e: MouseEvent) => e.stopPropagation()}\n        maxWidth=\"30rem\"\n        ellipsis\n        textColor=\"neutral800\"\n      >\n        <CellValue isIdColumn={isIdColumn} type={attribute.type} value={content} />\n      </Typography>\n    );\n\n    return attribute.type === 'string' ? <Tooltip label={content}>{link}</Tooltip> : link;\n  }\n\n  switch (attribute.type) {\n    case 'media':\n      if (!attribute.multiple) {\n        return <MediaSingle {...content} />;\n      }\n\n      return <MediaMultiple content={content} />;\n\n    case 'relation': {\n      if (isSingleRelation(attribute.relation)) {\n        return <RelationSingle mainField={mainField} content={content} />;\n      }\n\n      return <RelationMultiple rowId={rowId} mainField={mainField} content={content} name={name} />;\n    }\n\n    case 'component':\n      if (attribute.repeatable) {\n        return <RepeatableComponent mainField={mainField} content={content} />;\n      }\n\n      return <SingleComponent mainField={mainField} content={content} />;\n\n    case 'string':\n      return (\n        <Tooltip label={content}>\n          <Typography maxWidth=\"30rem\" ellipsis textColor=\"neutral800\">\n            <CellValue isIdColumn={isIdColumn} type={attribute.type} value={content} />\n          </Typography>\n        </Tooltip>\n      );\n\n    default:\n      return (\n        <Typography maxWidth=\"30rem\" ellipsis textColor=\"neutral800\">\n          <CellValue isIdColumn={isIdColumn} type={attribute.type} value={content} />\n        </Typography>\n      );\n  }\n};\n\nconst hasContent = (\n  content: CellContentProps['content'],\n  mainField: CellContentProps['mainField'],\n  attribute: CellContentProps['attribute']\n) => {\n  if (attribute.type === 'component') {\n    // Repeatable fields show the ID as fallback, in case the mainField\n    // doesn't have any content\n    if (attribute.repeatable || !mainField) {\n      return content?.length > 0;\n    }\n\n    const value = content?.[mainField.name];\n\n    // relations, media ... show the id as fallback\n    if (mainField.name === 'id' && ![undefined, null].includes(value)) {\n      return true;\n    }\n\n    return !isEmpty(value);\n  }\n\n  if (attribute.type === 'relation') {\n    if (isSingleRelation(attribute.relation)) {\n      return !isEmpty(content);\n    }\n\n    if (Array.isArray(content)) {\n      return content.length > 0;\n    }\n\n    return content?.count > 0;\n  }\n\n  /*\n      Biginteger fields need to be treated as strings, as `isNumber`\n      doesn't deal with them.\n  */\n  if (['integer', 'decimal', 'float', 'number'].includes(attribute.type)) {\n    return typeof content === 'number';\n  }\n\n  if (attribute.type === 'boolean') {\n    return content !== null;\n  }\n\n  return !isEmpty(content);\n};\n\nconst isSingleRelation = (\n  type: Extract<CellContentProps['attribute'], { type: 'relation' }>['relation']\n) => ['oneToOne', 'manyToOne', 'oneToOneMorph'].includes(type);\n\nexport { CellContent, hasContent };\nexport type { CellContentProps };\n"],"names":["CellContent","content","mainField","attribute","rowId","name","linkTo","isIdColumn","hasContent","_jsx","Typography","textColor","paddingLeft","type","paddingRight","link","tag","ReactRouterLink","to","onClick","e","stopPropagation","maxWidth","ellipsis","CellValue","value","Tooltip","label","multiple","MediaSingle","MediaMultiple","isSingleRelation","relation","RelationSingle","RelationMultiple","repeatable","RepeatableComponent","SingleComponent","length","undefined","includes","isEmpty","Array","isArray","count"],"mappings":";;;;;;;;;AA2BA,MAAMA,WAAAA,GAAc,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAEC,KAAK,EAAEC,IAAI,EAAEC,MAAM,EAAoB,GAAA;AAC3F,IAAA,MAAMC,aAAaF,IAAAA,KAAS,IAAA;AAE5B,IAAA,IAAI,CAACG,UAAAA,CAAWP,OAAAA,EAASC,SAAAA,EAAWC,SAAAA,CAAAA,EAAY;AAC9C,QAAA,qBACEM,GAAA,CAACC,UAAAA,EAAAA;YACCC,SAAAA,EAAU,YAAA;YACVC,WAAAA,EAAaT,SAAAA,CAAUU,IAAI,KAAK,UAAA,IAAcV,UAAUU,IAAI,KAAK,cAAc,QAAA,GAAW,CAAA;YAC1FC,YAAAA,EACEX,SAAAA,CAAUU,IAAI,KAAK,UAAA,IAAcV,UAAUU,IAAI,KAAK,cAAc,QAAA,GAAW,CAAA;AAEhF,YAAA,QAAA,EAAA;;AAIL,IAAA;;;;;AAMA,IAAA,IAAIP,MAAAA,EAAQ;AACV,QAAA,MAAMS,qBACJN,GAAA,CAACC,UAAAA,EAAAA;YACCM,GAAAA,EAAKC,IAAAA;YACLC,EAAAA,EAAIZ,MAAAA;YACJa,OAAAA,EAAS,CAACC,CAAAA,GAAkBA,CAAAA,CAAEC,eAAe,EAAA;YAC7CC,QAAAA,EAAS,OAAA;YACTC,QAAQ,EAAA,IAAA;YACRZ,SAAAA,EAAU,YAAA;AAEV,YAAA,QAAA,gBAAAF,GAAA,CAACe,SAAAA,EAAAA;gBAAUjB,UAAAA,EAAYA,UAAAA;AAAYM,gBAAAA,IAAAA,EAAMV,UAAUU,IAAI;gBAAEY,KAAAA,EAAOxB;;;AAIpE,QAAA,OAAOE,SAAAA,CAAUU,IAAI,KAAK,QAAA,iBAAWJ,GAAA,CAACiB,OAAAA,EAAAA;YAAQC,KAAAA,EAAO1B,OAAAA;AAAUc,YAAAA,QAAAA,EAAAA;AAAkBA,SAAAA,CAAAA,GAAAA,IAAAA;AACnF,IAAA;AAEA,IAAA,OAAQZ,UAAUU,IAAI;QACpB,KAAK,OAAA;YACH,IAAI,CAACV,SAAAA,CAAUyB,QAAQ,EAAE;AACvB,gBAAA,qBAAOnB,GAAA,CAACoB,WAAAA,EAAAA;AAAa,oBAAA,GAAG5B;;AAC1B,YAAA;AAEA,YAAA,qBAAOQ,GAAA,CAACqB,aAAAA,EAAAA;gBAAc7B,OAAAA,EAASA;;QAEjC,KAAK,UAAA;AAAY,YAAA;gBACf,IAAI8B,gBAAAA,CAAiB5B,SAAAA,CAAU6B,QAAQ,CAAA,EAAG;AACxC,oBAAA,qBAAOvB,GAAA,CAACwB,cAAAA,EAAAA;wBAAe/B,SAAAA,EAAWA,SAAAA;wBAAWD,OAAAA,EAASA;;AACxD,gBAAA;AAEA,gBAAA,qBAAOQ,GAAA,CAACyB,gBAAAA,EAAAA;oBAAiB9B,KAAAA,EAAOA,KAAAA;oBAAOF,SAAAA,EAAWA,SAAAA;oBAAWD,OAAAA,EAASA,OAAAA;oBAASI,IAAAA,EAAMA;;AACvF,YAAA;QAEA,KAAK,WAAA;YACH,IAAIF,SAAAA,CAAUgC,UAAU,EAAE;AACxB,gBAAA,qBAAO1B,GAAA,CAAC2B,mBAAAA,EAAAA;oBAAoBlC,SAAAA,EAAWA,SAAAA;oBAAWD,OAAAA,EAASA;;AAC7D,YAAA;AAEA,YAAA,qBAAOQ,GAAA,CAAC4B,eAAAA,EAAAA;gBAAgBnC,SAAAA,EAAWA,SAAAA;gBAAWD,OAAAA,EAASA;;QAEzD,KAAK,QAAA;AACH,YAAA,qBACEQ,GAAA,CAACiB,OAAAA,EAAAA;gBAAQC,KAAAA,EAAO1B,OAAAA;AACd,gBAAA,QAAA,gBAAAQ,GAAA,CAACC,UAAAA,EAAAA;oBAAWY,QAAAA,EAAS,OAAA;oBAAQC,QAAQ,EAAA,IAAA;oBAACZ,SAAAA,EAAU,YAAA;AAC9C,oBAAA,QAAA,gBAAAF,GAAA,CAACe,SAAAA,EAAAA;wBAAUjB,UAAAA,EAAYA,UAAAA;AAAYM,wBAAAA,IAAAA,EAAMV,UAAUU,IAAI;wBAAEY,KAAAA,EAAOxB;;;;AAKxE,QAAA;AACE,YAAA,qBACEQ,GAAA,CAACC,UAAAA,EAAAA;gBAAWY,QAAAA,EAAS,OAAA;gBAAQC,QAAQ,EAAA,IAAA;gBAACZ,SAAAA,EAAU,YAAA;AAC9C,gBAAA,QAAA,gBAAAF,GAAA,CAACe,SAAAA,EAAAA;oBAAUjB,UAAAA,EAAYA,UAAAA;AAAYM,oBAAAA,IAAAA,EAAMV,UAAUU,IAAI;oBAAEY,KAAAA,EAAOxB;;;AAGxE;AACF;AAEA,MAAMO,UAAAA,GAAa,CACjBP,OAAAA,EACAC,SAAAA,EACAC,SAAAA,GAAAA;IAEA,IAAIA,SAAAA,CAAUU,IAAI,KAAK,WAAA,EAAa;;;AAGlC,QAAA,IAAIV,SAAAA,CAAUgC,UAAU,IAAI,CAACjC,SAAAA,EAAW;AACtC,YAAA,OAAOD,SAASqC,MAAAA,GAAS,CAAA;AAC3B,QAAA;AAEA,QAAA,MAAMb,KAAAA,GAAQxB,OAAAA,GAAUC,SAAAA,CAAUG,IAAI,CAAC;;AAGvC,QAAA,IAAIH,SAAAA,CAAUG,IAAI,KAAK,IAAA,IAAQ,CAAC;AAACkC,YAAAA,SAAAA;AAAW,YAAA;SAAK,CAACC,QAAQ,CAACf,KAAAA,CAAAA,EAAQ;YACjE,OAAO,IAAA;AACT,QAAA;AAEA,QAAA,OAAO,CAACgB,OAAAA,CAAQhB,KAAAA,CAAAA;AAClB,IAAA;IAEA,IAAItB,SAAAA,CAAUU,IAAI,KAAK,UAAA,EAAY;QACjC,IAAIkB,gBAAAA,CAAiB5B,SAAAA,CAAU6B,QAAQ,CAAA,EAAG;AACxC,YAAA,OAAO,CAACS,OAAAA,CAAQxC,OAAAA,CAAAA;AAClB,QAAA;QAEA,IAAIyC,KAAAA,CAAMC,OAAO,CAAC1C,OAAAA,CAAAA,EAAU;YAC1B,OAAOA,OAAAA,CAAQqC,MAAM,GAAG,CAAA;AAC1B,QAAA;AAEA,QAAA,OAAOrC,SAAS2C,KAAAA,GAAQ,CAAA;AAC1B,IAAA;AAEA;;;AAGA,KACA,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA,SAAA;AAAW,QAAA,OAAA;AAAS,QAAA;AAAS,KAAA,CAACJ,QAAQ,CAACrC,SAAAA,CAAUU,IAAI,CAAA,EAAG;AACtE,QAAA,OAAO,OAAOZ,OAAAA,KAAY,QAAA;AAC5B,IAAA;IAEA,IAAIE,SAAAA,CAAUU,IAAI,KAAK,SAAA,EAAW;AAChC,QAAA,OAAOZ,OAAAA,KAAY,IAAA;AACrB,IAAA;AAEA,IAAA,OAAO,CAACwC,OAAAA,CAAQxC,OAAAA,CAAAA;AAClB;AAEA,MAAM8B,gBAAAA,GAAmB,CACvBlB,IAAAA,GACG;AAAC,QAAA,UAAA;AAAY,QAAA,WAAA;AAAa,QAAA;AAAgB,KAAA,CAAC2B,QAAQ,CAAC3B,IAAAA,CAAAA;;;;"}

package/dist/admin/pages/ListView/components/TableCells/CellValue.js

@@ -12,7 +12,7 @@ var toString__default = /*#__PURE__*/_interopDefault(toString);
 const CellValue = ({ isIdColumn = false, type, value })=>{
     const { formatDate, formatTime, formatNumber, formatMessage } = reactIntl.useIntl();
     let formattedValue = value;
-    if (type === 'date') {
+    if (type === 'date' && typeof value === 'string') {
         formattedValue = formatDate(parseISO__default.default(value), {
             dateStyle: 'full'
         });
@@ -23,12 +23,12 @@ const CellValue = ({ isIdColumn = false, type, value })=>{
             timeStyle: 'short'
         });
     }
-    if (type === 'time') {
+    if (type === 'time' && typeof value === 'string') {
         const [hour, minute, second] = value.split(':');
         const date = new Date();
-        date.setHours(hour);
-        date.setMinutes(minute);
-        date.setSeconds(second);
+        date.setHours(Number(hour));
+        date.setMinutes(Number(minute));
+        date.setSeconds(Number(second));
         formattedValue = formatTime(date, {
             timeStyle: 'short'
         });
@@ -44,9 +44,10 @@ const CellValue = ({ isIdColumn = false, type, value })=>{
         });
     }
     if (type === 'boolean') {
+        const booleanValue = Boolean(value);
         formattedValue = formatMessage({
-            id: value ? 'app.components.ToggleCheckbox.on-label' : 'app.components.ToggleCheckbox.off-label',
-            defaultMessage: value ? 'true' : 'false'
+            id: booleanValue ? 'app.components.ToggleCheckbox.on-label' : 'app.components.ToggleCheckbox.off-label',
+            defaultMessage: booleanValue ? 'true' : 'false'
         });
     }
     if ([

package/dist/admin/pages/ListView/components/TableCells/CellValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CellValue.js","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/CellValue.tsx"],"sourcesContent":["import parseISO from 'date-fns/parseISO';\nimport toString from 'lodash/toString';\nimport { useIntl } from 'react-intl';\n\nimport type { Schema } from '@strapi/types';\n\ninterface CellValueProps {\n  isIdColumn?: boolean;\n  type: Schema.Attribute.Kind | 'custom';\n  value: any;\n}\n\nconst CellValue = ({ isIdColumn = false, type, value }: CellValueProps) => {\n  const { formatDate, formatTime, formatNumber, formatMessage } = useIntl();\n  let formattedValue = value;\n\n  if (type === 'date') {\n    formattedValue = formatDate(parseISO(value), { dateStyle: 'full' });\n  }\n\n  if (type === 'datetime') {\n    formattedValue = formatDate(value, { dateStyle: 'full', timeStyle: 'short' });\n  }\n\n  if (type === 'time') {\n    const [hour, minute, second] = value.split(':');\n    const date = new Date();\n    date.setHours(hour);\n    date.setMinutes(minute);\n    date.setSeconds(second);\n\n    formattedValue = formatTime(date, {\n      timeStyle: 'short',\n    });\n  }\n\n  if (['float', 'decimal'].includes(type)) {\n    formattedValue = formatNumber(value, {\n      // Should be kept in sync with the corresponding value\n      // in the design-system/NumberInput: https://github.com/strapi/design-system/blob/main/packages/strapi-design-system/src/NumberInput/NumberInput.js#L53\n      maximumFractionDigits: 20,\n    });\n  }\n\n  if (type === 'boolean') {\n    formattedValue = formatMessage({\n      id: value\n        ? 'app.components.ToggleCheckbox.on-label'\n        : 'app.components.ToggleCheckbox.off-label',\n      defaultMessage: value ? 'true' : 'false',\n    });\n  }\n\n  if (['integer', 'biginteger'].includes(type)) {\n    formattedValue = formatNumber(value, { maximumFractionDigits: 0, useGrouping: !isIdColumn });\n  }\n\n  return toString(formattedValue);\n};\n\nexport { CellValue };\nexport type { CellValueProps };\n"],"names":["CellValue","isIdColumn","type","value","formatDate","formatTime","formatNumber","formatMessage","useIntl","formattedValue","parseISO","dateStyle","timeStyle","hour","minute","second","split","date","Date","setHours","setMinutes","setSeconds","includes","maximumFractionDigits","id","defaultMessage","useGrouping","toString"],"mappings":";;;;;;;;;;;AAYA,MAAMA,SAAAA,GAAY,CAAC,EAAEC,UAAAA,GAAa,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAkB,GAAA;IACpE,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,YAAY,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAChE,IAAA,IAAIC,cAAAA,GAAiBN,KAAAA;AAErB,IAAA,IAAID,SAAS,MAAA,EAAQ;QACnBO,cAAAA,GAAiBL,UAAAA,CAAWM,0BAASP,KAAAA,CAAAA,EAAQ;YAAEQ,SAAAA,EAAW;AAAO,SAAA,CAAA;AACnE,IAAA;AAEA,IAAA,IAAIT,SAAS,UAAA,EAAY;AACvBO,QAAAA,cAAAA,GAAiBL,WAAWD,KAAAA,EAAO;YAAEQ,SAAAA,EAAW,MAAA;YAAQC,SAAAA,EAAW;AAAQ,SAAA,CAAA;AAC7E,IAAA;AAEA,IAAA,IAAIV,SAAS,MAAA,EAAQ;AACnB,QAAA,MAAM,CAACW,IAAAA,EAAMC,MAAAA,EAAQC,OAAO,GAAGZ,KAAAA,CAAMa,KAAK,CAAC,GAAA,CAAA;AAC3C,QAAA,MAAMC,OAAO,IAAIC,IAAAA,EAAAA;AACjBD,QAAAA,IAAAA,CAAKE,QAAQ,CAACN,IAAAA,CAAAA;AACdI,QAAAA,IAAAA,CAAKG,UAAU,CAACN,MAAAA,CAAAA;AAChBG,QAAAA,IAAAA,CAAKI,UAAU,CAACN,MAAAA,CAAAA;AAEhBN,QAAAA,cAAAA,GAAiBJ,WAAWY,IAAAA,EAAM;YAChCL,SAAAA,EAAW;AACb,SAAA,CAAA;AACF,IAAA;IAEA,IAAI;AAAC,QAAA,OAAA;AAAS,QAAA;KAAU,CAACU,QAAQ,CAACpB,IAAAA,CAAAA,EAAO;AACvCO,QAAAA,cAAAA,GAAiBH,aAAaH,KAAAA,EAAO;;;YAGnCoB,qBAAAA,EAAuB;AACzB,SAAA,CAAA;AACF,IAAA;AAEA,IAAA,IAAIrB,SAAS,SAAA,EAAW;AACtBO,QAAAA,cAAAA,GAAiBF,aAAAA,CAAc;AAC7BiB,YAAAA,EAAAA,EAAIrB,QACA,wCAAA,GACA,yCAAA;AACJsB,YAAAA,cAAAA,EAAgBtB,QAAQ,MAAA,GAAS;AACnC,SAAA,CAAA;AACF,IAAA;IAEA,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA;KAAa,CAACmB,QAAQ,CAACpB,IAAAA,CAAAA,EAAO;AAC5CO,QAAAA,cAAAA,GAAiBH,aAAaH,KAAAA,EAAO;YAAEoB,qBAAAA,EAAuB,CAAA;AAAGG,YAAAA,WAAAA,EAAa,CAACzB;AAAW,SAAA,CAAA;AAC5F,IAAA;AAEA,IAAA,OAAO0B,yBAAAA,CAASlB,cAAAA,CAAAA;AAClB;;;;"}
+{"version":3,"file":"CellValue.js","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/CellValue.tsx"],"sourcesContent":["import parseISO from 'date-fns/parseISO';\nimport toString from 'lodash/toString';\nimport { useIntl } from 'react-intl';\n\nimport type { Schema } from '@strapi/types';\n\ninterface CellValueProps {\n  isIdColumn?: boolean;\n  type: Schema.Attribute.Kind | 'custom';\n  value: unknown;\n}\n\nconst CellValue = ({ isIdColumn = false, type, value }: CellValueProps) => {\n  const { formatDate, formatTime, formatNumber, formatMessage } = useIntl();\n  let formattedValue = value;\n\n  if (type === 'date' && typeof value === 'string') {\n    formattedValue = formatDate(parseISO(value), { dateStyle: 'full' });\n  }\n\n  if (type === 'datetime') {\n    formattedValue = formatDate(value as Parameters<typeof formatDate>[0], {\n      dateStyle: 'full',\n      timeStyle: 'short',\n    });\n  }\n\n  if (type === 'time' && typeof value === 'string') {\n    const [hour, minute, second] = value.split(':');\n    const date = new Date();\n    date.setHours(Number(hour));\n    date.setMinutes(Number(minute));\n    date.setSeconds(Number(second));\n\n    formattedValue = formatTime(date, {\n      timeStyle: 'short',\n    });\n  }\n\n  if (['float', 'decimal'].includes(type)) {\n    formattedValue = formatNumber(value as Parameters<typeof formatNumber>[0], {\n      // Should be kept in sync with the corresponding value\n      // in the design-system/NumberInput: https://github.com/strapi/design-system/blob/main/packages/strapi-design-system/src/NumberInput/NumberInput.js#L53\n      maximumFractionDigits: 20,\n    });\n  }\n\n  if (type === 'boolean') {\n    const booleanValue = Boolean(value);\n    formattedValue = formatMessage({\n      id: booleanValue\n        ? 'app.components.ToggleCheckbox.on-label'\n        : 'app.components.ToggleCheckbox.off-label',\n      defaultMessage: booleanValue ? 'true' : 'false',\n    });\n  }\n\n  if (['integer', 'biginteger'].includes(type)) {\n    formattedValue = formatNumber(value as Parameters<typeof formatNumber>[0], {\n      maximumFractionDigits: 0,\n      useGrouping: !isIdColumn,\n    });\n  }\n\n  return toString(formattedValue);\n};\n\nexport { CellValue };\nexport type { CellValueProps };\n"],"names":["CellValue","isIdColumn","type","value","formatDate","formatTime","formatNumber","formatMessage","useIntl","formattedValue","parseISO","dateStyle","timeStyle","hour","minute","second","split","date","Date","setHours","Number","setMinutes","setSeconds","includes","maximumFractionDigits","booleanValue","Boolean","id","defaultMessage","useGrouping","toString"],"mappings":";;;;;;;;;;;AAYA,MAAMA,SAAAA,GAAY,CAAC,EAAEC,UAAAA,GAAa,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAkB,GAAA;IACpE,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,YAAY,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAChE,IAAA,IAAIC,cAAAA,GAAiBN,KAAAA;AAErB,IAAA,IAAID,IAAAA,KAAS,MAAA,IAAU,OAAOC,KAAAA,KAAU,QAAA,EAAU;QAChDM,cAAAA,GAAiBL,UAAAA,CAAWM,0BAASP,KAAAA,CAAAA,EAAQ;YAAEQ,SAAAA,EAAW;AAAO,SAAA,CAAA;AACnE,IAAA;AAEA,IAAA,IAAIT,SAAS,UAAA,EAAY;AACvBO,QAAAA,cAAAA,GAAiBL,WAAWD,KAAAA,EAA2C;YACrEQ,SAAAA,EAAW,MAAA;YACXC,SAAAA,EAAW;AACb,SAAA,CAAA;AACF,IAAA;AAEA,IAAA,IAAIV,IAAAA,KAAS,MAAA,IAAU,OAAOC,KAAAA,KAAU,QAAA,EAAU;AAChD,QAAA,MAAM,CAACU,IAAAA,EAAMC,MAAAA,EAAQC,OAAO,GAAGZ,KAAAA,CAAMa,KAAK,CAAC,GAAA,CAAA;AAC3C,QAAA,MAAMC,OAAO,IAAIC,IAAAA,EAAAA;QACjBD,IAAAA,CAAKE,QAAQ,CAACC,MAAAA,CAAOP,IAAAA,CAAAA,CAAAA;QACrBI,IAAAA,CAAKI,UAAU,CAACD,MAAAA,CAAON,MAAAA,CAAAA,CAAAA;QACvBG,IAAAA,CAAKK,UAAU,CAACF,MAAAA,CAAOL,MAAAA,CAAAA,CAAAA;AAEvBN,QAAAA,cAAAA,GAAiBJ,WAAWY,IAAAA,EAAM;YAChCL,SAAAA,EAAW;AACb,SAAA,CAAA;AACF,IAAA;IAEA,IAAI;AAAC,QAAA,OAAA;AAAS,QAAA;KAAU,CAACW,QAAQ,CAACrB,IAAAA,CAAAA,EAAO;AACvCO,QAAAA,cAAAA,GAAiBH,aAAaH,KAAAA,EAA6C;;;YAGzEqB,qBAAAA,EAAuB;AACzB,SAAA,CAAA;AACF,IAAA;AAEA,IAAA,IAAItB,SAAS,SAAA,EAAW;AACtB,QAAA,MAAMuB,eAAeC,OAAAA,CAAQvB,KAAAA,CAAAA;AAC7BM,QAAAA,cAAAA,GAAiBF,aAAAA,CAAc;AAC7BoB,YAAAA,EAAAA,EAAIF,eACA,wCAAA,GACA,yCAAA;AACJG,YAAAA,cAAAA,EAAgBH,eAAe,MAAA,GAAS;AAC1C,SAAA,CAAA;AACF,IAAA;IAEA,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA;KAAa,CAACF,QAAQ,CAACrB,IAAAA,CAAAA,EAAO;AAC5CO,QAAAA,cAAAA,GAAiBH,aAAaH,KAAAA,EAA6C;YACzEqB,qBAAAA,EAAuB,CAAA;AACvBK,YAAAA,WAAAA,EAAa,CAAC5B;AAChB,SAAA,CAAA;AACF,IAAA;AAEA,IAAA,OAAO6B,yBAAAA,CAASrB,cAAAA,CAAAA;AAClB;;;;"}

package/dist/admin/pages/ListView/components/TableCells/CellValue.mjs

@@ -5,7 +5,7 @@ import { useIntl } from 'react-intl';
 const CellValue = ({ isIdColumn = false, type, value })=>{
     const { formatDate, formatTime, formatNumber, formatMessage } = useIntl();
     let formattedValue = value;
-    if (type === 'date') {
+    if (type === 'date' && typeof value === 'string') {
         formattedValue = formatDate(parseISO(value), {
             dateStyle: 'full'
         });
@@ -16,12 +16,12 @@ const CellValue = ({ isIdColumn = false, type, value })=>{
             timeStyle: 'short'
         });
     }
-    if (type === 'time') {
+    if (type === 'time' && typeof value === 'string') {
         const [hour, minute, second] = value.split(':');
         const date = new Date();
-        date.setHours(hour);
-        date.setMinutes(minute);
-        date.setSeconds(second);
+        date.setHours(Number(hour));
+        date.setMinutes(Number(minute));
+        date.setSeconds(Number(second));
         formattedValue = formatTime(date, {
             timeStyle: 'short'
         });
@@ -37,9 +37,10 @@ const CellValue = ({ isIdColumn = false, type, value })=>{
         });
     }
     if (type === 'boolean') {
+        const booleanValue = Boolean(value);
         formattedValue = formatMessage({
-            id: value ? 'app.components.ToggleCheckbox.on-label' : 'app.components.ToggleCheckbox.off-label',
-            defaultMessage: value ? 'true' : 'false'
+            id: booleanValue ? 'app.components.ToggleCheckbox.on-label' : 'app.components.ToggleCheckbox.off-label',
+            defaultMessage: booleanValue ? 'true' : 'false'
         });
     }
     if ([

package/dist/admin/pages/ListView/components/TableCells/CellValue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CellValue.mjs","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/CellValue.tsx"],"sourcesContent":["import parseISO from 'date-fns/parseISO';\nimport toString from 'lodash/toString';\nimport { useIntl } from 'react-intl';\n\nimport type { Schema } from '@strapi/types';\n\ninterface CellValueProps {\n  isIdColumn?: boolean;\n  type: Schema.Attribute.Kind | 'custom';\n  value: any;\n}\n\nconst CellValue = ({ isIdColumn = false, type, value }: CellValueProps) => {\n  const { formatDate, formatTime, formatNumber, formatMessage } = useIntl();\n  let formattedValue = value;\n\n  if (type === 'date') {\n    formattedValue = formatDate(parseISO(value), { dateStyle: 'full' });\n  }\n\n  if (type === 'datetime') {\n    formattedValue = formatDate(value, { dateStyle: 'full', timeStyle: 'short' });\n  }\n\n  if (type === 'time') {\n    const [hour, minute, second] = value.split(':');\n    const date = new Date();\n    date.setHours(hour);\n    date.setMinutes(minute);\n    date.setSeconds(second);\n\n    formattedValue = formatTime(date, {\n      timeStyle: 'short',\n    });\n  }\n\n  if (['float', 'decimal'].includes(type)) {\n    formattedValue = formatNumber(value, {\n      // Should be kept in sync with the corresponding value\n      // in the design-system/NumberInput: https://github.com/strapi/design-system/blob/main/packages/strapi-design-system/src/NumberInput/NumberInput.js#L53\n      maximumFractionDigits: 20,\n    });\n  }\n\n  if (type === 'boolean') {\n    formattedValue = formatMessage({\n      id: value\n        ? 'app.components.ToggleCheckbox.on-label'\n        : 'app.components.ToggleCheckbox.off-label',\n      defaultMessage: value ? 'true' : 'false',\n    });\n  }\n\n  if (['integer', 'biginteger'].includes(type)) {\n    formattedValue = formatNumber(value, { maximumFractionDigits: 0, useGrouping: !isIdColumn });\n  }\n\n  return toString(formattedValue);\n};\n\nexport { CellValue };\nexport type { CellValueProps };\n"],"names":["CellValue","isIdColumn","type","value","formatDate","formatTime","formatNumber","formatMessage","useIntl","formattedValue","parseISO","dateStyle","timeStyle","hour","minute","second","split","date","Date","setHours","setMinutes","setSeconds","includes","maximumFractionDigits","id","defaultMessage","useGrouping","toString"],"mappings":";;;;AAYA,MAAMA,SAAAA,GAAY,CAAC,EAAEC,UAAAA,GAAa,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAkB,GAAA;IACpE,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,YAAY,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAChE,IAAA,IAAIC,cAAAA,GAAiBN,KAAAA;AAErB,IAAA,IAAID,SAAS,MAAA,EAAQ;QACnBO,cAAAA,GAAiBL,UAAAA,CAAWM,SAASP,KAAAA,CAAAA,EAAQ;YAAEQ,SAAAA,EAAW;AAAO,SAAA,CAAA;AACnE,IAAA;AAEA,IAAA,IAAIT,SAAS,UAAA,EAAY;AACvBO,QAAAA,cAAAA,GAAiBL,WAAWD,KAAAA,EAAO;YAAEQ,SAAAA,EAAW,MAAA;YAAQC,SAAAA,EAAW;AAAQ,SAAA,CAAA;AAC7E,IAAA;AAEA,IAAA,IAAIV,SAAS,MAAA,EAAQ;AACnB,QAAA,MAAM,CAACW,IAAAA,EAAMC,MAAAA,EAAQC,OAAO,GAAGZ,KAAAA,CAAMa,KAAK,CAAC,GAAA,CAAA;AAC3C,QAAA,MAAMC,OAAO,IAAIC,IAAAA,EAAAA;AACjBD,QAAAA,IAAAA,CAAKE,QAAQ,CAACN,IAAAA,CAAAA;AACdI,QAAAA,IAAAA,CAAKG,UAAU,CAACN,MAAAA,CAAAA;AAChBG,QAAAA,IAAAA,CAAKI,UAAU,CAACN,MAAAA,CAAAA;AAEhBN,QAAAA,cAAAA,GAAiBJ,WAAWY,IAAAA,EAAM;YAChCL,SAAAA,EAAW;AACb,SAAA,CAAA;AACF,IAAA;IAEA,IAAI;AAAC,QAAA,OAAA;AAAS,QAAA;KAAU,CAACU,QAAQ,CAACpB,IAAAA,CAAAA,EAAO;AACvCO,QAAAA,cAAAA,GAAiBH,aAAaH,KAAAA,EAAO;;;YAGnCoB,qBAAAA,EAAuB;AACzB,SAAA,CAAA;AACF,IAAA;AAEA,IAAA,IAAIrB,SAAS,SAAA,EAAW;AACtBO,QAAAA,cAAAA,GAAiBF,aAAAA,CAAc;AAC7BiB,YAAAA,EAAAA,EAAIrB,QACA,wCAAA,GACA,yCAAA;AACJsB,YAAAA,cAAAA,EAAgBtB,QAAQ,MAAA,GAAS;AACnC,SAAA,CAAA;AACF,IAAA;IAEA,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA;KAAa,CAACmB,QAAQ,CAACpB,IAAAA,CAAAA,EAAO;AAC5CO,QAAAA,cAAAA,GAAiBH,aAAaH,KAAAA,EAAO;YAAEoB,qBAAAA,EAAuB,CAAA;AAAGG,YAAAA,WAAAA,EAAa,CAACzB;AAAW,SAAA,CAAA;AAC5F,IAAA;AAEA,IAAA,OAAO0B,QAAAA,CAASlB,cAAAA,CAAAA;AAClB;;;;"}
+{"version":3,"file":"CellValue.mjs","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/CellValue.tsx"],"sourcesContent":["import parseISO from 'date-fns/parseISO';\nimport toString from 'lodash/toString';\nimport { useIntl } from 'react-intl';\n\nimport type { Schema } from '@strapi/types';\n\ninterface CellValueProps {\n  isIdColumn?: boolean;\n  type: Schema.Attribute.Kind | 'custom';\n  value: unknown;\n}\n\nconst CellValue = ({ isIdColumn = false, type, value }: CellValueProps) => {\n  const { formatDate, formatTime, formatNumber, formatMessage } = useIntl();\n  let formattedValue = value;\n\n  if (type === 'date' && typeof value === 'string') {\n    formattedValue = formatDate(parseISO(value), { dateStyle: 'full' });\n  }\n\n  if (type === 'datetime') {\n    formattedValue = formatDate(value as Parameters<typeof formatDate>[0], {\n      dateStyle: 'full',\n      timeStyle: 'short',\n    });\n  }\n\n  if (type === 'time' && typeof value === 'string') {\n    const [hour, minute, second] = value.split(':');\n    const date = new Date();\n    date.setHours(Number(hour));\n    date.setMinutes(Number(minute));\n    date.setSeconds(Number(second));\n\n    formattedValue = formatTime(date, {\n      timeStyle: 'short',\n    });\n  }\n\n  if (['float', 'decimal'].includes(type)) {\n    formattedValue = formatNumber(value as Parameters<typeof formatNumber>[0], {\n      // Should be kept in sync with the corresponding value\n      // in the design-system/NumberInput: https://github.com/strapi/design-system/blob/main/packages/strapi-design-system/src/NumberInput/NumberInput.js#L53\n      maximumFractionDigits: 20,\n    });\n  }\n\n  if (type === 'boolean') {\n    const booleanValue = Boolean(value);\n    formattedValue = formatMessage({\n      id: booleanValue\n        ? 'app.components.ToggleCheckbox.on-label'\n        : 'app.components.ToggleCheckbox.off-label',\n      defaultMessage: booleanValue ? 'true' : 'false',\n    });\n  }\n\n  if (['integer', 'biginteger'].includes(type)) {\n    formattedValue = formatNumber(value as Parameters<typeof formatNumber>[0], {\n      maximumFractionDigits: 0,\n      useGrouping: !isIdColumn,\n    });\n  }\n\n  return toString(formattedValue);\n};\n\nexport { CellValue };\nexport type { CellValueProps };\n"],"names":["CellValue","isIdColumn","type","value","formatDate","formatTime","formatNumber","formatMessage","useIntl","formattedValue","parseISO","dateStyle","timeStyle","hour","minute","second","split","date","Date","setHours","Number","setMinutes","setSeconds","includes","maximumFractionDigits","booleanValue","Boolean","id","defaultMessage","useGrouping","toString"],"mappings":";;;;AAYA,MAAMA,SAAAA,GAAY,CAAC,EAAEC,UAAAA,GAAa,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAkB,GAAA;IACpE,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,YAAY,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAChE,IAAA,IAAIC,cAAAA,GAAiBN,KAAAA;AAErB,IAAA,IAAID,IAAAA,KAAS,MAAA,IAAU,OAAOC,KAAAA,KAAU,QAAA,EAAU;QAChDM,cAAAA,GAAiBL,UAAAA,CAAWM,SAASP,KAAAA,CAAAA,EAAQ;YAAEQ,SAAAA,EAAW;AAAO,SAAA,CAAA;AACnE,IAAA;AAEA,IAAA,IAAIT,SAAS,UAAA,EAAY;AACvBO,QAAAA,cAAAA,GAAiBL,WAAWD,KAAAA,EAA2C;YACrEQ,SAAAA,EAAW,MAAA;YACXC,SAAAA,EAAW;AACb,SAAA,CAAA;AACF,IAAA;AAEA,IAAA,IAAIV,IAAAA,KAAS,MAAA,IAAU,OAAOC,KAAAA,KAAU,QAAA,EAAU;AAChD,QAAA,MAAM,CAACU,IAAAA,EAAMC,MAAAA,EAAQC,OAAO,GAAGZ,KAAAA,CAAMa,KAAK,CAAC,GAAA,CAAA;AAC3C,QAAA,MAAMC,OAAO,IAAIC,IAAAA,EAAAA;QACjBD,IAAAA,CAAKE,QAAQ,CAACC,MAAAA,CAAOP,IAAAA,CAAAA,CAAAA;QACrBI,IAAAA,CAAKI,UAAU,CAACD,MAAAA,CAAON,MAAAA,CAAAA,CAAAA;QACvBG,IAAAA,CAAKK,UAAU,CAACF,MAAAA,CAAOL,MAAAA,CAAAA,CAAAA;AAEvBN,QAAAA,cAAAA,GAAiBJ,WAAWY,IAAAA,EAAM;YAChCL,SAAAA,EAAW;AACb,SAAA,CAAA;AACF,IAAA;IAEA,IAAI;AAAC,QAAA,OAAA;AAAS,QAAA;KAAU,CAACW,QAAQ,CAACrB,IAAAA,CAAAA,EAAO;AACvCO,QAAAA,cAAAA,GAAiBH,aAAaH,KAAAA,EAA6C;;;YAGzEqB,qBAAAA,EAAuB;AACzB,SAAA,CAAA;AACF,IAAA;AAEA,IAAA,IAAItB,SAAS,SAAA,EAAW;AACtB,QAAA,MAAMuB,eAAeC,OAAAA,CAAQvB,KAAAA,CAAAA;AAC7BM,QAAAA,cAAAA,GAAiBF,aAAAA,CAAc;AAC7BoB,YAAAA,EAAAA,EAAIF,eACA,wCAAA,GACA,yCAAA;AACJG,YAAAA,cAAAA,EAAgBH,eAAe,MAAA,GAAS;AAC1C,SAAA,CAAA;AACF,IAAA;IAEA,IAAI;AAAC,QAAA,SAAA;AAAW,QAAA;KAAa,CAACF,QAAQ,CAACrB,IAAAA,CAAAA,EAAO;AAC5CO,QAAAA,cAAAA,GAAiBH,aAAaH,KAAAA,EAA6C;YACzEqB,qBAAAA,EAAuB,CAAA;AACvBK,YAAAA,WAAAA,EAAa,CAAC5B;AAChB,SAAA,CAAA;AACF,IAAA;AAEA,IAAA,OAAO6B,QAAAA,CAASrB,cAAAA,CAAAA;AAClB;;;;"}

package/dist/admin/pages/ListView/components/TableCells/Components.js.map

@@ -1 +1 @@
-{"version":3,"file":"Components.js","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/Components.tsx"],"sourcesContent":["import { Badge, Tooltip, Typography, Menu } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { CellContentProps } from './CellContent';\nimport { CellValue } from './CellValue';\n\nimport type { Schema } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * SingleComponent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SingleComponentProps extends Pick<CellContentProps, 'mainField'> {\n  content: Schema.Attribute.Value<Schema.Attribute.Component<`${string}.${string}`, false>>;\n}\n\nconst SingleComponent = ({ content, mainField }: SingleComponentProps) => {\n  if (!mainField) {\n    return null;\n  }\n\n  return (\n    <Tooltip label={content[mainField.name]}>\n      <Typography maxWidth=\"25rem\" textColor=\"neutral800\" ellipsis>\n        <CellValue type={mainField.type} value={content[mainField.name]} />\n      </Typography>\n    </Tooltip>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * RepeatableComponent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RepeatableComponentProps extends Pick<CellContentProps, 'mainField'> {\n  content: Schema.Attribute.Value<Schema.Attribute.Component<`${string}.${string}`, true>>;\n}\n\nconst RepeatableComponent = ({ content, mainField }: RepeatableComponentProps) => {\n  const { formatMessage } = useIntl();\n\n  if (!mainField) {\n    return null;\n  }\n\n  return (\n    <Menu.Root>\n      <Menu.Trigger onClick={(e) => e.stopPropagation()}>\n        <Badge>{content.length}</Badge>\n        {formatMessage(\n          {\n            id: 'content-manager.containers.list.items',\n            defaultMessage: '{number, plural, =0 {items} one {item} other {items}}',\n          },\n          { number: content.length }\n        )}\n      </Menu.Trigger>\n      <Menu.Content>\n        {content.map((item) => (\n          <Menu.Item key={item.id} disabled>\n            <Typography maxWidth=\"50rem\" ellipsis>\n              <CellValue type={mainField.type} value={item[mainField.name]} />\n            </Typography>\n          </Menu.Item>\n        ))}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n\nexport { SingleComponent, RepeatableComponent };\nexport type { SingleComponentProps, RepeatableComponentProps };\n"],"names":["SingleComponent","content","mainField","_jsx","Tooltip","label","name","Typography","maxWidth","textColor","ellipsis","CellValue","type","value","RepeatableComponent","formatMessage","useIntl","_jsxs","Menu","Root","Trigger","onClick","e","stopPropagation","Badge","length","id","defaultMessage","number","Content","map","item","Item","disabled"],"mappings":";;;;;;;AAiBA,MAAMA,kBAAkB,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAwB,GAAA;AACnE,IAAA,IAAI,CAACA,SAAAA,EAAW;QACd,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEC,cAAA,CAACC,oBAAAA,EAAAA;AAAQC,QAAAA,KAAAA,EAAOJ,OAAO,CAACC,SAAAA,CAAUI,IAAI,CAAC;AACrC,QAAA,QAAA,gBAAAH,cAAA,CAACI,uBAAAA,EAAAA;YAAWC,QAAAA,EAAS,OAAA;YAAQC,SAAAA,EAAU,YAAA;YAAaC,QAAQ,EAAA,IAAA;AAC1D,YAAA,QAAA,gBAAAP,cAAA,CAACQ,mBAAAA,EAAAA;AAAUC,gBAAAA,IAAAA,EAAMV,UAAUU,IAAI;AAAEC,gBAAAA,KAAAA,EAAOZ,OAAO,CAACC,SAAAA,CAAUI,IAAI;;;;AAItE;AAUA,MAAMQ,sBAAsB,CAAC,EAAEb,OAAO,EAAEC,SAAS,EAA4B,GAAA;IAC3E,MAAM,EAAEa,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,IAAI,CAACd,SAAAA,EAAW;QACd,OAAO,IAAA;AACT,IAAA;IAEA,qBACEe,eAAA,CAACC,kBAAKC,IAAI,EAAA;;AACR,0BAAAF,eAAA,CAACC,kBAAKE,OAAO,EAAA;gBAACC,OAAAA,EAAS,CAACC,CAAAA,GAAMA,CAAAA,CAAEC,eAAe,EAAA;;kCAC7CpB,cAAA,CAACqB,kBAAAA,EAAAA;AAAOvB,wBAAAA,QAAAA,EAAAA,OAAAA,CAAQwB;;oBACfV,aAAAA,CACC;wBACEW,EAAAA,EAAI,uCAAA;wBACJC,cAAAA,EAAgB;qBAClB,EACA;AAAEC,wBAAAA,MAAAA,EAAQ3B,QAAQwB;AAAO,qBAAA;;;AAG7B,0BAAAtB,cAAA,CAACe,kBAAKW,OAAO,EAAA;AACV5B,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQ6B,GAAG,CAAC,CAACC,IAAAA,iBACZ5B,cAAA,CAACe,kBAAKc,IAAI,EAAA;wBAAeC,QAAQ,EAAA,IAAA;AAC/B,wBAAA,QAAA,gBAAA9B,cAAA,CAACI,uBAAAA,EAAAA;4BAAWC,QAAAA,EAAS,OAAA;4BAAQE,QAAQ,EAAA,IAAA;AACnC,4BAAA,QAAA,gBAAAP,cAAA,CAACQ,mBAAAA,EAAAA;AAAUC,gCAAAA,IAAAA,EAAMV,UAAUU,IAAI;AAAEC,gCAAAA,KAAAA,EAAOkB,IAAI,CAAC7B,SAAAA,CAAUI,IAAI;;;AAF/CyB,qBAAAA,EAAAA,IAAAA,CAAKL,EAAE,CAAA;;;;AASjC;;;;;"}
+{"version":3,"file":"Components.js","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/Components.tsx"],"sourcesContent":["import { Badge, Tooltip, Typography, Menu } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { CellContentProps } from './CellContent';\nimport { CellValue } from './CellValue';\n\nimport type { Schema } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * SingleComponent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SingleComponentProps extends Pick<CellContentProps, 'mainField'> {\n  content: Schema.Attribute.Value<Schema.Attribute.Component<`${string}.${string}`, false>>;\n}\n\nconst SingleComponent = ({ content, mainField }: SingleComponentProps) => {\n  if (!mainField) {\n    return null;\n  }\n\n  return (\n    <Tooltip label={content[mainField.name]}>\n      <Typography maxWidth=\"25rem\" textColor=\"neutral800\" ellipsis>\n        <CellValue type={mainField.type} value={content[mainField.name]} />\n      </Typography>\n    </Tooltip>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * RepeatableComponent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RepeatableComponentProps extends Pick<CellContentProps, 'mainField'> {\n  content: Schema.Attribute.Value<Schema.Attribute.Component<`${string}.${string}`, true>>;\n}\n\nconst RepeatableComponent = ({ content, mainField }: RepeatableComponentProps) => {\n  const { formatMessage } = useIntl();\n\n  if (!mainField) {\n    return null;\n  }\n\n  return (\n    <Menu.Root>\n      <Menu.Trigger onClick={(e) => e.stopPropagation()}>\n        <Badge>{content.length}</Badge>\n        {formatMessage(\n          {\n            id: 'content-manager.containers.list.items',\n            defaultMessage: '{number, plural, =0 {items} one {item} other {items}}',\n          },\n          { number: content.length }\n        )}\n      </Menu.Trigger>\n      <Menu.Content>\n        {content.map((item) => (\n          <Menu.Item key={item.id} disabled>\n            <Typography maxWidth=\"50rem\" ellipsis>\n              <CellValue type={mainField.type} value={item[mainField.name]} />\n            </Typography>\n          </Menu.Item>\n        ))}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n\nexport { SingleComponent, RepeatableComponent };\nexport type { SingleComponentProps, RepeatableComponentProps };\n"],"names":["SingleComponent","content","mainField","_jsx","Tooltip","label","name","Typography","maxWidth","textColor","ellipsis","CellValue","type","value","RepeatableComponent","formatMessage","useIntl","_jsxs","Menu","Root","Trigger","onClick","e","stopPropagation","Badge","length","id","defaultMessage","number","Content","map","item","Item","disabled"],"mappings":";;;;;;;AAgBA,MAAMA,kBAAkB,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAwB,GAAA;AACnE,IAAA,IAAI,CAACA,SAAAA,EAAW;QACd,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEC,cAAA,CAACC,oBAAAA,EAAAA;AAAQC,QAAAA,KAAAA,EAAOJ,OAAO,CAACC,SAAAA,CAAUI,IAAI,CAAC;AACrC,QAAA,QAAA,gBAAAH,cAAA,CAACI,uBAAAA,EAAAA;YAAWC,QAAAA,EAAS,OAAA;YAAQC,SAAAA,EAAU,YAAA;YAAaC,QAAQ,EAAA,IAAA;AAC1D,YAAA,QAAA,gBAAAP,cAAA,CAACQ,mBAAAA,EAAAA;AAAUC,gBAAAA,IAAAA,EAAMV,UAAUU,IAAI;AAAEC,gBAAAA,KAAAA,EAAOZ,OAAO,CAACC,SAAAA,CAAUI,IAAI;;;;AAItE;AAUA,MAAMQ,sBAAsB,CAAC,EAAEb,OAAO,EAAEC,SAAS,EAA4B,GAAA;IAC3E,MAAM,EAAEa,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAE1B,IAAA,IAAI,CAACd,SAAAA,EAAW;QACd,OAAO,IAAA;AACT,IAAA;IAEA,qBACEe,eAAA,CAACC,kBAAKC,IAAI,EAAA;;AACR,0BAAAF,eAAA,CAACC,kBAAKE,OAAO,EAAA;gBAACC,OAAAA,EAAS,CAACC,CAAAA,GAAMA,CAAAA,CAAEC,eAAe,EAAA;;kCAC7CpB,cAAA,CAACqB,kBAAAA,EAAAA;AAAOvB,wBAAAA,QAAAA,EAAAA,OAAAA,CAAQwB;;oBACfV,aAAAA,CACC;wBACEW,EAAAA,EAAI,uCAAA;wBACJC,cAAAA,EAAgB;qBAClB,EACA;AAAEC,wBAAAA,MAAAA,EAAQ3B,QAAQwB;AAAO,qBAAA;;;AAG7B,0BAAAtB,cAAA,CAACe,kBAAKW,OAAO,EAAA;AACV5B,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQ6B,GAAG,CAAC,CAACC,IAAAA,iBACZ5B,cAAA,CAACe,kBAAKc,IAAI,EAAA;wBAAeC,QAAQ,EAAA,IAAA;AAC/B,wBAAA,QAAA,gBAAA9B,cAAA,CAACI,uBAAAA,EAAAA;4BAAWC,QAAAA,EAAS,OAAA;4BAAQE,QAAQ,EAAA,IAAA;AACnC,4BAAA,QAAA,gBAAAP,cAAA,CAACQ,mBAAAA,EAAAA;AAAUC,gCAAAA,IAAAA,EAAMV,UAAUU,IAAI;AAAEC,gCAAAA,KAAAA,EAAOkB,IAAI,CAAC7B,SAAAA,CAAUI,IAAI;;;AAF/CyB,qBAAAA,EAAAA,IAAAA,CAAKL,EAAE,CAAA;;;;AASjC;;;;;"}

package/dist/admin/pages/ListView/components/TableCells/Components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Components.mjs","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/Components.tsx"],"sourcesContent":["import { Badge, Tooltip, Typography, Menu } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { CellContentProps } from './CellContent';\nimport { CellValue } from './CellValue';\n\nimport type { Schema } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * SingleComponent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SingleComponentProps extends Pick<CellContentProps, 'mainField'> {\n  content: Schema.Attribute.Value<Schema.Attribute.Component<`${string}.${string}`, false>>;\n}\n\nconst SingleComponent = ({ content, mainField }: SingleComponentProps) => {\n  if (!mainField) {\n    return null;\n  }\n\n  return (\n    <Tooltip label={content[mainField.name]}>\n      <Typography maxWidth=\"25rem\" textColor=\"neutral800\" ellipsis>\n        <CellValue type={mainField.type} value={content[mainField.name]} />\n      </Typography>\n    </Tooltip>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * RepeatableComponent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RepeatableComponentProps extends Pick<CellContentProps, 'mainField'> {\n  content: Schema.Attribute.Value<Schema.Attribute.Component<`${string}.${string}`, true>>;\n}\n\nconst RepeatableComponent = ({ content, mainField }: RepeatableComponentProps) => {\n  const { formatMessage } = useIntl();\n\n  if (!mainField) {\n    return null;\n  }\n\n  return (\n    <Menu.Root>\n      <Menu.Trigger onClick={(e) => e.stopPropagation()}>\n        <Badge>{content.length}</Badge>\n        {formatMessage(\n          {\n            id: 'content-manager.containers.list.items',\n            defaultMessage: '{number, plural, =0 {items} one {item} other {items}}',\n          },\n          { number: content.length }\n        )}\n      </Menu.Trigger>\n      <Menu.Content>\n        {content.map((item) => (\n          <Menu.Item key={item.id} disabled>\n            <Typography maxWidth=\"50rem\" ellipsis>\n              <CellValue type={mainField.type} value={item[mainField.name]} />\n            </Typography>\n          </Menu.Item>\n        ))}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n\nexport { SingleComponent, RepeatableComponent };\nexport type { SingleComponentProps, RepeatableComponentProps };\n"],"names":["SingleComponent","content","mainField","_jsx","Tooltip","label","name","Typography","maxWidth","textColor","ellipsis","CellValue","type","value","RepeatableComponent","formatMessage","useIntl","_jsxs","Menu","Root","Trigger","onClick","e","stopPropagation","Badge","length","id","defaultMessage","number","Content","map","item","Item","disabled"],"mappings":";;;;;AAiBA,MAAMA,kBAAkB,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAwB,GAAA;AACnE,IAAA,IAAI,CAACA,SAAAA,EAAW;QACd,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEC,GAAA,CAACC,OAAAA,EAAAA;AAAQC,QAAAA,KAAAA,EAAOJ,OAAO,CAACC,SAAAA,CAAUI,IAAI,CAAC;AACrC,QAAA,QAAA,gBAAAH,GAAA,CAACI,UAAAA,EAAAA;YAAWC,QAAAA,EAAS,OAAA;YAAQC,SAAAA,EAAU,YAAA;YAAaC,QAAQ,EAAA,IAAA;AAC1D,YAAA,QAAA,gBAAAP,GAAA,CAACQ,SAAAA,EAAAA;AAAUC,gBAAAA,IAAAA,EAAMV,UAAUU,IAAI;AAAEC,gBAAAA,KAAAA,EAAOZ,OAAO,CAACC,SAAAA,CAAUI,IAAI;;;;AAItE;AAUA,MAAMQ,sBAAsB,CAAC,EAAEb,OAAO,EAAEC,SAAS,EAA4B,GAAA;IAC3E,MAAM,EAAEa,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,IAAI,CAACd,SAAAA,EAAW;QACd,OAAO,IAAA;AACT,IAAA;IAEA,qBACEe,IAAA,CAACC,KAAKC,IAAI,EAAA;;AACR,0BAAAF,IAAA,CAACC,KAAKE,OAAO,EAAA;gBAACC,OAAAA,EAAS,CAACC,CAAAA,GAAMA,CAAAA,CAAEC,eAAe,EAAA;;kCAC7CpB,GAAA,CAACqB,KAAAA,EAAAA;AAAOvB,wBAAAA,QAAAA,EAAAA,OAAAA,CAAQwB;;oBACfV,aAAAA,CACC;wBACEW,EAAAA,EAAI,uCAAA;wBACJC,cAAAA,EAAgB;qBAClB,EACA;AAAEC,wBAAAA,MAAAA,EAAQ3B,QAAQwB;AAAO,qBAAA;;;AAG7B,0BAAAtB,GAAA,CAACe,KAAKW,OAAO,EAAA;AACV5B,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQ6B,GAAG,CAAC,CAACC,IAAAA,iBACZ5B,GAAA,CAACe,KAAKc,IAAI,EAAA;wBAAeC,QAAQ,EAAA,IAAA;AAC/B,wBAAA,QAAA,gBAAA9B,GAAA,CAACI,UAAAA,EAAAA;4BAAWC,QAAAA,EAAS,OAAA;4BAAQE,QAAQ,EAAA,IAAA;AACnC,4BAAA,QAAA,gBAAAP,GAAA,CAACQ,SAAAA,EAAAA;AAAUC,gCAAAA,IAAAA,EAAMV,UAAUU,IAAI;AAAEC,gCAAAA,KAAAA,EAAOkB,IAAI,CAAC7B,SAAAA,CAAUI,IAAI;;;AAF/CyB,qBAAAA,EAAAA,IAAAA,CAAKL,EAAE,CAAA;;;;AASjC;;;;"}
+{"version":3,"file":"Components.mjs","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/Components.tsx"],"sourcesContent":["import { Badge, Tooltip, Typography, Menu } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { CellContentProps } from './CellContent';\nimport { CellValue } from './CellValue';\n\nimport type { Schema } from '@strapi/types';\n\n/* -------------------------------------------------------------------------------------------------\n * SingleComponent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface SingleComponentProps extends Pick<CellContentProps, 'mainField'> {\n  content: Schema.Attribute.Value<Schema.Attribute.Component<`${string}.${string}`, false>>;\n}\n\nconst SingleComponent = ({ content, mainField }: SingleComponentProps) => {\n  if (!mainField) {\n    return null;\n  }\n\n  return (\n    <Tooltip label={content[mainField.name]}>\n      <Typography maxWidth=\"25rem\" textColor=\"neutral800\" ellipsis>\n        <CellValue type={mainField.type} value={content[mainField.name]} />\n      </Typography>\n    </Tooltip>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * RepeatableComponent\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RepeatableComponentProps extends Pick<CellContentProps, 'mainField'> {\n  content: Schema.Attribute.Value<Schema.Attribute.Component<`${string}.${string}`, true>>;\n}\n\nconst RepeatableComponent = ({ content, mainField }: RepeatableComponentProps) => {\n  const { formatMessage } = useIntl();\n\n  if (!mainField) {\n    return null;\n  }\n\n  return (\n    <Menu.Root>\n      <Menu.Trigger onClick={(e) => e.stopPropagation()}>\n        <Badge>{content.length}</Badge>\n        {formatMessage(\n          {\n            id: 'content-manager.containers.list.items',\n            defaultMessage: '{number, plural, =0 {items} one {item} other {items}}',\n          },\n          { number: content.length }\n        )}\n      </Menu.Trigger>\n      <Menu.Content>\n        {content.map((item) => (\n          <Menu.Item key={item.id} disabled>\n            <Typography maxWidth=\"50rem\" ellipsis>\n              <CellValue type={mainField.type} value={item[mainField.name]} />\n            </Typography>\n          </Menu.Item>\n        ))}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n\nexport { SingleComponent, RepeatableComponent };\nexport type { SingleComponentProps, RepeatableComponentProps };\n"],"names":["SingleComponent","content","mainField","_jsx","Tooltip","label","name","Typography","maxWidth","textColor","ellipsis","CellValue","type","value","RepeatableComponent","formatMessage","useIntl","_jsxs","Menu","Root","Trigger","onClick","e","stopPropagation","Badge","length","id","defaultMessage","number","Content","map","item","Item","disabled"],"mappings":";;;;;AAgBA,MAAMA,kBAAkB,CAAC,EAAEC,OAAO,EAAEC,SAAS,EAAwB,GAAA;AACnE,IAAA,IAAI,CAACA,SAAAA,EAAW;QACd,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACEC,GAAA,CAACC,OAAAA,EAAAA;AAAQC,QAAAA,KAAAA,EAAOJ,OAAO,CAACC,SAAAA,CAAUI,IAAI,CAAC;AACrC,QAAA,QAAA,gBAAAH,GAAA,CAACI,UAAAA,EAAAA;YAAWC,QAAAA,EAAS,OAAA;YAAQC,SAAAA,EAAU,YAAA;YAAaC,QAAQ,EAAA,IAAA;AAC1D,YAAA,QAAA,gBAAAP,GAAA,CAACQ,SAAAA,EAAAA;AAAUC,gBAAAA,IAAAA,EAAMV,UAAUU,IAAI;AAAEC,gBAAAA,KAAAA,EAAOZ,OAAO,CAACC,SAAAA,CAAUI,IAAI;;;;AAItE;AAUA,MAAMQ,sBAAsB,CAAC,EAAEb,OAAO,EAAEC,SAAS,EAA4B,GAAA;IAC3E,MAAM,EAAEa,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,IAAI,CAACd,SAAAA,EAAW;QACd,OAAO,IAAA;AACT,IAAA;IAEA,qBACEe,IAAA,CAACC,KAAKC,IAAI,EAAA;;AACR,0BAAAF,IAAA,CAACC,KAAKE,OAAO,EAAA;gBAACC,OAAAA,EAAS,CAACC,CAAAA,GAAMA,CAAAA,CAAEC,eAAe,EAAA;;kCAC7CpB,GAAA,CAACqB,KAAAA,EAAAA;AAAOvB,wBAAAA,QAAAA,EAAAA,OAAAA,CAAQwB;;oBACfV,aAAAA,CACC;wBACEW,EAAAA,EAAI,uCAAA;wBACJC,cAAAA,EAAgB;qBAClB,EACA;AAAEC,wBAAAA,MAAAA,EAAQ3B,QAAQwB;AAAO,qBAAA;;;AAG7B,0BAAAtB,GAAA,CAACe,KAAKW,OAAO,EAAA;AACV5B,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQ6B,GAAG,CAAC,CAACC,IAAAA,iBACZ5B,GAAA,CAACe,KAAKc,IAAI,EAAA;wBAAeC,QAAQ,EAAA,IAAA;AAC/B,wBAAA,QAAA,gBAAA9B,GAAA,CAACI,UAAAA,EAAAA;4BAAWC,QAAAA,EAAS,OAAA;4BAAQE,QAAQ,EAAA,IAAA;AACnC,4BAAA,QAAA,gBAAAP,GAAA,CAACQ,SAAAA,EAAAA;AAAUC,gCAAAA,IAAAA,EAAMV,UAAUU,IAAI;AAAEC,gCAAAA,KAAAA,EAAOkB,IAAI,CAAC7B,SAAAA,CAAUI,IAAI;;;AAF/CyB,qBAAAA,EAAAA,IAAAA,CAAKL,EAAE,CAAA;;;;AASjC;;;;"}

package/dist/admin/pages/ListView/components/TableCells/Relations.js

@@ -61,7 +61,7 @@ const RelationMultiple = ({ mainField, content, rowId, name })=>{
     React__namespace.useEffect(()=>{
         if (data) {
             notifyStatus(formatMessage({
-                id: translations.getTranslation('DynamicTable.relation-loaded'),
+                id: translations.getTranslation('ListViewTable.relation-loaded'),
                 defaultMessage: 'Relations have been loaded'
             }));
         }

package/dist/admin/pages/ListView/components/TableCells/Relations.js.map

@@ -1 +1 @@
-{"version":3,"file":"Relations.js","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/Relations.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\nimport { Typography, Loader, useNotifyAT, Menu } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDoc } from '../../../../hooks/useDocument';\nimport { useGetRelationsQuery } from '../../../../services/relations';\nimport { getRelationLabel } from '../../../../utils/relations';\nimport { getTranslation } from '../../../../utils/translations';\n\nimport type { CellContentProps } from './CellContent';\n\n/* -------------------------------------------------------------------------------------------------\n * RelationSingle\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RelationSingleProps extends Pick<CellContentProps, 'mainField' | 'content'> {}\n\nconst RelationSingle = ({ mainField, content }: RelationSingleProps) => {\n  return (\n    <Typography maxWidth=\"50rem\" textColor=\"neutral800\" ellipsis>\n      {getRelationLabel(content, mainField)}\n    </Typography>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * RelationMultiple\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RelationMultipleProps\n  extends Pick<CellContentProps, 'mainField' | 'content' | 'name' | 'rowId'> {}\n\nconst RelationMultiple = ({ mainField, content, rowId, name }: RelationMultipleProps) => {\n  const { model } = useDoc();\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [{ query }] = useQueryParams<{ plugins?: { i18n?: { locale?: string } } }>();\n  const locale = query.plugins?.i18n?.locale;\n\n  const [targetField] = name.split('.');\n\n  const { data, isLoading } = useGetRelationsQuery(\n    {\n      model,\n      id: rowId,\n      targetField,\n      params: { locale },\n    },\n    {\n      skip: !isOpen,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const contentCount = Array.isArray(content) ? content.length : content.count;\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage({\n          id: getTranslation('DynamicTable.relation-loaded'),\n          defaultMessage: 'Relations have been loaded',\n        })\n      );\n    }\n  }, [data, formatMessage, notifyStatus]);\n\n  return (\n    <Menu.Root onOpenChange={(isOpen) => setIsOpen(isOpen)}>\n      <Menu.Trigger onClick={(e) => e.stopPropagation()}>\n        <Typography style={{ cursor: 'pointer' }} textColor=\"neutral800\" fontWeight=\"regular\">\n          {contentCount > 0\n            ? formatMessage(\n                {\n                  id: 'content-manager.containers.list.items',\n                  defaultMessage: '{number} {number, plural, =0 {items} one {item} other {items}}',\n                },\n                { number: contentCount }\n              )\n            : '-'}\n        </Typography>\n      </Menu.Trigger>\n      <Menu.Content>\n        {isLoading && (\n          <Menu.Item disabled>\n            <Loader small>\n              {formatMessage({\n                id: getTranslation('ListViewTable.relation-loading'),\n                defaultMessage: 'Relations are loading',\n              })}\n            </Loader>\n          </Menu.Item>\n        )}\n        {data?.results && (\n          <>\n            {data.results.map((entry) => (\n              <Menu.Item key={entry.documentId}>\n                <Typography maxWidth=\"50rem\" ellipsis>\n                  {getRelationLabel(entry, mainField)}\n                </Typography>\n              </Menu.Item>\n            ))}\n\n            {data?.pagination && data?.pagination.total > 10 && (\n              <Menu.Item\n                aria-disabled\n                aria-label={formatMessage({\n                  id: getTranslation('ListViewTable.relation-more'),\n                  defaultMessage: 'This relation contains more entities than displayed',\n                })}\n              >\n                <Typography>…</Typography>\n              </Menu.Item>\n            )}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n\nexport { RelationSingle, RelationMultiple };\nexport type { RelationSingleProps, RelationMultipleProps };\n"],"names":["RelationSingle","mainField","content","_jsx","Typography","maxWidth","textColor","ellipsis","getRelationLabel","RelationMultiple","rowId","name","model","useDoc","formatMessage","useIntl","notifyStatus","useNotifyAT","isOpen","setIsOpen","React","useState","query","useQueryParams","locale","plugins","i18n","targetField","split","data","isLoading","useGetRelationsQuery","id","params","skip","refetchOnMountOrArgChange","contentCount","Array","isArray","length","count","useEffect","getTranslation","defaultMessage","_jsxs","Menu","Root","onOpenChange","Trigger","onClick","e","stopPropagation","style","cursor","fontWeight","number","Content","Item","disabled","Loader","small","results","_Fragment","map","entry","documentId","pagination","total","aria-disabled","aria-label"],"mappings":"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"}
+{"version":3,"file":"Relations.js","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/Relations.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\nimport { Typography, Loader, useNotifyAT, Menu } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDoc } from '../../../../hooks/useDocument';\nimport { useGetRelationsQuery } from '../../../../services/relations';\nimport { getRelationLabel } from '../../../../utils/relations';\nimport { getTranslation } from '../../../../utils/translations';\n\nimport type { CellContentProps } from './CellContent';\n\n/* -------------------------------------------------------------------------------------------------\n * RelationSingle\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RelationSingleProps extends Pick<CellContentProps, 'mainField' | 'content'> {}\n\nconst RelationSingle = ({ mainField, content }: RelationSingleProps) => {\n  return (\n    <Typography maxWidth=\"50rem\" textColor=\"neutral800\" ellipsis>\n      {getRelationLabel(content, mainField)}\n    </Typography>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * RelationMultiple\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RelationMultipleProps\n  extends Pick<CellContentProps, 'mainField' | 'content' | 'name' | 'rowId'> {}\n\nconst RelationMultiple = ({ mainField, content, rowId, name }: RelationMultipleProps) => {\n  const { model } = useDoc();\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [{ query }] = useQueryParams<{ plugins?: { i18n?: { locale?: string } } }>();\n  const locale = query.plugins?.i18n?.locale;\n\n  const [targetField] = name.split('.');\n\n  const { data, isLoading } = useGetRelationsQuery(\n    {\n      model,\n      id: rowId,\n      targetField,\n      params: { locale },\n    },\n    {\n      skip: !isOpen,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const contentCount = Array.isArray(content) ? content.length : content.count;\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage({\n          id: getTranslation('ListViewTable.relation-loaded'),\n          defaultMessage: 'Relations have been loaded',\n        })\n      );\n    }\n  }, [data, formatMessage, notifyStatus]);\n\n  return (\n    <Menu.Root onOpenChange={(isOpen) => setIsOpen(isOpen)}>\n      <Menu.Trigger onClick={(e) => e.stopPropagation()}>\n        <Typography style={{ cursor: 'pointer' }} textColor=\"neutral800\" fontWeight=\"regular\">\n          {contentCount > 0\n            ? formatMessage(\n                {\n                  id: 'content-manager.containers.list.items',\n                  defaultMessage: '{number} {number, plural, =0 {items} one {item} other {items}}',\n                },\n                { number: contentCount }\n              )\n            : '-'}\n        </Typography>\n      </Menu.Trigger>\n      <Menu.Content>\n        {isLoading && (\n          <Menu.Item disabled>\n            <Loader small>\n              {formatMessage({\n                id: getTranslation('ListViewTable.relation-loading'),\n                defaultMessage: 'Relations are loading',\n              })}\n            </Loader>\n          </Menu.Item>\n        )}\n        {data?.results && (\n          <>\n            {data.results.map((entry) => (\n              <Menu.Item key={entry.documentId}>\n                <Typography maxWidth=\"50rem\" ellipsis>\n                  {getRelationLabel(entry, mainField)}\n                </Typography>\n              </Menu.Item>\n            ))}\n\n            {data?.pagination && data?.pagination.total > 10 && (\n              <Menu.Item\n                aria-disabled\n                aria-label={formatMessage({\n                  id: getTranslation('ListViewTable.relation-more'),\n                  defaultMessage: 'This relation contains more entities than displayed',\n                })}\n              >\n                <Typography>…</Typography>\n              </Menu.Item>\n            )}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n\nexport { RelationSingle, RelationMultiple };\nexport type { RelationSingleProps, RelationMultipleProps };\n"],"names":["RelationSingle","mainField","content","_jsx","Typography","maxWidth","textColor","ellipsis","getRelationLabel","RelationMultiple","rowId","name","model","useDoc","formatMessage","useIntl","notifyStatus","useNotifyAT","isOpen","setIsOpen","React","useState","query","useQueryParams","locale","plugins","i18n","targetField","split","data","isLoading","useGetRelationsQuery","id","params","skip","refetchOnMountOrArgChange","contentCount","Array","isArray","length","count","useEffect","getTranslation","defaultMessage","_jsxs","Menu","Root","onOpenChange","Trigger","onClick","e","stopPropagation","style","cursor","fontWeight","number","Content","Item","disabled","Loader","small","results","_Fragment","map","entry","documentId","pagination","total","aria-disabled","aria-label"],"mappings":"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"}

package/dist/admin/pages/ListView/components/TableCells/Relations.mjs

@@ -39,7 +39,7 @@ const RelationMultiple = ({ mainField, content, rowId, name })=>{
     React.useEffect(()=>{
         if (data) {
             notifyStatus(formatMessage({
-                id: getTranslation('DynamicTable.relation-loaded'),
+                id: getTranslation('ListViewTable.relation-loaded'),
                 defaultMessage: 'Relations have been loaded'
             }));
         }

package/dist/admin/pages/ListView/components/TableCells/Relations.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Relations.mjs","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/Relations.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\nimport { Typography, Loader, useNotifyAT, Menu } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDoc } from '../../../../hooks/useDocument';\nimport { useGetRelationsQuery } from '../../../../services/relations';\nimport { getRelationLabel } from '../../../../utils/relations';\nimport { getTranslation } from '../../../../utils/translations';\n\nimport type { CellContentProps } from './CellContent';\n\n/* -------------------------------------------------------------------------------------------------\n * RelationSingle\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RelationSingleProps extends Pick<CellContentProps, 'mainField' | 'content'> {}\n\nconst RelationSingle = ({ mainField, content }: RelationSingleProps) => {\n  return (\n    <Typography maxWidth=\"50rem\" textColor=\"neutral800\" ellipsis>\n      {getRelationLabel(content, mainField)}\n    </Typography>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * RelationMultiple\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RelationMultipleProps\n  extends Pick<CellContentProps, 'mainField' | 'content' | 'name' | 'rowId'> {}\n\nconst RelationMultiple = ({ mainField, content, rowId, name }: RelationMultipleProps) => {\n  const { model } = useDoc();\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [{ query }] = useQueryParams<{ plugins?: { i18n?: { locale?: string } } }>();\n  const locale = query.plugins?.i18n?.locale;\n\n  const [targetField] = name.split('.');\n\n  const { data, isLoading } = useGetRelationsQuery(\n    {\n      model,\n      id: rowId,\n      targetField,\n      params: { locale },\n    },\n    {\n      skip: !isOpen,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const contentCount = Array.isArray(content) ? content.length : content.count;\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage({\n          id: getTranslation('DynamicTable.relation-loaded'),\n          defaultMessage: 'Relations have been loaded',\n        })\n      );\n    }\n  }, [data, formatMessage, notifyStatus]);\n\n  return (\n    <Menu.Root onOpenChange={(isOpen) => setIsOpen(isOpen)}>\n      <Menu.Trigger onClick={(e) => e.stopPropagation()}>\n        <Typography style={{ cursor: 'pointer' }} textColor=\"neutral800\" fontWeight=\"regular\">\n          {contentCount > 0\n            ? formatMessage(\n                {\n                  id: 'content-manager.containers.list.items',\n                  defaultMessage: '{number} {number, plural, =0 {items} one {item} other {items}}',\n                },\n                { number: contentCount }\n              )\n            : '-'}\n        </Typography>\n      </Menu.Trigger>\n      <Menu.Content>\n        {isLoading && (\n          <Menu.Item disabled>\n            <Loader small>\n              {formatMessage({\n                id: getTranslation('ListViewTable.relation-loading'),\n                defaultMessage: 'Relations are loading',\n              })}\n            </Loader>\n          </Menu.Item>\n        )}\n        {data?.results && (\n          <>\n            {data.results.map((entry) => (\n              <Menu.Item key={entry.documentId}>\n                <Typography maxWidth=\"50rem\" ellipsis>\n                  {getRelationLabel(entry, mainField)}\n                </Typography>\n              </Menu.Item>\n            ))}\n\n            {data?.pagination && data?.pagination.total > 10 && (\n              <Menu.Item\n                aria-disabled\n                aria-label={formatMessage({\n                  id: getTranslation('ListViewTable.relation-more'),\n                  defaultMessage: 'This relation contains more entities than displayed',\n                })}\n              >\n                <Typography>…</Typography>\n              </Menu.Item>\n            )}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n\nexport { RelationSingle, RelationMultiple };\nexport type { RelationSingleProps, RelationMultipleProps };\n"],"names":["RelationSingle","mainField","content","_jsx","Typography","maxWidth","textColor","ellipsis","getRelationLabel","RelationMultiple","rowId","name","model","useDoc","formatMessage","useIntl","notifyStatus","useNotifyAT","isOpen","setIsOpen","React","useState","query","useQueryParams","locale","plugins","i18n","targetField","split","data","isLoading","useGetRelationsQuery","id","params","skip","refetchOnMountOrArgChange","contentCount","Array","isArray","length","count","useEffect","getTranslation","defaultMessage","_jsxs","Menu","Root","onOpenChange","Trigger","onClick","e","stopPropagation","style","cursor","fontWeight","number","Content","Item","disabled","Loader","small","results","_Fragment","map","entry","documentId","pagination","total","aria-disabled","aria-label"],"mappings":"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"}
+{"version":3,"file":"Relations.mjs","sources":["../../../../../../admin/src/pages/ListView/components/TableCells/Relations.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useQueryParams } from '@strapi/admin/strapi-admin';\nimport { Typography, Loader, useNotifyAT, Menu } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { useDoc } from '../../../../hooks/useDocument';\nimport { useGetRelationsQuery } from '../../../../services/relations';\nimport { getRelationLabel } from '../../../../utils/relations';\nimport { getTranslation } from '../../../../utils/translations';\n\nimport type { CellContentProps } from './CellContent';\n\n/* -------------------------------------------------------------------------------------------------\n * RelationSingle\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RelationSingleProps extends Pick<CellContentProps, 'mainField' | 'content'> {}\n\nconst RelationSingle = ({ mainField, content }: RelationSingleProps) => {\n  return (\n    <Typography maxWidth=\"50rem\" textColor=\"neutral800\" ellipsis>\n      {getRelationLabel(content, mainField)}\n    </Typography>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * RelationMultiple\n * -----------------------------------------------------------------------------------------------*/\n\ninterface RelationMultipleProps\n  extends Pick<CellContentProps, 'mainField' | 'content' | 'name' | 'rowId'> {}\n\nconst RelationMultiple = ({ mainField, content, rowId, name }: RelationMultipleProps) => {\n  const { model } = useDoc();\n  const { formatMessage } = useIntl();\n  const { notifyStatus } = useNotifyAT();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [{ query }] = useQueryParams<{ plugins?: { i18n?: { locale?: string } } }>();\n  const locale = query.plugins?.i18n?.locale;\n\n  const [targetField] = name.split('.');\n\n  const { data, isLoading } = useGetRelationsQuery(\n    {\n      model,\n      id: rowId,\n      targetField,\n      params: { locale },\n    },\n    {\n      skip: !isOpen,\n      refetchOnMountOrArgChange: true,\n    }\n  );\n\n  const contentCount = Array.isArray(content) ? content.length : content.count;\n\n  React.useEffect(() => {\n    if (data) {\n      notifyStatus(\n        formatMessage({\n          id: getTranslation('ListViewTable.relation-loaded'),\n          defaultMessage: 'Relations have been loaded',\n        })\n      );\n    }\n  }, [data, formatMessage, notifyStatus]);\n\n  return (\n    <Menu.Root onOpenChange={(isOpen) => setIsOpen(isOpen)}>\n      <Menu.Trigger onClick={(e) => e.stopPropagation()}>\n        <Typography style={{ cursor: 'pointer' }} textColor=\"neutral800\" fontWeight=\"regular\">\n          {contentCount > 0\n            ? formatMessage(\n                {\n                  id: 'content-manager.containers.list.items',\n                  defaultMessage: '{number} {number, plural, =0 {items} one {item} other {items}}',\n                },\n                { number: contentCount }\n              )\n            : '-'}\n        </Typography>\n      </Menu.Trigger>\n      <Menu.Content>\n        {isLoading && (\n          <Menu.Item disabled>\n            <Loader small>\n              {formatMessage({\n                id: getTranslation('ListViewTable.relation-loading'),\n                defaultMessage: 'Relations are loading',\n              })}\n            </Loader>\n          </Menu.Item>\n        )}\n        {data?.results && (\n          <>\n            {data.results.map((entry) => (\n              <Menu.Item key={entry.documentId}>\n                <Typography maxWidth=\"50rem\" ellipsis>\n                  {getRelationLabel(entry, mainField)}\n                </Typography>\n              </Menu.Item>\n            ))}\n\n            {data?.pagination && data?.pagination.total > 10 && (\n              <Menu.Item\n                aria-disabled\n                aria-label={formatMessage({\n                  id: getTranslation('ListViewTable.relation-more'),\n                  defaultMessage: 'This relation contains more entities than displayed',\n                })}\n              >\n                <Typography>…</Typography>\n              </Menu.Item>\n            )}\n          </>\n        )}\n      </Menu.Content>\n    </Menu.Root>\n  );\n};\n\nexport { RelationSingle, RelationMultiple };\nexport type { RelationSingleProps, RelationMultipleProps };\n"],"names":["RelationSingle","mainField","content","_jsx","Typography","maxWidth","textColor","ellipsis","getRelationLabel","RelationMultiple","rowId","name","model","useDoc","formatMessage","useIntl","notifyStatus","useNotifyAT","isOpen","setIsOpen","React","useState","query","useQueryParams","locale","plugins","i18n","targetField","split","data","isLoading","useGetRelationsQuery","id","params","skip","refetchOnMountOrArgChange","contentCount","Array","isArray","length","count","useEffect","getTranslation","defaultMessage","_jsxs","Menu","Root","onOpenChange","Trigger","onClick","e","stopPropagation","style","cursor","fontWeight","number","Content","Item","disabled","Loader","small","results","_Fragment","map","entry","documentId","pagination","total","aria-disabled","aria-label"],"mappings":"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"}

package/dist/admin/preview/pages/Preview.js

@@ -22,7 +22,6 @@ var PreviewHeader = require('../components/PreviewHeader.js');
 var preview = require('../services/preview.js');
 var constants = require('../utils/constants.js');
 var getSendMessage = require('../utils/getSendMessage.js');
-var previewScript = require('../utils/previewScript.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -67,6 +66,26 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
     }
 ];
 const [PreviewProvider, usePreviewContext] = strapiAdmin.createContext('PreviewPage');
+const getPreviewScript = (()=>{
+    let previewScript = '';
+    return async (previewHighlightColors)=>{
+        if (!previewScript) {
+            const resp = await fetch(`${window.strapi.backendURL}/content-manager/preview/script`);
+            if (!resp.ok) {
+                throw new Error('Could not retrieve preview script from server.');
+            }
+            previewScript = await resp.text();
+            if (!previewScript) {
+                throw new Error('Could not retrieve preview script from server.');
+            }
+        }
+        return `(${previewScript})(${JSON.stringify({
+            colors: previewHighlightColors,
+            events: constants.INTERNAL_EVENTS,
+            parentOrigin: window.location.origin
+        })})`;
+    };
+})();
 /* -------------------------------------------------------------------------------------------------
  * PreviewPage
  * -----------------------------------------------------------------------------------------------*/ const AnimatedArrow = styledComponents.styled(Icons.ArrowLineLeft)`
@@ -96,7 +115,7 @@ const PreviewPage = ()=>{
     };
     // Listen for ready message from iframe before injecting script
     React__namespace.useEffect(()=>{
-        const handleMessage = (event)=>{
+        const handleMessage = async (event)=>{
             // Only listen to events from the preview iframe
             if (iframeRef.current) {
                 const previewOrigin = new URL(iframeRef.current?.src).origin;
@@ -105,24 +124,34 @@ const PreviewPage = ()=>{
                 }
             }
             if (event.data?.type === constants.PUBLIC_EVENTS.PREVIEW_READY) {
-                const script = `(${previewScript.previewScript.toString()})(${JSON.stringify({
-                    shouldRun: true,
-                    colors: previewHighlightColors
-                })})`;
-                const sendMessage = getSendMessage.getSendMessage(iframeRef);
-                sendMessage(constants.PUBLIC_EVENTS.STRAPI_SCRIPT, {
-                    script
-                });
+                try {
+                    const script = await getPreviewScript(previewHighlightColors);
+                    const sendMessage = getSendMessage.getSendMessage(iframeRef);
+                    sendMessage(constants.PUBLIC_EVENTS.STRAPI_SCRIPT, {
+                        script
+                    });
+                } catch  {
+                    toggleNotification({
+                        type: 'danger',
+                        message: formatMessage({
+                            id: 'content-manager.preview.error.script-failed',
+                            defaultMessage: 'Could not load the live preview script. Visual editing may not be available.'
+                        })
+                    });
+                }
             }
         };
         window.addEventListener('message', handleMessage);
         return ()=>{
             window.removeEventListener('message', handleMessage);
         };
+    // Preserve the existing dependency behavior: previewHighlightColors is derived from theme.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         documentId,
         toggleNotification,
-        theme
+        theme,
+        formatMessage
     ]);
     if (!collectionType) {
         throw new Error('Could not find collectionType in url params');