@payloadcms/ui 3.68.0-internal-debug.591ab42 → 3.68.0-internal-debug.e9b66ee

package/dist/elements/StepNav/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.scss'\n\nexport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  readonly className?: string\n  readonly CustomIcon?: React.ReactNode\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  readonly Link?: React.ComponentType\n}> = ({ className, CustomIcon }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const {\n    config: {\n      routes: { admin },\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <Link className={`${baseClass}__home`} href={admin} prefetch={false} tabIndex={0}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </Link>\n          <span>/</span>\n          {stepNav.map((item, i) => {\n            const StepLabel = getTranslation(item.label, i18n)\n            const isLast = stepNav.length === i + 1\n\n            const Step = isLast ? (\n              <span className={`${baseClass}__last`} key={i}>\n                {StepLabel}\n              </span>\n            ) : (\n              <Fragment key={i}>\n                {item.url ? (\n                  <Link href={item.url} prefetch={false}>\n                    <span key={i}>{StepLabel}</span>\n                  </Link>\n                ) : (\n                  <span key={i}>{StepLabel}</span>\n                )}\n                <span>/</span>\n              </Fragment>\n            )\n\n            return Step\n          })}\n        </nav>\n      ) : (\n        <div className={[baseClass, className].filter(Boolean).join(' ')}>\n          <div className={`${baseClass}__home`}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"names":["getTranslation","React","Fragment","PayloadIcon","useConfig","useTranslation","Link","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","className","CustomIcon","i18n","stepNav","config","routes","admin","t","length","nav","filter","Boolean","join","href","prefetch","tabIndex","span","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","url","div"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,qBAAqB,QAAQ,oCAAmC;AACzE,SAASC,eAAe,EAAEC,UAAU,QAAQ,eAAc;AAC1D,OAAO,eAAc;AAErB,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,MAAMC,YAAY;AAElB,MAAMC,UAGJ;;;;GAIC,GAEE,CAAC,EAAEC,SAAS,EAAEC,UAAU,EAAE;IAC7B,MAAM,EAAEC,IAAI,EAAE,GAAGV;IAEjB,MAAM,EAAEW,OAAO,EAAE,GAAGP;IAEpB,MAAM,EACJQ,QAAQ,EACNC,QAAQ,EAAEC,KAAK,EAAE,EAClB,EACF,GAAGf;IAEJ,MAAM,EAAEgB,CAAC,EAAE,GAAGf;IAEd,qBACE,QAACH;kBACEc,QAAQK,MAAM,GAAG,kBAChB,QAACC;YAAIT,WAAW;gBAACF;gBAAWE;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;;8BAC1D,QAACnB;oBAAKO,WAAW,GAAGF,UAAU,MAAM,CAAC;oBAAEe,MAAMP;oBAAOQ,UAAU;oBAAOC,UAAU;8BAC7E,cAAA,QAACC;wBAAKC,OAAOV,EAAE;kCACb,cAAA,QAACb;4BAAsBwB,iBAAiBjB;4BAAYkB,wBAAU,QAAC7B;;;;;;;;;;;;;;;;;;;;8BAGnE,QAAC0B;8BAAK;;;;;;gBACLb,QAAQiB,GAAG,CAAC,CAACC,MAAMC;oBAClB,MAAMC,YAAYpC,eAAekC,KAAKG,KAAK,EAAEtB;oBAC7C,MAAMuB,SAAStB,QAAQK,MAAM,KAAKc,IAAI;oBAEtC,MAAMI,OAAOD,uBACX,QAACT;wBAAKhB,WAAW,GAAGF,UAAU,MAAM,CAAC;kCAClCyB;uBADyCD;;;;6CAI5C,QAACjC;;4BACEgC,KAAKM,GAAG,iBACP,QAAClC;gCAAKoB,MAAMQ,KAAKM,GAAG;gCAAEb,UAAU;0CAC9B,cAAA,QAACE;8CAAcO;mCAAJD;;;;;;;;;qDAGb,QAACN;0CAAcO;+BAAJD;;;;;0CAEb,QAACN;0CAAK;;;;;;;uBAROM;;;;;oBAYjB,OAAOI;gBACT;;;;;;iCAGF,QAACE;YAAI5B,WAAW;gBAACF;gBAAWE;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;sBAC1D,cAAA,QAACgB;gBAAI5B,WAAW,GAAGF,UAAU,MAAM,CAAC;0BAClC,cAAA,QAACkB;oBAAKC,OAAOV,EAAE;8BACb,cAAA,QAACb;wBAAsBwB,iBAAiBjB;wBAAYkB,wBAAU,QAAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO7E;AAEA,SAASS,OAAO,EAAeJ,eAAe,EAAEC,UAAU,GAAE"}
+{"version":3,"sources":["../../../src/elements/StepNav/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment } from 'react'\n\nimport type { StepNavItem } from './types.js'\n\nimport { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Link } from '../Link/index.js'\nimport { RenderCustomComponent } from '../RenderCustomComponent/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.scss'\n\nexport { SetStepNav } from './SetStepNav.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  readonly className?: string\n  readonly CustomIcon?: React.ReactNode\n  /**\n   * @deprecated\n   * This prop is deprecated and will be removed in the next major version.\n   * Components now import their own `Link` directly from `next/link`.\n   */\n  readonly Link?: React.ComponentType\n}> = ({ className, CustomIcon }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const {\n    config: {\n      routes: { admin },\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <Link className={`${baseClass}__home`} href={admin} prefetch={false} tabIndex={0}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </Link>\n          <span>/</span>\n          {stepNav.map((item, i) => {\n            const StepLabel = getTranslation(item.label, i18n)\n            const isLast = stepNav.length === i + 1\n\n            const Step = isLast ? (\n              <span className={`${baseClass}__last`} key={i}>\n                {StepLabel}\n              </span>\n            ) : (\n              <Fragment key={i}>\n                {item.url ? (\n                  <Link href={item.url} prefetch={false}>\n                    <span key={i}>{StepLabel}</span>\n                  </Link>\n                ) : (\n                  <span key={i}>{StepLabel}</span>\n                )}\n                <span>/</span>\n              </Fragment>\n            )\n\n            return Step\n          })}\n        </nav>\n      ) : (\n        <div className={[baseClass, className].filter(Boolean).join(' ')}>\n          <div className={`${baseClass}__home`}>\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"names":["getTranslation","Fragment","PayloadIcon","useConfig","useTranslation","Link","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","className","CustomIcon","i18n","stepNav","config","routes","admin","t","length","nav","filter","Boolean","join","href","prefetch","tabIndex","span","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","key","url","div"],"mappings":"AAAA;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAAgBC,QAAQ,QAAQ,QAAO;AAIvC,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,IAAI,QAAQ,mBAAkB;AACvC,SAASC,qBAAqB,QAAQ,oCAAmC;AACzE,SAASC,eAAe,EAAEC,UAAU,QAAQ,eAAc;AAC1D,OAAO,eAAc;AAErB,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,MAAMC,YAAY;AAElB,MAAMC,UAGJ;;;;GAIC,GAEE,CAAC,EAAEC,SAAS,EAAEC,UAAU,EAAE;IAC7B,MAAM,EAAEC,IAAI,EAAE,GAAGV;IAEjB,MAAM,EAAEW,OAAO,EAAE,GAAGP;IAEpB,MAAM,EACJQ,QAAQ,EACNC,QAAQ,EAAEC,KAAK,EAAE,EAClB,EACF,GAAGf;IAEJ,MAAM,EAAEgB,CAAC,EAAE,GAAGf;IAEd,QACGH,SAAS;MACR,CAACc,QAAQK,MAAM,GAAG,KACfC,IAAIT,WAAW;QAACF;QAAWE;KAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;UAChE,CAACnB,KAAKO,WAAW,GAAGF,UAAU,MAAM,CAAC,EAAEe,MAAMP,OAAOQ,UAAU,OAAOC,UAAU,GAAG;YAChF,CAACC,KAAKC,OAAOV,EAAE,sBAAsB;cACnC,CAACb,sBAAsBwB,iBAAiBjB,YAAYkB,WAAW7B,gBAAkB;YACnF,EAAE0B,KAAK;UACT,EAAEvB,KAAK;UACP,CAACuB,KAAK,CAAC,EAAEA,KAAK;UACd,CAACb,QAAQiB,GAAG,CAAC,CAACC,MAAMC;QAClB,MAAMC,YAAYnC,eAAeiC,KAAKG,KAAK,EAAEtB;QAC7C,MAAMuB,SAAStB,QAAQK,MAAM,KAAKc,IAAI;QAEtC,MAAMI,OAAOD,UACVT,KAAKhB,WAAW,GAAGF,UAAU,MAAM,CAAC,EAAE6B,KAAKL,GAAG;gBAC7C,CAACC,UAAU;cACb,EAAEP,SAED3B,SAASsC,KAAKL,GAAG;gBAChB,CAACD,KAAKO,GAAG,IACNnC,KAAKoB,MAAMQ,KAAKO,GAAG,EAAEd,UAAU,OAAO;oBACrC,CAACE,KAAKW,KAAKL,IAAIC,YAAYP,KAAK;kBAClC,EAAEvB,SAEDuB,KAAKW,KAAKL,IAAIC,YAAYP,MAC3B;gBACF,CAACA,KAAK,CAAC,EAAEA,KAAK;cAChB,EAAE3B;QAGJ,OAAOqC;IACT,GAAG;QACL,EAAEjB,QAEDoB,IAAI7B,WAAW;QAACF;QAAWE;KAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;UAChE,CAACiB,IAAI7B,WAAW,GAAGF,UAAU,MAAM,CAAC,EAAE;YACpC,CAACkB,KAAKC,OAAOV,EAAE,sBAAsB;cACnC,CAACb,sBAAsBwB,iBAAiBjB,YAAYkB,WAAW7B,gBAAkB;YACnF,EAAE0B,KAAK;UACT,EAAEa,IAAI;QACR,EAAEA,KACF;IACJ,EAAExC;AAEN;AAEA,SAASU,OAAO,EAAeJ,eAAe,EAAEC,UAAU,GAAE"}

package/dist/elements/StickyToolbar/index.js

@@ -1,16 +1,7 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import './index.scss';
 const baseClass = 'sticky-toolbar';
 /**
  * @internal
- */ export const StickyToolbar = ({ children })=>/*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/StickyToolbar/index.tsx",
-        lineNumber: 12,
-        columnNumber: 24
-    }, this);
+ */ export const StickyToolbar = ({ children })=><div className={baseClass}>{children}</div>;
 
 //# sourceMappingURL=index.js.map

package/dist/elements/StickyToolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StickyToolbar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'sticky-toolbar'\n\n/**\n * @internal\n */\nexport const StickyToolbar: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => <div className={baseClass}>{children}</div>\n"],"names":["React","baseClass","StickyToolbar","children","div","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB;;CAEC,GACD,OAAO,MAAMC,gBAER,CAAC,EAAEC,QAAQ,EAAE,iBAAK,QAACC;QAAIC,WAAWJ;kBAAYE;;;;;aAAe"}
+{"version":3,"sources":["../../../src/elements/StickyToolbar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'sticky-toolbar'\n\n/**\n * @internal\n */\nexport const StickyToolbar: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => <div className={baseClass}>{children}</div>\n"],"names":["baseClass","StickyToolbar","children","div","className"],"mappings":"AAEA,OAAO,eAAc;AAErB,MAAMA,YAAY;AAElB;;CAEC,GACD,OAAO,MAAMC,gBAER,CAAC,EAAEC,QAAQ,EAAE,IAAMC,IAAIC,WAAWJ,YAAYE,WAAWC,KAAI"}

package/dist/elements/Table/DefaultCell/fields/Array/index.js

@@ -1,19 +1,11 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 export const ArrayCell = ({ cellData, field: { labels } })=>{
     const { i18n } = useTranslation();
     const arrayFields = cellData ?? [];
     const label = arrayFields.length === 1 ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}` : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`;
-    return /*#__PURE__*/ _jsxDEV("span", {
-        children: label
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Array/index.tsx",
-        lineNumber: 21,
-        columnNumber: 10
-    }, this);
+    return <span>{label}</span>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Array/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { ArrayFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<ArrayFieldClient> {}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, field: { labels } }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label =\n    arrayFields.length === 1\n      ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}`\n      : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","React","useTranslation","ArrayCell","cellData","field","labels","i18n","arrayFields","label","length","singular","t","plural","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAE,EAAE;IACjF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,cAAcJ,YAAY,EAAE;IAElC,MAAMK,QACJD,YAAYE,MAAM,KAAK,IACnB,GAAGF,YAAYE,MAAM,CAAC,CAAC,EAAEV,eAAeM,QAAQK,YAAYJ,KAAKK,CAAC,CAAC,iBAAiBL,OAAO,GAC3F,GAAGC,YAAYE,MAAM,CAAC,CAAC,EAAEV,eAAeM,QAAQO,UAAUN,KAAKK,CAAC,CAAC,iBAAiBL,OAAO;IAE/F,qBAAO,QAACO;kBAAML;;;;;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { ArrayFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<ArrayFieldClient> {}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, field: { labels } }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label =\n    arrayFields.length === 1\n      ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}`\n      : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","useTranslation","ArrayCell","cellData","field","labels","i18n","arrayFields","label","length","singular","t","plural","span"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAGzD,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAE,EAAE;IACjF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,cAAcJ,YAAY,EAAE;IAElC,MAAMK,QACJD,YAAYE,MAAM,KAAK,IACnB,GAAGF,YAAYE,MAAM,CAAC,CAAC,EAAET,eAAeK,QAAQK,YAAYJ,KAAKK,CAAC,CAAC,iBAAiBL,OAAO,GAC3F,GAAGC,YAAYE,MAAM,CAAC,CAAC,EAAET,eAAeK,QAAQO,UAAUN,KAAKK,CAAC,CAAC,iBAAiBL,OAAO;IAE/F,QAAQO,MAAML,QAAQK;AACxB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Blocks/index.js

@@ -1,7 +1,5 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React from 'react';
 import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 export const BlocksCell = ({ cellData, field: { blockReferences, blocks, labels } })=>{
@@ -30,13 +28,7 @@ export const BlocksCell = ({ cellData, field: { blockReferences, blocks, labels
     } else if (selectedBlocks.length > 0) {
         label = `${selectedBlocks.length} ${getTranslation(selectedBlocks.length === 1 ? labels?.singular : labels?.plural, i18n)} - ${formatBlockList(selectedBlocks)}`;
     }
-    return /*#__PURE__*/ _jsxDEV("span", {
-        children: label
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Blocks/index.tsx",
-        lineNumber: 54,
-        columnNumber: 10
-    }, this);
+    return <span>{label}</span>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<BlocksFieldClient> {}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({\n  cellData,\n  field: { blockReferences, blocks, labels },\n}) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = (blockReferences ?? blocks)?.map((b) => {\n    const block = typeof b === 'string' ? config.blocksMap[b] : b\n    return {\n      slug: block.slug,\n      label: getTranslation(block.labels.singular, i18n),\n    }\n  })\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","React","useConfig","useTranslation","BlocksCell","cellData","field","blockReferences","blocks","labels","i18n","config","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","block","blocksMap","slug","label","singular","plural","formatBlockList","filtered","filter","f","join","itemsToShow","length","more","t","count","items","slice","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,aAAwC,CAAC,EACpDC,QAAQ,EACRC,OAAO,EAAEC,eAAe,EAAEC,MAAM,EAAEC,MAAM,EAAE,EAC3C;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGP;IACjB,MAAM,EAAEQ,MAAM,EAAE,GAAGT;IAEnB,MAAMU,iBAAiBC,MAAMC,OAAO,CAACT,YAAYA,SAASU,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAyBV,CAAAA,mBAAmBC,MAAK,GAAIO,IAAI,CAACG;QAC9D,MAAMC,QAAQ,OAAOD,MAAM,WAAWP,OAAOS,SAAS,CAACF,EAAE,GAAGA;QAC5D,OAAO;YACLG,MAAMF,MAAME,IAAI;YAChBC,OAAOtB,eAAemB,MAAMV,MAAM,CAACc,QAAQ,EAAEb;QAC/C;IACF;IAEA,IAAIY,QAAQ,CAAC,EAAE,EAAEtB,eAAeS,QAAQe,QAAQd,OAAO;IAEvD,MAAMe,kBAAkB,CAACjB,SACvBA,OACGO,GAAG,CAAC,CAACG;YACJ,MAAMQ,WAAWT,sBAAsBU,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKH,IAAI,CAAC,EAAE;YACvE,OAAOQ,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIlB,eAAemB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOpB,eAAemB,MAAM,GAAGD;QACrCR,QAAQ,GAAGV,eAAemB,MAAM,CAAC,CAAC,EAAE/B,eAAeS,QAAQe,QAAQd,MAAM,GAAG,EAAEA,KAAKuB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBb,eAAewB,KAAK,CAAC,GAAGN;QAAc,IAC3E;IACL,OAAO,IAAIlB,eAAemB,MAAM,GAAG,GAAG;QACpCT,QAAQ,GAAGV,eAAemB,MAAM,CAAC,CAAC,EAAE/B,eAClCY,eAAemB,MAAM,KAAK,IAAItB,QAAQc,WAAWd,QAAQe,QACzDd,MACA,GAAG,EAAEe,gBAAgBb,iBAAiB;IAC1C;IAEA,qBAAO,QAACyB;kBAAMf;;;;;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<BlocksFieldClient> {}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({\n  cellData,\n  field: { blockReferences, blocks, labels },\n}) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = (blockReferences ?? blocks)?.map((b) => {\n    const block = typeof b === 'string' ? config.blocksMap[b] : b\n    return {\n      slug: block.slug,\n      label: getTranslation(block.labels.singular, i18n),\n    }\n  })\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","useConfig","useTranslation","BlocksCell","cellData","field","blockReferences","blocks","labels","i18n","config","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","block","blocksMap","slug","label","singular","plural","formatBlockList","filtered","filter","f","join","itemsToShow","length","more","t","count","items","slice","span"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AAGzD,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,aAAwC,CAAC,EACpDC,QAAQ,EACRC,OAAO,EAAEC,eAAe,EAAEC,MAAM,EAAEC,MAAM,EAAE,EAC3C;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGP;IACjB,MAAM,EAAEQ,MAAM,EAAE,GAAGT;IAEnB,MAAMU,iBAAiBC,MAAMC,OAAO,CAACT,YAAYA,SAASU,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAyBV,CAAAA,mBAAmBC,MAAK,GAAIO,IAAI,CAACG;QAC9D,MAAMC,QAAQ,OAAOD,MAAM,WAAWP,OAAOS,SAAS,CAACF,EAAE,GAAGA;QAC5D,OAAO;YACLG,MAAMF,MAAME,IAAI;YAChBC,OAAOrB,eAAekB,MAAMV,MAAM,CAACc,QAAQ,EAAEb;QAC/C;IACF;IAEA,IAAIY,QAAQ,CAAC,EAAE,EAAErB,eAAeQ,QAAQe,QAAQd,OAAO;IAEvD,MAAMe,kBAAkB,CAACjB,SACvBA,OACGO,GAAG,CAAC,CAACG;YACJ,MAAMQ,WAAWT,sBAAsBU,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKH,IAAI,CAAC,EAAE;YACvE,OAAOQ,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIlB,eAAemB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOpB,eAAemB,MAAM,GAAGD;QACrCR,QAAQ,GAAGV,eAAemB,MAAM,CAAC,CAAC,EAAE9B,eAAeQ,QAAQe,QAAQd,MAAM,GAAG,EAAEA,KAAKuB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBb,eAAewB,KAAK,CAAC,GAAGN;QAAc,IAC3E;IACL,OAAO,IAAIlB,eAAemB,MAAM,GAAG,GAAG;QACpCT,QAAQ,GAAGV,eAAemB,MAAM,CAAC,CAAC,EAAE9B,eAClCW,eAAemB,MAAM,KAAK,IAAItB,QAAQc,WAAWd,QAAQe,QACzDd,MACA,GAAG,EAAEe,gBAAgBb,iBAAiB;IAC1C;IAEA,QAAQyB,MAAMf,QAAQe;AACxB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.js

@@ -1,24 +1,11 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 import './index.scss';
 export const CheckboxCell = ({ cellData })=>{
     const { t } = useTranslation();
-    return /*#__PURE__*/ _jsxDEV("code", {
-        className: "bool-cell",
-        children: /*#__PURE__*/ _jsxDEV("span", {
-            children: t(`general:${cellData}`).toLowerCase()
-        }, void 0, false, {
-            fileName: "src/elements/Table/DefaultCell/fields/Checkbox/index.tsx",
-            lineNumber: 16,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Checkbox/index.tsx",
-        lineNumber: 15,
-        columnNumber: 5
-    }, this);
+    return <code className="bool-cell">
+      <span>{t(`general:${cellData}`).toLowerCase()}</span>
+    </code>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>> = ({\n  cellData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"names":["React","useTranslation","CheckboxCell","cellData","t","code","className","span","toLowerCase"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAyE,CAAC,EACrFC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGH;IAEd,qBACE,QAACI;QAAKC,WAAU;kBACd,cAAA,QAACC;sBAAMH,EAAE,CAAC,QAAQ,EAAED,UAAU,EAAEK,WAAW;;;;;;;;;;;AAGjD,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>> = ({\n  cellData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"names":["useTranslation","CheckboxCell","cellData","t","code","className","span","toLowerCase"],"mappings":"AAAA;AAKA,SAASA,cAAc,QAAQ,gDAA+C;AAC9E,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAyE,CAAC,EACrFC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGH;IAEd,QACGI,KAAKC,UAAU,YAAY;MAC1B,CAACC,MAAMH,EAAE,CAAC,QAAQ,EAAED,UAAU,EAAEK,WAAW,KAAKD,KAAK;IACvD,EAAEF;AAEN,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Code/index.js

@@ -1,27 +1,13 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import './index.scss';
 export const CodeCell = ({ cellData, nowrap })=>{
     const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
     const noWrapStyle = nowrap ? {
         whiteSpace: 'nowrap'
     } : {};
-    return /*#__PURE__*/ _jsxDEV("code", {
-        className: "code-cell",
-        style: noWrapStyle,
-        children: /*#__PURE__*/ _jsxDEV("span", {
-            children: textToShow
-        }, void 0, false, {
-            fileName: "src/elements/Table/DefaultCell/fields/Code/index.tsx",
-            lineNumber: 20,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Code/index.tsx",
-        lineNumber: 19,
-        columnNumber: 5
-    }, this);
+    return <code className="code-cell" style={noWrapStyle}>
+      <span>{textToShow}</span>
+    </code>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Code/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAOrB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,UAAUG,SAAS,MAAM,GAAGH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEpF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,QAACC;QAAKC,WAAU;QAAYC,OAAOJ;kBACjC,cAAA,QAACK;sBAAMR;;;;;;;;;;;AAGb,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"mappings":"AAAA;AAKA,OAAO,eAAc;AAOrB,OAAO,MAAMA,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,UAAUG,SAAS,MAAM,GAAGH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEpF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,QACGC,KAAKC,UAAU,YAAYC,OAAOJ,aAAa;MAC9C,CAACK,MAAMR,aAAaQ,KAAK;IAC3B,EAAEH;AAEN,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Date/index.js

@@ -1,7 +1,5 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getObjectDotNotation } from 'payload/shared';
-import React from 'react';
 import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 import { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js';
@@ -13,18 +11,14 @@ export const DateCell = (props)=>{
     const timezoneFieldName = `${fieldPath}_tz`;
     const timezone = Boolean(timezoneFromField) && rowData ? getObjectDotNotation(rowData, timezoneFieldName, undefined) : undefined;
     const dateFormat = date?.displayFormat || dateFormatFromRoot;
-    return /*#__PURE__*/ _jsxDEV("span", {
-        children: Boolean(cellData) && formatDate({
-            date: cellData,
-            i18n,
-            pattern: dateFormat,
-            timezone
-        })
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Date/index.tsx",
-        lineNumber: 38,
-        columnNumber: 5
-    }, this);
+    return <span>
+      {Boolean(cellData) && formatDate({
+        date: cellData,
+        i18n,
+        pattern: dateFormat,
+        timezone
+    })}
+    </span>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Date/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getObjectDotNotation } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<{ accessor?: string } & DateFieldClient>\n> = (props) => {\n  const {\n    cellData,\n    field: { name, accessor, admin: { date } = {}, timezone: timezoneFromField },\n    rowData,\n  } = props\n\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n  const { i18n } = useTranslation()\n\n  const fieldPath = accessor || name\n\n  const timezoneFieldName = `${fieldPath}_tz`\n  const timezone =\n    Boolean(timezoneFromField) && rowData\n      ? getObjectDotNotation(rowData, timezoneFieldName, undefined)\n      : undefined\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  return (\n    <span>\n      {Boolean(cellData) && formatDate({ date: cellData, i18n, pattern: dateFormat, timezone })}\n    </span>\n  )\n}\n"],"names":["getObjectDotNotation","React","useConfig","useTranslation","formatDate","DateCell","props","cellData","field","name","accessor","admin","date","timezone","timezoneFromField","rowData","config","dateFormat","dateFormatFromRoot","i18n","fieldPath","timezoneFieldName","Boolean","undefined","displayFormat","span","pattern"],"mappings":"AAAA;;AAGA,SAASA,oBAAoB,QAAQ,iBAAgB;AACrD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,UAAU,QAAQ,6DAA4D;AAEvF,OAAO,MAAMC,WAET,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAEC,UAAUC,iBAAiB,EAAE,EAC5EC,OAAO,EACR,GAAGT;IAEJ,MAAM,EACJU,QAAQ,EACNL,OAAO,EAAEM,YAAYC,kBAAkB,EAAE,EAC1C,EACF,GAAGhB;IACJ,MAAM,EAAEiB,IAAI,EAAE,GAAGhB;IAEjB,MAAMiB,YAAYV,YAAYD;IAE9B,MAAMY,oBAAoB,GAAGD,UAAU,GAAG,CAAC;IAC3C,MAAMP,WACJS,QAAQR,sBAAsBC,UAC1Bf,qBAAqBe,SAASM,mBAAmBE,aACjDA;IAEN,MAAMN,aAAaL,MAAMY,iBAAiBN;IAE1C,qBACE,QAACO;kBACEH,QAAQf,aAAaH,WAAW;YAAEQ,MAAML;YAAUY;YAAMO,SAAST;YAAYJ;QAAS;;;;;;AAG7F,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getObjectDotNotation } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<{ accessor?: string } & DateFieldClient>\n> = (props) => {\n  const {\n    cellData,\n    field: { name, accessor, admin: { date } = {}, timezone: timezoneFromField },\n    rowData,\n  } = props\n\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n  const { i18n } = useTranslation()\n\n  const fieldPath = accessor || name\n\n  const timezoneFieldName = `${fieldPath}_tz`\n  const timezone =\n    Boolean(timezoneFromField) && rowData\n      ? getObjectDotNotation(rowData, timezoneFieldName, undefined)\n      : undefined\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  return (\n    <span>\n      {Boolean(cellData) && formatDate({ date: cellData, i18n, pattern: dateFormat, timezone })}\n    </span>\n  )\n}\n"],"names":["getObjectDotNotation","useConfig","useTranslation","formatDate","DateCell","props","cellData","field","name","accessor","admin","date","timezone","timezoneFromField","rowData","config","dateFormat","dateFormatFromRoot","i18n","fieldPath","timezoneFieldName","Boolean","undefined","displayFormat","span","pattern"],"mappings":"AAAA;AAGA,SAASA,oBAAoB,QAAQ,iBAAgB;AAGrD,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,UAAU,QAAQ,6DAA4D;AAEvF,OAAO,MAAMC,WAET,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAEC,UAAUC,iBAAiB,EAAE,EAC5EC,OAAO,EACR,GAAGT;IAEJ,MAAM,EACJU,QAAQ,EACNL,OAAO,EAAEM,YAAYC,kBAAkB,EAAE,EAC1C,EACF,GAAGhB;IACJ,MAAM,EAAEiB,IAAI,EAAE,GAAGhB;IAEjB,MAAMiB,YAAYV,YAAYD;IAE9B,MAAMY,oBAAoB,GAAGD,UAAU,GAAG,CAAC;IAC3C,MAAMP,WACJS,QAAQR,sBAAsBC,UAC1Bd,qBAAqBc,SAASM,mBAAmBE,aACjDA;IAEN,MAAMN,aAAaL,MAAMY,iBAAiBN;IAE1C,QACGO,KAAK;MACJ,CAACH,QAAQf,aAAaH,WAAW;QAAEQ,MAAML;QAAUY;QAAMO,SAAST;QAAYJ;IAAS,GAAG;IAC5F,EAAEY;AAEN,EAAC"}

package/dist/elements/Table/DefaultCell/fields/File/index.js

@@ -1,7 +1,5 @@
 'use client';
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
 import { getBestFitFromSizes, isImage } from 'payload/shared';
-import React from 'react';
 import './index.scss';
 import { Thumbnail } from '../../../../Thumbnail/index.js';
 const baseClass = 'file';
@@ -19,42 +17,15 @@ export const FileCell = ({ cellData: filename, collectionConfig, field, rowData
                 width: rowData?.width
             });
         }
-        return /*#__PURE__*/ _jsxDEV("div", {
-            className: baseClass,
-            children: [
-                /*#__PURE__*/ _jsxDEV(Thumbnail, {
-                    className: `${baseClass}__thumbnail`,
-                    collectionSlug: collectionConfig?.slug,
-                    doc: {
-                        ...rowData,
-                        filename
-                    },
-                    fileSrc: fileSrc,
-                    size: "small",
-                    uploadConfig: collectionConfig?.upload
-                }, void 0, false, {
-                    fileName: "src/elements/Table/DefaultCell/fields/File/index.tsx",
-                    lineNumber: 48,
-                    columnNumber: 9
-                }, this),
-                /*#__PURE__*/ _jsxDEV("span", {
-                    className: `${baseClass}__filename`,
-                    children: String(filename)
-                }, void 0, false, {
-                    fileName: "src/elements/Table/DefaultCell/fields/File/index.tsx",
-                    lineNumber: 59,
-                    columnNumber: 9
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/Table/DefaultCell/fields/File/index.tsx",
-            lineNumber: 47,
-            columnNumber: 7
-        }, this);
+        return <div className={baseClass}>
+        <Thumbnail className={`${baseClass}__thumbnail`} collectionSlug={collectionConfig?.slug} doc={{
+            ...rowData,
+            filename
+        }} fileSrc={fileSrc} size="small" uploadConfig={collectionConfig?.upload}/>
+        <span className={`${baseClass}__filename`}>{String(filename)}</span>
+      </div>;
     } else {
-        return /*#__PURE__*/ _jsxDEV(_Fragment, {
-            children: String(filename)
-        }, void 0, false);
+        return <>{String(filename)}</>;
     }
 };
 

package/dist/elements/Table/DefaultCell/fields/File/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps\n  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    const isFileImage = isImage(rowData?.mimeType)\n    let fileSrc: string | undefined = isFileImage\n      ? rowData?.thumbnailURL || rowData?.url\n      : rowData?.thumbnailURL\n\n    if (isFileImage) {\n      fileSrc = getBestFitFromSizes({\n        sizes: rowData?.sizes,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          size=\"small\"\n          uploadConfig={collectionConfig?.upload}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"names":["getBestFitFromSizes","isImage","React","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","isFileImage","mimeType","fileSrc","thumbnailURL","url","sizes","width","div","className","collectionSlug","slug","doc","size","uploadConfig","span","String"],"mappings":"AAAA;;AAQA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,SAAS,QAAQ,iCAAgC;AAE1D,MAAMC,YAAY;AAOlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,gBAAgB,EAChBC,KAAK,EACLC,OAAO,EACR;IACC,MAAMC,sBAAsB,oBAAoBF,QAAQA,MAAMG,cAAc,GAAGC;IAC/E,MAAMC,iBAAiBH,uBAAuBH,iBAAiBO,MAAM,EAAEH,kBAAkB;IAEzF,IAAIE,gBAAgB;QAClB,MAAME,cAAcf,QAAQS,SAASO;QACrC,IAAIC,UAA8BF,cAC9BN,SAASS,gBAAgBT,SAASU,MAClCV,SAASS;QAEb,IAAIH,aAAa;YACfE,UAAUlB,oBAAoB;gBAC5BqB,OAAOX,SAASW;gBAChBF,cAAcT,SAASS;gBACvBC,KAAKV,SAASU;gBACdE,OAAOZ,SAASY;YAClB;QACF;QAEA,qBACE,QAACC;YAAIC,WAAWpB;;8BACd,QAACD;oBACCqB,WAAW,GAAGpB,UAAU,WAAW,CAAC;oBACpCqB,gBAAgBjB,kBAAkBkB;oBAClCC,KAAK;wBACH,GAAGjB,OAAO;wBACVH;oBACF;oBACAW,SAASA;oBACTU,MAAK;oBACLC,cAAcrB,kBAAkBO;;;;;;8BAElC,QAACe;oBAAKN,WAAW,GAAGpB,UAAU,UAAU,CAAC;8BAAG2B,OAAOxB;;;;;;;;;;;;IAGzD,OAAO;QACL,qBAAO;sBAAGwB,OAAOxB;;IACnB;AACF,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps\n  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    const isFileImage = isImage(rowData?.mimeType)\n    let fileSrc: string | undefined = isFileImage\n      ? rowData?.thumbnailURL || rowData?.url\n      : rowData?.thumbnailURL\n\n    if (isFileImage) {\n      fileSrc = getBestFitFromSizes({\n        sizes: rowData?.sizes,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          size=\"small\"\n          uploadConfig={collectionConfig?.upload}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"names":["getBestFitFromSizes","isImage","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","isFileImage","mimeType","fileSrc","thumbnailURL","url","sizes","width","div","className","collectionSlug","slug","doc","size","uploadConfig","span","String"],"mappings":"AAAA;AAQA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ,iBAAgB;AAG7D,OAAO,eAAc;AACrB,SAASC,SAAS,QAAQ,iCAAgC;AAE1D,MAAMC,YAAY;AAOlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,gBAAgB,EAChBC,KAAK,EACLC,OAAO,EACR;IACC,MAAMC,sBAAsB,oBAAoBF,QAAQA,MAAMG,cAAc,GAAGC;IAC/E,MAAMC,iBAAiBH,uBAAuBH,iBAAiBO,MAAM,EAAEH,kBAAkB;IAEzF,IAAIE,gBAAgB;QAClB,MAAME,cAAcd,QAAQQ,SAASO;QACrC,IAAIC,UAA8BF,cAC9BN,SAASS,gBAAgBT,SAASU,MAClCV,SAASS;QAEb,IAAIH,aAAa;YACfE,UAAUjB,oBAAoB;gBAC5BoB,OAAOX,SAASW;gBAChBF,cAAcT,SAASS;gBACvBC,KAAKV,SAASU;gBACdE,OAAOZ,SAASY;YAClB;QACF;QAEA,QACGC,IAAIC,WAAWpB,WAAW;QACzB,CAACD,UACCqB,WAAW,GAAGpB,UAAU,WAAW,CAAC,EACpCqB,gBAAgBjB,kBAAkBkB,MAClCC,KAAK;YACH,GAAGjB,OAAO;YACVH;QACF,GACAW,SAASA,SACTU,KAAK,QACLC,cAAcrB,kBAAkBO,SAChC;QACF,CAACe,KAAKN,WAAW,GAAGpB,UAAU,UAAU,CAAC,GAAG2B,OAAOxB,YAAYuB,KAAK;MACtE,EAAEP;IAEN,OAAO;QACL,UAAUQ,OAAOxB;IACnB;AACF,EAAC"}

package/dist/elements/Table/DefaultCell/fields/JSON/index.js

@@ -1,23 +1,10 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
-import React from 'react';
 import './index.scss';
 export const JSONCell = ({ cellData })=>{
     const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
-    return /*#__PURE__*/ _jsxDEV("code", {
-        className: "json-cell",
-        children: /*#__PURE__*/ _jsxDEV("span", {
-            children: JSON.stringify(textToShow)
-        }, void 0, false, {
-            fileName: "src/elements/Table/DefaultCell/fields/JSON/index.tsx",
-            lineNumber: 13,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/JSON/index.tsx",
-        lineNumber: 12,
-        columnNumber: 5
-    }, this);
+    return <code className="json-cell">
+      <span>{JSON.stringify(textToShow)}</span>
+    </code>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/JSON/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, JSONFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<JSONFieldClient>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["React","JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,GAAGF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEpF,qBACE,QAACI;QAAKC,WAAU;kBACd,cAAA,QAACC;sBAAMC,KAAKC,SAAS,CAACP;;;;;;;;;;;AAG5B,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, JSONFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<JSONFieldClient>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"mappings":"AAAA;AAKA,OAAO,eAAc;AAErB,OAAO,MAAMA,WAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,GAAGF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEpF,QACGI,KAAKC,UAAU,YAAY;MAC1B,CAACC,MAAMC,KAAKC,SAAS,CAACP,cAAcK,KAAK;IAC3C,EAAEF;AAEN,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Relationship/index.js

@@ -1,5 +1,4 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect, useMemo, useState } from 'react';
 import { useIntersect } from '../../../../../hooks/useIntersect.js';
@@ -67,67 +66,42 @@ export const RelationshipCell = ({ cellData: cellDataFromProps, customCellProps:
     }, [
         cellData
     ]);
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        ref: intersectionRef,
-        children: [
-            values.map(({ relationTo, value }, i)=>{
-                const document = documents[relationTo][value];
-                const relatedCollection = getEntityConfig({
-                    collectionSlug: relationTo
-                });
-                const label = formatDocTitle({
-                    collectionConfig: relatedCollection,
-                    data: document || null,
-                    dateFormat: config.admin.dateFormat,
-                    fallback: `${t('general:untitled')} - ID: ${value}`,
-                    i18n
-                });
-                let fileField = null;
-                if (field.type === 'upload') {
-                    const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined;
-                    const previewAllowed = fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true;
-                    if (previewAllowed && document) {
-                        fileField = /*#__PURE__*/ _jsxDEV(FileCell, {
-                            cellData: label,
-                            collectionConfig: relatedCollection,
-                            collectionSlug: relatedCollection.slug,
-                            customCellProps: customCellContext,
-                            field: field,
-                            rowData: document
-                        }, void 0, false, {
-                            fileName: "src/elements/Table/DefaultCell/fields/Relationship/index.tsx",
-                            lineNumber: 119,
-                            columnNumber: 15
-                        }, this);
-                    }
-                }
-                return /*#__PURE__*/ _jsxDEV(React.Fragment, {
-                    children: [
-                        document === false && `${t('general:untitled')} - ID: ${value}`,
-                        document === null && `${t('general:loading')}...`,
-                        document ? fileField || label : null,
-                        values.length > i + 1 && ', '
-                    ]
-                }, i, true, {
-                    fileName: "src/elements/Table/DefaultCell/fields/Relationship/index.tsx",
-                    lineNumber: 132,
-                    columnNumber: 11
-                }, this);
-            }),
-            Array.isArray(cellData) && cellData.length > totalToShow && t('fields:itemsAndMore', {
-                count: cellData.length - totalToShow,
-                items: ''
-            }),
-            values.length === 0 && t('general:noLabel', {
-                label: getTranslation(label || '', i18n)
-            })
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/Table/DefaultCell/fields/Relationship/index.tsx",
-        lineNumber: 95,
-        columnNumber: 5
-    }, this);
+    return <div className={baseClass} ref={intersectionRef}>
+      {values.map(({ relationTo, value }, i)=>{
+        const document = documents[relationTo][value];
+        const relatedCollection = getEntityConfig({
+            collectionSlug: relationTo
+        });
+        const label = formatDocTitle({
+            collectionConfig: relatedCollection,
+            data: document || null,
+            dateFormat: config.admin.dateFormat,
+            fallback: `${t('general:untitled')} - ID: ${value}`,
+            i18n
+        });
+        let fileField = null;
+        if (field.type === 'upload') {
+            const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined;
+            const previewAllowed = fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true;
+            if (previewAllowed && document) {
+                fileField = <FileCell cellData={label} collectionConfig={relatedCollection} collectionSlug={relatedCollection.slug} customCellProps={customCellContext} field={field} rowData={document}/>;
+            }
+        }
+        return <React.Fragment key={i}>
+            {document === false && `${t('general:untitled')} - ID: ${value}`}
+            {document === null && `${t('general:loading')}...`}
+            {document ? fileField || label : null}
+            {values.length > i + 1 && ', '}
+          </React.Fragment>;
+    })}
+      {Array.isArray(cellData) && cellData.length > totalToShow && t('fields:itemsAndMore', {
+        count: cellData.length - totalToShow,
+        items: ''
+    })}
+      {values.length === 0 && t('general:noLabel', {
+        label: getTranslation(label || '', i18n)
+    })}
+    </div>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Relationship/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  DefaultCellComponentProps,\n  JoinFieldClient,\n  RelationshipFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport type RelationshipCellProps = DefaultCellComponentProps<\n  JoinFieldClient | RelationshipFieldClient | UploadFieldClient\n>\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData: cellDataFromProps,\n  customCellProps: customCellContext,\n  field,\n  field: { label },\n}) => {\n  // conditionally extract relationTo both both relationship and join fields\n  const relationTo =\n    ('relationTo' in field && field.relationTo) || ('collection' in field && field.collection)\n\n  // conditionally extract docs from join fields\n  const cellData = useMemo(() => {\n    return 'collection' in field ? cellDataFromProps?.docs : cellDataFromProps\n  }, [cellDataFromProps, field])\n\n  const { config, getEntityConfig } = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = getEntityConfig({\n          collectionSlug: relationTo,\n        })\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n          const previewAllowed =\n            fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                collectionConfig={relatedCollection}\n                collectionSlug={relatedCollection.slug}\n                customCellProps={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"names":["getTranslation","React","useEffect","useMemo","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","cellData","cellDataFromProps","customCellProps","customCellContext","field","label","relationTo","collection","docs","config","getEntityConfig","collections","routes","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","api","div","className","ref","map","i","document","relatedCollection","collectionSlug","collectionConfig","data","dateFormat","admin","fallback","fileField","type","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","slug","rowData","Fragment","count","items"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  DefaultCellComponentProps,\n  JoinFieldClient,\n  RelationshipFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport type RelationshipCellProps = DefaultCellComponentProps<\n  JoinFieldClient | RelationshipFieldClient | UploadFieldClient\n>\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData: cellDataFromProps,\n  customCellProps: customCellContext,\n  field,\n  field: { label },\n}) => {\n  // conditionally extract relationTo both both relationship and join fields\n  const relationTo =\n    ('relationTo' in field && field.relationTo) || ('collection' in field && field.collection)\n\n  // conditionally extract docs from join fields\n  const cellData = useMemo(() => {\n    return 'collection' in field ? cellDataFromProps?.docs : cellDataFromProps\n  }, [cellDataFromProps, field])\n\n  const { config, getEntityConfig } = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = getEntityConfig({\n          collectionSlug: relationTo,\n        })\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n          const previewAllowed =\n            fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                collectionConfig={relatedCollection}\n                collectionSlug={relatedCollection.slug}\n                customCellProps={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"names":["getTranslation","React","useEffect","useMemo","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","cellData","cellDataFromProps","customCellProps","customCellContext","field","label","relationTo","collection","docs","config","getEntityConfig","collections","routes","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","api","div","className","ref","map","i","document","relatedCollection","collectionSlug","collectionConfig","data","dateFormat","admin","fallback","fileField","type","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","slug","rowData","Fragment","key","count","items"],"mappings":"AAAA;AAQA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAO;AAE3D,SAASC,YAAY,QAAQ,uCAAsC;AACnE,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,SAAS,QAAQ,wCAAuC;AACjE,SAASC,cAAc,QAAQ,mDAAkD;AACjF,SAASC,oBAAoB,QAAQ,yCAAwC;AAC7E,SAASC,QAAQ,QAAQ,mBAAkB;AAC3C,OAAO,eAAc;AAGrB,MAAMC,YAAY;AAClB,MAAMC,cAAc;AAMpB,OAAO,MAAMC,mBAAoD,CAAC,EAChEC,UAAUC,iBAAiB,EAC3BC,iBAAiBC,iBAAiB,EAClCC,KAAK,EACLA,OAAO,EAAEC,KAAK,EAAE,EACjB;IACC,0EAA0E;IAC1E,MAAMC,aACJ,AAAC,gBAAgBF,SAASA,MAAME,UAAU,IAAM,gBAAgBF,SAASA,MAAMG,UAAU;IAE3F,8CAA8C;IAC9C,MAAMP,WAAWZ,QAAQ;QACvB,OAAO,gBAAgBgB,QAAQH,mBAAmBO,OAAOP;IAC3D,GAAG;QAACA;QAAmBG;KAAM;IAE7B,MAAM,EAAEK,MAAM,EAAEC,eAAe,EAAE,GAAGnB;IACpC,MAAM,EAAEoB,WAAW,EAAEC,MAAM,EAAE,GAAGH;IAChC,MAAM,CAACI,iBAAiBC,MAAM,GAAGxB;IACjC,MAAM,CAACyB,QAAQC,UAAU,GAAG3B,SAAkB,EAAE;IAChD,MAAM,EAAE4B,SAAS,EAAEC,gBAAgB,EAAE,GAAGvB;IACxC,MAAM,CAACwB,cAAcC,gBAAgB,GAAG/B,SAAS;IACjD,MAAM,EAAEgC,IAAI,EAAEC,CAAC,EAAE,GAAG9B;IAEpB,MAAM+B,kBAAkB9B,YAAYqB,OAAOU,oBAAoBC,MAAMC,OAAOC,WAAW,GAAG;IAE1FxC,UAAU;QACR,IAAI,AAACa,CAAAA,YAAY,OAAOA,aAAa,QAAO,KAAMuB,mBAAmB,CAACJ,cAAc;YAClF,MAAMS,kBAA2B,EAAE;YACnC,MAAMC,gBAAgBC,MAAMC,OAAO,CAAC/B,YAAYA,WAAW;gBAACA;aAAS;YACrE6B,cACGG,KAAK,CAAC,GAAGH,cAAcI,MAAM,GAAGnC,cAAc+B,cAAcI,MAAM,GAAGnC,aACrEoC,OAAO,CAAC,CAACC;gBACR,IAAI,OAAOA,SAAS,YAAY,gBAAgBA,QAAQ,WAAWA,MAAM;oBACvEP,gBAAgBQ,IAAI,CAACD;gBACvB;gBACA,IACE,AAAC,CAAA,OAAOA,SAAS,YAAY,OAAOA,SAAS,QAAO,KACpD,OAAO7B,eAAe,UACtB;oBACAsB,gBAAgBQ,IAAI,CAAC;wBACnB9B;wBACA+B,OAAOF;oBACT;gBACF;YACF;YACFjB,iBAAiBU;YACjBR,gBAAgB;YAChBJ,UAAUY;QACZ;IACF,GAAG;QACD5B;QACAM;QACAK;QACAY;QACAX,OAAO0B,GAAG;QACVnB;QACAD;KACD;IAED/B,UAAU;QACR,IAAIgC,cAAc;YAChBC,gBAAgB;QAClB;IACF,GAAG;QAACpB;KAAS;IAEb,QACGuC,IAAIC,WAAW3C,WAAW4C,KAAK5B,iBAAiB;MAC/C,CAACE,OAAO2B,GAAG,CAAC,CAAC,EAAEpC,UAAU,EAAE+B,KAAK,EAAE,EAAEM;QAClC,MAAMC,WAAW3B,SAAS,CAACX,WAAW,CAAC+B,MAAM;QAC7C,MAAMQ,oBAAoBnC,gBAAgB;YACxCoC,gBAAgBxC;QAClB;QAEA,MAAMD,QAAQX,eAAe;YAC3BqD,kBAAkBF;YAClBG,MAAMJ,YAAY;YAClBK,YAAYxC,OAAOyC,KAAK,CAACD,UAAU;YACnCE,UAAU,GAAG7B,EAAE,oBAAoB,OAAO,EAAEe,OAAO;YACnDhB;QACF;QAEA,IAAI+B,YAAY;QAEhB,IAAIhD,MAAMiD,IAAI,KAAK,UAAU;YAC3B,MAAMC,sBAAsB,oBAAoBlD,QAAQA,MAAMmD,cAAc,GAAGC;YAC/E,MAAMC,iBACJH,uBAAuBT,kBAAkBa,MAAM,EAAEH,kBAAkB;YAErE,IAAIE,kBAAkBb,UAAU;gBAC9BQ,aACGxD,SACCI,UAAUK,OACV0C,kBAAkBF,mBAClBC,gBAAgBD,kBAAkBc,IAAI,EACtCzD,iBAAiBC,mBACjBC,OAAOA,OACPwD,SAAShB;YAGf;QACF;QAEA,QACG1D,MAAM2E,SAASC,KAAKnB,GAAG;YACtB,CAACC,aAAa,SAAS,GAAGtB,EAAE,oBAAoB,OAAO,EAAEe,OAAO,CAAC;YACjE,CAACO,aAAa,QAAQ,GAAGtB,EAAE,mBAAmB,GAAG,CAAC,CAAC;YACnD,CAACsB,WAAWQ,aAAa/C,QAAQ,KAAK;YACtC,CAACU,OAAOkB,MAAM,GAAGU,IAAI,KAAK,KAAK;UACjC,EAAEzD,MAAM2E;IAEZ,GAAG;MACH,CAAC/B,MAAMC,OAAO,CAAC/B,aACbA,SAASiC,MAAM,GAAGnC,eAClBwB,EAAE,uBAAuB;QAAEyC,OAAO/D,SAASiC,MAAM,GAAGnC;QAAakE,OAAO;IAAG,GAAG;MAChF,CAACjD,OAAOkB,MAAM,KAAK,KAAKX,EAAE,mBAAmB;QAAEjB,OAAOpB,eAAeoB,SAAS,IAAIgB;IAAM,GAAG;IAC7F,EAAEkB;AAEN,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Select/index.js

@@ -1,8 +1,6 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { optionsAreObjects } from 'payload/shared';
-import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 export const SelectCell = ({ cellData, field: { options } })=>{
     const { i18n } = useTranslation();
@@ -20,13 +18,7 @@ export const SelectCell = ({ cellData, field: { options } })=>{
         content = Array.isArray(cellData) ? cellData.join(', ') : // hasMany
         cellData;
     }
-    return /*#__PURE__*/ _jsxDEV("span", {
-        children: content
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Select/index.tsx",
-        lineNumber: 35,
-        columnNumber: 10
-    }, this);
+    return <span>{content}</span>;
 };
 
 //# sourceMappingURL=index.js.map

package/dist/elements/Table/DefaultCell/fields/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, OptionObject, SelectFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { optionsAreObjects } from 'payload/shared'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface SelectCellProps extends DefaultCellComponentProps<SelectFieldClient> {}\n\nexport const SelectCell: React.FC<SelectCellProps> = ({ cellData, field: { options } }) => {\n  const { i18n } = useTranslation()\n\n  const findLabel = (items: string[]) =>\n    items\n      .map((i) => {\n        const found = (options as OptionObject[]).filter((f: OptionObject) => f.value === i)?.[0]\n          ?.label\n        return getTranslation(found, i18n)\n      })\n      .join(', ')\n\n  let content = ''\n  if (optionsAreObjects(options)) {\n    content = Array.isArray(cellData)\n      ? findLabel(cellData) // hasMany\n      : findLabel([cellData])\n  } else {\n    content = Array.isArray(cellData)\n      ? cellData.join(', ') // hasMany\n      : cellData\n  }\n\n  return <span>{content}</span>\n}\n"],"names":["getTranslation","optionsAreObjects","React","useTranslation","SelectCell","cellData","field","options","i18n","findLabel","items","map","i","found","filter","f","value","label","join","content","Array","isArray","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,iBAAiB,QAAQ,iBAAgB;AAClD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAE,EAAE;IACpF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,YAAY,CAACC,QACjBA,MACGC,GAAG,CAAC,CAACC;YACJ,MAAMC,QAAQ,AAACN,QAA2BO,MAAM,CAAC,CAACC,IAAoBA,EAAEC,KAAK,KAAKJ,IAAI,CAAC,EAAE,EACrFK;YACJ,OAAOjB,eAAea,OAAOL;QAC/B,GACCU,IAAI,CAAC;IAEV,IAAIC,UAAU;IACd,IAAIlB,kBAAkBM,UAAU;QAC9BY,UAAUC,MAAMC,OAAO,CAAChB,YACpBI,UAAUJ,YAAU,UAAU;QAC9BI,UAAU;YAACJ;SAAS;IAC1B,OAAO;QACLc,UAAUC,MAAMC,OAAO,CAAChB,YACpBA,SAASa,IAAI,CAAC,QAAM,UAAU;QAC9Bb;IACN;IAEA,qBAAO,QAACiB;kBAAMH;;;;;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, OptionObject, SelectFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { optionsAreObjects } from 'payload/shared'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface SelectCellProps extends DefaultCellComponentProps<SelectFieldClient> {}\n\nexport const SelectCell: React.FC<SelectCellProps> = ({ cellData, field: { options } }) => {\n  const { i18n } = useTranslation()\n\n  const findLabel = (items: string[]) =>\n    items\n      .map((i) => {\n        const found = (options as OptionObject[]).filter((f: OptionObject) => f.value === i)?.[0]\n          ?.label\n        return getTranslation(found, i18n)\n      })\n      .join(', ')\n\n  let content = ''\n  if (optionsAreObjects(options)) {\n    content = Array.isArray(cellData)\n      ? findLabel(cellData) // hasMany\n      : findLabel([cellData])\n  } else {\n    content = Array.isArray(cellData)\n      ? cellData.join(', ') // hasMany\n      : cellData\n  }\n\n  return <span>{content}</span>\n}\n"],"names":["getTranslation","optionsAreObjects","useTranslation","SelectCell","cellData","field","options","i18n","findLabel","items","map","i","found","filter","f","value","label","join","content","Array","isArray","span"],"mappings":"AAAA;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,iBAAiB,QAAQ,iBAAgB;AAGlD,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAE,EAAE;IACpF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,YAAY,CAACC,QACjBA,MACGC,GAAG,CAAC,CAACC;YACJ,MAAMC,QAAQ,AAACN,QAA2BO,MAAM,CAAC,CAACC,IAAoBA,EAAEC,KAAK,KAAKJ,IAAI,CAAC,EAAE,EACrFK;YACJ,OAAOhB,eAAeY,OAAOL;QAC/B,GACCU,IAAI,CAAC;IAEV,IAAIC,UAAU;IACd,IAAIjB,kBAAkBK,UAAU;QAC9BY,UAAUC,MAAMC,OAAO,CAAChB,YACpBI,UAAUJ,YAAU,UAAU;QAC9BI,UAAU;YAACJ;SAAS;IAC1B,OAAO;QACLc,UAAUC,MAAMC,OAAO,CAAChB,YACpBA,SAASa,IAAI,CAAC,QAAM,UAAU;QAC9Bb;IACN;IAEA,QAAQiB,MAAMH,UAAUG;AAC1B,EAAC"}