@payloadcms/ui 3.0.0-beta.127 → 3.0.0-beta.129

package/dist/elements/StepNav/index.js

@@ -4,18 +4,19 @@ import { c as _c } from "react/compiler-runtime";
 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 { RenderCustomComponent } from '../RenderCustomComponent/index.js';
 import { StepNavProvider, useStepNav } from './context.js';
 import './index.scss';
 export { SetStepNav } from './SetStepNav.js';
-import { PayloadIcon } from '../../graphics/Icon/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
 const baseClass = 'step-nav';
 const StepNav = t0 => {
   const $ = _c(9);
   const {
     className,
+    CustomIcon,
     Link
   } = t0;
   const {
@@ -25,7 +26,6 @@ const StepNav = t0 => {
     stepNav
   } = useStepNav();
   const {
-    config,
     config: t1
   } = useConfig();
   const {
@@ -40,7 +40,7 @@ const StepNav = t0 => {
   const LinkElement = Link || "a";
   const t3 = Link ? false : undefined;
   let t4;
-  if ($[0] !== t3 || $[1] !== stepNav || $[2] !== className || $[3] !== t || $[4] !== config || $[5] !== admin || $[6] !== LinkElement || $[7] !== i18n) {
+  if ($[0] !== t3 || $[1] !== stepNav || $[2] !== className || $[3] !== t || $[4] !== CustomIcon || $[5] !== admin || $[6] !== LinkElement || $[7] !== i18n) {
     const baseLinkProps = {
       prefetch: t3
     };
@@ -54,9 +54,9 @@ const StepNav = t0 => {
           ...baseLinkProps,
           children: _jsx("span", {
             title: t("general:dashboard"),
-            children: _jsx(RenderComponent, {
-              Component: PayloadIcon,
-              mappedComponent: config?.admin?.components?.graphics?.Icon
+            children: _jsx(RenderCustomComponent, {
+              CustomComponent: CustomIcon,
+              Fallback: _jsx(PayloadIcon, {})
             })
           })
         }), _jsx("span", {
@@ -88,9 +88,9 @@ const StepNav = t0 => {
           className: `${baseClass}__home`,
           children: _jsx("span", {
             title: t("general:dashboard"),
-            children: _jsx(RenderComponent, {
-              Component: PayloadIcon,
-              mappedComponent: config?.admin?.components?.graphics?.Icon
+            children: _jsx(RenderCustomComponent, {
+              CustomComponent: CustomIcon,
+              Fallback: _jsx(PayloadIcon, {})
             })
           })
         })
@@ -100,7 +100,7 @@ const StepNav = t0 => {
     $[1] = stepNav;
     $[2] = className;
     $[3] = t;
-    $[4] = config;
+    $[4] = CustomIcon;
     $[5] = admin;
     $[6] = LinkElement;
     $[7] = i18n;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","useConfig","useTranslation","StepNavProvider","useStepNav","SetStepNav","PayloadIcon","RenderComponent","baseClass","StepNav","t0","$","className","Link","i18n","stepNav","config","t1","routes","t2","admin","t","LinkElement","t3","undefined","t4","baseLinkProps","prefetch","_jsx","children","length","_jsxs","filter","Boolean","join","href","tabIndex","title","Component","mappedComponent","components","graphics","Icon","map","item","i","StepLabel","label","isLast","Step","url"],"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 type { StepNavItem } from './types.js'\n\nimport { PayloadIcon } from '../../graphics/Icon/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\n\nconst baseClass = 'step-nav'\n\nconst StepNav: React.FC<{\n  readonly className?: string\n  readonly Link?: React.ComponentType\n}> = ({ className, Link }) => {\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  const baseLinkProps = {\n    prefetch: Link ? false : undefined,\n  }\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <LinkElement\n            className={`${baseClass}__home`}\n            href={admin}\n            tabIndex={0}\n            {...baseLinkProps}\n          >\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} {...baseLinkProps}>\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","Fragment","PayloadIcon","useConfig","useTranslation","RenderCustomComponent","StepNavProvider","useStepNav","SetStepNav","baseClass","StepNav","t0","$","className","CustomIcon","Link","i18n","stepNav","config","t1","routes","t2","admin","t","LinkElement","t3","undefined","t4","baseLinkProps","prefetch","_jsx","children","length","_jsxs","filter","Boolean","join","href","tabIndex","title","CustomComponent","Fallback","map","item","i","StepLabel","label","isLast","Step","url"],"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 { 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  readonly Link?: React.ComponentType\n}> = ({ className, CustomIcon, Link }) => {\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  const LinkElement = Link || 'a'\n\n  const baseLinkProps = {\n    prefetch: Link ? false : undefined,\n  }\n\n  return (\n    <Fragment>\n      {stepNav.length > 0 ? (\n        <nav className={[baseClass, className].filter(Boolean).join(' ')}>\n          <LinkElement\n            className={`${baseClass}__home`}\n            href={admin}\n            tabIndex={0}\n            {...baseLinkProps}\n          >\n            <span title={t('general:dashboard')}>\n              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\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} {...baseLinkProps}>\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              <RenderCustomComponent CustomComponent={CustomIcon} Fallback={<PayloadIcon />} />\n            </span>\n          </div>\n        </div>\n      )}\n    </Fragment>\n  )\n}\n\nexport { StepNav, StepNavItem, StepNavProvider, useStepNav }\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
-import type { DefaultCellComponentProps, UploadFieldClient } from 'payload';
+import type { DefaultCellComponentProps, TextFieldClient, UploadFieldClient } from 'payload';
 import React from 'react';
 import './index.scss';
-export interface FileCellProps extends DefaultCellComponentProps<any, UploadFieldClient> {
+export interface FileCellProps extends DefaultCellComponentProps<any, TextFieldClient | 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,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE5F,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,MAAM,WAAW,aACf,SAAQ,yBAAyB,CAAC,GAAG,EAAE,eAAe,GAAG,iBAAiB,CAAC;CAAG;AAEhF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqB5C,CAAA"}

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

@@ -7,25 +7,21 @@ import './index.scss';
 const baseClass = 'file';
 export const FileCell = ({
   cellData: filename,
-  customCellContext,
+  collectionConfig,
   rowData
 }) => {
-  const {
-    collectionSlug,
-    uploadConfig
-  } = customCellContext;
   return /*#__PURE__*/_jsxs("div", {
     className: baseClass,
     children: [/*#__PURE__*/_jsx(Thumbnail, {
       className: `${baseClass}__thumbnail`,
-      collectionSlug: collectionSlug,
+      collectionSlug: collectionConfig?.slug,
       doc: {
         ...rowData,
         filename
       },
       fileSrc: rowData?.thumbnailURL || rowData?.url,
       size: "small",
-      uploadConfig: uploadConfig
+      uploadConfig: collectionConfig?.upload
     }), /*#__PURE__*/_jsx("span", {
       className: `${baseClass}__filename`,
       children: String(filename)

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Thumbnail","baseClass","FileCell","cellData","filename","customCellContext","rowData","collectionSlug","uploadConfig","_jsxs","className","_jsx","doc","fileSrc","thumbnailURL","url","size","String"],"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"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAIlB,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,QAAA,EAAUC,QAAQ;EAClBC,iBAAiB;EACjBC;AAAO,CACR;EACC,MAAM;IAAEC,cAAc;IAAEC;EAAY,CAAE,GAAGH,iBAAA;EAEzC,oBACEI,KAAA,CAAC;IAAIC,SAAA,EAAWT,SAAA;4BACdU,IAAA,CAACX,SAAA;MACCU,SAAA,EAAW,GAAGT,SAAA,aAAsB;MACpCM,cAAA,EAAgBA,cAAA;MAChBK,GAAA,EAAK;QACH,GAAGN,OAAO;QACVF;MACF;MACAS,OAAA,EAASP,OAAA,EAASQ,YAAA,IAAgBR,OAAA,EAASS,GAAA;MAC3CC,IAAA,EAAK;MACLR,YAAA,EAAcA;qBAEhBG,IAAA,CAAC;MAAKD,SAAA,EAAW,GAAGT,SAAA,YAAqB;gBAAGgB,MAAA,CAAOb,QAAA;;;AAGzD","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","rowData","_jsxs","className","_jsx","collectionSlug","slug","doc","fileSrc","thumbnailURL","url","size","uploadConfig","upload","String"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, TextFieldClient, 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\n  extends DefaultCellComponentProps<any, TextFieldClient | UploadFieldClient> {}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  rowData,\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={rowData?.thumbnailURL || rowData?.url}\n        size=\"small\"\n        uploadConfig={collectionConfig?.upload}\n      />\n      <span className={`${baseClass}__filename`}>{String(filename)}</span>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAKlB,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,QAAA,EAAUC,QAAQ;EAClBC,gBAAgB;EAChBC;AAAO,CACR;EACC,oBACEC,KAAA,CAAC;IAAIC,SAAA,EAAWP,SAAA;4BACdQ,IAAA,CAACT,SAAA;MACCQ,SAAA,EAAW,GAAGP,SAAA,aAAsB;MACpCS,cAAA,EAAgBL,gBAAA,EAAkBM,IAAA;MAClCC,GAAA,EAAK;QACH,GAAGN,OAAO;QACVF;MACF;MACAS,OAAA,EAASP,OAAA,EAASQ,YAAA,IAAgBR,OAAA,EAASS,GAAA;MAC3CC,IAAA,EAAK;MACLC,YAAA,EAAcZ,gBAAA,EAAkBa;qBAElCT,IAAA,CAAC;MAAKD,SAAA,EAAW,GAAGP,SAAA,YAAqB;gBAAGkB,MAAA,CAAOf,QAAA;;;AAGzD","ignoreList":[]}

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,EACV,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAuC,MAAM,OAAO,CAAA;AAS3D,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAC3D,GAAG,EACH,eAAe,GAAG,uBAAuB,GAAG,iBAAiB,CAC9D,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiH5D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAEV,yBAAyB,EACzB,eAAe,EACf,uBAAuB,EACvB,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAuC,MAAM,OAAO,CAAA;AAS3D,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAC3D,GAAG,EACH,eAAe,GAAG,uBAAuB,GAAG,iBAAiB,CAC9D,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoH5D,CAAA"}

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

@@ -18,7 +18,7 @@ export const RelationshipCell = t0 => {
   const $ = _c(40);
   const {
     cellData: cellDataFromProps,
-    customCellContext,
+    customCellProps: customCellContext,
     field,
     field: t1
   } = t0;
@@ -30,7 +30,8 @@ export const RelationshipCell = t0 => {
   t2 = "collection" in field ? cellDataFromProps?.docs : cellDataFromProps;
   const cellData = t2;
   const {
-    config
+    config,
+    getEntityConfig
   } = useConfig();
   const {
     collections,
@@ -123,20 +124,17 @@ export const RelationshipCell = t0 => {
   }
   useEffect(t6, t7);
   let t8;
-  if ($[19] !== documents || $[20] !== collections || $[21] !== config.admin.dateFormat || $[22] !== t || $[23] !== i18n || $[24] !== field || $[25] !== customCellContext || $[26] !== values || $[27] !== cellData || $[28] !== label || $[29] !== intersectionRef) {
+  if ($[19] !== documents || $[20] !== getEntityConfig || $[21] !== config.admin.dateFormat || $[22] !== t || $[23] !== i18n || $[24] !== field || $[25] !== customCellContext || $[26] !== values || $[27] !== cellData || $[28] !== label || $[29] !== intersectionRef) {
     let t9;
-    if ($[31] !== documents || $[32] !== collections || $[33] !== config.admin.dateFormat || $[34] !== t || $[35] !== i18n || $[36] !== field || $[37] !== customCellContext || $[38] !== values.length) {
+    if ($[31] !== documents || $[32] !== getEntityConfig || $[33] !== config.admin.dateFormat || $[34] !== t || $[35] !== i18n || $[36] !== field || $[37] !== customCellContext || $[38] !== values.length) {
       t9 = (t10, i) => {
         const {
           relationTo: relationTo_0,
           value
         } = t10;
         const document = documents[relationTo_0][value];
-        const relatedCollection = collections.find(t11 => {
-          const {
-            slug
-          } = t11;
-          return slug === relationTo_0;
+        const relatedCollection = getEntityConfig({
+          collectionSlug: relationTo_0
         });
         const label_0 = formatDocTitle({
           collectionConfig: relatedCollection,
@@ -152,7 +150,8 @@ export const RelationshipCell = t0 => {
           if (previewAllowed && document) {
             fileField = _jsx(FileCell, {
               cellData: label_0,
-              customCellContext,
+              collectionConfig: relatedCollection,
+              customCellProps: customCellContext,
               field,
               rowData: document
             });
@@ -163,7 +162,7 @@ export const RelationshipCell = t0 => {
         }, i);
       };
       $[31] = documents;
-      $[32] = collections;
+      $[32] = getEntityConfig;
       $[33] = config.admin.dateFormat;
       $[34] = t;
       $[35] = i18n;
@@ -185,7 +184,7 @@ export const RelationshipCell = t0 => {
       })]
     });
     $[19] = documents;
-    $[20] = collections;
+    $[20] = getEntityConfig;
     $[21] = config.admin.dateFormat;
     $[22] = t;
     $[23] = i18n;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useMemo","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","t0","$","cellData","cellDataFromProps","customCellContext","field","t1","label","relationTo","collection","t2","docs","config","collections","routes","intersectionRef","entry","t3","Symbol","for","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","t4","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","t5","api","t6","t7","t8","admin","dateFormat","t9","t10","i","relationTo_0","document","relatedCollection","find","t11","slug","label_0","collectionConfig","data","fallback","fileField","type","relatedCollectionPreview","upload","displayPreview","previewAllowed","rowData","_jsxs","Fragment","children","className","ref","map","count","items"],"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.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  any,\n  JoinFieldClient | RelationshipFieldClient | UploadFieldClient\n>\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData: cellDataFromProps,\n  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 } = 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"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useMemo","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","t0","$","cellData","cellDataFromProps","customCellProps","customCellContext","field","t1","label","relationTo","collection","t2","docs","config","getEntityConfig","collections","routes","intersectionRef","entry","t3","Symbol","for","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","t4","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","t5","api","t6","t7","t8","admin","dateFormat","t9","t10","i","relationTo_0","document","relatedCollection","collectionSlug","label_0","collectionConfig","data","fallback","fileField","type","relatedCollectionPreview","upload","displayPreview","previewAllowed","rowData","_jsxs","Fragment","children","className","ref","map","count","items"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\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.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  any,\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        }) as ClientCollectionConfig\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                collectionConfig={relatedCollection}\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"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,SAAS,CAAA;AAchB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8HpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,SAAS,CAAA;AAK3E,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA2H3D,CAAA"}

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

@@ -2,120 +2,94 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LinkImport from 'next/link.js';
-import React from 'react'; // TODO: abstract this out to support all routers
 import { getTranslation } from '@payloadcms/translations';
+import LinkImport from 'next/link.js';
 import { fieldAffectsData } from 'payload/shared';
+import React from 'react'; // TODO: abstract this out to support all routers
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { formatAdminURL } from '../../../utilities/formatAdminURL.js';
-import { useTableCell } from '../TableCellProvider/index.js';
 import { CodeCell } from './fields/Code/index.js';
 import { cellComponents } from './fields/index.js';
 const Link = LinkImport.default || LinkImport;
 export const DefaultCell = props => {
-  const $ = _c(24);
+  const $ = _c(19);
   const {
+    cellData,
     className: classNameFromProps,
+    collectionConfig,
     field,
-    onClick: onClickFromProps
+    field: t0,
+    link,
+    onClick: onClickFromProps,
+    rowData
   } = props;
+  const {
+    admin
+  } = t0;
   const {
     i18n
   } = useTranslation();
   const {
-    config: t0
+    config: t1
   } = useConfig();
   const {
-    routes: t1
-  } = t0;
-  const {
-    admin: adminRoute
+    routes: t2
   } = t1;
-  const cellContext = useTableCell();
-  let t2;
-  if ($[0] !== cellContext) {
-    t2 = cellContext || {};
-    $[0] = cellContext;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
   const {
-    cellData,
-    cellProps,
-    columnIndex,
-    customCellContext,
-    rowData
+    admin: adminRoute
   } = t2;
-  let t3;
-  if ($[2] !== cellProps) {
-    t3 = cellProps || {};
-    $[2] = cellProps;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const {
-    className: classNameFromContext,
-    field: t4,
-    link,
-    onClick: onClickFromContext
-  } = t3;
-  const {
-    admin
-  } = t4;
   const classNameFromConfigContext = admin && "className" in admin ? admin.className : undefined;
-  const className = classNameFromProps || (field.admin && "className" in field.admin ? field.admin.className : null) || classNameFromContext || classNameFromConfigContext;
-  const onClick = onClickFromProps || onClickFromContext;
-  const isLink = link !== undefined ? link : columnIndex === 0;
+  const className = classNameFromProps || (field.admin && "className" in field.admin ? field.admin.className : null) || classNameFromConfigContext;
+  const onClick = onClickFromProps;
   let WrapElement = "span";
-  let t5;
-  let t6;
-  if ($[4] !== className || $[5] !== isLink || $[6] !== customCellContext || $[7] !== rowData || $[8] !== adminRoute || $[9] !== onClick || $[10] !== cellData || $[11] !== field || $[12] !== cellContext || $[13] !== WrapElement || $[14] !== props || $[15] !== i18n) {
-    t6 = Symbol.for("react.early_return_sentinel");
+  let t3;
+  let t4;
+  if ($[0] !== className || $[1] !== link || $[2] !== collectionConfig || $[3] !== rowData || $[4] !== adminRoute || $[5] !== onClick || $[6] !== cellData || $[7] !== field || $[8] !== WrapElement || $[9] !== props || $[10] !== i18n) {
+    t4 = Symbol.for("react.early_return_sentinel");
     bb0: {
       const wrapElementProps = {
         className
       };
-      if (isLink) {
+      if (link) {
         wrapElementProps.prefetch = false;
         WrapElement = Link;
-        wrapElementProps.href = customCellContext?.collectionSlug ? formatAdminURL({
+        wrapElementProps.href = collectionConfig?.slug ? formatAdminURL({
           adminRoute,
-          path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`
+          path: `/collections/${collectionConfig?.slug}/${rowData.id}`
         }) : "";
       }
       if (typeof onClick === "function") {
         WrapElement = "button";
         wrapElementProps.type = "button";
-        let t7;
-        if ($[19] !== onClick || $[20] !== cellData || $[21] !== customCellContext || $[22] !== rowData) {
-          t7 = () => {
+        let t5;
+        if ($[14] !== onClick || $[15] !== cellData || $[16] !== collectionConfig || $[17] !== rowData) {
+          t5 = () => {
             onClick({
               cellData,
-              collectionSlug: customCellContext?.collectionSlug,
+              collectionSlug: collectionConfig?.slug,
               rowData
             });
           };
-          $[19] = onClick;
-          $[20] = cellData;
-          $[21] = customCellContext;
-          $[22] = rowData;
-          $[23] = t7;
+          $[14] = onClick;
+          $[15] = cellData;
+          $[16] = collectionConfig;
+          $[17] = rowData;
+          $[18] = t5;
         } else {
-          t7 = $[23];
+          t5 = $[18];
         }
-        wrapElementProps.onClick = t7;
+        wrapElementProps.onClick = t5;
       }
       if ("name" in field && field.name === "id") {
-        t6 = _jsx(WrapElement, {
+        t4 = _jsx(WrapElement, {
           ...wrapElementProps,
           children: _jsx(CodeCell, {
             cellData: `ID: ${cellData}`,
+            collectionConfig,
             field: {
               ...field,
-              _schemaPath: cellContext?.cellProps?.field?._schemaPath
+              type: "code"
             },
             nowrap: true,
             rowData
@@ -128,22 +102,22 @@ export const DefaultCell = props => {
       if (DefaultCellComponent) {
         CellComponent = _jsx(DefaultCellComponent, {
           cellData,
-          customCellContext,
           rowData,
           ...props
         });
       } else {
         if (!DefaultCellComponent) {
-          if (customCellContext.uploadConfig && fieldAffectsData(field) && field.name === "filename") {
+          if (collectionConfig?.upload && fieldAffectsData(field) && field.name === "filename" && field.type === "text") {
             const FileCellComponent = cellComponents.File;
             CellComponent = _jsx(FileCellComponent, {
               cellData,
-              customCellContext,
               rowData,
-              ...props
+              ...props,
+              collectionConfig,
+              field
             });
           } else {
-            t6 = _jsxs(WrapElement, {
+            t4 = _jsxs(WrapElement, {
               ...wrapElementProps,
               children: [(cellData === "" || typeof cellData === "undefined" || cellData === null) && i18n.t("general:noLabel", {
                 label: getTranslation(("label" in field ? field.label : null) || "data", i18n)
@@ -153,34 +127,33 @@ export const DefaultCell = props => {
           }
         }
       }
-      t5 = _jsx(WrapElement, {
+      t3 = _jsx(WrapElement, {
         ...wrapElementProps,
         children: CellComponent
       });
     }
-    $[4] = className;
-    $[5] = isLink;
-    $[6] = customCellContext;
-    $[7] = rowData;
-    $[8] = adminRoute;
-    $[9] = onClick;
-    $[10] = cellData;
-    $[11] = field;
-    $[12] = cellContext;
+    $[0] = className;
+    $[1] = link;
+    $[2] = collectionConfig;
+    $[3] = rowData;
+    $[4] = adminRoute;
+    $[5] = onClick;
+    $[6] = cellData;
+    $[7] = field;
+    $[8] = WrapElement;
+    $[9] = props;
+    $[10] = i18n;
+    $[11] = t3;
+    $[12] = t4;
     $[13] = WrapElement;
-    $[14] = props;
-    $[15] = i18n;
-    $[16] = t5;
-    $[17] = t6;
-    $[18] = WrapElement;
   } else {
-    t5 = $[16];
-    t6 = $[17];
-    WrapElement = $[18];
+    t3 = $[11];
+    t4 = $[12];
+    WrapElement = $[13];
   }
-  if (t6 !== Symbol.for("react.early_return_sentinel")) {
-    return t6;
+  if (t4 !== Symbol.for("react.early_return_sentinel")) {
+    return t4;
   }
-  return t5;
+  return t3;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","LinkImport","React","getTranslation","fieldAffectsData","useConfig","useTranslation","formatAdminURL","useTableCell","CodeCell","cellComponents","Link","default","DefaultCell","props","$","className","classNameFromProps","field","onClick","onClickFromProps","i18n","config","t0","routes","t1","admin","adminRoute","cellContext","t2","cellData","cellProps","columnIndex","customCellContext","rowData","t3","classNameFromContext","t4","link","onClickFromContext","classNameFromConfigContext","undefined","isLink","WrapElement","t5","t6","Symbol","for","wrapElementProps","prefetch","href","collectionSlug","path","id","type","t7","name","_jsx","children","_schemaPath","nowrap","DefaultCellComponent","CellComponent","uploadConfig","FileCellComponent","File","_jsxs","t","label","JSON","stringify"],"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport LinkImport from 'next/link.js'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport type {\n  CellComponentProps,\n  CodeFieldClient,\n  DefaultCellComponentProps,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { fieldAffectsData } from 'payload/shared'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { useTableCell } from '../TableCellProvider/index.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/index.js'\n\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultCell: React.FC<CellComponentProps> = (props) => {\n  const { className: classNameFromProps, field, onClick: onClickFromProps } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const cellContext = useTableCell()\n\n  const { cellData, cellProps, columnIndex, customCellContext, rowData } = cellContext || {}\n\n  const {\n    className: classNameFromContext,\n    field: { admin },\n    link,\n    onClick: onClickFromContext,\n  } = cellProps || {}\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromContext ||\n    classNameFromConfigContext\n\n  const onClick = onClickFromProps || onClickFromContext\n  const isLink = link !== undefined ? link : columnIndex === 0\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (isLink) {\n    wrapElementProps.prefetch = false\n    WrapElement = Link\n    wrapElementProps.href = customCellContext?.collectionSlug\n      ? formatAdminURL({\n          adminRoute,\n          path: `/collections/${customCellContext?.collectionSlug}/${rowData.id}`,\n        })\n      : ''\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: customCellContext?.collectionSlug,\n        rowData,\n      })\n    }\n  }\n\n  if ('name' in field && field.name === 'id') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          field={{\n            ...(field as CodeFieldClient),\n            _schemaPath: cellContext?.cellProps?.field?._schemaPath,\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\n\n  let CellComponent: React.ReactNode = null\n\n  if (DefaultCellComponent) {\n    CellComponent = (\n      <DefaultCellComponent\n        cellData={cellData}\n        customCellContext={customCellContext}\n        rowData={rowData}\n        {...props}\n      />\n    )\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (customCellContext.uploadConfig && fieldAffectsData(field) && field.name === 'filename') {\n      const FileCellComponent = cellComponents.File\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          customCellContext={customCellContext}\n          rowData={rowData}\n          {...(props as CellComponentProps<UploadFieldClient>)}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(cellData === '' || typeof cellData === 'undefined' || cellData === null) &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n            })}\n          {typeof cellData === 'string' && cellData}\n          {typeof cellData === 'number' && cellData}\n          {typeof cellData === 'object' && cellData !== null && JSON.stringify(cellData)}\n        </WrapElement>\n      )\n    }\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","LinkImport","fieldAffectsData","React","useConfig","useTranslation","formatAdminURL","CodeCell","cellComponents","Link","default","DefaultCell","props","$","cellData","className","classNameFromProps","collectionConfig","field","t0","link","onClick","onClickFromProps","rowData","admin","i18n","config","t1","routes","t2","adminRoute","classNameFromConfigContext","undefined","WrapElement","t3","t4","Symbol","for","wrapElementProps","prefetch","href","slug","path","id","type","t5","collectionSlug","name","_jsx","children","nowrap","DefaultCellComponent","CellComponent","upload","FileCellComponent","File","_jsxs","t","label","JSON","stringify"],"sources":["../../../../src/elements/Table/DefaultCell/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport LinkImport from 'next/link.js'\nimport { fieldAffectsData } from 'payload/shared'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { formatAdminURL } from '../../../utilities/formatAdminURL.js'\nimport { CodeCell } from './fields/Code/index.js'\nimport { cellComponents } from './fields/index.js'\nconst Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default\n\nexport const DefaultCell: React.FC<DefaultCellComponentProps> = (props) => {\n  const {\n    cellData,\n    className: classNameFromProps,\n    collectionConfig,\n    field,\n    field: { admin },\n    link,\n    onClick: onClickFromProps,\n    rowData,\n  } = props\n\n  const { i18n } = useTranslation()\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const classNameFromConfigContext = admin && 'className' in admin ? admin.className : undefined\n\n  const className =\n    classNameFromProps ||\n    (field.admin && 'className' in field.admin ? field.admin.className : null) ||\n    classNameFromConfigContext\n\n  const onClick = onClickFromProps\n\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    prefetch?: false\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  if (link) {\n    wrapElementProps.prefetch = false\n    WrapElement = Link\n    wrapElementProps.href = collectionConfig?.slug\n      ? formatAdminURL({\n          adminRoute,\n          path: `/collections/${collectionConfig?.slug}/${rowData.id}`,\n        })\n      : ''\n  }\n\n  if (typeof onClick === 'function') {\n    WrapElement = 'button'\n    wrapElementProps.type = 'button'\n    wrapElementProps.onClick = () => {\n      onClick({\n        cellData,\n        collectionSlug: collectionConfig?.slug,\n        rowData,\n      })\n    }\n  }\n\n  if ('name' in field && field.name === 'id') {\n    return (\n      <WrapElement {...wrapElementProps}>\n        <CodeCell\n          cellData={`ID: ${cellData}`}\n          collectionConfig={collectionConfig}\n          field={{\n            ...field,\n            type: 'code',\n          }}\n          nowrap\n          rowData={rowData}\n        />\n      </WrapElement>\n    )\n  }\n\n  const DefaultCellComponent: React.FC<DefaultCellComponentProps> =\n    typeof cellData !== 'undefined' && cellComponents[field.type]\n\n  let CellComponent: React.ReactNode = null\n\n  if (DefaultCellComponent) {\n    CellComponent = <DefaultCellComponent cellData={cellData} rowData={rowData} {...props} />\n  } else if (!DefaultCellComponent) {\n    // DefaultCellComponent does not exist for certain field types like `text`\n    if (\n      collectionConfig?.upload &&\n      fieldAffectsData(field) &&\n      field.name === 'filename' &&\n      field.type === 'text'\n    ) {\n      const FileCellComponent = cellComponents.File\n\n      CellComponent = (\n        <FileCellComponent\n          cellData={cellData}\n          rowData={rowData}\n          {...(props as DefaultCellComponentProps<UploadFieldClient>)}\n          collectionConfig={collectionConfig}\n          field={field}\n        />\n      )\n    } else {\n      return (\n        <WrapElement {...wrapElementProps}>\n          {(cellData === '' || typeof cellData === 'undefined' || cellData === null) &&\n            i18n.t('general:noLabel', {\n              label: getTranslation(('label' in field ? field.label : null) || 'data', i18n),\n            })}\n          {typeof cellData === 'string' && cellData}\n          {typeof cellData === 'number' && cellData}\n          {typeof cellData === 'object' && cellData !== null && JSON.stringify(cellData)}\n        </WrapElement>\n      )\n    }\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,UAAA,MAAgB;AACvB,SAASC,gBAAgB,QAAQ;AACjC,OAAOC,KAAA,MAAW,QAAO,CAAC;AAE1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,MAAMC,IAAA,GAAQR,UAAA,CAAWS,OAAO,IAAIT,UAAA;AAEpC,OAAO,MAAMU,WAAA,GAAmDC,KAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAC9D;IAAAe,QAAA;IAAAC,SAAA,EAAAC,kBAAA;IAAAC,gBAAA;IAAAC,KAAA;IAAAA,KAAA,EAAAC,EAAA;IAAAC,IAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC;EAAA,IASIX,KAAA;EAJK;IAAAY;EAAA,IAAAL,EAAS;EAMlB;IAAAM;EAAA,IAAiBpB,cAAA;EAEjB;IAAAqB,MAAA,EAAAC;EAAA,IAIIvB,SAAA;EAHM;IAAAwB,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAH,KAAA,EAAAM;EAAA,IAAAD,EAAqB;EAIjC,MAAAE,0BAAA,GAAmCP,KAAA,IAAS,eAAeA,KAAA,GAAQA,KAAA,CAAAT,SAAA,GAAAiB,SAAkB;EAErF,MAAAjB,SAAA,GACEC,kBAAA,KACCE,KAAA,CAAAM,KAAA,IAAe,eAAeN,KAAA,CAAAM,KAAW,GAAGN,KAAA,CAAAM,KAAA,CAAAT,SAAA,OAA2B,KACxEgB,0BAAA;EAEF,MAAAV,OAAA,GAAgBC,gBAAA;EAEhB,IAAAW,WAAA,GAAqD;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAI,gBAAA,IAAAJ,CAAA,QAAAU,OAAA,IAAAV,CAAA,QAAAiB,UAAA,IAAAjB,CAAA,QAAAQ,OAAA,IAAAR,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAK,KAAA,IAAAL,CAAA,QAAAoB,WAAA,IAAApB,CAAA,QAAAD,KAAA,IAAAC,CAAA,SAAAY,IAAA;IAqCjDU,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;MAnCJ,MAAAC,gBAAA;QAAAvB;MAAA;MAQA,IAEIK,IAAA;QACFkB,gBAAA,CAAAC,QAAA;QACAN,WAAA,CAAAA,CAAA,CAAAA,IAAA;QACAK,gBAAA,CAAAE,IAAA,GAAwBvB,gBAAA,EAAAwB,IAAA,GACpBnC,cAAA;UAAAwB,UAAA;UAAAY,IAAA,EAEQ,gBAAgBzB,gBAAA,EAAAwB,IAAA,IAA0BlB,OAAA,CAAAoB,EAAA;QAAY,CAC9D,IACA;MAAA;MAAA,IAGF,OAAOtB,OAAA,KAAY;QACrBY,WAAA,CAAAA,CAAA,CAAcA,QAAA;QACdK,gBAAA,CAAAM,IAAA,GAAwB;QAAA,IAAAC,EAAA;QAAA,IAAAhC,CAAA,SAAAQ,OAAA,IAAAR,CAAA,SAAAC,QAAA,IAAAD,CAAA,SAAAI,gBAAA,IAAAJ,CAAA,SAAAU,OAAA;UACGsB,EAAA,GAAAA,CAAA;YACzBxB,OAAA;cAAAP,QAAA;cAAAgC,cAAA,EAEkB7B,gBAAA,EAAAwB,IAAA;cAAAlB;YAAA,CAElB;UAAA;UACFV,CAAA,OAAAQ,OAAA;UAAAR,CAAA,OAAAC,QAAA;UAAAD,CAAA,OAAAI,gBAAA;UAAAJ,CAAA,OAAAU,OAAA;UAAAV,CAAA,OAAAgC,EAAA;QAAA;UAAAA,EAAA,GAAAhC,CAAA;QAAA;QANAyB,gBAAA,CAAAjB,OAAA,GAA2BwB,EAM3B;MAAA;MAAA,IAGE,UAAU3B,KAAA,IAASA,KAAA,CAAA6B,IAAA,KAAe;QAElCZ,EAAA,GAAAa,IAAA,CAACf,WAAA;UAAA,GAAgBK,gBAAgB;UAAAW,QAAA,EAC/BD,IAAA,CAAAzC,QAAA;YAAAO,QAAA,EACY,OAAOA,QAAA,EAAU;YAAAG,gBAAA;YAAAC,KAAA;cAAA,GAGtBA,KAAK;cAAA0B,IAAA,EACF;YAAA;YAAAM,MAAA;YAAA3B;UAAA,C;;;;MAShB,MAAA4B,oBAAA,GACE,OAAOrC,QAAA,KAAa,eAAAN,cAAA,CAA8BU,KAAA,CAAA0B,IAAA,CAAW;MAE/D,IAAAQ,aAAA;MAAqC,IAEjCD,oBAAA;QACFC,aAAA,CAAAA,CAAA,CAAgBA,KAACD,oBAAA;UAAArC,QAAA;UAAAS,OAAA;UAAA,GAA+DX;QAAK,C;MAArF;QAAA,KACUuC,oBAAA;UAAA,IAGRlC,gBAAA,EAAAoC,MAAA,IACAnD,gBAAA,CAAiBgB,KAAA,KACjBA,KAAA,CAAA6B,IAAA,KAAe,cACf7B,KAAA,CAAA0B,IAAA,KAAe;YAEf,MAAAU,iBAAA,GAAA9C,cAAA,CAAA+C,IAAA;YAEAH,aAAA,CAAAA,CAAA,CACEA,KAACE,iBAAA;cAAAxC,QAAA;cAAAS,OAAA;cAAA,GAGMX,KAAK;cAAAK,gBAAA;cAAAC;YAAA,C;UAJd;YAWEiB,EAAA,GAAAqB,KAAA,CAACvB,WAAA;cAAA,GAAgBK,gBAAgB;cAAAW,QAAA,GAC7B,CAAAnC,QAAA,KAAa,MAAM,OAAOA,QAAA,KAAa,eAAeA,QAAA,SAAgB,KACtEW,IAAA,CAAAgC,CAAA,CAAO;gBAAAC,KAAA,EACE1D,cAAA,CAAe,CAAC,WAAWkB,KAAA,GAAQA,KAAA,CAAAwC,KAAA,OAAiB,KAAM,QAAQjC,IAAA;cAAA,CAC3E,GACD,OAAOX,QAAA,KAAa,YAAYA,QAAA,EAChC,OAAOA,QAAA,KAAa,YAAYA,QAAA,EAChC,OAAOA,QAAA,KAAa,YAAYA,QAAA,SAAa,IAAQ6C,IAAA,CAAAC,SAAA,CAAe9C,QAAA;YAAA,C;;;;;MAMtEoB,EAAA,GAAAc,IAAA,CAACf,WAAA;QAAA,GAAgBK,gBAAgB;QAAAW,QAAA,EAAGG;MAAA,C;;;;;;;;;;;;;;;;;;;;;;;;SAApClB,E;CACT","ignoreList":[]}