@payloadcms/ui 3.68.0-internal-debug.56c9b68 → 3.68.0-internal-debug.185cc5f

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getObjectDotNotation","React","useConfig","useTranslation","formatDate","DateCell","props","cellData","field","t0","rowData","name","accessor","admin","t1","timezone","timezoneFromField","date","undefined","config","t2","t3","dateFormat","dateFormatFromRoot","i18n","fieldPath","timezoneFieldName","Boolean","displayFormat","_jsx","children","pattern"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getObjectDotNotation } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<{ accessor?: string } & DateFieldClient>\n> = (props) => {\n  const {\n    cellData,\n    field: { name, accessor, admin: { date } = {}, timezone: timezoneFromField },\n    rowData,\n  } = props\n\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n  const { i18n } = useTranslation()\n\n  const fieldPath = accessor || name\n\n  const timezoneFieldName = `${fieldPath}_tz`\n  const timezone =\n    Boolean(timezoneFromField) && rowData\n      ? getObjectDotNotation(rowData, timezoneFieldName, undefined)\n      : undefined\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  return (\n    <span>\n      {Boolean(cellData) && formatDate({ date: cellData, i18n, pattern: dateFormat, timezone })}\n    </span>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,oBAAoB,QAAQ;AACrC,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAE3B,OAAO,MAAMC,QAAA,GAETC,KAAA;EACF;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC;EAAA,IAIIJ,KAAA;EAFK;IAAAK,IAAA;IAAAC,QAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IAAAP,EAAqE;EAA5C;IAAAQ;EAAA,IAAAH,EAAa,KAAAI,SAAA,QAAbJ,EAAa;EAI/C;IAAAK,MAAA,EAAAC;EAAA,IAIIlB,SAAA;EAHM;IAAAW,KAAA,EAAAQ;EAAA,IAAAD,EAEP;EADQ;IAAAE,UAAA,EAAAC;EAAA,IAAAF,EAAkC;EAG7C;IAAAG;EAAA,IAAiBrB,cAAA;EAEjB,MAAAsB,SAAA,GAAkBb,QAAA,IAAYD,IAAA;EAE9B,MAAAe,iBAAA,GAA0B,GAAGD,SAAA,KAAc;EAC3C,MAAAV,QAAA,GACEY,OAAA,CAAQX,iBAAA,KAAsBN,OAAA,GAC1BV,oBAAA,CAAqBU,OAAA,EAASgB,iBAAA,EAAAR,SAAmB,IAAAA,SACjD;EAEN,MAAAI,UAAA,GAAmBL,IAAA,EAAAW,aAAA,IAAuBL,kBAAA;EAAA,OAGxCM,IAAA,CAAC;IAAAC,QAAA,EACEH,OAAA,CAAQpB,QAAA,KAAaH,UAAA;MAAAa,IAAA,EAAmBV,QAAA;MAAAiB,IAAA;MAAAO,OAAA,EAAyBT,UAAA;MAAAP;IAAA,CAAqB;EAAA,C;CAG7F","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getObjectDotNotation } from 'payload/shared'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js'\n\nexport const DateCell: React.FC<\n  DefaultCellComponentProps<{ accessor?: string } & DateFieldClient>\n> = (props) => {\n  const {\n    cellData,\n    field: { name, accessor, admin: { date } = {}, timezone: timezoneFromField },\n    rowData,\n  } = props\n\n  const {\n    config: {\n      admin: { dateFormat: dateFormatFromRoot },\n    },\n  } = useConfig()\n  const { i18n } = useTranslation()\n\n  const fieldPath = accessor || name\n\n  const timezoneFieldName = `${fieldPath}_tz`\n  const timezone =\n    Boolean(timezoneFromField) && rowData\n      ? getObjectDotNotation(rowData, timezoneFieldName, undefined)\n      : undefined\n\n  const dateFormat = date?.displayFormat || dateFormatFromRoot\n\n  return (\n    <span>\n      {Boolean(cellData) && formatDate({ date: cellData, i18n, pattern: dateFormat, timezone })}\n    </span>\n  )\n}\n"],"names":["getObjectDotNotation","React","useConfig","useTranslation","formatDate","DateCell","props","cellData","field","name","accessor","admin","date","timezone","timezoneFromField","rowData","config","dateFormat","dateFormatFromRoot","i18n","fieldPath","timezoneFieldName","Boolean","undefined","displayFormat","span","pattern"],"mappings":"AAAA;;AAGA,SAASA,oBAAoB,QAAQ,iBAAgB;AACrD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,SAASC,UAAU,QAAQ,6DAA4D;AAEvF,OAAO,MAAMC,WAET,CAACC;IACH,MAAM,EACJC,QAAQ,EACRC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAEC,UAAUC,iBAAiB,EAAE,EAC5EC,OAAO,EACR,GAAGT;IAEJ,MAAM,EACJU,QAAQ,EACNL,OAAO,EAAEM,YAAYC,kBAAkB,EAAE,EAC1C,EACF,GAAGhB;IACJ,MAAM,EAAEiB,IAAI,EAAE,GAAGhB;IAEjB,MAAMiB,YAAYV,YAAYD;IAE9B,MAAMY,oBAAoB,GAAGD,UAAU,GAAG,CAAC;IAC3C,MAAMP,WACJS,QAAQR,sBAAsBC,UAC1Bf,qBAAqBe,SAASM,mBAAmBE,aACjDA;IAEN,MAAMN,aAAaL,MAAMY,iBAAiBN;IAE1C,qBACE,KAACO;kBACEH,QAAQf,aAAaH,WAAW;YAAEQ,MAAML;YAAUY;YAAMO,SAAST;YAAYJ;QAAS;;AAG7F,EAAC"}

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

