@payloadcms/ui 3.0.0-canary.294ea5c → 3.0.0-canary.3926e86

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

@@ -3,7 +3,7 @@
 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, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { useIntersect } from '../../../../../hooks/useIntersect.js';
 import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
@@ -17,31 +17,35 @@ const totalToShow = 3;
 export const RelationshipCell = t0 => {
   const $ = _c(40);
   const {
-    cellData,
-    customCellContext,
+    cellData: cellDataFromProps,
+    customCellProps: customCellContext,
     field,
     field: t1
   } = t0;
   const {
-    label,
-    relationTo
+    label
   } = t1;
+  const relationTo = "relationTo" in field && field.relationTo || "collection" in field && field.collection;
+  let t2;
+  t2 = "collection" in field ? cellDataFromProps?.docs : cellDataFromProps;
+  const cellData = t2;
   const {
-    config
+    config,
+    getEntityConfig
   } = useConfig();
   const {
     collections,
     routes
   } = config;
   const [intersectionRef, entry] = useIntersect();
-  let t2;
+  let t3;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = [];
-    $[0] = t2;
+    t3 = [];
+    $[0] = t3;
   } else {
-    t2 = $[0];
+    t3 = $[0];
   }
-  const [values, setValues] = useState(t2);
+  const [values, setValues] = useState(t3);
   const {
     documents,
     getRelationships
@@ -52,9 +56,9 @@ export const RelationshipCell = t0 => {
     t
   } = useTranslation();
   const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false;
-  let t3;
+  let t4;
   if ($[1] !== cellData || $[2] !== isAboveViewport || $[3] !== hasRequested || $[4] !== relationTo || $[5] !== getRelationships) {
-    t3 = () => {
+    t4 = () => {
       if ((cellData || typeof cellData === "number") && isAboveViewport && !hasRequested) {
         const formattedValues = [];
         const arrayCellData = Array.isArray(cellData) ? cellData : [cellData];
@@ -79,13 +83,13 @@ export const RelationshipCell = t0 => {
     $[3] = hasRequested;
     $[4] = relationTo;
     $[5] = getRelationships;
-    $[6] = t3;
+    $[6] = t4;
   } else {
-    t3 = $[6];
+    t4 = $[6];
   }
-  let t4;
+  let t5;
   if ($[7] !== cellData || $[8] !== relationTo || $[9] !== collections || $[10] !== isAboveViewport || $[11] !== routes.api || $[12] !== hasRequested || $[13] !== getRelationships) {
-    t4 = [cellData, relationTo, collections, isAboveViewport, routes.api, hasRequested, getRelationships];
+    t5 = [cellData, relationTo, collections, isAboveViewport, routes.api, hasRequested, getRelationships];
     $[7] = cellData;
     $[8] = relationTo;
     $[9] = collections;
@@ -93,47 +97,44 @@ export const RelationshipCell = t0 => {
     $[11] = routes.api;
     $[12] = hasRequested;
     $[13] = getRelationships;
-    $[14] = t4;
+    $[14] = t5;
   } else {
-    t4 = $[14];
+    t5 = $[14];
   }
-  useEffect(t3, t4);
-  let t5;
+  useEffect(t4, t5);
+  let t6;
   if ($[15] !== hasRequested) {
-    t5 = () => {
+    t6 = () => {
       if (hasRequested) {
         setHasRequested(false);
       }
     };
     $[15] = hasRequested;
-    $[16] = t5;
+    $[16] = t6;
   } else {
-    t5 = $[16];
+    t6 = $[16];
   }
-  let t6;
+  let t7;
   if ($[17] !== cellData) {
-    t6 = [cellData];
+    t7 = [cellData];
     $[17] = cellData;
-    $[18] = t6;
+    $[18] = t7;
   } else {
-    t6 = $[18];
+    t7 = $[18];
   }
-  useEffect(t5, t6);
-  let t7;
-  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) {
-    let t8;
-    if ($[31] !== documents || $[32] !== collections || $[33] !== config.admin.dateFormat || $[34] !== t || $[35] !== i18n || $[36] !== field || $[37] !== customCellContext || $[38] !== values.length) {
-      t8 = (t9, i) => {
+  useEffect(t6, t7);
+  let t8;
+  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] !== getEntityConfig || $[33] !== config.admin.dateFormat || $[34] !== t || $[35] !== i18n || $[36] !== field || $[37] !== customCellContext || $[38] !== values.length) {
+      t9 = (t10, i) => {
         const {
           relationTo: relationTo_0,
           value
-        } = t9;
+        } = t10;
         const document = documents[relationTo_0][value];
-        const relatedCollection = collections.find(t10 => {
-          const {
-            slug
-          } = t10;
-          return slug === relationTo_0;
+        const relatedCollection = getEntityConfig({
+          collectionSlug: relationTo_0
         });
         const label_0 = formatDocTitle({
           collectionConfig: relatedCollection,
@@ -149,7 +150,8 @@ export const RelationshipCell = t0 => {
           if (previewAllowed && document) {
             fileField = _jsx(FileCell, {
               cellData: label_0,
-              customCellContext,
+              collectionConfig: relatedCollection,
+              customCellProps: customCellContext,
               field,
               rowData: document
             });
@@ -160,21 +162,21 @@ export const RelationshipCell = t0 => {
         }, i);
       };
       $[31] = documents;
-      $[32] = collections;
+      $[32] = getEntityConfig;
       $[33] = config.admin.dateFormat;
       $[34] = t;
       $[35] = i18n;
       $[36] = field;
       $[37] = customCellContext;
       $[38] = values.length;
-      $[39] = t8;
+      $[39] = t9;
     } else {
-      t8 = $[39];
+      t9 = $[39];
     }
-    t7 = _jsxs("div", {
+    t8 = _jsxs("div", {
       className: baseClass,
       ref: intersectionRef,
-      children: [values.map(t8), Array.isArray(cellData) && cellData.length > totalToShow && t("fields:itemsAndMore", {
+      children: [values.map(t9), Array.isArray(cellData) && cellData.length > totalToShow && t("fields:itemsAndMore", {
         count: cellData.length - totalToShow,
         items: ""
       }), values.length === 0 && t("general:noLabel", {
@@ -182,7 +184,7 @@ export const RelationshipCell = t0 => {
       })]
     });
     $[19] = documents;
-    $[20] = collections;
+    $[20] = getEntityConfig;
     $[21] = config.admin.dateFormat;
     $[22] = t;
     $[23] = i18n;
@@ -192,10 +194,10 @@ export const RelationshipCell = t0 => {
     $[27] = cellData;
     $[28] = label;
     $[29] = intersectionRef;
-    $[30] = t7;
+    $[30] = t8;
   } else {
-    t7 = $[30];
+    t8 = $[30];
   }
-  return t7;
+  return t8;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useEffect","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","t0","$","cellData","customCellContext","field","t1","label","relationTo","config","collections","routes","intersectionRef","entry","t2","Symbol","for","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","t3","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","t4","api","t5","t6","t7","admin","dateFormat","t8","t9","i","relationTo_0","document","relatedCollection","find","t10","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 { DefaultCellComponentProps, RelationshipFieldClient, UploadFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport interface RelationshipCellProps\n  extends DefaultCellComponentProps<any, RelationshipFieldClient | UploadFieldClient> {}\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData,\n  customCellContext,\n  field,\n  field: { label, relationTo },\n}) => {\n  const { config } = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = collections.find(({ slug }) => slug === relationTo)\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const relatedCollectionPreview = !!relatedCollection.upload.displayPreview\n          const previewAllowed =\n            field.displayPreview || (relatedCollectionPreview && field.displayPreview !== false)\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                customCellContext={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"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/fields/Relationship/index.scss

@@ -1,3 +0,0 @@
-.relationship-cell {
-  min-width: 250px;
-}

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

@@ -1,10 +1,11 @@
 export declare const cellComponents: {
-    File: import("react").FC<import("./File/index.js").FileCellProps>;
     array: import("react").FC<import("./Array/index.js").ArrayCellProps>;
     blocks: import("react").FC<import("./Blocks/index.js").BlocksCellProps>;
     checkbox: import("react").FC<import("packages/payload/src/index.js").DefaultCellComponentProps<boolean, import("packages/payload/src/index.js").CheckboxFieldClient>>;
     code: import("react").FC<import("./Code/index.js").CodeCellProps>;
     date: import("react").FC<import("packages/payload/src/index.js").DefaultCellComponentProps<string | number | Date, import("packages/payload/src/index.js").DateFieldClient>>;
+    File: import("react").FC<import("./File/index.js").FileCellProps>;
+    join: import("react").FC<import("./Relationship/index.js").RelationshipCellProps>;
     json: import("react").FC<import("packages/payload/src/index.js").DefaultCellComponentProps<string, import("packages/payload/src/index.js").JSONFieldClient>>;
     radio: import("react").FC<import("./Select/index.js").SelectCellProps>;
     relationship: import("react").FC<import("./Relationship/index.js").RelationshipCellProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,cAAc;;;;;;;;;;;;;CAa1B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;CAc1B,CAAA"}

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

@@ -11,12 +11,13 @@ import { RelationshipCell } from './Relationship/index.js';
 import { SelectCell } from './Select/index.js';
 import { TextareaCell } from './Textarea/index.js';
 export const cellComponents = {
-  File: FileCell,
   array: ArrayCell,
   blocks: BlocksCell,
   checkbox: CheckboxCell,
   code: CodeCell,
   date: DateCell,
+  File: FileCell,
+  join: RelationshipCell,
   json: JSONCell,
   radio: SelectCell,
   relationship: RelationshipCell,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ArrayCell","BlocksCell","CheckboxCell","CodeCell","DateCell","FileCell","JSONCell","RelationshipCell","SelectCell","TextareaCell","cellComponents","File","array","blocks","checkbox","code","date","json","radio","relationship","select","textarea","upload"],"sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"sourcesContent":["'use client'\nimport { ArrayCell } from './Array/index.js'\nimport { BlocksCell } from './Blocks/index.js'\nimport { CheckboxCell } from './Checkbox/index.js'\nimport { CodeCell } from './Code/index.js'\nimport { DateCell } from './Date/index.js'\nimport { FileCell } from './File/index.js'\nimport { JSONCell } from './JSON/index.js'\nimport { RelationshipCell } from './Relationship/index.js'\nimport { SelectCell } from './Select/index.js'\nimport { TextareaCell } from './Textarea/index.js'\n\nexport const cellComponents = {\n  File: FileCell,\n  array: ArrayCell,\n  blocks: BlocksCell,\n  checkbox: CheckboxCell,\n  code: CodeCell,\n  date: DateCell,\n  json: JSONCell,\n  radio: SelectCell,\n  relationship: RelationshipCell,\n  select: SelectCell,\n  textarea: TextareaCell,\n  upload: RelationshipCell,\n}\n"],"mappings":"AAAA;;AACA,SAASA,SAAS,QAAQ;AAC1B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,cAAA,GAAiB;EAC5BC,IAAA,EAAMN,QAAA;EACNO,KAAA,EAAOZ,SAAA;EACPa,MAAA,EAAQZ,UAAA;EACRa,QAAA,EAAUZ,YAAA;EACVa,IAAA,EAAMZ,QAAA;EACNa,IAAA,EAAMZ,QAAA;EACNa,IAAA,EAAMX,QAAA;EACNY,KAAA,EAAOV,UAAA;EACPW,YAAA,EAAcZ,gBAAA;EACda,MAAA,EAAQZ,UAAA;EACRa,QAAA,EAAUZ,YAAA;EACVa,MAAA,EAAQf;AACV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ArrayCell","BlocksCell","CheckboxCell","CodeCell","DateCell","FileCell","JSONCell","RelationshipCell","SelectCell","TextareaCell","cellComponents","array","blocks","checkbox","code","date","File","join","json","radio","relationship","select","textarea","upload"],"sources":["../../../../../src/elements/Table/DefaultCell/fields/index.tsx"],"sourcesContent":["'use client'\nimport { ArrayCell } from './Array/index.js'\nimport { BlocksCell } from './Blocks/index.js'\nimport { CheckboxCell } from './Checkbox/index.js'\nimport { CodeCell } from './Code/index.js'\nimport { DateCell } from './Date/index.js'\nimport { FileCell } from './File/index.js'\nimport { JSONCell } from './JSON/index.js'\nimport { RelationshipCell } from './Relationship/index.js'\nimport { SelectCell } from './Select/index.js'\nimport { TextareaCell } from './Textarea/index.js'\n\nexport const cellComponents = {\n  array: ArrayCell,\n  blocks: BlocksCell,\n  checkbox: CheckboxCell,\n  code: CodeCell,\n  date: DateCell,\n  File: FileCell,\n  join: RelationshipCell,\n  json: JSONCell,\n  radio: SelectCell,\n  relationship: RelationshipCell,\n  select: SelectCell,\n  textarea: TextareaCell,\n  upload: RelationshipCell,\n}\n"],"mappings":"AAAA;;AACA,SAASA,SAAS,QAAQ;AAC1B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,QAAQ,QAAQ;AACzB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,cAAA,GAAiB;EAC5BC,KAAA,EAAOX,SAAA;EACPY,MAAA,EAAQX,UAAA;EACRY,QAAA,EAAUX,YAAA;EACVY,IAAA,EAAMX,QAAA;EACNY,IAAA,EAAMX,QAAA;EACNY,IAAA,EAAMX,QAAA;EACNY,IAAA,EAAMV,gBAAA;EACNW,IAAA,EAAMZ,QAAA;EACNa,KAAA,EAAOX,UAAA;EACPY,YAAA,EAAcb,gBAAA;EACdc,MAAA,EAAQb,UAAA;EACRc,QAAA,EAAUb,YAAA;EACVc,MAAA,EAAQhB;AACV","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,CA6HpD,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,119 +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(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