@payloadcms/ui 3.0.0-canary.b8dd0db → 3.0.0-canary.bb00d64

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

@@ -9,112 +9,87 @@ import { fieldAffectsData } from 'payload/shared';
 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(25);
+  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 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] !== link || $[6] !== columnIndex || $[7] !== customCellContext || $[8] !== rowData || $[9] !== adminRoute || $[10] !== onClick || $[11] !== cellData || $[12] !== field || $[13] !== cellContext || $[14] !== WrapElement || $[15] !== props || $[16] !== 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
       };
-      const isLink = link !== undefined ? link : columnIndex === 0;
-      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 ($[20] !== onClick || $[21] !== cellData || $[22] !== customCellContext || $[23] !== rowData) {
-          t7 = () => {
+        let t5;
+        if ($[14] !== onClick || $[15] !== cellData || $[16] !== collectionConfig || $[17] !== rowData) {
+          t5 = () => {
             onClick({
               cellData,
-              collectionSlug: customCellContext?.collectionSlug,
+              collectionSlug: collectionConfig?.slug,
               rowData
             });
           };
-          $[20] = onClick;
-          $[21] = cellData;
-          $[22] = customCellContext;
-          $[23] = rowData;
-          $[24] = t7;
+          $[14] = onClick;
+          $[15] = cellData;
+          $[16] = collectionConfig;
+          $[17] = rowData;
+          $[18] = t5;
         } else {
-          t7 = $[24];
+          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
@@ -127,60 +102,58 @@ 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") && i18n.t("general:noLabel", {
+              children: [(cellData === "" || typeof cellData === "undefined" || cellData === null) && i18n.t("general:noLabel", {
                 label: getTranslation(("label" in field ? field.label : null) || "data", i18n)
-              }), typeof cellData === "string" && cellData, typeof cellData === "number" && cellData, typeof cellData === "object" && JSON.stringify(cellData)]
+              }), typeof cellData === "string" && cellData, typeof cellData === "number" && cellData, typeof cellData === "object" && cellData !== null && JSON.stringify(cellData)]
             });
             break bb0;
           }
         }
       }
