@payloadcms/ui 3.0.0-canary.926cbeb → 3.0.0-canary.93a7bbd

package/dist/elements/StepNav/index.js

@@ -2,22 +2,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { Fragment } from 'react';
-import { PayloadIcon } from '../../graphics/Icon/index.js';
 import { useConfig } from '../../providers/Config/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { StepNavProvider, useStepNav } from './context.js';
 import './index.scss';
 export { SetStepNav } from './SetStepNav.js';
-import { useComponentMap } from '../../providers/ComponentMap/index.js';
+import { PayloadIcon } from '@payloadcms/ui';
+import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 const baseClass = 'step-nav';
 const StepNav = ({ Link, className })=>{
     const { i18n } = useTranslation();
     const { stepNav } = useStepNav();
-    const config = useConfig();
-    const { routes: { admin } } = config;
-    const { componentMap } = useComponentMap();
+    const { config, config: { routes: { admin } } } = useConfig();
     const { t } = useTranslation();
-    const Icon = componentMap?.Icon || /*#__PURE__*/ _jsx(PayloadIcon, {});
     const LinkElement = Link || 'a';
     return /*#__PURE__*/ _jsx(Fragment, {
         children: stepNav.length > 0 ? /*#__PURE__*/ _jsxs("nav", {
@@ -32,7 +29,10 @@ const StepNav = ({ Link, className })=>{
                     tabIndex: 0,
                     children: /*#__PURE__*/ _jsx("span", {
                         title: t('general:dashboard'),
-                        children: Icon
+                        children: /*#__PURE__*/ _jsx(RenderComponent, {
+                            Component: PayloadIcon,
+                            mappedComponent: config?.admin?.components?.graphics?.Icon
+                        })
                     })
                 }),
                 /*#__PURE__*/ _jsx("span", {
@@ -71,7 +71,10 @@ const StepNav = ({ Link, className })=>{
                 className: `${baseClass}__home`,
                 children: /*#__PURE__*/ _jsx("span", {
                     title: t('general:dashboard'),
-                    children: Icon
+                    children: /*#__PURE__*/ _jsx(RenderComponent, {
+                        Component: PayloadIcon,
+                        mappedComponent: config?.admin?.components?.graphics?.Icon
+                    })
                 })
             })
         })

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 { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.scss'\nexport { SetStepNav } from './SetStepNav.js'\nimport type { StepNavItem } from './types.js'\n\nimport { useComponentMap } from '../../providers/ComponentMap/index.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  Link?: React.ComponentType\n  className?: string\n}> = ({ Link, className }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const config = useConfig()\n\n  const {\n    routes: { admin },\n  } = config\n\n  const { componentMap } = useComponentMap()\n\n  const { t } = useTranslation()\n\n  const Icon = componentMap?.Icon || <PayloadIcon />\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <LinkElement className={`${baseClass}__home`} href={admin} tabIndex={0}>\n            <span title={t('general:dashboard')}>{Icon}</span>\n          </LinkElement>\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                  <LinkElement href={item.url}>\n                    <span key={i}>{StepLabel}</span>\n                  </LinkElement>\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')}>{Icon}</span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"names":["getTranslation","React","Fragment","PayloadIcon","useConfig","useTranslation","StepNavProvider","useStepNav","SetStepNav","useComponentMap","baseClass","StepNav","Link","className","i18n","stepNav","config","routes","admin","componentMap","t","Icon","LinkElement","length","nav","filter","Boolean","join","href","tabIndex","span","title","map","item","i","StepLabel","label","isLast","Step","url","div"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,EAAEC,UAAU,QAAQ,eAAc;AAC1D,OAAO,eAAc;AACrB,SAASC,UAAU,QAAQ,kBAAiB;AAG5C,SAASC,eAAe,QAAQ,wCAAuC;AAEvE,MAAMC,YAAY;AAElB,MAAMC,UAGD,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAE;IACvB,MAAM,EAAEC,IAAI,EAAE,GAAGT;IAEjB,MAAM,EAAEU,OAAO,EAAE,GAAGR;IAEpB,MAAMS,SAASZ;IAEf,MAAM,EACJa,QAAQ,EAAEC,KAAK,EAAE,EAClB,GAAGF;IAEJ,MAAM,EAAEG,YAAY,EAAE,GAAGV;IAEzB,MAAM,EAAEW,CAAC,EAAE,GAAGf;IAEd,MAAMgB,OAAOF,cAAcE,sBAAQ,KAAClB;IAEpC,MAAMmB,cAAcV,QAAQ;IAE5B,qBACE,KAACV;kBACEa,QAAQQ,MAAM,GAAG,kBAChB,MAACC;YAAIX,WAAW;gBAACH;gBAAWG;aAAU,CAACY,MAAM,CAACC,SAASC,IAAI,CAAC;;8BAC1D,KAACL;oBAAYT,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;oBAAEkB,MAAMV;oBAAOW,UAAU;8BACnE,cAAA,KAACC;wBAAKC,OAAOX,EAAE;kCAAuBC;;;8BAExC,KAACS;8BAAK;;gBACLf,QAAQiB,GAAG,CAAC,CAACC,MAAMC;oBAClB,MAAMC,YAAYnC,eAAeiC,KAAKG,KAAK,EAAEtB;oBAC7C,MAAMuB,SAAStB,QAAQQ,MAAM,KAAKW,IAAI;oBAEtC,MAAMI,OAAOD,uBACX,KAACP;wBAAKjB,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;kCAClCyB;uBADyCD,mBAI5C,MAAChC;;4BACE+B,KAAKM,GAAG,iBACP,KAACjB;gCAAYM,MAAMK,KAAKM,GAAG;0CACzB,cAAA,KAACT;8CAAcK;mCAAJD;+CAGb,KAACJ;0CAAcK;+BAAJD;0CAEb,KAACJ;0CAAK;;;uBAROI;oBAYjB,OAAOI;gBACT;;2BAGF,KAACE;YAAI3B,WAAW;gBAACH;gBAAWG;aAAU,CAACY,MAAM,CAACC,SAASC,IAAI,CAAC;sBAC1D,cAAA,KAACa;gBAAI3B,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;0BAClC,cAAA,KAACoB;oBAAKC,OAAOX,EAAE;8BAAuBC;;;;;AAMlD;AAEA,SAASV,OAAO,EAAeL,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 { useConfig } from '../../providers/Config/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { StepNavProvider, useStepNav } from './context.js'\nimport './index.scss'\nexport { SetStepNav } from './SetStepNav.js'\nimport { PayloadIcon } from '@payloadcms/ui'\n\nimport type { StepNavItem } from './types.js'\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  readonly Link?: React.ComponentType\n  readonly className?: string\n}> = ({ Link, className }) => {\n  const { i18n } = useTranslation()\n\n  const { stepNav } = useStepNav()\n\n  const {\n    config,\n    config: {\n      routes: { admin },\n    },\n  } = useConfig()\n\n  const { t } = useTranslation()\n\n  const LinkElement = Link || 'a'\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <LinkElement className={`${baseClass}__home`} href={admin} tabIndex={0}>\n            <span title={t('general:dashboard')}>\n              <RenderComponent\n                Component={PayloadIcon}\n                mappedComponent={config?.admin?.components?.graphics?.Icon}\n              />\n            </span>\n          </LinkElement>\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                  <LinkElement href={item.url}>\n                    <span key={i}>{StepLabel}</span>\n                  </LinkElement>\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              <RenderComponent\n                Component={PayloadIcon}\n                mappedComponent={config?.admin?.components?.graphics?.Icon}\n              />\n            </span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"names":["getTranslation","React","Fragment","useConfig","useTranslation","StepNavProvider","useStepNav","SetStepNav","PayloadIcon","RenderComponent","baseClass","StepNav","Link","className","i18n","stepNav","config","routes","admin","t","LinkElement","length","nav","filter","Boolean","join","href","tabIndex","span","title","Component","mappedComponent","components","graphics","Icon","map","item","i","StepLabel","label","isLast","Step","url","div"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,SAASC,QAAQ,QAAQ,QAAO;AAEvC,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,eAAe,EAAEC,UAAU,QAAQ,eAAc;AAC1D,OAAO,eAAc;AACrB,SAASC,UAAU,QAAQ,kBAAiB;AAC5C,SAASC,WAAW,QAAQ,iBAAgB;AAI5C,SAASC,eAAe,QAAQ,4CAA2C;AAE3E,MAAMC,YAAY;AAElB,MAAMC,UAGD,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAE;IACvB,MAAM,EAAEC,IAAI,EAAE,GAAGV;IAEjB,MAAM,EAAEW,OAAO,EAAE,GAAGT;IAEpB,MAAM,EACJU,MAAM,EACNA,QAAQ,EACNC,QAAQ,EAAEC,KAAK,EAAE,EAClB,EACF,GAAGf;IAEJ,MAAM,EAAEgB,CAAC,EAAE,GAAGf;IAEd,MAAMgB,cAAcR,QAAQ;IAE5B,qBACE,KAACV;kBACEa,QAAQM,MAAM,GAAG,kBAChB,MAACC;YAAIT,WAAW;gBAACH;gBAAWG;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;;8BAC1D,KAACL;oBAAYP,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;oBAAEgB,MAAMR;oBAAOS,UAAU;8BACnE,cAAA,KAACC;wBAAKC,OAAOV,EAAE;kCACb,cAAA,KAACV;4BACCqB,WAAWtB;4BACXuB,iBAAiBf,QAAQE,OAAOc,YAAYC,UAAUC;;;;8BAI5D,KAACN;8BAAK;;gBACLb,QAAQoB,GAAG,CAAC,CAACC,MAAMC;oBAClB,MAAMC,YAAYtC,eAAeoC,KAAKG,KAAK,EAAEzB;oBAC7C,MAAM0B,SAASzB,QAAQM,MAAM,KAAKgB,IAAI;oBAEtC,MAAMI,OAAOD,uBACX,KAACZ;wBAAKf,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;kCAClC4B;uBADyCD,mBAI5C,MAACnC;;4BACEkC,KAAKM,GAAG,iBACP,KAACtB;gCAAYM,MAAMU,KAAKM,GAAG;0CACzB,cAAA,KAACd;8CAAcU;mCAAJD;+CAGb,KAACT;0CAAcU;+BAAJD;0CAEb,KAACT;0CAAK;;;uBAROS;oBAYjB,OAAOI;gBACT;;2BAGF,KAACE;YAAI9B,WAAW;gBAACH;gBAAWG;aAAU,CAACU,MAAM,CAACC,SAASC,IAAI,CAAC;sBAC1D,cAAA,KAACkB;gBAAI9B,WAAW,CAAC,EAAEH,UAAU,MAAM,CAAC;0BAClC,cAAA,KAACkB;oBAAKC,OAAOV,EAAE;8BACb,cAAA,KAACV;wBACCqB,WAAWtB;wBACXuB,iBAAiBf,QAAQE,OAAOc,YAAYC,UAAUC;;;;;;AAQtE;AAEA,SAASvB,OAAO,EAAeN,eAAe,EAAEC,UAAU,GAAE"}

package/dist/elements/StepNav/index.scss

@@ -75,6 +75,6 @@
   }
 
   @include small-break {
-    gap: calc(var(--base) / 4);
+    gap: base(0.4);
   }
 }

package/dist/elements/StepNav/types.d.ts

@@ -1,6 +1,6 @@
-import type { LabelFunction } from 'payload';
+import type { LabelFunction, StaticLabel } from 'payload';
 export type StepNavItem = {
-    label: LabelFunction | Record<string, string> | string;
+    label: LabelFunction | StaticLabel;
     url?: string;
 };
 export type ContextType = {

package/dist/elements/StepNav/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACtD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/StepNav/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,aAAa,GAAG,WAAW,CAAA;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAC1C,OAAO,EAAE,WAAW,EAAE,CAAA;CACvB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction } from 'payload'\n\nexport type StepNavItem = {\n  label: LabelFunction | Record<string, string> | string\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"names":[],"mappings":"AAOA,WAGC"}
+{"version":3,"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\n\nexport type StepNavItem = {\n  label: LabelFunction | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"names":[],"mappings":"AAOA,WAGC"}

package/dist/elements/Table/DefaultCell/fields/Array/index.d.ts

@@ -1,7 +1,6 @@
-import type { CellComponentProps, DefaultCellComponentProps } from 'payload';
+import type { ArrayFieldClient, DefaultCellComponentProps } from 'payload';
 import React from 'react';
-export interface ArrayCellProps extends DefaultCellComponentProps<Record<string, unknown>[]> {
-    labels: CellComponentProps['labels'];
+export interface ArrayCellProps extends DefaultCellComponentProps<Record<string, unknown>[], ArrayFieldClient> {
 }
 export declare const ArrayCell: React.FC<ArrayCellProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Array/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,cAAe,SAAQ,yBAAyB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAC1F,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;CACrC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAW9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,cACf,SAAQ,yBAAyB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,gBAAgB,CAAC;CAAG;AAEnF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAW9C,CAAA"}

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

@@ -3,10 +3,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
-export const ArrayCell = ({ cellData, labels })=>{
+export const ArrayCell = ({ cellData, field: { labels } })=>{
     const { i18n } = useTranslation();
     const arrayFields = cellData ?? [];
-    const label = `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`;
+    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__*/ _jsx("span", {
         children: label
     });

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 { CellComponentProps, 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<Record<string, unknown>[]> {\n  labels: CellComponentProps['labels']\n}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label = `${arrayFields.length} ${getTranslation(\n    labels?.plural || i18n.t('general:rows'),\n    i18n,\n  )}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","React","useTranslation","ArrayCell","cellData","labels","i18n","arrayFields","label","length","plural","t","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAM9E,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACtE,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IAEjB,MAAMK,cAAcH,YAAY,EAAE;IAElC,MAAMI,QAAQ,CAAC,EAAED,YAAYE,MAAM,CAAC,CAAC,EAAET,eACrCK,QAAQK,UAAUJ,KAAKK,CAAC,CAAC,iBACzBL,MACA,CAAC;IAEH,qBAAO,KAACM;kBAAMJ;;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\n  extends DefaultCellComponentProps<Record<string, unknown>[], 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;AAK9E,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,CAAC,EAAEF,YAAYE,MAAM,CAAC,CAAC,EAAEV,eAAeM,QAAQK,YAAYJ,KAAKK,CAAC,CAAC,iBAAiBL,MAAM,CAAC,GAC3F,CAAC,EAAEC,YAAYE,MAAM,CAAC,CAAC,EAAEV,eAAeM,QAAQO,UAAUN,KAAKK,CAAC,CAAC,iBAAiBL,MAAM,CAAC;IAE/F,qBAAO,KAACO;kBAAML;;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Blocks/index.d.ts

@@ -1,8 +1,6 @@
-import type { CellComponentProps, DefaultCellComponentProps } from 'payload';
+import type { BlockFieldClient, DefaultCellComponentProps } from 'payload';
 import React from 'react';
-export interface BlocksCellProps extends DefaultCellComponentProps<any> {
-    blocks: CellComponentProps['blocks'];
-    labels: CellComponentProps['labels'];
+export interface BlocksCellProps extends DefaultCellComponentProps<any, BlockFieldClient> {
 }
 export declare const BlocksCell: React.FC<BlocksCellProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Blocks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,GAAG,CAAC;IACrE,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;IACpC,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAA;CACrC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoChD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,GAAG,EAAE,gBAAgB,CAAC;CAAG;AAE5F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoChD,CAAA"}

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

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
-export const BlocksCell = ({ blocks, cellData, labels })=>{
+export const BlocksCell = ({ cellData, field: { blocks, labels } })=>{
     const { i18n } = useTranslation();
     const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType })=>blockType) : [];
     const translatedBlockLabels = blocks?.map((b)=>({

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 { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<any> {\n  blocks: CellComponentProps['blocks']\n  labels: CellComponentProps['labels']\n}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({ blocks, cellData, labels }) => {\n  const { i18n } = useTranslation()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = blocks?.map((b) => ({\n    slug: b.slug,\n    label: getTranslation(b.labels.singular, i18n),\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","useTranslation","BlocksCell","blocks","cellData","labels","i18n","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","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,cAAc,QAAQ,gDAA+C;AAO9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IAChF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,iBAAiBC,MAAMC,OAAO,CAACL,YAAYA,SAASM,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAwBT,QAAQO,IAAI,CAACG,IAAO,CAAA;YAChDC,MAAMD,EAAEC,IAAI;YACZC,OAAOhB,eAAec,EAAER,MAAM,CAACW,QAAQ,EAAEV;QAC3C,CAAA;IAEA,IAAIS,QAAQ,CAAC,EAAE,EAAEhB,eAAeM,QAAQY,QAAQX,MAAM,CAAC;IAEvD,MAAMY,kBAAkB,CAACf,SACvBA,OACGO,GAAG,CAAC,CAACG;YACJ,MAAMM,WAAWP,sBAAsBQ,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKD,IAAI,CAAC,EAAE;YACvE,OAAOM,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIhB,eAAeiB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOlB,eAAeiB,MAAM,GAAGD;QACrCR,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAAeM,QAAQY,QAAQX,MAAM,GAAG,EAAEA,KAAKoB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBX,eAAesB,KAAK,CAAC,GAAGN;QAAc,GAC5E,CAAC;IACL,OAAO,IAAIhB,eAAeiB,MAAM,GAAG,GAAG;QACpCT,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAEzB,eAClCQ,eAAeiB,MAAM,KAAK,IAAInB,QAAQW,WAAWX,QAAQY,QACzDX,MACA,GAAG,EAAEY,gBAAgBX,gBAAgB,CAAC;IAC1C;IAEA,qBAAO,KAACuB;kBAAMf;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlockFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<any, BlockFieldClient> {}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({ cellData, field: { blocks, labels } }) => {\n  const { i18n } = useTranslation()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = blocks?.map((b) => ({\n    slug: b.slug,\n    label: getTranslation(b.labels.singular, i18n),\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","useTranslation","BlocksCell","cellData","field","blocks","labels","i18n","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","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,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAEC,MAAM,EAAE,EAAE;IAC3F,MAAM,EAAEC,IAAI,EAAE,GAAGN;IAEjB,MAAMO,iBAAiBC,MAAMC,OAAO,CAACP,YAAYA,SAASQ,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAwBR,QAAQM,IAAI,CAACG,IAAO,CAAA;YAChDC,MAAMD,EAAEC,IAAI;YACZC,OAAOjB,eAAee,EAAER,MAAM,CAACW,QAAQ,EAAEV;QAC3C,CAAA;IAEA,IAAIS,QAAQ,CAAC,EAAE,EAAEjB,eAAeO,QAAQY,QAAQX,MAAM,CAAC;IAEvD,MAAMY,kBAAkB,CAACd,SACvBA,OACGM,GAAG,CAAC,CAACG;YACJ,MAAMM,WAAWP,sBAAsBQ,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKD,IAAI,CAAC,EAAE;YACvE,OAAOM,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIhB,eAAeiB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOlB,eAAeiB,MAAM,GAAGD;QACrCR,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAE1B,eAAeO,QAAQY,QAAQX,MAAM,GAAG,EAAEA,KAAKoB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBX,eAAesB,KAAK,CAAC,GAAGN;QAAc,GAC5E,CAAC;IACL,OAAO,IAAIhB,eAAeiB,MAAM,GAAG,GAAG;QACpCT,QAAQ,CAAC,EAAER,eAAeiB,MAAM,CAAC,CAAC,EAAE1B,eAClCS,eAAeiB,MAAM,KAAK,IAAInB,QAAQW,WAAWX,QAAQY,QACzDX,MACA,GAAG,EAAEY,gBAAgBX,gBAAgB,CAAC;IAC1C;IAEA,qBAAO,KAACuB;kBAAMf;;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.d.ts

@@ -1,5 +1,5 @@
-import type { DefaultCellComponentProps } from 'payload';
+import type { CheckboxFieldClient, DefaultCellComponentProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const CheckboxCell: React.FC<DefaultCellComponentProps<boolean>>;
+export declare const CheckboxCell: React.FC<DefaultCellComponentProps<boolean, CheckboxFieldClient>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAOrE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAU1F,CAAA"}

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 { 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<boolean>> = ({ cellData }) => {\n  const { t } = useTranslation()\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,eAA6D,CAAC,EAAEC,QAAQ,EAAE;IACrF,MAAM,EAAEC,CAAC,EAAE,GAAGH;IACd,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMH,EAAE,CAAC,QAAQ,EAAED,SAAS,CAAC,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<boolean, 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,eAAkF,CAAC,EAC9FC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGH;IAEd,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMH,EAAE,CAAC,QAAQ,EAAED,SAAS,CAAC,EAAEK,WAAW;;;AAGjD,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Code/index.d.ts

@@ -1,8 +1,8 @@
-import type { DefaultCellComponentProps } from 'payload';
+import type { CodeFieldClient, DefaultCellComponentProps } from 'payload';
 import React from 'react';
 import './index.scss';
-export interface CodeCellProps extends DefaultCellComponentProps<string> {
-    nowrap?: boolean;
+export interface CodeCellProps extends DefaultCellComponentProps<string, CodeFieldClient> {
+    readonly nowrap?: boolean;
 }
 export declare const CodeCell: React.FC<CodeCellProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Code/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,MAAM,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,MAAM,EAAE,eAAe,CAAC;IACvF,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAU5C,CAAA"}

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 { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<string> {\n  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;AAMrB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,SAASG,MAAM,GAAG,MAAM,CAAC,EAAEH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEnF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,KAACC;QAAKC,WAAU;QAAYC,OAAOJ;kBACjC,cAAA,KAACK;sBAAMR;;;AAGb,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<string, CodeFieldClient> {\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;AAMrB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,SAASG,MAAM,GAAG,MAAM,CAAC,EAAEH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEnF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,KAACC;QAAKC,WAAU;QAAYC,OAAOJ;kBACjC,cAAA,KAACK;sBAAMR;;;AAGb,EAAC"}

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

@@ -8,7 +8,7 @@
   vertical-align: middle;
   background: var(--theme-elevation-150);
   color: var(--theme-elevation-800);
-  border-radius: $style-radius-s;
+  border-radius: $style-radius-m;
   padding: 0 base(0.25);
   background: var(--theme-elevation-100);
   color: var(--theme-elevation-800);

package/dist/elements/Table/DefaultCell/fields/Date/index.d.ts

@@ -1,4 +1,4 @@
-import type { DefaultCellComponentProps } from 'payload';
+import type { DateFieldClient, DefaultCellComponentProps } from 'payload';
 import React from 'react';
-export declare const DateCell: React.FC<DefaultCellComponentProps<Date | number | string>>;
+export declare const DateCell: React.FC<DefaultCellComponentProps<Date | number | string, DateFieldClient>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Date/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC,CAahF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAC7B,yBAAyB,CAAC,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,eAAe,CAAC,CAanE,CAAA"}

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

@@ -1,13 +1,13 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useConfig } from '@payloadcms/ui';
 import React from 'react';
-import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 import { formatDate } from '../../../../../utilities/formatDate.js';
-export const DateCell = ({ cellData, dateDisplayFormat })=>{
-    const { admin: { dateFormat: dateFormatFromConfig } } = useConfig();
+export const DateCell = ({ cellData, field: { admin: { date } = {} } })=>{
+    const { config: { admin: { dateFormat: dateFormatFromRoot } } } = useConfig();
+    const dateFormat = date?.displayFormat || dateFormatFromRoot;
     const { i18n } = useTranslation();
-    const dateFormat = dateDisplayFormat || dateFormatFromConfig;
     return /*#__PURE__*/ _jsx("span", {
         children: cellData && formatDate({
             date: cellData,

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 { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDate.js'\n\nexport const DateCell: React.FC<DefaultCellComponentProps<Date | number | string>> = ({\n  cellData,\n  dateDisplayFormat,\n}) => {\n  const {\n    admin: { dateFormat: dateFormatFromConfig },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n\n  const dateFormat = dateDisplayFormat || dateFormatFromConfig\n\n  return <span>{cellData && formatDate({ date: cellData, i18n, pattern: dateFormat })}</span>\n}\n"],"names":["React","useConfig","useTranslation","formatDate","DateCell","cellData","dateDisplayFormat","admin","dateFormat","dateFormatFromConfig","i18n","span","date","pattern"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,UAAU,QAAQ,yCAAwC;AAEnE,OAAO,MAAMC,WAAwE,CAAC,EACpFC,QAAQ,EACRC,iBAAiB,EAClB;IACC,MAAM,EACJC,OAAO,EAAEC,YAAYC,oBAAoB,EAAE,EAC5C,GAAGR;IAEJ,MAAM,EAAES,IAAI,EAAE,GAAGR;IAEjB,MAAMM,aAAaF,qBAAqBG;IAExC,qBAAO,KAACE;kBAAMN,YAAYF,WAAW;YAAES,MAAMP;YAAUK;YAAMG,SAASL;QAAW;;AACnF,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { useConfig } from '@payloadcms/ui'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDate.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<Date | number | string, DateFieldClient>\n> = ({ cellData, field: { admin: { date } = {} } }) => {\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  const { i18n } = useTranslation()\n\n  return <span>{cellData && formatDate({ date: cellData, i18n, pattern: dateFormat })}</span>\n}\n"],"names":["useConfig","React","useTranslation","formatDate","DateCell","cellData","field","admin","date","config","dateFormat","dateFormatFromRoot","displayFormat","i18n","span","pattern"],"mappings":"AAAA;;AAGA,SAASA,SAAS,QAAQ,iBAAgB;AAC1C,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,UAAU,QAAQ,yCAAwC;AAEnE,OAAO,MAAMC,WAET,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE;IAChD,MAAM,EACJC,QAAQ,EACNF,OAAO,EAAEG,YAAYC,kBAAkB,EAAE,EAC1C,EACF,GAAGX;IAEJ,MAAMU,aAAaF,MAAMI,iBAAiBD;IAE1C,MAAM,EAAEE,IAAI,EAAE,GAAGX;IAEjB,qBAAO,KAACY;kBAAMT,YAAYF,WAAW;YAAEK,MAAMH;YAAUQ;YAAME,SAASL;QAAW;;AACnF,EAAC"}

package/dist/elements/Table/DefaultCell/fields/File/index.d.ts

@@ -1,7 +1,7 @@
-import type { DefaultCellComponentProps } from 'payload';
+import type { DefaultCellComponentProps, UploadFieldClient } from 'payload';
 import React from 'react';
 import './index.scss';
-export interface FileCellProps extends DefaultCellComponentProps<any> {
+export interface FileCellProps extends DefaultCellComponentProps<any, UploadFieldClient> {
 }
 export declare const FileCell: React.FC<FileCellProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/File/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,GAAG,CAAC;CAAG;AAExE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,GAAG,EAAE,iBAAiB,CAAC;CAAG;AAE3F,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAA"}

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 { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends DefaultCellComponentProps<any> {}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  customCellContext,\n  rowData,\n}) => {\n  const { collectionSlug, uploadConfig } = customCellContext\n\n  return (\n    <div className={baseClass}>\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={{\n          ...rowData,\n          filename,\n        }}\n        fileSrc={rowData?.thumbnailURL || rowData?.url}\n        size=\"small\"\n        uploadConfig={uploadConfig}\n      />\n      <span className={`${baseClass}__filename`}>{String(filename)}</span>\n    </div>\n  )\n}\n"],"names":["React","Thumbnail","baseClass","FileCell","cellData","filename","customCellContext","rowData","collectionSlug","uploadConfig","div","className","doc","fileSrc","thumbnailURL","url","size","span","String"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,iCAAgC;AAC1D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,iBAAiB,EACjBC,OAAO,EACR;IACC,MAAM,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGH;IAEzC,qBACE,MAACI;QAAIC,WAAWT;;0BACd,KAACD;gBACCU,WAAW,CAAC,EAAET,UAAU,WAAW,CAAC;gBACpCM,gBAAgBA;gBAChBI,KAAK;oBACH,GAAGL,OAAO;oBACVF;gBACF;gBACAQ,SAASN,SAASO,gBAAgBP,SAASQ;gBAC3CC,MAAK;gBACLP,cAAcA;;0BAEhB,KAACQ;gBAAKN,WAAW,CAAC,EAAET,UAAU,UAAU,CAAC;0BAAGgB,OAAOb;;;;AAGzD,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\nimport './index.scss'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends DefaultCellComponentProps<any, UploadFieldClient> {}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  customCellContext,\n  rowData,\n}) => {\n  const { collectionSlug, uploadConfig } = customCellContext\n\n  return (\n    <div className={baseClass}>\n      <Thumbnail\n        className={`${baseClass}__thumbnail`}\n        collectionSlug={collectionSlug}\n        doc={{\n          ...rowData,\n          filename,\n        }}\n        fileSrc={rowData?.thumbnailURL || rowData?.url}\n        size=\"small\"\n        uploadConfig={uploadConfig}\n      />\n      <span className={`${baseClass}__filename`}>{String(filename)}</span>\n    </div>\n  )\n}\n"],"names":["React","Thumbnail","baseClass","FileCell","cellData","filename","customCellContext","rowData","collectionSlug","uploadConfig","div","className","doc","fileSrc","thumbnailURL","url","size","span","String"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,iCAAgC;AAC1D,OAAO,eAAc;AAErB,MAAMC,YAAY;AAIlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,iBAAiB,EACjBC,OAAO,EACR;IACC,MAAM,EAAEC,cAAc,EAAEC,YAAY,EAAE,GAAGH;IAEzC,qBACE,MAACI;QAAIC,WAAWT;;0BACd,KAACD;gBACCU,WAAW,CAAC,EAAET,UAAU,WAAW,CAAC;gBACpCM,gBAAgBA;gBAChBI,KAAK;oBACH,GAAGL,OAAO;oBACVF;gBACF;gBACAQ,SAASN,SAASO,gBAAgBP,SAASQ;gBAC3CC,MAAK;gBACLP,cAAcA;;0BAEhB,KAACQ;gBAAKN,WAAW,CAAC,EAAET,UAAU,UAAU,CAAC;0BAAGgB,OAAOb;;;;AAGzD,EAAC"}

package/dist/elements/Table/DefaultCell/fields/JSON/index.d.ts

@@ -1,5 +1,5 @@
-import type { DefaultCellComponentProps } from 'payload';
+import type { DefaultCellComponentProps, JSONFieldClient } from 'payload';
 import React from 'react';
 import './index.scss';
-export declare const JSONCell: React.FC<DefaultCellComponentProps<string>>;
+export declare const JSONCell: React.FC<DefaultCellComponentProps<string, JSONFieldClient>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/JSON/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAQhE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,MAAM,EAAE,eAAe,CAAC,CAUjF,CAAA"}

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 } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<string>> = ({ 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,WAAwD,CAAC,EAAEC,QAAQ,EAAE;IAChF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEpF,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;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<string, JSONFieldClient>> = ({\n  cellData,\n}) => {\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,WAAyE,CAAC,EACrFC,QAAQ,EACT;IACC,MAAMC,aAAaD,UAAUE,SAAS,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEpF,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMC,KAAKC,SAAS,CAACP;;;AAG5B,EAAC"}

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

@@ -8,7 +8,7 @@
   vertical-align: middle;
   background: var(--theme-elevation-150);
   color: var(--theme-elevation-800);
-  border-radius: $style-radius-s;
+  border-radius: $style-radius-m;
   padding: 0 base(0.25);
   [dir='ltr'] & {
     padding-left: base(0.0875 + 0.25);

package/dist/elements/Table/DefaultCell/fields/Relationship/index.d.ts

@@ -1,9 +1,7 @@
-import type { CellComponentProps, DefaultCellComponentProps } from 'payload';
+import type { DefaultCellComponentProps, RelationshipFieldClient, UploadFieldClient } from 'payload';
 import React from 'react';
 import './index.scss';
-export interface RelationshipCellProps extends DefaultCellComponentProps<any> {
-    label: CellComponentProps['label'];
-    relationTo: CellComponentProps['relationTo'];
+export interface RelationshipCellProps extends DefaultCellComponentProps<any, RelationshipFieldClient | UploadFieldClient> {
 }
 export declare const RelationshipCell: React.FC<RelationshipCellProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Relationship/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAG5E,OAAO,KAA8B,MAAM,OAAO,CAAA;AAQlD,OAAO,cAAc,CAAA;AAMrB,MAAM,WAAW,qBAAsB,SAAQ,yBAAyB,CAAC,GAAG,CAAC;IAC3E,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAA;IAClC,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;CAC7C;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqF5D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGpG,OAAO,KAA8B,MAAM,OAAO,CAAA;AASlD,OAAO,cAAc,CAAA;AAMrB,MAAM,WAAW,qBACf,SAAQ,yBAAyB,CAAC,GAAG,EAAE,uBAAuB,GAAG,iBAAiB,CAAC;CAAG;AAExF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwG5D,CAAA"}

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

@@ -1,5 +1,5 @@
 'use client';
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useEffect, useState } from 'react';
 import { useIntersect } from '../../../../../hooks/useIntersect.js';
@@ -8,11 +8,12 @@ import { useTranslation } from '../../../../../providers/Translation/index.js';
 import { canUseDOM } from '../../../../../utilities/canUseDOM.js';
 import { formatDocTitle } from '../../../../../utilities/formatDocTitle.js';
 import { useListRelationships } from '../../../RelationshipProvider/index.js';
+import { FileCell } from '../File/index.js';
 import './index.scss';
 const baseClass = 'relationship-cell';
 const totalToShow = 3;
-export const RelationshipCell = ({ cellData, label, relationTo })=>{
-    const config = useConfig();
+export const RelationshipCell = ({ cellData, customCellContext, field, field: { label, relationTo } })=>{
+    const { config } = useConfig();
     const { collections, routes } = config;
     const [intersectionRef, entry] = useIntersect();
     const [values, setValues] = useState([]);
@@ -54,7 +55,6 @@ export const RelationshipCell = ({ cellData, label, relationTo })=>{
         if (hasRequested) {
             setHasRequested(false);
         }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         cellData
     ]);
@@ -72,11 +72,24 @@ export const RelationshipCell = ({ cellData, label, relationTo })=>{
                     fallback: `${t('general:untitled')} - ID: ${value}`,
                     i18n
                 });
+                let fileField = null;
+                if (field.type === 'upload') {
+                    const relatedCollectionPreview = !!relatedCollection.upload.displayPreview;
+                    const previewAllowed = field.displayPreview || relatedCollectionPreview && field.displayPreview !== false;
+                    if (previewAllowed && document) {
+                        fileField = /*#__PURE__*/ _jsx(FileCell, {
+                            cellData: label,
+                            customCellContext: customCellContext,
+                            field: field,
+                            rowData: document
+                        });
+                    }
+                }
                 return /*#__PURE__*/ _jsxs(React.Fragment, {
                     children: [
                         document === false && `${t('general:untitled')} - ID: ${value}`,
                         document === null && `${t('general:loading')}...`,
-                        document ? label : null,
+                        document ? fileField || label : null,
                         values.length > i + 1 && ', '
                     ]
                 }, i);

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 { CellComponentProps, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, 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.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport interface RelationshipCellProps extends DefaultCellComponentProps<any> {\n  label: CellComponentProps['label']\n  relationTo: CellComponentProps['relationTo']\n}\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData,\n  label,\n  relationTo,\n}) => {\n  const config = 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    // eslint-disable-next-line react-hooks/exhaustive-deps\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 = collections.find(({ slug }) => slug === relationTo)\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        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? 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","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","baseClass","totalToShow","RelationshipCell","cellData","label","relationTo","config","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","find","slug","collectionConfig","data","dateFormat","admin","fallback","Fragment","count","items"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, RelationshipFieldClient, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, 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.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 interface RelationshipCellProps\n  extends DefaultCellComponentProps<any, RelationshipFieldClient | UploadFieldClient> {}\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData,\n  customCellContext,\n  field,\n  field: { label, relationTo },\n}) => {\n  const { config } = 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 = collections.find(({ slug }) => slug === relationTo)\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 relatedCollectionPreview = !!relatedCollection.upload.displayPreview\n          const previewAllowed =\n            field.displayPreview || (relatedCollectionPreview && field.displayPreview !== false)\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                customCellContext={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","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","cellData","customCellContext","field","label","relationTo","config","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","find","slug","collectionConfig","data","dateFormat","admin","fallback","fileField","type","relatedCollectionPreview","upload","displayPreview","previewAllowed","rowData","Fragment","count","items"],"mappings":"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"}

package/dist/elements/Table/DefaultCell/fields/Select/index.d.ts

@@ -1,7 +1,6 @@
-import type { CellComponentProps, DefaultCellComponentProps } from 'payload';
+import type { DefaultCellComponentProps, SelectFieldClient } from 'payload';
 import React from 'react';
-export interface SelectCellProps extends DefaultCellComponentProps<any> {
-    options: CellComponentProps['options'];
+export interface SelectCellProps extends DefaultCellComponentProps<any, SelectFieldClient> {
 }
 export declare const SelectCell: React.FC<SelectCellProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,yBAAyB,EAAgB,MAAM,SAAS,CAAA;AAI1F,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,GAAG,CAAC;IACrE,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwBhD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Select/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAgB,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAIzF,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,GAAG,EAAE,iBAAiB,CAAC;CAAG;AAE7F,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwBhD,CAAA"}

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

@@ -4,7 +4,7 @@ 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, options })=>{
+export const SelectCell = ({ cellData, field: { options } })=>{
     const { i18n } = useTranslation();
     const findLabel = (items)=>items.map((i)=>{
             const found = options.filter((f)=>f.value === i)?.[0]?.label;

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 { CellComponentProps, DefaultCellComponentProps, OptionObject } 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<any> {\n  options: CellComponentProps['options']\n}\n\nexport const SelectCell: React.FC<SelectCellProps> = ({ cellData, 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","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;AAM9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAE;IACzE,MAAM,EAAEC,IAAI,EAAE,GAAGJ;IAEjB,MAAMK,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,CAACf,YACpBG,UAAUH,UAAU,UAAU;WAC9BG,UAAU;YAACH;SAAS;IAC1B,OAAO;QACLa,UAAUC,MAAMC,OAAO,CAACf,YACpBA,SAASY,IAAI,CAAC,MAAM,UAAU;WAC9BZ;IACN;IAEA,qBAAO,KAACgB;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<any, 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,UAAU,UAAU;WAC9BI,UAAU;YAACJ;SAAS;IAC1B,OAAO;QACLc,UAAUC,MAAMC,OAAO,CAAChB,YACpBA,SAASa,IAAI,CAAC,MAAM,UAAU;WAC9Bb;IACN;IAEA,qBAAO,KAACiB;kBAAMH;;AAChB,EAAC"}

package/dist/elements/Table/DefaultCell/fields/Textarea/index.d.ts

@@ -1,4 +1,4 @@
-import type { DefaultCellComponentProps } from 'payload';
+import type { DefaultCellComponentProps, TextareaFieldClient } from 'payload';
 import React from 'react';
-export declare const TextareaCell: React.FC<DefaultCellComponentProps<string>>;
+export declare const TextareaCell: React.FC<DefaultCellComponentProps<string, TextareaFieldClient>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Table/DefaultCell/fields/Textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAExD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAGpE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAKzF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nexport const TextareaCell: React.FC<DefaultCellComponentProps<string>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n  return <span>{textToShow}</span>\n}\n"],"names":["React","TextareaCell","cellData","textToShow","length","substring","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,eAA4D,CAAC,EAAEC,QAAQ,EAAE;IACpF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IACpF,qBAAO,KAACI;kBAAMH;;AAChB,EAAC"}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Textarea/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, TextareaFieldClient } from 'payload'\n\nimport React from 'react'\n\nexport const TextareaCell: React.FC<DefaultCellComponentProps<string, TextareaFieldClient>> = ({\n  cellData,\n}) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n  return <span>{textToShow}</span>\n}\n"],"names":["React","TextareaCell","cellData","textToShow","length","substring","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,eAAiF,CAAC,EAC7FC,QAAQ,EACT;IACC,MAAMC,aAAaD,UAAUE,SAAS,MAAM,CAAC,EAAEF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IACpF,qBAAO,KAACI;kBAAMH;;AAChB,EAAC"}