@payloadcms/ui 3.80.0-internal-debug.cd99b1f → 3.80.0-internal.21e9c47

package/dist/elements/StickyToolbar/index.js

@@ -1,16 +1,14 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'sticky-toolbar';
 /**
  * @internal
- */ export const StickyToolbar = ({ children })=>/*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: children
-    }, void 0, false, {
-        fileName: "src/elements/StickyToolbar/index.tsx",
-        lineNumber: 12,
-        columnNumber: 24
-    }, this);
-
+ */
+export const StickyToolbar = ({
+  children
+}) => /*#__PURE__*/_jsx("div", {
+  className: baseClass,
+  children: children
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/StickyToolbar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'sticky-toolbar'\n\n/**\n * @internal\n */\nexport const StickyToolbar: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => <div className={baseClass}>{children}</div>\n"],"names":["React","baseClass","StickyToolbar","children","div","className"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB;;CAEC,GACD,OAAO,MAAMC,gBAER,CAAC,EAAEC,QAAQ,EAAE,iBAAK,QAACC;QAAIC,WAAWJ;kBAAYE;;;;;aAAe"}
+{"version":3,"file":"index.js","names":["React","baseClass","StickyToolbar","children","_jsx","className"],"sources":["../../../src/elements/StickyToolbar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'sticky-toolbar'\n\n/**\n * @internal\n */\nexport const StickyToolbar: React.FC<{\n  children: React.ReactNode\n}> = ({ children }) => <div className={baseClass}>{children}</div>\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB;;;AAGA,OAAO,MAAMC,aAAA,GAERA,CAAC;EAAEC;AAAQ,CAAE,kBAAKC,IAAA,CAAC;EAAIC,SAAA,EAAWJ,SAAA;YAAYE","ignoreList":[]}

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

@@ -1,19 +1,34 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
-export const ArrayCell = ({ cellData, field: { labels } })=>{
-    const { i18n } = useTranslation();
-    const arrayFields = cellData ?? [];
-    const label = arrayFields.length === 1 ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}` : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`;
-    return /*#__PURE__*/ _jsxDEV("span", {
-        children: label
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Array/index.tsx",
-        lineNumber: 21,
-        columnNumber: 10
-    }, this);
+export const ArrayCell = t0 => {
+  const $ = _c(2);
+  const {
+    cellData,
+    field: t1
+  } = t0;
+  const {
+    labels
+  } = t1;
+  const {
+    i18n
+  } = useTranslation();
+  const arrayFields = cellData ?? [];
+  const label = arrayFields.length === 1 ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t("general:rows"), i18n)}` : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t("general:rows"), i18n)}`;
+  let t2;
+  if ($[0] !== label) {
+    t2 = _jsx("span", {
+      children: label
+    });
+    $[0] = label;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { ArrayFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<ArrayFieldClient> {}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, field: { labels } }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label =\n    arrayFields.length === 1\n      ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}`\n      : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","React","useTranslation","ArrayCell","cellData","field","labels","i18n","arrayFields","label","length","singular","t","plural","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,YAAsC,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAE,EAAE;IACjF,MAAM,EAAEC,IAAI,EAAE,GAAGL;IAEjB,MAAMM,cAAcJ,YAAY,EAAE;IAElC,MAAMK,QACJD,YAAYE,MAAM,KAAK,IACnB,GAAGF,YAAYE,MAAM,CAAC,CAAC,EAAEV,eAAeM,QAAQK,YAAYJ,KAAKK,CAAC,CAAC,iBAAiBL,OAAO,GAC3F,GAAGC,YAAYE,MAAM,CAAC,CAAC,EAAEV,eAAeM,QAAQO,UAAUN,KAAKK,CAAC,CAAC,iBAAiBL,OAAO;IAE/F,qBAAO,QAACO;kBAAML;;;;;;AAChB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ArrayCell","t0","$","cellData","field","t1","labels","i18n","arrayFields","label","length","singular","t","plural","t2","_jsx","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Array/index.tsx"],"sourcesContent":["'use client'\nimport type { ArrayFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface ArrayCellProps extends DefaultCellComponentProps<ArrayFieldClient> {}\n\nexport const ArrayCell: React.FC<ArrayCellProps> = ({ cellData, field: { labels } }) => {\n  const { i18n } = useTranslation()\n\n  const arrayFields = cellData ?? []\n\n  const label =\n    arrayFields.length === 1\n      ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t('general:rows'), i18n)}`\n      : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t('general:rows'), i18n)}`\n\n  return <span>{label}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAI/B,OAAO,MAAMC,SAAA,GAAsCC,EAAA;EAAA,MAAAC,CAAA,GAAAN,EAAA;EAAC;IAAAO,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAA+B;EAAZ;IAAAK;EAAA,IAAAD,EAAU;EAC/E;IAAAE;EAAA,IAAiBR,cAAA;EAEjB,MAAAS,WAAA,GAAoBL,QAAA,MAAc;EAElC,MAAAM,KAAA,GACED,WAAA,CAAAE,MAAA,MAAuB,GACnB,GAAGF,WAAA,CAAAE,MAAA,IAAsBb,cAAA,CAAeS,MAAA,EAAAK,QAAA,IAAoBJ,IAAA,CAAAK,CAAA,CAAO,iBAAiBL,IAAA,GAAO,GAC3F,GAAGC,WAAA,CAAAE,MAAA,IAAsBb,cAAA,CAAeS,MAAA,EAAAO,MAAA,IAAkBN,IAAA,CAAAK,CAAA,CAAO,iBAAiBL,IAAA,GAAO;EAAA,IAAAO,EAAA;EAAA,IAAAZ,CAAA,QAAAO,KAAA;IAExFK,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMP;IAAA,C;;;;;;SAAPK,E;CACT","ignoreList":[]}

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

@@ -1,42 +1,68 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
-export const BlocksCell = ({ cellData, field: { blockReferences, blocks, labels } })=>{
-    const { i18n } = useTranslation();
-    const { config } = useConfig();
-    const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType })=>blockType) : [];
-    const translatedBlockLabels = (blockReferences ?? blocks)?.map((b)=>{
-        const block = typeof b === 'string' ? config.blocksMap[b] : b;
-        return {
-            slug: block.slug,
-            label: getTranslation(block.labels.singular, i18n)
-        };
-    });
-    let label = `0 ${getTranslation(labels?.plural, i18n)}`;
-    const formatBlockList = (blocks)=>blocks.map((b)=>{
-            const filtered = translatedBlockLabels.filter((f)=>f.slug === b)?.[0];
-            return filtered?.label;
-        }).join(', ');
-    const itemsToShow = 5;
-    if (selectedBlocks.length > itemsToShow) {
-        const more = selectedBlocks.length - itemsToShow;
-        label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t('fields:itemsAndMore', {
-            count: more,
-            items: formatBlockList(selectedBlocks.slice(0, itemsToShow))
-        })}`;
-    } else if (selectedBlocks.length > 0) {
-        label = `${selectedBlocks.length} ${getTranslation(selectedBlocks.length === 1 ? labels?.singular : labels?.plural, i18n)} - ${formatBlockList(selectedBlocks)}`;
+export const BlocksCell = t0 => {
+  const $ = _c(2);
+  const {
+    cellData,
+    field: t1
+  } = t0;
+  const {
+    blockReferences,
+    blocks,
+    labels
+  } = t1;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    config
+  } = useConfig();
+  const selectedBlocks = Array.isArray(cellData) ? cellData.map(_temp) : [];
+  const translatedBlockLabels = (blockReferences ?? blocks)?.map(b => {
+    const block = typeof b === "string" ? config.blocksMap[b] : b;
+    return {
+      slug: block.slug,
+      label: getTranslation(block.labels.singular, i18n)
+    };
+  });
+  let label = `0 ${getTranslation(labels?.plural, i18n)}`;
+  const formatBlockList = blocks_0 => blocks_0.map(b_0 => {
+    const filtered = translatedBlockLabels.filter(f => f.slug === b_0)?.[0];
+    return filtered?.label;
+  }).join(", ");
+  if (selectedBlocks.length > 5) {
+    const more = selectedBlocks.length - 5;
+    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t("fields:itemsAndMore", {
+      count: more,
+      items: formatBlockList(selectedBlocks.slice(0, 5))
+    })}`;
+  } else {
+    if (selectedBlocks.length > 0) {
+      label = `${selectedBlocks.length} ${getTranslation(selectedBlocks.length === 1 ? labels?.singular : labels?.plural, i18n)} - ${formatBlockList(selectedBlocks)}`;
     }
-    return /*#__PURE__*/ _jsxDEV("span", {
-        children: label
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Blocks/index.tsx",
-        lineNumber: 54,
-        columnNumber: 10
-    }, this);
+  }
+  let t2;
+  if ($[0] !== label) {
+    t2 = _jsx("span", {
+      children: label
+    });
+    $[0] = label;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  return t2;
 };
-
+function _temp(t0) {
+  const {
+    blockType
+  } = t0;
+  return blockType;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<BlocksFieldClient> {}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({\n  cellData,\n  field: { blockReferences, blocks, labels },\n}) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = (blockReferences ?? blocks)?.map((b) => {\n    const block = typeof b === 'string' ? config.blocksMap[b] : b\n    return {\n      slug: block.slug,\n      label: getTranslation(block.labels.singular, i18n),\n    }\n  })\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"names":["getTranslation","React","useConfig","useTranslation","BlocksCell","cellData","field","blockReferences","blocks","labels","i18n","config","selectedBlocks","Array","isArray","map","blockType","translatedBlockLabels","b","block","blocksMap","slug","label","singular","plural","formatBlockList","filtered","filter","f","join","itemsToShow","length","more","t","count","items","slice","span"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,OAAOC,WAAW,QAAO;AAEzB,SAASC,SAAS,QAAQ,2CAA0C;AACpE,SAASC,cAAc,QAAQ,gDAA+C;AAI9E,OAAO,MAAMC,aAAwC,CAAC,EACpDC,QAAQ,EACRC,OAAO,EAAEC,eAAe,EAAEC,MAAM,EAAEC,MAAM,EAAE,EAC3C;IACC,MAAM,EAAEC,IAAI,EAAE,GAAGP;IACjB,MAAM,EAAEQ,MAAM,EAAE,GAAGT;IAEnB,MAAMU,iBAAiBC,MAAMC,OAAO,CAACT,YAAYA,SAASU,GAAG,CAAC,CAAC,EAAEC,SAAS,EAAE,GAAKA,aAAa,EAAE;IAEhG,MAAMC,wBAAyBV,CAAAA,mBAAmBC,MAAK,GAAIO,IAAI,CAACG;QAC9D,MAAMC,QAAQ,OAAOD,MAAM,WAAWP,OAAOS,SAAS,CAACF,EAAE,GAAGA;QAC5D,OAAO;YACLG,MAAMF,MAAME,IAAI;YAChBC,OAAOtB,eAAemB,MAAMV,MAAM,CAACc,QAAQ,EAAEb;QAC/C;IACF;IAEA,IAAIY,QAAQ,CAAC,EAAE,EAAEtB,eAAeS,QAAQe,QAAQd,OAAO;IAEvD,MAAMe,kBAAkB,CAACjB,SACvBA,OACGO,GAAG,CAAC,CAACG;YACJ,MAAMQ,WAAWT,sBAAsBU,MAAM,CAAC,CAACC,IAAMA,EAAEP,IAAI,KAAKH,IAAI,CAAC,EAAE;YACvE,OAAOQ,UAAUJ;QACnB,GACCO,IAAI,CAAC;IAEV,MAAMC,cAAc;IAEpB,IAAIlB,eAAemB,MAAM,GAAGD,aAAa;QACvC,MAAME,OAAOpB,eAAemB,MAAM,GAAGD;QACrCR,QAAQ,GAAGV,eAAemB,MAAM,CAAC,CAAC,EAAE/B,eAAeS,QAAQe,QAAQd,MAAM,GAAG,EAAEA,KAAKuB,CAAC,CAClF,uBACA;YAAEC,OAAOF;YAAMG,OAAOV,gBAAgBb,eAAewB,KAAK,CAAC,GAAGN;QAAc,IAC3E;IACL,OAAO,IAAIlB,eAAemB,MAAM,GAAG,GAAG;QACpCT,QAAQ,GAAGV,eAAemB,MAAM,CAAC,CAAC,EAAE/B,eAClCY,eAAemB,MAAM,KAAK,IAAItB,QAAQc,WAAWd,QAAQe,QACzDd,MACA,GAAG,EAAEe,gBAAgBb,iBAAiB;IAC1C;IAEA,qBAAO,QAACyB;kBAAMf;;;;;;AAChB,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useTranslation","BlocksCell","t0","$","cellData","field","t1","blockReferences","blocks","labels","i18n","config","selectedBlocks","Array","isArray","map","_temp","translatedBlockLabels","b","block","blocksMap","slug","label","singular","plural","formatBlockList","blocks_0","b_0","filtered","filter","f","join","length","more","t","count","items","slice","t2","_jsx","children","blockType"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Blocks/index.tsx"],"sourcesContent":["'use client'\nimport type { BlocksFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\n\nexport interface BlocksCellProps extends DefaultCellComponentProps<BlocksFieldClient> {}\n\nexport const BlocksCell: React.FC<BlocksCellProps> = ({\n  cellData,\n  field: { blockReferences, blocks, labels },\n}) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = (blockReferences ?? blocks)?.map((b) => {\n    const block = typeof b === 'string' ? config.blocksMap[b] : b\n    return {\n      slug: block.slug,\n      label: getTranslation(block.labels.singular, i18n),\n    }\n  })\n\n  let label = `0 ${getTranslation(labels?.plural, i18n)}`\n\n  const formatBlockList = (blocks) =>\n    blocks\n      .map((b) => {\n        const filtered = translatedBlockLabels.filter((f) => f.slug === b)?.[0]\n        return filtered?.label\n      })\n      .join(', ')\n\n  const itemsToShow = 5\n\n  if (selectedBlocks.length > itemsToShow) {\n    const more = selectedBlocks.length - itemsToShow\n    label = `${selectedBlocks.length} ${getTranslation(labels?.plural, i18n)} - ${i18n.t(\n      'fields:itemsAndMore',\n      { count: more, items: formatBlockList(selectedBlocks.slice(0, itemsToShow)) },\n    )}`\n  } else if (selectedBlocks.length > 0) {\n    label = `${selectedBlocks.length} ${getTranslation(\n      selectedBlocks.length === 1 ? labels?.singular : labels?.plural,\n      i18n,\n    )} - ${formatBlockList(selectedBlocks)}`\n  }\n\n  return <span>{label}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAI/B,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,KAAA,EAAAC;EAAA,IAAAJ,EAGrD;EADQ;IAAAK,eAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAH,EAAmC;EAE1C;IAAAI;EAAA,IAAiBV,cAAA;EACjB;IAAAW;EAAA,IAAmBZ,SAAA;EAEnB,MAAAa,cAAA,GAAuBC,KAAA,CAAAC,OAAA,CAAcV,QAAA,IAAYA,QAAA,CAAAW,GAAA,CAAAC,KAAgC,MAAe;EAEhG,MAAAC,qBAAA,IAA+BV,eAAA,IAAmBC,MAAK,GAAAO,GAAA,CAAAG,CAAA;IACrD,MAAAC,KAAA,GAAc,OAAOD,CAAA,KAAM,WAAWP,MAAA,CAAAS,SAAA,CAAiBF,CAAA,IAAKA,CAAA;IAAA;MAAAG,IAAA,EAEpDF,KAAA,CAAAE,IAAA;MAAAC,KAAA,EACCzB,cAAA,CAAesB,KAAA,CAAAV,MAAA,CAAAc,QAAA,EAAuBb,IAAA;IAAA;EAAA;EAIjD,IAAAY,KAAA,GAAY,KAAKzB,cAAA,CAAeY,MAAA,EAAAe,MAAA,EAAgBd,IAAA,GAAO;EAEvD,MAAAe,eAAA,GAAAC,QAAA,IACElB,QAAA,CAAAO,GAAA,CAAAY,GAAA;IAEI,MAAAC,QAAA,GAAiBX,qBAAA,CAAAY,MAAA,CAAAC,CAAA,IAAoCA,CAAA,CAAAT,IAAA,KAAWH,GAAA;IAAO,OAChEU,QAAA,EAAAN,KAAA;EAAA,CACT,EAAAS,IAAA,CACM;EAAA,IAINnB,cAAA,CAAAoB,MAAA,IAAwB;IAC1B,MAAAC,IAAA,GAAarB,cAAA,CAAAoB,MAAA,IAAwB;IACrCV,KAAA,CAAAA,CAAA,CAAQA,GAAGV,cAAA,CAAAoB,MAAA,IAAyBnC,cAAA,CAAeY,MAAA,EAAAe,MAAA,EAAgBd,IAAA,OAAWA,IAAA,CAAAwB,CAAA,CAC5E;MAAAC,KAAA,EACSF,IAAA;MAAAG,KAAA,EAAaX,eAAA,CAAgBb,cAAA,CAAAyB,KAAA,KAAwB;IAAA,CAAc,GAC3E;EAHH;IAAA,IAISzB,cAAA,CAAAoB,MAAA,IAAwB;MACjCV,KAAA,CAAAA,CAAA,CAAQA,GAAGV,cAAA,CAAAoB,MAAA,IAAyBnC,cAAA,CAClCe,cAAA,CAAAoB,MAAA,MAA0B,GAAIvB,MAAA,EAAAc,QAAA,GAAmBd,MAAA,EAAAe,MAAQ,EACzDd,IAAA,OACKe,eAAA,CAAgBb,cAAA,GAAiB;IAHxC;EAAA;EAAA,IAAA0B,EAAA;EAAA,IAAAnC,CAAA,QAAAmB,KAAA;IAMKgB,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMlB;IAAA,C;;;;;;SAAPgB,E;CACT;AA3CqD,SAAAtB,MAAAd,EAAA;EAOY;IAAAuC;EAAA,IAAAvC,EAAa;EAAA,OAAKuC,SAAA;AAAA","ignoreList":[]}

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

@@ -1,24 +1,33 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 import './index.scss';
-export const CheckboxCell = ({ cellData })=>{
-    const { t } = useTranslation();
-    return /*#__PURE__*/ _jsxDEV("code", {
-        className: "bool-cell",
-        children: /*#__PURE__*/ _jsxDEV("span", {
-            children: t(`general:${cellData}`).toLowerCase()
-        }, void 0, false, {
-            fileName: "src/elements/Table/DefaultCell/fields/Checkbox/index.tsx",
-            lineNumber: 16,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Checkbox/index.tsx",
-        lineNumber: 15,
-        columnNumber: 5
-    }, this);
+export const CheckboxCell = t0 => {
+  const $ = _c(3);
+  const {
+    cellData
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  const t1 = `general:${cellData}`;
+  let t2;
+  if ($[0] !== t || $[1] !== t1) {
+    t2 = _jsx("code", {
+      className: "bool-cell",
+      children: _jsx("span", {
+        children: t(t1).toLowerCase()
+      })
+    });
+    $[0] = t;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>> = ({\n  cellData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"names":["React","useTranslation","CheckboxCell","cellData","t","code","className","span","toLowerCase"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,gDAA+C;AAC9E,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAyE,CAAC,EACrFC,QAAQ,EACT;IACC,MAAM,EAAEC,CAAC,EAAE,GAAGH;IAEd,qBACE,QAACI;QAAKC,WAAU;kBACd,cAAA,QAACC;sBAAMH,EAAE,CAAC,QAAQ,EAAED,UAAU,EAAEK,WAAW;;;;;;;;;;;AAGjD,EAAC"}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","CheckboxCell","t0","$","cellData","t","t1","t2","_jsx","className","children","toLowerCase"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Checkbox/index.tsx"],"sourcesContent":["'use client'\nimport type { CheckboxFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.scss'\n\nexport const CheckboxCell: React.FC<DefaultCellComponentProps<CheckboxFieldClient>> = ({\n  cellData,\n}) => {\n  const { t } = useTranslation()\n\n  return (\n    <code className=\"bool-cell\">\n      <span>{t(`general:${cellData}`).toLowerCase()}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,YAAA,GAAyEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAEtF;EACC;IAAAG;EAAA,IAAcL,cAAA;EAID,MAAAM,EAAA,cAAWF,QAAA,EAAU;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAE,CAAA,IAAAF,CAAA,QAAAG,EAAA;IADhCC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAe;MAAAC,QAAA,EACdF,IAAA,CAAC;QAAAE,QAAA,EAAML,CAAA,CAAEC,EAAqB,EAAAK,WAAA,CAAa;MAAA,C;;;;;;;;SAD7CJ,E;CAIJ","ignoreList":[]}

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

@@ -1,27 +1,22 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const CodeCell = ({ cellData, nowrap })=>{
-    const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
-    const noWrapStyle = nowrap ? {
-        whiteSpace: 'nowrap'
-    } : {};
-    return /*#__PURE__*/ _jsxDEV("code", {
-        className: "code-cell",
-        style: noWrapStyle,
-        children: /*#__PURE__*/ _jsxDEV("span", {
-            children: textToShow
-        }, void 0, false, {
-            fileName: "src/elements/Table/DefaultCell/fields/Code/index.tsx",
-            lineNumber: 20,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Code/index.tsx",
-        lineNumber: 19,
-        columnNumber: 5
-    }, this);
+export const CodeCell = ({
+  cellData,
+  nowrap
+}) => {
+  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\u2026` : cellData;
+  const noWrapStyle = nowrap ? {
+    whiteSpace: 'nowrap'
+  } : {};
+  return /*#__PURE__*/_jsx("code", {
+    className: "code-cell",
+    style: noWrapStyle,
+    children: /*#__PURE__*/_jsx("span", {
+      children: textToShow
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","code","className","style","span"],"mappings":"AAAA;;AAGA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAOrB,OAAO,MAAMC,WAAoC,CAAC,EAAEC,QAAQ,EAAEC,MAAM,EAAE;IACpE,MAAMC,aAAaF,UAAUG,SAAS,MAAM,GAAGH,SAASI,SAAS,CAAC,GAAG,KAAK,MAAM,CAAC,GAAGJ;IAEpF,MAAMK,cAAmCJ,SAAS;QAAEK,YAAY;IAAS,IAAI,CAAC;IAE9E,qBACE,QAACC;QAAKC,WAAU;QAAYC,OAAOJ;kBACjC,cAAA,QAACK;sBAAMR;;;;;;;;;;;AAGb,EAAC"}
+{"version":3,"file":"index.js","names":["React","CodeCell","cellData","nowrap","textToShow","length","substring","noWrapStyle","whiteSpace","_jsx","className","style"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Code/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, CodeFieldClient, DefaultCellComponentProps } from 'payload'\n\nimport React from 'react'\n\nimport './index.scss'\n\nexport interface CodeCellProps extends DefaultCellComponentProps<CodeFieldClient> {\n  readonly collectionConfig: ClientCollectionConfig\n  readonly nowrap?: boolean\n}\n\nexport const CodeCell: React.FC<CodeCellProps> = ({ cellData, nowrap }) => {\n  const textToShow = cellData?.length > 100 ? `${cellData.substring(0, 100)}\\u2026` : cellData\n\n  const noWrapStyle: React.CSSProperties = nowrap ? { whiteSpace: 'nowrap' } : {}\n\n  return (\n    <code className=\"code-cell\" style={noWrapStyle}>\n      <span>{textToShow}</span>\n    </code>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAOP,OAAO,MAAMC,QAAA,GAAoCA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAE;EACpE,MAAMC,UAAA,GAAaF,QAAA,EAAUG,MAAA,GAAS,MAAM,GAAGH,QAAA,CAASI,SAAS,CAAC,GAAG,YAAY,GAAGJ,QAAA;EAEpF,MAAMK,WAAA,GAAmCJ,MAAA,GAAS;IAAEK,UAAA,EAAY;EAAS,IAAI,CAAC;EAE9E,oBACEC,IAAA,CAAC;IAAKC,SAAA,EAAU;IAAYC,KAAA,EAAOJ,WAAA;cACjC,aAAAE,IAAA,CAAC;gBAAML;;;AAGb","ignoreList":[]}

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

@@ -1,30 +1,49 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { jsx as _jsx } from "react/jsx-runtime";
 import { getObjectDotNotation } from 'payload/shared';
 import React from 'react';
 import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 import { formatDate } from '../../../../../utilities/formatDocTitle/formatDateTitle.js';
-export const DateCell = (props)=>{
-    const { cellData, field: { name, accessor, admin: { date } = {}, timezone: timezoneFromField }, rowData } = props;
-    const { config: { admin: { dateFormat: dateFormatFromRoot } } } = useConfig();
-    const { i18n } = useTranslation();
-    const fieldPath = accessor || name;
-    const timezoneFieldName = `${fieldPath}_tz`;
-    const timezone = Boolean(timezoneFromField) && rowData ? getObjectDotNotation(rowData, timezoneFieldName, undefined) : undefined;
-    const dateFormat = date?.displayFormat || dateFormatFromRoot;
-    return /*#__PURE__*/ _jsxDEV("span", {
-        children: Boolean(cellData) && formatDate({
-            date: cellData,
-            i18n,
-            pattern: dateFormat,
-            timezone
-        })
-    }, void 0, false, {
-        fileName: "src/elements/Table/DefaultCell/fields/Date/index.tsx",
-        lineNumber: 38,
-        columnNumber: 5
-    }, this);
+export const DateCell = props => {
+  const {
+    cellData,
+    field: t0,
+    rowData
+  } = props;
+  const {
+    name,
+    accessor,
+    admin: t1,
+    timezone: timezoneFromField
+  } = t0;
+  const {
+    date
+  } = t1 === undefined ? {} : t1;
+  const {
+    config: t2
+  } = useConfig();
+  const {
+    admin: t3
+  } = t2;
+  const {
+    dateFormat: dateFormatFromRoot
+  } = t3;
+  const {
+    i18n
+  } = useTranslation();
+  const fieldPath = accessor || name;
+  const timezoneFieldName = `${fieldPath}_tz`;
+  const timezone = Boolean(timezoneFromField) && rowData ? getObjectDotNotation(rowData, timezoneFieldName, undefined) : undefined;
+  const dateFormat = date?.displayFormat || dateFormatFromRoot;
+  return _jsx("span", {
+    children: Boolean(cellData) && formatDate({
+      date: cellData,
+      i18n,
+      pattern: dateFormat,
+      timezone
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { 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,QAACO;kBACEH,QAAQf,aAAaH,WAAW;YAAEQ,MAAML;YAAUY;YAAMO,SAAST;YAAYJ;QAAS;;;;;;AAG7F,EAAC"}
+{"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":[]}

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

@@ -1,62 +1,52 @@
 'use client';
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+
+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
-            });
-        }
-        return /*#__PURE__*/ _jsxDEV("div", {
-            className: baseClass,
-            children: [
-                /*#__PURE__*/ _jsxDEV(Thumbnail, {
-                    className: `${baseClass}__thumbnail`,
-                    collectionSlug: collectionConfig?.slug,
-                    doc: {
-                        ...rowData,
-                        filename
-                    },
-                    fileSrc: fileSrc,
-                    imageCacheTag: collectionConfig?.upload?.cacheTags && rowData?.updatedAt,
-                    size: "small",
-                    uploadConfig: collectionConfig?.upload
-                }, void 0, false, {
-                    fileName: "src/elements/Table/DefaultCell/fields/File/index.tsx",
-                    lineNumber: 48,
-                    columnNumber: 9
-                }, this),
-                /*#__PURE__*/ _jsxDEV("span", {
-                    className: `${baseClass}__filename`,
-                    children: String(filename)
-                }, void 0, false, {
-                    fileName: "src/elements/Table/DefaultCell/fields/File/index.tsx",
-                    lineNumber: 60,
-                    columnNumber: 9
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/elements/Table/DefaultCell/fields/File/index.tsx",
-            lineNumber: 47,
-            columnNumber: 7
-        }, this);
-    } else {
-        return /*#__PURE__*/ _jsxDEV(_Fragment, {
-            children: String(filename)
-        }, void 0, false);
+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,
+        imageCacheTag: collectionConfig?.upload?.cacheTags && rowData?.updatedAt,
+        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,"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          imageCacheTag={collectionConfig?.upload?.cacheTags && rowData?.updatedAt}\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","imageCacheTag","cacheTags","updatedAt","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,QAACC;YAAIC,WAAWpB;;8BACd,QAACD;oBACCqB,WAAW,GAAGpB,UAAU,WAAW,CAAC;oBACpCqB,gBAAgBjB,kBAAkBkB;oBAClCC,KAAK;wBACH,GAAGjB,OAAO;wBACVH;oBACF;oBACAW,SAASA;oBACTU,eAAepB,kBAAkBO,QAAQc,aAAanB,SAASoB;oBAC/DC,MAAK;oBACLC,cAAcxB,kBAAkBO;;;;;;8BAElC,QAACkB;oBAAKT,WAAW,GAAGpB,UAAU,UAAU,CAAC;8BAAG8B,OAAO3B;;;;;;;;;;;;IAGzD,OAAO;QACL,qBAAO;sBAAG2B,OAAO3B;;IACnB;AACF,EAAC"}
+{"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","imageCacheTag","cacheTags","updatedAt","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          imageCacheTag={collectionConfig?.upload?.cacheTags && rowData?.updatedAt}\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,aAAA,EAAerB,gBAAA,EAAkBO,MAAA,EAAQe,SAAA,IAAapB,OAAA,EAASqB,SAAA;QAC/DC,IAAA,EAAK;QACLC,YAAA,EAAczB,gBAAA,EAAkBO;uBAElCU,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGpB,SAAA,YAAqB;kBAAG8B,MAAA,CAAO3B,QAAA;;;EAGzD,OAAO;IACL,oBAAOkB,IAAA,CAAAU,SAAA;gBAAGD,MAAA,CAAO3B,QAAA;;EACnB;AACF","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+import type { DefaultCellComponentProps, RelationshipFieldClient } from 'payload';
+import React from 'react';
+import './index.scss';
+export type HierarchyCellProps = DefaultCellComponentProps<RelationshipFieldClient>;
+export declare const HierarchyCell: React.FC<HierarchyCellProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEjF,OAAO,KAA4D,MAAM,OAAO,CAAA;AAchF,OAAO,cAAc,CAAA;AAKrB,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAA;AAEnF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiMtD,CAAA"}