@@ -1,51 +1,49 @@
 'use client';
-
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getBestFitFromSizes, isImage } from 'payload/shared';
 import React from 'react';
 import './index.scss';
 import { Thumbnail } from '../../../../Thumbnail/index.js';
 const baseClass = 'file';
-export const FileCell = ({
-  cellData: filename,
-  collectionConfig,
-  field,
-  rowData
-}) => {
-  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined;
-  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true;
-  if (previewAllowed) {
-    const isFileImage = isImage(rowData?.mimeType);
-    let fileSrc = isFileImage ? rowData?.thumbnailURL || rowData?.url : rowData?.thumbnailURL;
-    if (isFileImage) {
-      fileSrc = getBestFitFromSizes({
-        sizes: rowData?.sizes,
-        thumbnailURL: rowData?.thumbnailURL,
-        url: rowData?.url,
-        width: rowData?.width
-      });
+export const FileCell = ({ cellData: filename, collectionConfig, field, rowData })=>{
+    const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined;
+    const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true;
+    if (previewAllowed) {
+        const isFileImage = isImage(rowData?.mimeType);
+        let fileSrc = isFileImage ? rowData?.thumbnailURL || rowData?.url : rowData?.thumbnailURL;
+        if (isFileImage) {
+            fileSrc = getBestFitFromSizes({
+                sizes: rowData?.sizes,
+                thumbnailURL: rowData?.thumbnailURL,
+                url: rowData?.url,
+                width: rowData?.width
+            });
+        }
+        return /*#__PURE__*/ _jsxs("div", {
+            className: baseClass,
+            children: [
+                /*#__PURE__*/ _jsx(Thumbnail, {
+                    className: `${baseClass}__thumbnail`,
+                    collectionSlug: collectionConfig?.slug,
+                    doc: {
+                        ...rowData,
+                        filename
+                    },
+                    fileSrc: fileSrc,
+                    size: "small",
+                    uploadConfig: collectionConfig?.upload
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    className: `${baseClass}__filename`,
+                    children: String(filename)
+                })
+            ]
+        });
+    } else {
+        return /*#__PURE__*/ _jsx(_Fragment, {
+            children: String(filename)
+        });
     }
-    return /*#__PURE__*/_jsxs("div", {
-      className: baseClass,
-      children: [/*#__PURE__*/_jsx(Thumbnail, {
-        className: `${baseClass}__thumbnail`,
-        collectionSlug: collectionConfig?.slug,
-        doc: {
-          ...rowData,
-          filename
-        },
-        fileSrc: fileSrc,
-        size: "small",
-        uploadConfig: collectionConfig?.upload
-      }), /*#__PURE__*/_jsx("span", {
-        className: `${baseClass}__filename`,
-        children: String(filename)
-      })]
-    });
-  } else {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: String(filename)
-    });
-  }
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getBestFitFromSizes","isImage","React","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","isFileImage","mimeType","fileSrc","thumbnailURL","url","sizes","width","_jsxs","className","_jsx","collectionSlug","slug","doc","size","uploadConfig","String","_Fragment"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps\n  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    const isFileImage = isImage(rowData?.mimeType)\n    let fileSrc: string | undefined = isFileImage\n      ? rowData?.thumbnailURL || rowData?.url\n      : rowData?.thumbnailURL\n\n    if (isFileImage) {\n      fileSrc = getBestFitFromSizes({\n        sizes: rowData?.sizes,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          size=\"small\"\n          uploadConfig={collectionConfig?.upload}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"mappings":"AAAA;;;AAQA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ;AAC7C,OAAOC,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,SAAS,QAAQ;AAE1B,MAAMC,SAAA,GAAY;AAOlB,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAChDC,QAAA,EAAUC,QAAQ;EAClBC,gBAAgB;EAChBC,KAAK;EACLC;AAAO,CACR;EACC,MAAMC,mBAAA,GAAsB,oBAAoBF,KAAA,GAAQA,KAAA,CAAMG,cAAc,GAAGC,SAAA;EAC/E,MAAMC,cAAA,GAAiBH,mBAAA,IAAuBH,gBAAA,CAAiBO,MAAM,EAAEH,cAAA,IAAkB;EAEzF,IAAIE,cAAA,EAAgB;IAClB,MAAME,WAAA,GAAcf,OAAA,CAAQS,OAAA,EAASO,QAAA;IACrC,IAAIC,OAAA,GAA8BF,WAAA,GAC9BN,OAAA,EAASS,YAAA,IAAgBT,OAAA,EAASU,GAAA,GAClCV,OAAA,EAASS,YAAA;IAEb,IAAIH,WAAA,EAAa;MACfE,OAAA,GAAUlB,mBAAA,CAAoB;QAC5BqB,KAAA,EAAOX,OAAA,EAASW,KAAA;QAChBF,YAAA,EAAcT,OAAA,EAASS,YAAA;QACvBC,GAAA,EAAKV,OAAA,EAASU,GAAA;QACdE,KAAA,EAAOZ,OAAA,EAASY;MAClB;IACF;IAEA,oBACEC,KAAA,CAAC;MAAIC,SAAA,EAAWpB,SAAA;8BACdqB,IAAA,CAACtB,SAAA;QACCqB,SAAA,EAAW,GAAGpB,SAAA,aAAsB;QACpCsB,cAAA,EAAgBlB,gBAAA,EAAkBmB,IAAA;QAClCC,GAAA,EAAK;UACH,GAAGlB,OAAO;UACVH;QACF;QACAW,OAAA,EAASA,OAAA;QACTW,IAAA,EAAK;QACLC,YAAA,EAActB,gBAAA,EAAkBO;uBAElCU,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGpB,SAAA,YAAqB;kBAAG2B,MAAA,CAAOxB,QAAA;;;EAGzD,OAAO;IACL,oBAAOkB,IAAA,CAAAO,SAAA;gBAAGD,MAAA,CAAOxB,QAAA;;EACnB;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  ClientCollectionConfig,\n  DefaultCellComponentProps,\n  TextFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getBestFitFromSizes, isImage } from 'payload/shared'\nimport React from 'react'\n\nimport './index.scss'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps\n  extends DefaultCellComponentProps<TextFieldClient | UploadFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n}\n\nexport const FileCell: React.FC<FileCellProps> = ({\n  cellData: filename,\n  collectionConfig,\n  field,\n  rowData,\n}) => {\n  const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n  const previewAllowed = fieldPreviewAllowed ?? collectionConfig.upload?.displayPreview ?? true\n\n  if (previewAllowed) {\n    const isFileImage = isImage(rowData?.mimeType)\n    let fileSrc: string | undefined = isFileImage\n      ? rowData?.thumbnailURL || rowData?.url\n      : rowData?.thumbnailURL\n\n    if (isFileImage) {\n      fileSrc = getBestFitFromSizes({\n        sizes: rowData?.sizes,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    return (\n      <div className={baseClass}>\n        <Thumbnail\n          className={`${baseClass}__thumbnail`}\n          collectionSlug={collectionConfig?.slug}\n          doc={{\n            ...rowData,\n            filename,\n          }}\n          fileSrc={fileSrc}\n          size=\"small\"\n          uploadConfig={collectionConfig?.upload}\n        />\n        <span className={`${baseClass}__filename`}>{String(filename)}</span>\n      </div>\n    )\n  } else {\n    return <>{String(filename)}</>\n  }\n}\n"],"names":["getBestFitFromSizes","isImage","React","Thumbnail","baseClass","FileCell","cellData","filename","collectionConfig","field","rowData","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","isFileImage","mimeType","fileSrc","thumbnailURL","url","sizes","width","div","className","collectionSlug","slug","doc","size","uploadConfig","span","String"],"mappings":"AAAA;;AAQA,SAASA,mBAAmB,EAAEC,OAAO,QAAQ,iBAAgB;AAC7D,OAAOC,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,SAAS,QAAQ,iCAAgC;AAE1D,MAAMC,YAAY;AAOlB,OAAO,MAAMC,WAAoC,CAAC,EAChDC,UAAUC,QAAQ,EAClBC,gBAAgB,EAChBC,KAAK,EACLC,OAAO,EACR;IACC,MAAMC,sBAAsB,oBAAoBF,QAAQA,MAAMG,cAAc,GAAGC;IAC/E,MAAMC,iBAAiBH,uBAAuBH,iBAAiBO,MAAM,EAAEH,kBAAkB;IAEzF,IAAIE,gBAAgB;QAClB,MAAME,cAAcf,QAAQS,SAASO;QACrC,IAAIC,UAA8BF,cAC9BN,SAASS,gBAAgBT,SAASU,MAClCV,SAASS;QAEb,IAAIH,aAAa;YACfE,UAAUlB,oBAAoB;gBAC5BqB,OAAOX,SAASW;gBAChBF,cAAcT,SAASS;gBACvBC,KAAKV,SAASU;gBACdE,OAAOZ,SAASY;YAClB;QACF;QAEA,qBACE,MAACC;YAAIC,WAAWpB;;8BACd,KAACD;oBACCqB,WAAW,GAAGpB,UAAU,WAAW,CAAC;oBACpCqB,gBAAgBjB,kBAAkBkB;oBAClCC,KAAK;wBACH,GAAGjB,OAAO;wBACVH;oBACF;oBACAW,SAASA;oBACTU,MAAK;oBACLC,cAAcrB,kBAAkBO;;8BAElC,KAACe;oBAAKN,WAAW,GAAGpB,UAAU,UAAU,CAAC;8BAAG2B,OAAOxB;;;;IAGzD,OAAO;QACL,qBAAO;sBAAGwB,OAAOxB;;IACnB;AACF,EAAC"}

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

@@ -1,17 +1,15 @@
 'use client';
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const JSONCell = ({
-  cellData
-}) => {
-  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
-  return /*#__PURE__*/_jsx("code", {
-    className: "json-cell",
-    children: /*#__PURE__*/_jsx("span", {
-      children: JSON.stringify(textToShow)
-    })
-  });
+export const JSONCell = ({ cellData })=>{
+    const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
+    return /*#__PURE__*/ _jsx("code", {
+        className: "json-cell",
+        children: /*#__PURE__*/ _jsx("span", {
+            children: JSON.stringify(textToShow)
+        })
+    });
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","JSONCell","cellData","textToShow","length","substring","_jsx","className","JSON","stringify"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, JSONFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<JSONFieldClient>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAiEA,CAAC;EAAEC;AAAQ,CAAE;EACzF,MAAMC,UAAA,GAAaD,QAAA,EAAUE,MAAA,GAAS,MAAM,GAAGF,QAAA,CAASG,SAAS,CAAC,GAAG,YAAY,GAAGH,QAAA;EAEpF,oBACEI,IAAA,CAAC;IAAKC,SAAA,EAAU;cACd,aAAAD,IAAA,CAAC;gBAAME,IAAA,CAAKC,SAAS,CAACN,UAAA;;;AAG5B","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/JSON/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, JSONFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport const JSONCell: React.FC<DefaultCellComponentProps<JSONFieldClient>> = ({ cellData }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  return (\n    <code className=\"json-cell\">\n      <span>{JSON.stringify(textToShow)}</span>\n    </code>\n  )\n}\n"],"names":["React","JSONCell","cellData","textToShow","length","substring","code","className","span","JSON","stringify"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAiE,CAAC,EAAEC,QAAQ,EAAE;IACzF,MAAMC,aAAaD,UAAUE,SAAS,MAAM,GAAGF,SAASG,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGH;IAEpF,qBACE,KAACI;QAAKC,WAAU;kBACd,cAAA,KAACC;sBAAMC,KAAKC,SAAS,CAACP;;;AAG5B,EAAC"}

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

@@ -1,6 +1,4 @@
 'use client';
-
-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, useMemo, useState } from 'react';
@@ -14,189 +12,110 @@ import { FileCell } from '../File/index.js';
 import './index.scss';
 const baseClass = 'relationship-cell';
 const totalToShow = 3;
-export const RelationshipCell = t0 => {
-  const $ = _c(40);
-  const {
-    cellData: cellDataFromProps,
-    customCellProps: customCellContext,
-    field,
-    field: t1
-  } = t0;
-  const {
-    label
-  } = t1;
-  const relationTo = "relationTo" in field && field.relationTo || "collection" in field && field.collection;
-  const cellData = "collection" in field ? cellDataFromProps?.docs : cellDataFromProps;
-  const {
-    config,
-    getEntityConfig
-  } = useConfig();
-  const {
-    collections,
-    routes
-  } = config;
-  const [intersectionRef, entry] = useIntersect();
-  let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = [];
-    $[0] = t2;
-  } else {
-    t2 = $[0];
-  }
-  const [values, setValues] = useState(t2);
-  const {
-    documents,
-    getRelationships
-  } = useListRelationships();
-  const [hasRequested, setHasRequested] = useState(false);
-  const {
-    i18n,
-    t
-  } = useTranslation();
-  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false;
-  let t3;
-  if ($[1] !== cellData || $[2] !== getRelationships || $[3] !== hasRequested || $[4] !== isAboveViewport || $[5] !== relationTo) {
-    t3 = () => {
-      if ((cellData || typeof cellData === "number") && isAboveViewport && !hasRequested) {
-        const formattedValues = [];
-        const arrayCellData = Array.isArray(cellData) ? cellData : [cellData];
-        arrayCellData.slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow).forEach(cell => {
-          if (typeof cell === "object" && "relationTo" in cell && "value" in cell) {
-            formattedValues.push(cell);
-          }
-          if ((typeof cell === "number" || typeof cell === "string") && typeof relationTo === "string") {
-            formattedValues.push({
-              relationTo,
-              value: cell
-            });
-          }
-        });
-        getRelationships(formattedValues);
-        setHasRequested(true);
-        setValues(formattedValues);
-      }
-    };
-    $[1] = cellData;
-    $[2] = getRelationships;
-    $[3] = hasRequested;
-    $[4] = isAboveViewport;
-    $[5] = relationTo;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== cellData || $[8] !== collections || $[9] !== getRelationships || $[10] !== hasRequested || $[11] !== isAboveViewport || $[12] !== relationTo || $[13] !== routes.api) {
-    t4 = [cellData, relationTo, collections, isAboveViewport, routes.api, hasRequested, getRelationships];
-    $[7] = cellData;
-    $[8] = collections;
-    $[9] = getRelationships;
-    $[10] = hasRequested;
-    $[11] = isAboveViewport;
-    $[12] = relationTo;
-    $[13] = routes.api;
-    $[14] = t4;
-  } else {
-    t4 = $[14];
-  }
-  useEffect(t3, t4);
-  let t5;
-  if ($[15] !== hasRequested) {
-    t5 = () => {
-      if (hasRequested) {
-        setHasRequested(false);
-      }
-    };
-    $[15] = hasRequested;
-    $[16] = t5;
-  } else {
-    t5 = $[16];
-  }
-  let t6;
-  if ($[17] !== cellData) {
-    t6 = [cellData];
-    $[17] = cellData;
-    $[18] = t6;
-  } else {
-    t6 = $[18];
-  }
-  useEffect(t5, t6);
-  let t7;
-  if ($[19] !== cellData || $[20] !== config.admin || $[21] !== customCellContext || $[22] !== documents || $[23] !== field || $[24] !== getEntityConfig || $[25] !== i18n || $[26] !== intersectionRef || $[27] !== label || $[28] !== t || $[29] !== values) {
-    let t8;
-    if ($[31] !== config.admin || $[32] !== customCellContext || $[33] !== documents || $[34] !== field || $[35] !== getEntityConfig || $[36] !== i18n || $[37] !== t || $[38] !== values.length) {
-      t8 = (t9, i) => {
-        const {
-          relationTo: relationTo_0,
-          value
-        } = t9;
-        const document = documents[relationTo_0][value];
-        const relatedCollection = getEntityConfig({
-          collectionSlug: relationTo_0
-        });
-        const label_0 = formatDocTitle({
-          collectionConfig: relatedCollection,
-          data: document || null,
-          dateFormat: config.admin.dateFormat,
-          fallback: `${t("general:untitled")} - ID: ${value}`,
-          i18n
-        });
-        let fileField = null;
-        if (field.type === "upload") {
-          const fieldPreviewAllowed = "displayPreview" in field ? field.displayPreview : undefined;
-          const previewAllowed = fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true;
-          if (previewAllowed && document) {
-            fileField = _jsx(FileCell, {
-              cellData: label_0,
-              collectionConfig: relatedCollection,
-              collectionSlug: relatedCollection.slug,
-              customCellProps: customCellContext,
-              field,
-              rowData: document
+export const RelationshipCell = ({ cellData: cellDataFromProps, customCellProps: customCellContext, field, field: { label } })=>{
+    // conditionally extract relationTo both both relationship and join fields
+    const relationTo = 'relationTo' in field && field.relationTo || 'collection' in field && field.collection;
+    // conditionally extract docs from join fields
+    const cellData = useMemo(()=>{
+        return 'collection' in field ? cellDataFromProps?.docs : cellDataFromProps;
+    }, [
+        cellDataFromProps,
+        field
+    ]);
+    const { config, getEntityConfig } = useConfig();
+    const { collections, routes } = config;
+    const [intersectionRef, entry] = useIntersect();
+    const [values, setValues] = useState([]);
+    const { documents, getRelationships } = useListRelationships();
+    const [hasRequested, setHasRequested] = useState(false);
+    const { i18n, t } = useTranslation();
+    const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false;
+    useEffect(()=>{
+        if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {
+            const formattedValues = [];
+            const arrayCellData = Array.isArray(cellData) ? cellData : [
+                cellData
+            ];
+            arrayCellData.slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow).forEach((cell)=>{
+                if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {
+                    formattedValues.push(cell);
+                }
+                if ((typeof cell === 'number' || typeof cell === 'string') && typeof relationTo === 'string') {
+                    formattedValues.push({
+                        relationTo,
+                        value: cell
+                    });
+                }
             });
-          }
+            getRelationships(formattedValues);
+            setHasRequested(true);
+            setValues(formattedValues);
         }
-        return _jsxs(React.Fragment, {
-          children: [document === false && `${t("general:untitled")} - ID: ${value}`, document === null && `${t("general:loading")}...`, document ? fileField || label_0 : null, values.length > i + 1 && ", "]
-        }, i);
-      };
-      $[31] = config.admin;
-      $[32] = customCellContext;
-      $[33] = documents;
-      $[34] = field;
-      $[35] = getEntityConfig;
-      $[36] = i18n;
-      $[37] = t;
-      $[38] = values.length;
-      $[39] = t8;
-    } else {
-      t8 = $[39];
-    }
-    t7 = _jsxs("div", {
-      className: baseClass,
-      ref: intersectionRef,
-      children: [values.map(t8), Array.isArray(cellData) && cellData.length > totalToShow && t("fields:itemsAndMore", {
-        count: cellData.length - totalToShow,
-        items: ""
-      }), values.length === 0 && t("general:noLabel", {
-        label: getTranslation(label || "", i18n)
-      })]
+    }, [
+        cellData,
+        relationTo,
+        collections,
+        isAboveViewport,
+        routes.api,
+        hasRequested,
+        getRelationships
+    ]);
+    useEffect(()=>{
+        if (hasRequested) {
+            setHasRequested(false);
+        }
+    }, [
+        cellData
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        className: baseClass,
+        ref: intersectionRef,
+        children: [
+            values.map(({ relationTo, value }, i)=>{
+                const document = documents[relationTo][value];
+                const relatedCollection = getEntityConfig({
+                    collectionSlug: relationTo
+                });
+                const label = formatDocTitle({
+                    collectionConfig: relatedCollection,
+                    data: document || null,
+                    dateFormat: config.admin.dateFormat,
+                    fallback: `${t('general:untitled')} - ID: ${value}`,
+                    i18n
+                });
+                let fileField = null;
+                if (field.type === 'upload') {
+                    const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined;
+                    const previewAllowed = fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true;
+                    if (previewAllowed && document) {
+                        fileField = /*#__PURE__*/ _jsx(FileCell, {
+                            cellData: label,
+                            collectionConfig: relatedCollection,
+                            collectionSlug: relatedCollection.slug,
+                            customCellProps: customCellContext,
+                            field: field,
+                            rowData: document
+                        });
+                    }
+                }
+                return /*#__PURE__*/ _jsxs(React.Fragment, {
+                    children: [
+                        document === false && `${t('general:untitled')} - ID: ${value}`,
+                        document === null && `${t('general:loading')}...`,
+                        document ? fileField || label : null,
+                        values.length > i + 1 && ', '
+                    ]
+                }, i);
+            }),
+            Array.isArray(cellData) && cellData.length > totalToShow && t('fields:itemsAndMore', {
+                count: cellData.length - totalToShow,
+                items: ''
+            }),
+            values.length === 0 && t('general:noLabel', {
+                label: getTranslation(label || '', i18n)
+            })
+        ]
     });
-    $[19] = cellData;
-    $[20] = config.admin;
-    $[21] = customCellContext;
-    $[22] = documents;
-    $[23] = field;
-    $[24] = getEntityConfig;
-    $[25] = i18n;
-    $[26] = intersectionRef;
-    $[27] = label;
-    $[28] = t;
-    $[29] = values;
-    $[30] = t7;
-  } else {
-    t7 = $[30];
-  }
-  return t7;
 };
+
 //# 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","useMemo","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","t0","$","cellData","cellDataFromProps","customCellProps","customCellContext","field","t1","label","relationTo","collection","docs","config","getEntityConfig","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","t8","t9","i","relationTo_0","document","relatedCollection","collectionSlug","label_0","collectionConfig","data","dateFormat","fallback","fileField","type","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","slug","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/index.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport type RelationshipCellProps = DefaultCellComponentProps<\n  JoinFieldClient | RelationshipFieldClient | UploadFieldClient\n>\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData: cellDataFromProps,\n  customCellProps: customCellContext,\n  field,\n  field: { label },\n}) => {\n  // conditionally extract relationTo both both relationship and join fields\n  const relationTo =\n    ('relationTo' in field && field.relationTo) || ('collection' in field && field.collection)\n\n  // conditionally extract docs from join fields\n  const cellData = useMemo(() => {\n    return 'collection' in field ? cellDataFromProps?.docs : cellDataFromProps\n  }, [cellDataFromProps, field])\n\n  const { config, getEntityConfig } = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = getEntityConfig({\n          collectionSlug: relationTo,\n        })\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n          const previewAllowed =\n            fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                collectionConfig={relatedCollection}\n                collectionSlug={relatedCollection.slug}\n                customCellProps={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Relationship/index.tsx"],"sourcesContent":["'use client'\nimport type {\n  DefaultCellComponentProps,\n  JoinFieldClient,\n  RelationshipFieldClient,\n  UploadFieldClient,\n} from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useEffect, useMemo, useState } from 'react'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport { FileCell } from '../File/index.js'\nimport './index.scss'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'relationship-cell'\nconst totalToShow = 3\n\nexport type RelationshipCellProps = DefaultCellComponentProps<\n  JoinFieldClient | RelationshipFieldClient | UploadFieldClient\n>\n\nexport const RelationshipCell: React.FC<RelationshipCellProps> = ({\n  cellData: cellDataFromProps,\n  customCellProps: customCellContext,\n  field,\n  field: { label },\n}) => {\n  // conditionally extract relationTo both both relationship and join fields\n  const relationTo =\n    ('relationTo' in field && field.relationTo) || ('collection' in field && field.collection)\n\n  // conditionally extract docs from join fields\n  const cellData = useMemo(() => {\n    return 'collection' in field ? cellDataFromProps?.docs : cellDataFromProps\n  }, [cellDataFromProps, field])\n\n  const { config, getEntityConfig } = useConfig()\n  const { collections, routes } = config\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const [hasRequested, setHasRequested] = useState(false)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  useEffect(() => {\n    if ((cellData || typeof cellData === 'number') && isAboveViewport && !hasRequested) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellData) ? cellData : [cellData]\n      arrayCellData\n        .slice(0, arrayCellData.length < totalToShow ? arrayCellData.length : totalToShow)\n        .forEach((cell) => {\n          if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n            formattedValues.push(cell)\n          }\n          if (\n            (typeof cell === 'number' || typeof cell === 'string') &&\n            typeof relationTo === 'string'\n          ) {\n            formattedValues.push({\n              relationTo,\n              value: cell,\n            })\n          }\n        })\n      getRelationships(formattedValues)\n      setHasRequested(true)\n      setValues(formattedValues)\n    }\n  }, [\n    cellData,\n    relationTo,\n    collections,\n    isAboveViewport,\n    routes.api,\n    hasRequested,\n    getRelationships,\n  ])\n\n  useEffect(() => {\n    if (hasRequested) {\n      setHasRequested(false)\n    }\n  }, [cellData])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      {values.map(({ relationTo, value }, i) => {\n        const document = documents[relationTo][value]\n        const relatedCollection = getEntityConfig({\n          collectionSlug: relationTo,\n        })\n\n        const label = formatDocTitle({\n          collectionConfig: relatedCollection,\n          data: document || null,\n          dateFormat: config.admin.dateFormat,\n          fallback: `${t('general:untitled')} - ID: ${value}`,\n          i18n,\n        })\n\n        let fileField = null\n\n        if (field.type === 'upload') {\n          const fieldPreviewAllowed = 'displayPreview' in field ? field.displayPreview : undefined\n          const previewAllowed =\n            fieldPreviewAllowed ?? relatedCollection.upload?.displayPreview ?? true\n\n          if (previewAllowed && document) {\n            fileField = (\n              <FileCell\n                cellData={label}\n                collectionConfig={relatedCollection}\n                collectionSlug={relatedCollection.slug}\n                customCellProps={customCellContext}\n                field={field}\n                rowData={document}\n              />\n            )\n          }\n        }\n\n        return (\n          <React.Fragment key={i}>\n            {document === false && `${t('general:untitled')} - ID: ${value}`}\n            {document === null && `${t('general:loading')}...`}\n            {document ? fileField || label : null}\n            {values.length > i + 1 && ', '}\n          </React.Fragment>\n        )\n      })}\n      {Array.isArray(cellData) &&\n        cellData.length > totalToShow &&\n        t('fields:itemsAndMore', { count: cellData.length - totalToShow, items: '' })}\n      {values.length === 0 && t('general:noLabel', { label: getTranslation(label || '', i18n) })}\n    </div>\n  )\n}\n"],"names":["getTranslation","React","useEffect","useMemo","useState","useIntersect","useConfig","useTranslation","canUseDOM","formatDocTitle","useListRelationships","FileCell","baseClass","totalToShow","RelationshipCell","cellData","cellDataFromProps","customCellProps","customCellContext","field","label","relationTo","collection","docs","config","getEntityConfig","collections","routes","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequested","setHasRequested","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","formattedValues","arrayCellData","Array","isArray","slice","length","forEach","cell","push","value","api","div","className","ref","map","i","document","relatedCollection","collectionSlug","collectionConfig","data","dateFormat","admin","fallback","fileField","type","fieldPreviewAllowed","displayPreview","undefined","previewAllowed","upload","slug","rowData","Fragment","count","items"],"mappings":"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"}

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

@@ -1,54 +1,28 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { optionsAreObjects } from 'payload/shared';
 import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
-export const SelectCell = t0 => {
-  const $ = _c(7);
-  const {
-    cellData,
-    field: t1
-  } = t0;
-  const {
-    options
-  } = t1;
-  const {
-    i18n
-  } = useTranslation();
-  let t2;
-  if ($[0] !== i18n || $[1] !== options) {
-    t2 = items => items.map(i => {
-      const found = options.filter(f => f.value === i)?.[0]?.label;
-      return getTranslation(found, i18n);
-    }).join(", ");
-    $[0] = i18n;
-    $[1] = options;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const findLabel = t2;
-  let t3;
-  if ($[3] !== cellData || $[4] !== findLabel || $[5] !== options) {
-    let content;
+export const SelectCell = ({ cellData, field: { options } })=>{
+    const { i18n } = useTranslation();
+    const findLabel = (items)=>items.map((i)=>{
+            const found = options.filter((f)=>f.value === i)?.[0]?.label;
+            return getTranslation(found, i18n);
+        }).join(', ');
+    let content = '';
     if (optionsAreObjects(options)) {
-      content = Array.isArray(cellData) ? findLabel(cellData) : findLabel([cellData]);
+        content = Array.isArray(cellData) ? findLabel(cellData) : // hasMany
+        findLabel([
+            cellData
+        ]);
     } else {
-      content = Array.isArray(cellData) ? cellData.join(", ") : cellData;
+        content = Array.isArray(cellData) ? cellData.join(', ') : // hasMany
+        cellData;
     }
-    t3 = _jsx("span", {
-      children: content
+    return /*#__PURE__*/ _jsx("span", {
+        children: content
     });
-    $[3] = cellData;
-    $[4] = findLabel;
-    $[5] = options;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  return t3;
 };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","optionsAreObjects","React","useTranslation","SelectCell","t0","$","cellData","field","t1","options","i18n","t2","items","map","i","found","filter","f","value","label","join","findLabel","t3","content","_jsx","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, OptionObject, SelectFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { optionsAreObjects } from 'payload/shared'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface SelectCellProps extends DefaultCellComponentProps<SelectFieldClient> {}\n\nexport const SelectCell: React.FC<SelectCellProps> = ({ cellData, field: { options } }) => {\n  const { i18n } = useTranslation()\n\n  const findLabel = (items: string[]) =>\n    items\n      .map((i) => {\n        const found = (options as OptionObject[]).filter((f: OptionObject) => f.value === i)?.[0]\n          ?.label\n        return getTranslation(found, i18n)\n      })\n      .join(', ')\n\n  let content = ''\n  if (optionsAreObjects(options)) {\n    content = Array.isArray(cellData)\n      ? findLabel(cellData) // hasMany\n      : findLabel([cellData])\n  } else {\n    content = Array.isArray(cellData)\n      ? cellData.join(', ') // hasMany\n      : cellData\n  }\n\n  return <span>{content}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ;AAClC,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAI/B,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAAgC;EAAb;IAAAK;EAAA,IAAAD,EAAW;EAClF;IAAAE;EAAA,IAAiBR,cAAA;EAAA,IAAAS,EAAA;EAAA,IAAAN,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,OAAA;IAECE,EAAA,GAAAC,KAAA,IAChBA,KAAA,CAAAC,GAAA,CAAAC,CAAA;MAEI,MAAAC,KAAA,GAAcN,OAAC,CAAAO,MAAA,CAAAC,CAAA,IAAuDA,CAAA,CAAAC,KAAA,KAAYJ,CAAA,QAAAK,KAAA;MAC9E,OACGpB,cAAA,CAAegB,KAAA,EAAOL,IAAA;IAAA,CAC/B,EAAAU,IAAA,CACM;IAAAf,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAI,OAAA;IAAAJ,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAPV,MAAAgB,SAAA,GAAkBV,EAOR;EAAA,IAAAW,EAAA;EAAA,IAAAjB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAgB,SAAA,IAAAhB,CAAA,QAAAI,OAAA;IAEV,IAAAc,OAAA;IAAc,IACVvB,iBAAA,CAAkBS,OAAA;MACpBc,OAAA,CAAAA,CAAA,CAAUA,cAAcjB,QAAA,IACpBe,SAAA,CAAUf,QAAA,IACVe,SAAA,EAAWf,QAAA,CAAS;IAFxB;MAIAiB,OAAA,CAAAA,CAAA,CAAUA,cAAcjB,QAAA,IACpBA,QAAA,CAAAc,IAAA,CAAc,QACdd,QAAA;IAFJ;IAKKgB,EAAA,GAAAE,IAAA,CAAC;MAAAC,QAAA,EAAMF;IAAA,C;;;;;;;;SAAPD,E;CACT","ignoreList":[]}
+{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Select/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, OptionObject, SelectFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { optionsAreObjects } from 'payload/shared'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface SelectCellProps extends DefaultCellComponentProps<SelectFieldClient> {}\n\nexport const SelectCell: React.FC<SelectCellProps> = ({ cellData, field: { options } }) => {\n  const { i18n } = useTranslation()\n\n  const findLabel = (items: string[]) =>\n    items\n      .map((i) => {\n        const found = (options as OptionObject[]).filter((f: OptionObject) => f.value === i)?.[0]\n          ?.label\n        return getTranslation(found, i18n)\n      })\n      .join(', ')\n\n  let content = ''\n  if (optionsAreObjects(options)) {\n    content = Array.isArray(cellData)\n      ? findLabel(cellData) // hasMany\n      : findLabel([cellData])\n  } else {\n    content = Array.isArray(cellData)\n      ? cellData.join(', ') // hasMany\n      : cellData\n  }\n\n  return <span>{content}</span>\n}\n"],"names":["getTranslation","optionsAreObjects","React","useTranslation","SelectCell","cellData","field","options","i18n","findLabel","items","map","i","found","filter","f","value","label","join","content","Array","isArray","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,iBAAiB,QAAQ,iBAAgB;AAClD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,aAAwC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,EAAE,EAAE;IACpF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,YAAY,CAACC,QACjBA,MACGC,GAAG,CAAC,CAACC;YACJ,MAAMC,QAAQ,AAACN,QAA2BO,MAAM,CAAC,CAACC,IAAoBA,EAAEC,KAAK,KAAKJ,IAAI,CAAC,EAAE,EACrFK;YACJ,OAAOjB,eAAea,OAAOL;QAC/B,GACCU,IAAI,CAAC;IAEV,IAAIC,UAAU;IACd,IAAIlB,kBAAkBM,UAAU;QAC9BY,UAAUC,MAAMC,OAAO,CAAChB,YACpBI,UAAUJ,YAAU,UAAU;QAC9BI,UAAU;YAACJ;SAAS;IAC1B,OAAO;QACLc,UAAUC,MAAMC,OAAO,CAAChB,YACpBA,SAASa,IAAI,CAAC,QAAM,UAAU;QAC9Bb;IACN;IAEA,qBAAO,KAACiB;kBAAMH;;AAChB,EAAC"}