@payloadcms/ui 4.0.0-internal.77191e5 → 4.0.0-internal.7b53b6d

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useTranslation","ArrayCell","t0","$","cellData","field","t1","labels","i18n","t2","arrayFields","t3","length","plural","singular","t","label","t4","_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;EAAA,IAAAS,EAAA;EAAA,IAAAN,CAAA,QAAAC,QAAA;IAEGK,EAAA,GAAAL,QAAc,IAAd,EAAc;IAAAD,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAM,EAAA;EAAA;IAAAA,EAAA,GAAAN,CAAA;EAAA;EAAlC,MAAAO,WAAA,GAAoBD,EAAc;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAO,WAAA,CAAAE,MAAA,IAAAT,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,MAAA,EAAAM,MAAA,IAAAV,CAAA,QAAAI,MAAA,EAAAO,QAAA;IAGhCH,EAAA,GAAAD,WAAA,CAAAE,MAAkB,KAAK,CAEsE,GAF7F,GACOF,WAAA,CAAAE,MAAkB,IAAId,cAAA,CAAeS,MAAA,EAAAO,QAA2B,IAAPN,IAAA,CAAAO,CAAM,CAAC,iBAAiBP,IAAA,GACK,GAF7F,GAEOE,WAAA,CAAAE,MAAkB,IAAId,cAAA,CAAeS,MAAA,EAAAM,MAAyB,IAAPL,IAAA,CAAAO,CAAM,CAAC,iBAAiBP,IAAA,GAAO;IAAAL,CAAA,MAAAO,WAAA,CAAAE,MAAA;IAAAT,CAAA,MAAAK,IAAA;IAAAL,CAAA,MAAAI,MAAA,EAAAM,MAAA;IAAAV,CAAA,MAAAI,MAAA,EAAAO,QAAA;IAAAX,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAH/F,MAAAa,KAAA,GACEL,EAE6F;EAAA,IAAAM,EAAA;EAAA,IAAAd,CAAA,QAAAa,KAAA;IAExFC,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMH;;;;;;;SAAPC,E;CACT","ignoreList":[]}

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