-      t5 = _jsx(WrapElement, {
+      t3 = _jsx(WrapElement, {
         ...wrapElementProps,
         children: CellComponent
       });
     }
-    $[4] = className;
-    $[5] = link;
-    $[6] = columnIndex;
-    $[7] = customCellContext;
-    $[8] = rowData;
-    $[9] = adminRoute;
-    $[10] = onClick;
-    $[11] = cellData;
-    $[12] = field;
-    $[13] = cellContext;
-    $[14] = WrapElement;
-    $[15] = props;
-    $[16] = i18n;
-    $[17] = t5;
-    $[18] = t6;
-    $[19] = WrapElement;
+    $[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;
   } else {
-    t5 = $[17];
-    t6 = $[18];
-    WrapElement = $[19];
+    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","WrapElement","t5","t6","Symbol","for","wrapElementProps","isLink","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\n  let WrapElement: React.ComponentType<any> | string = 'span'\n\n  const wrapElementProps: {\n    className?: string\n    href?: string\n    onClick?: () => void\n    type?: 'button'\n  } = {\n    className,\n  }\n\n  const isLink = link !== undefined ? link : columnIndex === 0\n\n  if (isLink) {\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') &&\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' && JSON.stringify(cellData)}\n        </WrapElement>\n      )\n    }\n  }\n\n  return <WrapElement {...wrapElementProps}>{CellComponent}</WrapElement>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,UAAA,MAAgB;AACvB,OAAOC,KAAA,MAAW,QAAO,CAAC;AAS1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AAEjC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,YAAY,QAAQ;AAC7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAE/B,MAAMC,IAAA,GAAQV,UAAA,CAAWW,OAAO,IAAIX,UAAA;AAEpC,OAAO,MAAMY,WAAA,GAA4CC,KAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EACvD;IAAAgB,SAAA,EAAAC,kBAAA;IAAAC,KAAA;IAAAC,OAAA,EAAAC;EAAA,IAA4EN,KAAA;EAE5E;IAAAO;EAAA,IAAiBf,cAAA;EAEjB;IAAAgB,MAAA,EAAAC;EAAA,IAIIlB,SAAA;EAHM;IAAAmB,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,KAAA,EAAAC;EAAA,IAAAF,EAAqB;EAIjC,MAAAG,WAAA,GAAoBpB,YAAA;EAAA,IAAAqB,EAAA;EAAA,IAAAd,CAAA,QAAAa,WAAA;IAEqDC,EAAA,GAAAD,WAAA,MAAgB;IAAAb,CAAA,MAAAa,WAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAAzF;IAAAe,QAAA;IAAAC,SAAA;IAAAC,WAAA;IAAAC,iBAAA;IAAAC;EAAA,IAAyEL,EAAgB;EAAA,IAAAM,EAAA;EAAA,IAAApB,CAAA,QAAAgB,SAAA;IAOrFI,EAAA,GAAAJ,SAAA,MAAc;IAAAhB,CAAA,MAAAgB,SAAA;IAAAhB,CAAA,MAAAoB,EAAA;EAAA;IAAAA,EAAA,GAAApB,CAAA;EAAA;EALlB;IAAAC,SAAA,EAAAoB,oBAAA;IAAAlB,KAAA,EAAAmB,EAAA;IAAAC,IAAA;IAAAnB,OAAA,EAAAoB;EAAA,IAKIJ,EAAc;EAHT;IAAAT;EAAA,IAAAW,EAAS;EAKlB,MAAAG,0BAAA,GAAmCd,KAAA,IAAS,eAAeA,KAAA,GAAQA,KAAA,CAAAV,SAAA,GAAAyB,SAAkB;EAErF,MAAAzB,SAAA,GACEC,kBAAA,KACCC,KAAA,CAAAQ,KAAA,IAAe,eAAeR,KAAA,CAAAQ,KAAW,GAAGR,KAAA,CAAAQ,KAAA,CAAAV,SAAA,OAA2B,KACxEoB,oBAAA,IACAI,0BAAA;EAEF,MAAArB,OAAA,GAAgBC,gBAAA,IAAoBmB,kBAAA;EAEpC,IAAAG,WAAA,GAAqD;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAA7B,CAAA,QAAAC,SAAA,IAAAD,CAAA,QAAAuB,IAAA,IAAAvB,CAAA,QAAAiB,WAAA,IAAAjB,CAAA,QAAAkB,iBAAA,IAAAlB,CAAA,QAAAmB,OAAA,IAAAnB,CAAA,QAAAY,UAAA,IAAAZ,CAAA,SAAAI,OAAA,IAAAJ,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAG,KAAA,IAAAH,CAAA,SAAAa,WAAA,IAAAb,CAAA,SAAA2B,WAAA,IAAA3B,CAAA,SAAAD,KAAA,IAAAC,CAAA,SAAAM,IAAA;IAqCjDuB,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;MAnCJ,MAAAC,gBAAA;QAAA/B;MAAA;MASA,MAAAgC,MAAA,GAAeV,IAAA,KAAAG,SAAS,GAAYH,IAAA,GAAON,WAAA,MAAgB;MAAA,IAEvDgB,MAAA;QACFN,WAAA,CAAAA,CAAA,CAAAA,IAAA;QACAK,gBAAA,CAAAE,IAAA,GAAwBhB,iBAAA,EAAAiB,cAAA,GACpB3C,cAAA;UAAAoB,UAAA;UAAAwB,IAAA,EAEQ,gBAAgBlB,iBAAA,EAAAiB,cAAA,IAAqChB,OAAA,CAAAkB,EAAA;QAAY,CACzE,IACA;MAAA;MAAA,IAGF,OAAOjC,OAAA,KAAY;QACrBuB,WAAA,CAAAA,CAAA,CAAcA,QAAA;QACdK,gBAAA,CAAAM,IAAA,GAAwB;QAAA,IAAAC,EAAA;QAAA,IAAAvC,CAAA,SAAAI,OAAA,IAAAJ,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAkB,iBAAA,IAAAlB,CAAA,SAAAmB,OAAA;UACGoB,EAAA,GAAAA,CAAA;YACzBnC,OAAA;cAAAW,QAAA;cAAAoB,cAAA,EAEkBjB,iBAAA,EAAAiB,cAAA;cAAAhB;YAAA,CAElB;UAAA;UACFnB,CAAA,OAAAI,OAAA;UAAAJ,CAAA,OAAAe,QAAA;UAAAf,CAAA,OAAAkB,iBAAA;UAAAlB,CAAA,OAAAmB,OAAA;UAAAnB,CAAA,OAAAuC,EAAA;QAAA;UAAAA,EAAA,GAAAvC,CAAA;QAAA;QANAgC,gBAAA,CAAA5B,OAAA,GAA2BmC,EAM3B;MAAA;MAAA,IAGE,UAAUpC,KAAA,IAASA,KAAA,CAAAqC,IAAA,KAAe;QAElCX,EAAA,GAAAY,IAAA,CAACd,WAAA;UAAA,GAAgBK,gBAAgB;UAAAU,QAAA,EAC/BD,IAAA,CAAA/C,QAAA;YAAAqB,QAAA,EACY,OAAOA,QAAA,EAAU;YAAAZ,KAAA;cAAA,GAErBA,KAAK;cAAAwC,WAAA,EACI9B,WAAA,EAAAG,SAAA,EAAAb,KAAA,EAAAwC;YAAA;YAAAC,MAAA;YAAAzB;UAAA,C;;;;MASvB,MAAA0B,oBAAA,GACE,OAAO9B,QAAA,KAAa,eAAApB,cAAA,CAA8BQ,KAAA,CAAAmC,IAAA,CAAW;MAE/D,IAAAQ,aAAA;MAAqC,IAEjCD,oBAAA;QACFC,aAAA,CAAAA,CAAA,CACEA,KAACD,oBAAA;UAAA9B,QAAA;UAAAG,iBAAA;UAAAC,OAAA;UAAA,GAIKpB;QAAK,C;MALb;QAAA,KAQU8C,oBAAA;UAAA,IAEN3B,iBAAA,CAAA6B,YAAA,IAAkC1D,gBAAA,CAAiBc,KAAA,KAAUA,KAAA,CAAAqC,IAAA,KAAe;YAC9E,MAAAQ,iBAAA,GAAArD,cAAA,CAAAsD,IAAA;YACAH,aAAA,CAAAA,CAAA,CACEA,KAACE,iBAAA;cAAAjC,QAAA;cAAAG,iBAAA;cAAAC,OAAA;cAAA,GAIMpB;YAAK,C;UALd;YAUE8B,EAAA,GAAAqB,KAAA,CAACvB,WAAA;cAAA,GAAgBK,gBAAgB;cAAAU,QAAA,GAC7B,CAAA3B,QAAA,KAAa,MAAM,OAAOA,QAAA,KAAa,WAAU,KACjDT,IAAA,CAAA6C,CAAA,CAAO;gBAAAC,KAAA,EACEhE,cAAA,CAAe,CAAC,WAAWe,KAAA,GAAQA,KAAA,CAAAiD,KAAA,OAAiB,KAAM,QAAQ9C,IAAA;cAAA,CAC3E,GACD,OAAOS,QAAA,KAAa,YAAYA,QAAA,EAChC,OAAOA,QAAA,KAAa,YAAYA,QAAA,EAChC,OAAOA,QAAA,KAAa,YAAYsC,IAAA,CAAAC,SAAA,CAAevC,QAAA;YAAA,C;;;;;MAMjDa,EAAA,GAAAa,IAAA,CAACd,WAAA;QAAA,GAAgBK,gBAAgB;QAAAU,QAAA,EAAGI;MAAA,C;;;;;;;;;;;;;;;;;;;;;;;;;;SAApClB,E;CACT","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","LinkImport","React","getTranslation","fieldAffectsData","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 LinkImport from 'next/link.js'\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport type { DefaultCellComponentProps, UploadFieldClient } 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 { 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<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":"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","ignoreList":[]}

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

@@ -2,7 +2,7 @@ import type { TypeWithID } from 'payload';
 import React from 'react';
 export type Documents = {
     [slug: string]: {
-        [id: number | string]: TypeWithID | false | null;
+        [id: number | string]: false | null | TypeWithID;
     };
 };
 type ListRelationshipContext = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC,OAAO,KAAgF,MAAM,OAAO,CAAA;AAWpG,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,IAAI,CAAA;KACjD,CAAA;CACF,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,CAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,EAAE,KACA,IAAI,CAAA;CACV,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAsFlF,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAA8C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAgF,MAAM,OAAO,CAAA;AAWpG,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG;QACd,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,UAAU,CAAA;KACjD,CAAA;CACF,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAA;IACpB,gBAAgB,EAAE,CAChB,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM,CAAA;QAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,EAAE,KACA,IAAI,CAAA;CACV,CAAA;AAID,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAsFlF,CAAA;AAED,eAAO,MAAM,oBAAoB,QAAO,uBAA8C,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","t1","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","routes","t3","serverURL","api","i18n","code","locale","prevLocale","t4","language","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","params","URLSearchParams","append","idsToString","map","id_0","String","join","query","toString","result","fetch","credentials","headers","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","_jsx","Provider","useListRelationships"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithID } from 'payload'\n\nimport * as qs from 'qs-esm'\nimport React, { createContext, useCallback, useContext, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: TypeWithID | false | null\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = `${serverURL}${api}/${slug}`\n\n          const params = new URLSearchParams()\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          if (idsToLoad && idsToLoad.length > 0) {\n            const idsToString = idsToLoad.map((id) => String(id))\n            params.append('where[id][in]', idsToString.join(','))\n          }\n\n          const query = `?${params.toString()}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, serverURL, api, i18n, locale],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context.Provider value={{ documents, getRelationships }}>{children}</Context.Provider>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => useContext(Context)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useEffect","useReducer","useRef","useDebounce","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","t1","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","routes","t3","serverURL","api","i18n","code","locale","prevLocale","t4","language","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","params","URLSearchParams","append","idsToString","map","id_0","String","join","query","toString","result","fetch","credentials","headers","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","_jsx","Provider","useListRelationships"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { TypeWithID } from 'payload'\n\nimport React, { createContext, useCallback, useContext, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const { code: locale } = useLocale()\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = `${serverURL}${api}/${slug}`\n\n          const params = new URLSearchParams()\n\n          params.append('depth', '0')\n          params.append('limit', '250')\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          if (idsToLoad && idsToLoad.length > 0) {\n            const idsToString = idsToLoad.map((id) => String(id))\n            params.append('where[id][in]', idsToString.join(','))\n          }\n\n          const query = `?${params.toString()}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, serverURL, api, i18n, locale],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context.Provider value={{ documents, getRelationships }}>{children}</Context.Provider>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => useContext(Context)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,MAAM,QAAQ;AAE7F,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,OAAO,QAAQ;AAqBxB,MAAMC,OAAA,gBAAUX,aAAA,CAAc,CAAC;AAE/B,OAAO,MAAMY,oBAAA,GAA0EC,EAAA;EAAA,MAAAC,CAAA,GAAAhB,EAAA;EAAC;IAAAiB;EAAA,IAAAF,EAEvF;EAAA,IAAAG,EAAA;EAAA,IAAAF,CAAA,QAAAG,MAAA,CAAAC,GAAA;IAC4DF,EAAA;IAACF,CAAA,MAAAE,EAAA;EAAA;IAAAA,EAAA,GAAAF,CAAA;EAAA;EAA5D,OAAAK,SAAA,EAAAC,iBAAA,IAAuChB,UAAA,CAAAM,OAAA,EAAoBM,EAAC;EAC5D,MAAAK,kBAAA,GAA2Bf,WAAA,CAAYa,SAAA,KAAW;EAElD;IAAAG,MAAA,EAAAC;EAAA,IAKIhB,SAAA;EAJM;IAAAiB,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAAAH,EAGP;EAFS;IAAAI;EAAA,IAAAF,EAAO;EAKnB;IAAAG;EAAA,IAAiBnB,cAAA;EACjB;IAAAoB,IAAA,EAAAC;EAAA,IAAyBtB,SAAA;EACzB,MAAAuB,UAAA,GAAmB1B,MAAA,CAAOyB,MAAA;EAAA,IAAAE,EAAA;EAAA,IAAAlB,CAAA,QAAAO,kBAAA,IAAAP,CAAA,QAAAY,SAAA,IAAAZ,CAAA,QAAAa,GAAA,IAAAb,CAAA,QAAAgB,MAAA,IAAAhB,CAAA,QAAAc,IAAA,CAAAK,QAAA;IAGxBD,EAAA,GAAAE,EAAA;MAAC,MAAAC,SAAA,GAAAD,EAAiB,KAAAE,SAAA,WAAjBF,EAAiB;MAChBG,MAAA,CAAAC,OAAA,CAAejB,kBAAA,EAAAkB,OAAA,OAAAC,EAAA;QAAmC,OAAAC,IAAA,EAAAC,IAAA,IAAAF,EAAY;QAC5D,MAAAG,SAAA;QAEAN,MAAA,CAAAC,OAAA,CAAeI,IAAA,EAAAH,OAAA,CAAAK,EAAA;UAAe,OAAAC,EAAA,EAAAC,KAAA,IAAAF,EAAW;UAAA,IACnCE,KAAA,SAAU,IAAQX,SAAA;YACpBQ,SAAA,CAAAI,IAAA,CAAeF,EAAA;UAAA;QAAA,CAEnB;QAAA,IAEIF,SAAA,CAAAK,MAAA,IAAmB;UACrB,MAAAC,GAAA,GAAY,GAAGvB,SAAA,GAAYC,GAAA,IAAOc,IAAA,EAAM;UAExC,MAAAS,MAAA,OAAAC,eAAA;UAEAD,MAAA,CAAAE,MAAA,CAAc,SAAS;UACvBF,MAAA,CAAAE,MAAA,CAAc,SAAS;UAAA,IAEnBtB,MAAA;YACFoB,MAAA,CAAAE,MAAA,CAAc,UAAUtB,MAAA;UAAA;UAAA,IAGtBa,SAAA,IAAaA,SAAA,CAAAK,MAAA,IAAmB;YAClC,MAAAK,WAAA,GAAoBV,SAAA,CAAAW,GAAA,CAAAC,IAAA,IAAsBC,MAAA,CAAOX,IAAA;YACjDK,MAAA,CAAAE,MAAA,CAAc,iBAAiBC,WAAA,CAAAI,IAAA,CAAiB;UAAA;UAGlD,MAAAC,KAAA,GAAc,IAAIR,MAAA,CAAAS,QAAA,CAAe,GAAI;UAErC,MAAAC,MAAA,SAAqBC,KAAA,CAAM,GAAGZ,GAAA,GAAMS,KAAA,EAAO;YAAAI,WAAA,EAC5B;YAAAC,OAAA;cAAA,mBAEQnC,IAAA,CAAAK;YAAA;UAAA,CAEvB;UAAA,IAEI2B,MAAA,CAAAI,EAAA;YACF,MAAAC,IAAA,SAAmBL,MAAA,CAAAK,IAAA,CAAW;YAAA,IAC1BA,IAAA,CAAAvB,IAAA;cACFtB,iBAAA;gBAAA8C,IAAA,EACQ;gBAAAxB,IAAA,EACAuB,IAAA,CAAAvB,IAAA;gBAAAC,SAAA;gBAAAwB,UAAA,EAEM1B;cAAA,CACd;YAAA;UAAA;YAGFrB,iBAAA;cAAA8C,IAAA,EAA0B;cAAAxB,IAAA;cAAAC,SAAA;cAAAwB,UAAA,EAA+C1B;YAAA,CAAK;UAAA;QAAA;MAAA,CAGpF;IAAA;IACF3B,CAAA,MAAAO,kBAAA;IAAAP,CAAA,MAAAY,SAAA;IAAAZ,CAAA,MAAAa,GAAA;IAAAb,CAAA,MAAAgB,MAAA;IAAAhB,CAAA,MAAAc,IAAA,CAAAK,QAAA;IAAAnB,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EApDF,MAAAsD,oBAAA,GAA6BpC,EAqDuB;EAAA,IAAAE,EAAA;EAAA,IAAAM,EAAA;EAAA,IAAA1B,CAAA,QAAAsD,oBAAA,IAAAtD,CAAA,QAAAgB,MAAA;IAG1CI,EAAA,GAAAA,CAAA;MACHkC,oBAAA,CAAqBtC,MAAA,IAAUC,UAAA,CAAAsC,OAAA,KAAuBvC,MAAA;MAC3DC,UAAA,CAAAsC,OAAA,GAAqBvC,MAAA;IAAA;IACpBU,EAAA,IAACV,MAAA,EAAQsC,oBAAA;IAAqBtD,CAAA,MAAAsD,oBAAA;IAAAtD,CAAA,MAAAgB,MAAA;IAAAhB,CAAA,MAAAoB,EAAA;IAAApB,CAAA,OAAA0B,EAAA;EAAA;IAAAN,EAAA,GAAApB,CAAA;IAAA0B,EAAA,GAAA1B,CAAA;EAAA;EAHjCX,SAAA,CAAU+B,EAGV,EAAGM,EAA8B;EAAA,IAAAI,EAAA;EAAA,IAAA9B,CAAA,SAAAG,MAAA,CAAAC,GAAA;IAG/B0B,EAAA,GAAA0B,aAAA;MACElD,iBAAA;QAAA8C,IAAA,EAA0B;QAAAxB,IAAA,EAAiB4B;MAAA,CAAc;IAAA;IAC3DxD,CAAA,OAAA8B,EAAA;EAAA;IAAAA,EAAA,GAAA9B,CAAA;EAAA;EAHF,MAAAyD,gBAAA,GAAyB3B,EAIrB;EAAA,IAAA4B,EAAA;EAAA,IAAA1D,CAAA,SAAAK,SAAA,IAAAL,CAAA,SAAAC,QAAA;IAGGyD,EAAA,GAAAC,IAAA,CAAA9D,OAAA,CAAA+D,QAAA;MAAA5B,KAAA;QAAA3B,SAAA;QAAAoD;MAAA;MAAAxD;IAAA,C;;;;;;;SAAAyD,E;CACT;AAEA,OAAO,MAAMG,oBAAA,GAAuBA,CAAA;EAAA,OAA+BzE,UAAA,CAAAS,OAAW;AAAA","ignoreList":[]}

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

@@ -1,24 +1,18 @@
-import type { CellComponentProps, ClientField, MappedComponent } from 'payload';
+import type { ClientField } from 'payload';
 import React from 'react';
-export * from './TableCellProvider/index.js';
-import { TableCellProvider } from './TableCellProvider/index.js';
 import './index.scss';
-export { TableCellProvider };
 export type Column = {
-    readonly Label: React.ReactNode;
     readonly accessor: string;
     readonly active: boolean;
-    readonly cellProps?: Partial<CellComponentProps>;
-    readonly components: {
-        Cell: MappedComponent;
-        Heading: React.ReactNode;
-    };
+    readonly CustomLabel?: React.ReactNode;
+    readonly field: ClientField;
+    readonly Heading: React.ReactNode;
+    readonly renderedCells: React.ReactNode[];
 };
 export type Props = {
+    readonly appearance?: 'condensed' | 'default';
     readonly columns?: Column[];
-    readonly customCellContext?: Record<string, unknown>;
     readonly data: Record<string, unknown>[];
-    readonly fields: ClientField[];
 };
 export declare const Table: React.FC<Props>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,cAAc,8BAA8B,CAAA;AAI5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAI5B,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAA;IAChD,QAAQ,CAAC,UAAU,EAAE;QACnB,IAAI,EAAE,eAAe,CAAA;QACrB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KACzB,CAAA;CACF,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;IACxC,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmDjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAA;IAC3B,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACjC,QAAQ,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAC7C,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAA;CACzC,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0CjC,CAAA"}

package/dist/elements/Table/index.js

@@ -1,99 +1,47 @@
 'use client';
 
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export * from './TableCellProvider/index.js';
-import { RenderComponent } from '../../providers/Config/RenderComponent.js';
-import { useTableColumns } from '../TableColumns/index.js';
-import { TableCellProvider } from './TableCellProvider/index.js';
 import './index.scss';
-export { TableCellProvider };
 const baseClass = 'table';
-export const Table = t0 => {
-  const $ = _c(6);
-  const {
-    columns: columnsFromProps,
-    customCellContext,
-    data
-  } = t0;
-  const {
-    columns: columnsFromContext
-  } = useTableColumns();
-  const columns = columnsFromProps || columnsFromContext;
-  let t1;
-  let t2;
-  if ($[0] !== columns || $[1] !== data || $[2] !== customCellContext) {
-    t2 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const activeColumns = columns?.filter(_temp);
-      if (!activeColumns || activeColumns.length === 0) {
-        let t3;
-        if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-          t3 = _jsx("div", {
-            children: "No columns selected"
-          });
-          $[5] = t3;
-        } else {
-          t3 = $[5];
-        }
-        t2 = t3;
-        break bb0;
-      }
-      t1 = _jsx("div", {
-        className: baseClass,
-        children: _jsxs("table", {
-          cellPadding: "0",
-          cellSpacing: "0",
-          children: [_jsx("thead", {
-            children: _jsx("tr", {
-              children: activeColumns.map(_temp2)
-            })
-          }), _jsx("tbody", {
-            children: data && data.map((row, rowIndex) => _jsx("tr", {
-              className: `row-${rowIndex + 1}`,
-              children: activeColumns.map((col_1, colIndex) => _jsx("td", {
-                className: `cell-${col_1.accessor}`,
-                children: _jsx(TableCellProvider, {
-                  cellData: row[col_1.accessor],
-                  cellProps: col_1?.cellProps,
-                  columnIndex: colIndex,
-                  customCellContext,
-                  rowData: row,
-                  children: _jsx(RenderComponent, {
-                    clientProps: {
-                      ...col_1?.cellProps
-                    },
-                    mappedComponent: col_1.components.Cell
-                  })
-                })
-              }, colIndex))
-            }, rowIndex))
-          })]
-        })
-      });
-    }
-    $[0] = columns;
-    $[1] = data;
-    $[2] = customCellContext;
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t1 = $[3];
-    t2 = $[4];
-  }
-  if (t2 !== Symbol.for("react.early_return_sentinel")) {
-    return t2;
+export const Table = ({
+  appearance,
+  columns,
+  data
+}) => {
+  const activeColumns = columns?.filter(col => col?.active);
+  if (!activeColumns || activeColumns.length === 0) {
+    return /*#__PURE__*/_jsx("div", {
+      children: "No columns selected"
+    });
   }
-  return t1;
+  return /*#__PURE__*/_jsx("div", {
+    className: [baseClass, appearance && `${baseClass}--appearance-${appearance}`].filter(Boolean).join(' '),
+    children: /*#__PURE__*/_jsxs("table", {
+      cellPadding: "0",
+      cellSpacing: "0",
+      children: [/*#__PURE__*/_jsx("thead", {
+        children: /*#__PURE__*/_jsx("tr", {
+          children: activeColumns.map((col, i) => /*#__PURE__*/_jsx("th", {
+            id: `heading-${col.accessor}`,
+            children: col.Heading
+          }, i))
+        })
+      }), /*#__PURE__*/_jsx("tbody", {
+        children: data && data.map((row, rowIndex) => /*#__PURE__*/_jsx("tr", {
+          className: `row-${rowIndex + 1}`,
+          children: activeColumns.map((col, colIndex) => {
+            const {
+              accessor
+            } = col;
+            return /*#__PURE__*/_jsx("td", {
+              className: `cell-${accessor}`,
+              children: col.renderedCells[rowIndex]
+            }, colIndex);
+          })
+        }, rowIndex))
+      })]
+    })
+  });
 };
-function _temp(col) {
-  return col?.active;
-}
-function _temp2(col_0, i) {
-  return _jsx("th", {
-    id: `heading-${col_0.accessor}`,
-    children: col_0.components.Heading
-  }, i);
-}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","RenderComponent","useTableColumns","TableCellProvider","baseClass","Table","t0","$","columns","columnsFromProps","customCellContext","data","columnsFromContext","t1","t2","Symbol","for","activeColumns","filter","_temp","length","t3","_jsx","children","className","_jsxs","cellPadding","cellSpacing","map","_temp2","row","rowIndex","col_1","colIndex","col","accessor","cellData","cellProps","columnIndex","rowData","clientProps","mappedComponent","components","Cell","active","col_0","i","id","Heading"],"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, ClientField, MappedComponent } from 'payload'\n\nimport React from 'react'\n\nexport * from './TableCellProvider/index.js'\n\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTableColumns } from '../TableColumns/index.js'\nimport { TableCellProvider } from './TableCellProvider/index.js'\nimport './index.scss'\n\nexport { TableCellProvider }\n\nconst baseClass = 'table'\n\nexport type Column = {\n  readonly Label: React.ReactNode\n  readonly accessor: string\n  readonly active: boolean\n  readonly cellProps?: Partial<CellComponentProps>\n  readonly components: {\n    Cell: MappedComponent\n    Heading: React.ReactNode\n  }\n}\n\nexport type Props = {\n  readonly columns?: Column[]\n  readonly customCellContext?: Record<string, unknown>\n  readonly data: Record<string, unknown>[]\n  readonly fields: ClientField[]\n}\n\nexport const Table: React.FC<Props> = ({ columns: columnsFromProps, customCellContext, data }) => {\n  const { columns: columnsFromContext } = useTableColumns()\n\n  const columns = columnsFromProps || columnsFromContext\n\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div className={baseClass}>\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        <thead>\n          <tr>\n            {activeColumns.map((col, i) => (\n              <th id={`heading-${col.accessor}`} key={i}>\n                {col.components.Heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data &&\n            data.map((row, rowIndex) => (\n              <tr className={`row-${rowIndex + 1}`} key={rowIndex}>\n                {activeColumns.map((col, colIndex) => {\n                  return (\n                    <td className={`cell-${col.accessor}`} key={colIndex}>\n                      <TableCellProvider\n                        cellData={row[col.accessor]}\n                        cellProps={col?.cellProps}\n                        columnIndex={colIndex}\n                        customCellContext={customCellContext}\n                        rowData={row}\n                      >\n                        <RenderComponent\n                          clientProps={{ ...col?.cellProps }}\n                          mappedComponent={col.components.Cell}\n                        />\n                      </TableCellProvider>\n                    </td>\n                  )\n                })}\n              </tr>\n            ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,cAAc;AAEd,SAASC,eAAe,QAAQ;AAChC,SAASC,eAAe,QAAQ;AAChC,SAASC,iBAAiB,QAAQ;AAClC,OAAO;AAEP,SAASA,iBAAiB;AAE1B,MAAMC,SAAA,GAAY;AAoBlB,OAAO,MAAMC,KAAA,GAAyBC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,OAAA,EAAAC,gBAAA;IAAAC,iBAAA;IAAAC;EAAA,IAAAL,EAAsD;EAC3F;IAAAE,OAAA,EAAAI;EAAA,IAAwCV,eAAA;EAExC,MAAAM,OAAA,GAAgBC,gBAAA,IAAoBG,kBAAA;EAAA,IAAAC,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAG,iBAAA;IAK3BI,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;MAHT,MAAAC,aAAA,GAAsBT,OAAA,EAAAU,MAAA,CAAAC,KAAA;MAA8B,IAEhD,CAACF,aAAA,IAAiBA,aAAA,CAAAG,MAAA,MAAyB;QAAA,IAAAC,EAAA;QAAA,IAAAd,CAAA,QAAAQ,MAAA,CAAAC,GAAA;UACtCK,EAAA,GAAAC,IAAA,CAAC;YAAAC,QAAA,EAAI;UAAA,C;;;;;QAALT,EAAA,GAAAO,E;;;MAIPR,EAAA,GAAAS,IAAA,CAAC;QAAAE,SAAA,EAAApB,SAAA;QAAAmB,QAAA,EACCE,KAAA,CAAC;UAAAC,WAAA,EAAkB;UAAAC,WAAA,EAAgB;UAAAJ,QAAA,GACjCD,IAAA,CAAC;YAAAC,QAAA,EACCD,IAAA,CAAC;cAAAC,QAAA,EACEN,aAAA,CAAAW,GAAA,CAAAC,MACyC;YAAA,C;cAM9CP,IAAA,CAAC;YAAAC,QAAA,EACEZ,IAAA,IACCA,IAAA,CAAAiB,GAAA,EAAAE,GAAA,EAAAC,QAAA,KACET,IAAA,CAAC;cAAAE,SAAA,EAAc,OAAOO,QAAA,IAAW,EAAG;cAAAR,QAAA,EACjCN,aAAA,CAAAW,GAAA,EAAAI,KAAA,EAAAC,QAAA,KAEGX,IAAA,CAAC;gBAAAE,SAAA,EAAc,QAAQU,KAAA,CAAAC,QAAA,EAAc;gBAAAZ,QAAA,EACnCD,IAAA,CAAAnB,iBAAA;kBAAAiC,QAAA,EACYN,GAAG,CAACI,KAAA,CAAAC,QAAA;kBAAAE,SAAA,EACHH,KAAA,EAAAG,SAAA;kBAAAC,WAAA,EACEL,QAAA;kBAAAvB,iBAAA;kBAAA6B,OAAA,EAEJT,GAAA;kBAAAP,QAAA,EAETD,IAAA,CAAArB,eAAA;oBAAAuC,WAAA;sBAAA,GACoBN,KAAA,EAAAG;oBAAA;oBAAAI,eAAA,EACDP,KAAA,CAAAQ,UAAA,CAAAC;kBAAA,C;;iBAVqBV,QAAA,CAehD;YAAA,GAlByCF,QAAA;UAAA,C;;;;;;;;;;;;;;;;SAdrDlB,E;CAuCJ;AAnDsC,SAAAM,MAAAe,GAAA;EAAA,OAKWA,GAAA,EAAAU,MAAA;AAAA;AALX,SAAAf,OAAAgB,KAAA,EAAAC,CAAA;EAAA,OAiBxBxB,IAAA,CAAC;IAAAyB,EAAA,EAAO,WAAWb,KAAA,CAAAC,QAAA,EAAc;IAAAZ,QAAA,EAC9BW,KAAA,CAAAQ,UAAA,CAAAM;EAAA,GADqCF,CAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","baseClass","Table","appearance","columns","data","activeColumns","filter","col","active","length","_jsx","className","Boolean","join","_jsxs","cellPadding","cellSpacing","map","i","id","accessor","Heading","row","rowIndex","colIndex","renderedCells"],"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientField } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'table'\n\nexport type Column = {\n  readonly accessor: string\n  readonly active: boolean\n  readonly CustomLabel?: React.ReactNode\n  readonly field: ClientField\n  readonly Heading: React.ReactNode\n  readonly renderedCells: React.ReactNode[]\n}\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n}\n\nexport const Table: React.FC<Props> = ({ appearance, columns, data }) => {\n  const activeColumns = columns?.filter((col) => col?.active)\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        <thead>\n          <tr>\n            {activeColumns.map((col, i) => (\n              <th id={`heading-${col.accessor}`} key={i}>\n                {col.Heading}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data &&\n            data.map((row, rowIndex) => (\n              <tr className={`row-${rowIndex + 1}`} key={rowIndex}>\n                {activeColumns.map((col, colIndex) => {\n                  const { accessor } = col\n\n                  return (\n                    <td className={`cell-${accessor}`} key={colIndex}>\n                      {col.renderedCells[rowIndex]}\n                    </td>\n                  )\n                })}\n              </tr>\n            ))}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAiBlB,OAAO,MAAMC,KAAA,GAAyBA,CAAC;EAAEC,UAAU;EAAEC,OAAO;EAAEC;AAAI,CAAE;EAClE,MAAMC,aAAA,GAAgBF,OAAA,EAASG,MAAA,CAAQC,GAAA,IAAQA,GAAA,EAAKC,MAAA;EAEpD,IAAI,CAACH,aAAA,IAAiBA,aAAA,CAAcI,MAAM,KAAK,GAAG;IAChD,oBAAOC,IAAA,CAAC;gBAAI;;EACd;EAEA,oBACEA,IAAA,CAAC;IACCC,SAAA,EAAW,CAACX,SAAA,EAAWE,UAAA,IAAc,GAAGF,SAAA,gBAAyBE,UAAA,EAAY,CAAC,CAC3EI,MAAM,CAACM,OAAA,EACPC,IAAI,CAAC;cAER,aAAAC,KAAA,CAAC;MAAMC,WAAA,EAAY;MAAIC,WAAA,EAAY;8BACjCN,IAAA,CAAC;kBACC,aAAAA,IAAA,CAAC;oBACEL,aAAA,CAAcY,GAAG,CAAC,CAACV,GAAA,EAAKW,CAAA,kBACvBR,IAAA,CAAC;YAAGS,EAAA,EAAI,WAAWZ,GAAA,CAAIa,QAAQ,EAAE;sBAC9Bb,GAAA,CAAIc;aADiCH,CAAA;;uBAM9CR,IAAA,CAAC;kBACEN,IAAA,IACCA,IAAA,CAAKa,GAAG,CAAC,CAACK,GAAA,EAAKC,QAAA,kBACbb,IAAA,CAAC;UAAGC,SAAA,EAAW,OAAOY,QAAA,GAAW,GAAG;oBACjClB,aAAA,CAAcY,GAAG,CAAC,CAACV,GAAA,EAAKiB,QAAA;YACvB,MAAM;cAAEJ;YAAQ,CAAE,GAAGb,GAAA;YAErB,oBACEG,IAAA,CAAC;cAAGC,SAAA,EAAW,QAAQS,QAAA,EAAU;wBAC9Bb,GAAA,CAAIkB,aAAa,CAACF,QAAA;eADmBC,QAAA;UAI5C;WATyCD,QAAA;;;;AAgBzD","ignoreList":[]}