@@ -7,7 +7,7 @@ import React from 'react';
 import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 export const BlocksCell = t0 => {
-  const $ = _c(2);
+  const $ = _c(21);
   const {
     cellData,
     field: t1
@@ -22,39 +22,92 @@ export const BlocksCell = t0 => {
   const {
     config
   } = useConfig();
-  const selectedBlocks = Array.isArray(cellData) ? cellData.map(_temp) : [];
-  const translatedBlockLabels = 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)}`;
+  let label;
+  if ($[0] !== blocks || $[1] !== cellData || $[2] !== config || $[3] !== i18n || $[4] !== labels?.plural || $[5] !== labels?.singular) {
+    const selectedBlocks = Array.isArray(cellData) ? cellData.map(_temp) : [];
+    let t2;
+    if ($[7] !== config || $[8] !== i18n) {
+      t2 = b => {
+        const block = typeof b === "string" ? config.blocksMap[b] : b;
+        return {
+          slug: block.slug,
+          label: getTranslation(block.labels.singular, i18n)
+        };
+      };
+      $[7] = config;
+      $[8] = i18n;
+      $[9] = t2;
+    } else {
+      t2 = $[9];
+    }
+    const translatedBlockLabels = blocks.map(t2);
+    const t3 = labels?.plural;
+    let t4;
+    if ($[10] !== i18n || $[11] !== t3) {
+      t4 = getTranslation(t3, i18n);
+      $[10] = i18n;
+      $[11] = t3;
+      $[12] = t4;
+    } else {
+      t4 = $[12];
     }
+    label = `0 ${t4}`;
+    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;
+      const t5 = selectedBlocks.length;
+      const t6 = labels?.plural;
+      let t7;
+      if ($[13] !== i18n || $[14] !== t6) {
+        t7 = getTranslation(t6, i18n);
+        $[13] = i18n;
+        $[14] = t6;
+        $[15] = t7;
+      } else {
+        t7 = $[15];
+      }
+      label = `${t5} ${t7} - ${i18n.t("fields:itemsAndMore", {
+        count: more,
+        items: formatBlockList(selectedBlocks.slice(0, 5))
+      })}`;
+    } else {
+      if (selectedBlocks.length > 0) {
+        const t5 = selectedBlocks.length;
+        const t6 = selectedBlocks.length === 1 ? labels?.singular : labels?.plural;
+        let t7;
+        if ($[16] !== i18n || $[17] !== t6) {
+          t7 = getTranslation(t6, i18n);
+          $[16] = i18n;
+          $[17] = t6;
+          $[18] = t7;
+        } else {
+          t7 = $[18];
+        }
+        label = `${t5} ${t7} - ${formatBlockList(selectedBlocks)}`;
+      }
+    }
+    $[0] = blocks;
+    $[1] = cellData;
+    $[2] = config;
+    $[3] = i18n;
+    $[4] = labels?.plural;
+    $[5] = labels?.singular;
+    $[6] = label;
+  } else {
+    label = $[6];
   }
   let t2;
-  if ($[0] !== label) {
+  if ($[19] !== label) {
     t2 = _jsx("span", {
       children: label
     });
-    $[0] = label;
-    $[1] = t2;
+    $[19] = label;
+    $[20] = t2;
   } else {
-    t2 = $[1];
+    t2 = $[20];
   }
   return t2;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useTranslation","BlocksCell","t0","$","cellData","field","t1","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> = ({ cellData, field: { blocks, labels } }) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = 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,EAAuC;EAApB;IAAAK,MAAA;IAAAC;EAAA,IAAAF,EAAkB;EACzF;IAAAG;EAAA,IAAiBT,cAAA;EACjB;IAAAU;EAAA,IAAmBX,SAAA;EAEnB,MAAAY,cAAA,GAAuBC,KAAA,CAAAC,OAAA,CAAcT,QAAA,IAAYA,QAAA,CAAAU,GAAA,CAAAC,KAAgC,MAAe;EAEhG,MAAAC,qBAAA,GAA8BT,MAAA,CAAAO,GAAA,CAAAG,CAAA;IAC5B,MAAAC,KAAA,GAAc,OAAOD,CAAA,KAAM,WAAWP,MAAA,CAAAS,SAAA,CAAiBF,CAAA,IAAKA,CAAA;IAAA;MAAAG,IAAA,EAEpDF,KAAA,CAAAE,IAAA;MAAAC,KAAA,EACCxB,cAAA,CAAeqB,KAAA,CAAAV,MAAA,CAAAc,QAAA,EAAuBb,IAAA;IAAA;EAAA,CAEjD;EAEA,IAAAY,KAAA,GAAY,KAAKxB,cAAA,CAAeW,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,IAAyBlC,cAAA,CAAeW,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,IAAyBlC,cAAA,CAClCc,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,IAAAlC,CAAA,QAAAkB,KAAA;IAMKgB,EAAA,GAAAC,IAAA,CAAC;MAAAC,QAAA,EAAMlB;IAAA,C;;;;;;SAAPgB,E;CACT;AAxCqD,SAAAtB,MAAAb,EAAA;EAIY;IAAAsC;EAAA,IAAAtC,EAAa;EAAA,OAAKsC,SAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useConfig","useTranslation","BlocksCell","t0","$","cellData","field","t1","blocks","labels","i18n","config","label","plural","singular","selectedBlocks","Array","isArray","map","_temp","t2","b","block","blocksMap","slug","translatedBlockLabels","t3","t4","formatBlockList","blocks_0","b_0","filtered","filter","f","join","length","more","t5","t6","t7","t","count","items","slice","_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> = ({ cellData, field: { blocks, labels } }) => {\n  const { i18n } = useTranslation()\n  const { config } = useConfig()\n\n  const selectedBlocks = Array.isArray(cellData) ? cellData.map(({ blockType }) => blockType) : []\n\n  const translatedBlockLabels = 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":"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","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/BranchStatus/index.css

@@ -0,0 +1,34 @@
+@layer payload-default {
+  /* Sized by its label. The base `.status-cell` is `inline-flex`, which is
+     shrink-to-fit on its own — but as a flex item in a column-direction parent it
+     stretches to the full cell width instead, and `justify-content: center` then
+     floats the label in the middle of the column. */
+  .branch-status-cell {
+    align-self: flex-start;
+    width: fit-content;
+  }
+
+  /* Open is the working state, and reads like `draft` does: neutral, in progress. */
+  .branch-status-cell--open {
+    background: var(--color-bg-tertiary);
+    color: var(--color-text);
+  }
+
+  /* Merged is the terminal, landed-in-production state, which is what `published`
+     means for a document — so it takes the same brand treatment. */
+  .branch-status-cell--merged {
+    background: var(--color-bg-selected);
+    color: var(--color-text-brand);
+  }
+
+  /* In flight. Warning rather than brand: it is a state to notice, not a result. */
+  .branch-status-cell--merging {
+    background: var(--color-bg-warning-tertiary);
+    color: var(--color-text-warning);
+  }
+
+  .branch-status-cell--closed {
+    background: var(--color-bg-tertiary);
+    color: var(--color-text-secondary);
+  }
+}

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

@@ -0,0 +1,13 @@
+import type { DefaultCellComponentProps, SelectFieldClient } from 'payload';
+import React from 'react';
+import './index.css';
+/**
+ * A branch's lifecycle state, rendered like a document's draft/published status.
+ *
+ * Reuses the `status-cell` look deliberately: a branch's status answers the same
+ * kind of question a document's does — is this live, is it still being worked on —
+ * so two visual languages for it in the same list view would be noise. It cannot
+ * reuse `StatusCell` itself, which keys its colours off `_status`'s own values.
+ */
+export declare const BranchStatusCell: React.FC<DefaultCellComponentProps<SelectFieldClient>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/BranchStatus/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,aAAa,CAAA;AAEpB;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,iBAAiB,CAAC,CAuBnF,CAAA"}

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

@@ -0,0 +1,51 @@
+'use client';
+
+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.css';
+/**
+ * A branch's lifecycle state, rendered like a document's draft/published status.
+ *
+ * Reuses the `status-cell` look deliberately: a branch's status answers the same
+ * kind of question a document's does — is this live, is it still being worked on —
+ * so two visual languages for it in the same list view would be noise. It cannot
+ * reuse `StatusCell` itself, which keys its colours off `_status`'s own values.
+ */
+export const BranchStatusCell = t0 => {
+  const $ = _c(3);
+  const {
+    cellData
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  if (!cellData) {
+    return null;
+  }
+  const status = String(Array.isArray(cellData) ? cellData[0] : cellData);
+  let t1;
+  if ($[0] !== status || $[1] !== t) {
+    const label = {
+      closed: t("general:closed"),
+      merged: t("branching:merged"),
+      merging: t("branching:branchMerging"),
+      open: t("general:open")
+    }[status];
+    t1 = _jsx("span", {
+      className: `status-cell branch-status-cell branch-status-cell--${status}`,
+      children: _jsx("span", {
+        className: "status-cell__label",
+        children: label ?? status
+      })
+    });
+    $[0] = status;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","BranchStatusCell","t0","$","cellData","t","status","String","Array","isArray","t1","label","closed","merged","merging","open","_jsx","className","children"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/BranchStatus/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, SelectFieldClient } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport './index.css'\n\n/**\n * A branch's lifecycle state, rendered like a document's draft/published status.\n *\n * Reuses the `status-cell` look deliberately: a branch's status answers the same\n * kind of question a document's does — is this live, is it still being worked on —\n * so two visual languages for it in the same list view would be noise. It cannot\n * reuse `StatusCell` itself, which keys its colours off `_status`'s own values.\n */\nexport const BranchStatusCell: React.FC<DefaultCellComponentProps<SelectFieldClient>> = ({\n  cellData,\n}) => {\n  const { t } = useTranslation()\n\n  if (!cellData) {\n    return null\n  }\n\n  const status = String(Array.isArray(cellData) ? cellData[0] : cellData)\n\n  const label = {\n    closed: t('general:closed'),\n    merged: t('branching:merged'),\n    merging: t('branching:branchMerging'),\n    open: t('general:open'),\n  }[status]\n\n  return (\n    <span className={`status-cell branch-status-cell branch-status-cell--${status}`}>\n      <span className=\"status-cell__label\">{label ?? status}</span>\n    </span>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP;;;;;;;;AAQA,OAAO,MAAMC,gBAAA,GAA2EC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM;EAAA,IAAAF,EAExF;EACC;IAAAG;EAAA,IAAcL,cAAA;EAEd,IAAI,CAACI,QAAA;IAAA,OACI;EAAA;EAGT,MAAAE,MAAA,GAAeC,MAAA,CAAOC,KAAA,CAAAC,OAAa,CAACL,QAA0B,IAAdA,QAAQ,GAAM,GAAxCA,QAAwC;EAAA,IAAAM,EAAA;EAAA,IAAAP,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAE,CAAA;IAE9D,MAAAM,KAAA,GAAc;MAAAC,MAAA,EACJP,CAAA,CAAE;MAAAQ,MAAA,EACFR,CAAA,CAAE;MAAAS,OAAA,EACDT,CAAA,CAAE;MAAAU,IAAA,EACLV,CAAA,CAAE;IACV,CAAC,CAACC,MAAA,CAAO;IAGPI,EAAA,GAAAM,IAAA,CAAC;MAAAC,SAAA,EAAgB,sDAAsDX,MAAA,EAAQ;MAAAY,QAAA,EAC7EF,IAAA,CAAC;QAAAC,SAAA,EAAe;QAAAC,QAAA,EAAsBP,KAAS,IAATL;;;;;;;;;SADxCI,E;CAIJ","ignoreList":[]}

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

@@ -5,7 +5,6 @@
     justify-content: center;
     padding: 0 var(--spacer-1);
     border-radius: var(--radius-medium);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

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

@@ -13,21 +13,20 @@ export const CheckboxCell = t0 => {
   const {
     t
   } = useTranslation();
-  const t1 = `general:${cellData}`;
-  let t2;
-  if ($[0] !== t || $[1] !== t1) {
-    t2 = _jsx("code", {
+  let t1;
+  if ($[0] !== cellData || $[1] !== t) {
+    t1 = _jsx("code", {
       className: "bool-cell",
       children: _jsx("span", {
-        children: t(t1).toLowerCase()
+        children: t(`general:${cellData}`).toLowerCase()
       })
     });
-    $[0] = t;
-    $[1] = t1;
-    $[2] = t2;
+    $[0] = cellData;
+    $[1] = t;
+    $[2] = t1;
   } else {
-    t2 = $[2];
+    t1 = $[2];
   }
-  return t2;
+  return t1;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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.css'\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":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","CheckboxCell","t0","$","cellData","t","t1","_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.css'\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;EAAA,IAAAM,EAAA;EAAA,IAAAH,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAE,CAAA;IAGZC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAe;MAAAC,QAAA,EACdF,IAAA,CAAC;QAAAE,QAAA,EAAMJ,CAAA,CAAE,WAAWD,QAAA,EAAU,EAAAM,WAAa;;;;;;;;;SAD7CJ,E;CAIJ","ignoreList":[]}

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

@@ -5,7 +5,6 @@
     justify-content: center;
     padding: 0 var(--spacer-1);
     border-radius: var(--radius-medium);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);

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,"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,KAAbI,SAAa,GAAb,CAAY,CAAC,GAAbJ,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,QAAY,IAAZD,IAAY;EAE9B,MAAAe,iBAAA,GAA0B,GAAGD,SAAA,KAAc;EAC3C,MAAAV,QAAA,GACEY,OAAA,CAAQX,iBAAsB,KAA9BN,OAEI,GADAV,oBAAA,CAAqBU,OAAA,EAASgB,iBAAA,EAAmBR,SACjD,IAFJA,SAEI;EAEN,MAAAI,UAAA,GAAmBL,IAAA,EAAAW,aAAuB,IAAvBL,kBAAuB;EAAA,OAGxCM,IAAA,CAAC;IAAAC,QAAA,EACEH,OAAA,CAAQpB,QAA8E,KAAjEH,UAAA,CAAW;MAAAa,IAAA,EAAQV,QAAA;MAAAiB,IAAA;MAAAO,OAAA,EAAyBT,UAAA;MAAAP;IAAqB;;CAG7F","ignoreList":[]}

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

@@ -2,24 +2,29 @@
   .file {
     display: flex;
     flex-wrap: nowrap;
+    align-items: center;
+    gap: var(--spacer-2-5);
+    flex: 1;
+    min-width: 0;
   }
 
   .file__thumbnail {
-    display: inline-block;
-    max-width: var(--spacer-6);
-    height: var(--spacer-6);
-    border-radius: var(--radius-small);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--spacer-5);
+    max-width: var(--spacer-5);
+    height: var(--spacer-5);
+    background-color: var(--color-bg-secondary);
+    border-radius: var(--radius-medium);
+    overflow: hidden;
+    flex-shrink: 0;
   }
 
   .file__filename {
-    align-self: center;
-
-    [dir='ltr'] & {
-      margin-left: calc(var(--spacer-4) - var(--spacer-1));
-    }
-
-    [dir='rtl'] & {
-      margin-right: calc(var(--spacer-4) - var(--spacer-1));
-    }
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    line-height: var(--text-body-large-line-height);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAKpB,MAAM,WAAW,aACf,SAAQ,yBAAyB,CAAC,eAAe,GAAG,iBAAiB,CAAC;IACtE,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+C5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/File/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,sBAAsB,EACtB,yBAAyB,EACzB,eAAe,EACf,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAGhB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,aAAa,CAAA;AAKpB,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAC9D,eAAe,GAAG,iBAAiB,CACpC;IACC,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+C5C,CAAA"}

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

@@ -19,7 +19,7 @@ export const FileCell = ({
     let fileSrc = isFileImage ? rowData?.thumbnailURL || rowData?.url : rowData?.thumbnailURL;
     if (isFileImage) {
       fileSrc = getBestFitFromSizes({
-        sizes: rowData?.sizes,
+        sizes: rowData?.variants,
         thumbnailURL: rowData?.thumbnailURL,
         url: rowData?.url,
         width: rowData?.width

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","uploadConfig","imageCacheTag","cacheTags","updatedAt","_jsxs","className","_jsx","collectionSlug","slug","doc","size","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.css'\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    const uploadConfig = collectionConfig?.upload\n    const imageCacheTag = uploadConfig?.cacheTags && rowData?.updatedAt\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={imageCacheTag}\n          size=\"small\"\n          uploadConfig={uploadConfig}\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,MAAMC,YAAA,GAAef,gBAAA,EAAkBO,MAAA;IACvC,MAAMS,aAAA,GAAgBD,YAAA,EAAcE,SAAA,IAAaf,OAAA,EAASgB,SAAA;IAE1D,oBACEC,KAAA,CAAC;MAAIC,SAAA,EAAWxB,SAAA;8BACdyB,IAAA,CAAC1B,SAAA;QACCyB,SAAA,EAAW,GAAGxB,SAAA,aAAsB;QACpC0B,cAAA,EAAgBtB,gBAAA,EAAkBuB,IAAA;QAClCC,GAAA,EAAK;UACH,GAAGtB,OAAO;UACVH;QACF;QACAW,OAAA,EAASA,OAAA;QACTM,aAAA,EAAeA,aAAA;QACfS,IAAA,EAAK;QACLV,YAAA,EAAcA;uBAEhBM,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGxB,SAAA,YAAqB;kBAAG8B,MAAA,CAAO3B,QAAA;;;EAGzD,OAAO;IACL,oBAAOsB,IAAA,CAAAM,SAAA;gBAAGD,MAAA,CAAO3B,QAAA;;EACnB;AACF","ignoreList":[]}
+{"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","variants","width","uploadConfig","imageCacheTag","cacheTags","updatedAt","_jsxs","className","_jsx","collectionSlug","slug","doc","size","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.css'\nimport { Thumbnail } from '../../../../Thumbnail/index.js'\n\nconst baseClass = 'file'\n\nexport interface FileCellProps extends DefaultCellComponentProps<\n  TextFieldClient | UploadFieldClient\n> {\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?.variants,\n        thumbnailURL: rowData?.thumbnailURL,\n        url: rowData?.url,\n        width: rowData?.width,\n      })\n    }\n\n    const uploadConfig = collectionConfig?.upload\n    const imageCacheTag = uploadConfig?.cacheTags && rowData?.updatedAt\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={imageCacheTag}\n          size=\"small\"\n          uploadConfig={uploadConfig}\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;AAQlB,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,EAASY,QAAA;QAChBH,YAAA,EAAcT,OAAA,EAASS,YAAA;QACvBC,GAAA,EAAKV,OAAA,EAASU,GAAA;QACdG,KAAA,EAAOb,OAAA,EAASa;MAClB;IACF;IAEA,MAAMC,YAAA,GAAehB,gBAAA,EAAkBO,MAAA;IACvC,MAAMU,aAAA,GAAgBD,YAAA,EAAcE,SAAA,IAAahB,OAAA,EAASiB,SAAA;IAE1D,oBACEC,KAAA,CAAC;MAAIC,SAAA,EAAWzB,SAAA;8BACd0B,IAAA,CAAC3B,SAAA;QACC0B,SAAA,EAAW,GAAGzB,SAAA,aAAsB;QACpC2B,cAAA,EAAgBvB,gBAAA,EAAkBwB,IAAA;QAClCC,GAAA,EAAK;UACH,GAAGvB,OAAO;UACVH;QACF;QACAW,OAAA,EAASA,OAAA;QACTO,aAAA,EAAeA,aAAA;QACfS,IAAA,EAAK;QACLV,YAAA,EAAcA;uBAEhBM,IAAA,CAAC;QAAKD,SAAA,EAAW,GAAGzB,SAAA,YAAqB;kBAAG+B,MAAA,CAAO5B,QAAA;;;EAGzD,OAAO;IACL,oBAAOuB,IAAA,CAAAM,SAAA;gBAAGD,MAAA,CAAO5B,QAAA;;EACnB;AACF","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+export declare const buildHierarchyCellUpdateURL: ({ id, apiRoute, branch, collectionSlug, serverURL, }: {
+    apiRoute: string;
+    branch?: string;
+    collectionSlug: string;
+    id: number | string;
+    serverURL: string;
+}) => string;
+//# sourceMappingURL=buildHierarchyCellUpdateURL.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buildHierarchyCellUpdateURL.d.ts","sourceRoot":"","sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/buildHierarchyCellUpdateURL.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,2BAA2B,yDAMrC;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc,EAAE,MAAM,CAAA;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;CAClB,KAAG,MAQH,CAAA"}

package/dist/elements/Table/DefaultCell/fields/Hierarchy/buildHierarchyCellUpdateURL.js

@@ -0,0 +1,21 @@
+import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+export const buildHierarchyCellUpdateURL = ({
+  id,
+  apiRoute,
+  branch,
+  collectionSlug,
+  serverURL
+}) => {
+  const queryString = qs.stringify({
+    branch
+  }, {
+    addQueryPrefix: true
+  });
+  return formatAdminURL({
+    apiRoute,
+    path: `/${collectionSlug}/${id}${queryString}`,
+    serverURL
+  });
+};
+//# sourceMappingURL=buildHierarchyCellUpdateURL.js.map

package/dist/elements/Table/DefaultCell/fields/Hierarchy/buildHierarchyCellUpdateURL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildHierarchyCellUpdateURL.js","names":["formatAdminURL","qs","buildHierarchyCellUpdateURL","id","apiRoute","branch","collectionSlug","serverURL","queryString","stringify","addQueryPrefix","path"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/buildHierarchyCellUpdateURL.ts"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\n\nexport const buildHierarchyCellUpdateURL = ({\n  id,\n  apiRoute,\n  branch,\n  collectionSlug,\n  serverURL,\n}: {\n  apiRoute: string\n  branch?: string\n  collectionSlug: string\n  id: number | string\n  serverURL: string\n}): string => {\n  const queryString = qs.stringify({ branch }, { addQueryPrefix: true })\n\n  return formatAdminURL({\n    apiRoute,\n    path: `/${collectionSlug}/${id}${queryString}`,\n    serverURL,\n  })\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AAEpB,OAAO,MAAMC,2BAAA,GAA8BA,CAAC;EAC1CC,EAAE;EACFC,QAAQ;EACRC,MAAM;EACNC,cAAc;EACdC;AAAS,CAOV;EACC,MAAMC,WAAA,GAAcP,EAAA,CAAGQ,SAAS,CAAC;IAAEJ;EAAO,GAAG;IAAEK,cAAA,EAAgB;EAAK;EAEpE,OAAOV,cAAA,CAAe;IACpBI,QAAA;IACAO,IAAA,EAAM,IAAIL,cAAA,IAAkBH,EAAA,GAAKK,WAAA,EAAa;IAC9CD;EACF;AACF","ignoreList":[]}

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.css

@@ -4,14 +4,24 @@
     align-items: center;
   }
 
-  .hierarchy-cell__pill {
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    gap: var(--spacer-2);
+  .hierarchy-cell__button {
+    margin: 0;
+    font-weight: normal;
+
+    .btn__content {
+      gap: 0;
+    }
 
-    &:hover {
-      background-color: var(--color-bg-hover);
+    .btn__label {
+      min-inline-size: 0;
     }
   }
+
+  .hierarchy-cell__truncate {
+    display: block;
+    max-inline-size: calc(var(--spacer-6) * 4);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 }

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

@@ -1 +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,aAAa,CAAA;AAKpB,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAA;AAEnF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgOtD,CAAA"}
+{"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;AAGjF,OAAO,KAA4D,MAAM,OAAO,CAAA;AAuBhF,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAA;AAEnF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0TtD,CAAA"}