@payloadcms/ui 4.0.0-internal.e7d4ebc → 4.0.0-internal.ec73d44

package/dist/elements/StepNav/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\nimport type React from 'react'\n\nexport type StepNavItem = {\n  forceReload?: boolean\n  label: LabelFunction | React.JSX.Element | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"mappings":"AASA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/StepNav/types.ts"],"sourcesContent":["import type { LabelFunction, StaticLabel } from 'payload'\nimport type React from 'react'\n\nexport type StepNavItem = {\n  forceReload?: boolean\n  /** Whether this item represents the current page. Defaults to true for the last item. */\n  isCurrent?: boolean\n  label: LabelFunction | React.JSX.Element | StaticLabel\n  url?: string\n}\n\nexport type ContextType = {\n  setStepNav: (items: StepNavItem[]) => void\n  stepNav: StepNavItem[]\n}\n"],"mappings":"AAWA","ignoreList":[]}

package/dist/elements/Switch/index.css

@@ -26,7 +26,7 @@
     width: var(--spacer-5);
     height: var(--spacer-3);
     background: var(--color-bg-secondary);
-    border: var(--stroke-width-small) solid var(--special-border-translucent);
+    border: var(--stroke-width-small) solid var(--color-border-control);
     border-radius: var(--radius-full);
     pointer-events: none;
   }
@@ -42,7 +42,7 @@
     width: var(--spacer-2-5);
     height: var(--spacer-2);
     background: var(--color-icon-onbrand);
-    outline: var(--stroke-width-small) solid var(--special-border-translucent);
+    outline: var(--stroke-width-small) solid var(--color-border-control);
     border-radius: var(--radius-full);
   }
 
@@ -58,7 +58,6 @@
   }
 
   .switch__label {
-    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/Switch/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import './index.css';
 export type SwitchProps = {
+    readonly ariaLabel?: string;
     readonly checked?: boolean;
     readonly className?: string;
     readonly disabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6CxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Switch/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAGpC,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA8CxC,CAAA"}

package/dist/elements/Switch/index.js

@@ -7,9 +7,10 @@ import { useTranslation } from '../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'switch';
 export const Switch = t0 => {
-  const $ = _c(16);
+  const $ = _c(17);
   const {
     id: idFromProps,
+    ariaLabel,
     checked: t1,
     className,
     disabled: t2,
@@ -49,9 +50,9 @@ export const Switch = t0 => {
   }
   const t6 = t5.join(" ");
   let t7;
-  if ($[6] !== checked || $[7] !== disabled || $[8] !== handleChange || $[9] !== id || $[10] !== label || $[11] !== t || $[12] !== t6) {
+  if ($[6] !== ariaLabel || $[7] !== checked || $[8] !== disabled || $[9] !== handleChange || $[10] !== id || $[11] !== label || $[12] !== t || $[13] !== t6) {
     const t8 = _jsx("input", {
-      "aria-label": typeof label === "string" ? label : t("general:toggle"),
+      "aria-label": ariaLabel ?? (typeof label === "string" ? label : t("general:toggle")),
       checked,
       className: `${baseClass}__input`,
       disabled,
@@ -61,12 +62,12 @@ export const Switch = t0 => {
     });
     const t9 = checked && `${baseClass}__track--checked`;
     let t10;
-    if ($[14] !== t9) {
+    if ($[15] !== t9) {
       t10 = [`${baseClass}__track`, t9].filter(Boolean);
-      $[14] = t9;
-      $[15] = t10;
+      $[15] = t9;
+      $[16] = t10;
     } else {
-      t10 = $[15];
+      t10 = $[16];
     }
     t7 = _jsxs("label", {
       className: t6,
@@ -82,16 +83,17 @@ export const Switch = t0 => {
         children: label
       }) : null]
     });
-    $[6] = checked;
-    $[7] = disabled;
-    $[8] = handleChange;
-    $[9] = id;
-    $[10] = label;
-    $[11] = t;
-    $[12] = t6;
-    $[13] = t7;
+    $[6] = ariaLabel;
+    $[7] = checked;
+    $[8] = disabled;
+    $[9] = handleChange;
+    $[10] = id;
+    $[11] = label;
+    $[12] = t;
+    $[13] = t6;
+    $[14] = t7;
   } else {
-    t7 = $[13];
+    t7 = $[14];
   }
   return t7;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useId","useTranslation","baseClass","Switch","t0","$","id","idFromProps","checked","t1","className","disabled","t2","label","onChange","undefined","t","generatedId","t3","e","target","handleChange","t4","t5","filter","Boolean","t6","join","t7","t8","_jsx","type","t9","t10","_jsxs","htmlFor","children"],"sources":["../../../src/elements/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useId } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'switch'\n\nexport type SwitchProps = {\n  readonly checked?: boolean\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly id?: string\n  readonly label?: React.ReactNode\n  readonly onChange?: (checked: boolean) => void\n}\n\nexport const Switch: React.FC<SwitchProps> = ({\n  id: idFromProps,\n  checked = false,\n  className,\n  disabled = false,\n  label,\n  onChange,\n}) => {\n  const { t } = useTranslation()\n  const generatedId = useId()\n  const id = idFromProps || generatedId\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!disabled && onChange) {\n      onChange(e.target.checked)\n    }\n  }\n\n  return (\n    <label\n      className={[baseClass, disabled && `${baseClass}--disabled`, className]\n        .filter(Boolean)\n        .join(' ')}\n      htmlFor={id}\n    >\n      <input\n        aria-label={typeof label === 'string' ? label : t('general:toggle')}\n        checked={checked}\n        className={`${baseClass}__input`}\n        disabled={disabled}\n        id={id}\n        onChange={handleChange}\n        type=\"checkbox\"\n      />\n      <span\n        aria-hidden=\"true\"\n        className={[`${baseClass}__track`, checked && `${baseClass}__track--checked`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <span className={`${baseClass}__knob`} />\n      </span>\n      {label ? <span className={`${baseClass}__label`}>{label}</span> : null}\n    </label>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useId","useTranslation","baseClass","Switch","t0","$","id","idFromProps","ariaLabel","checked","t1","className","disabled","t2","label","onChange","undefined","t","generatedId","t3","e","target","handleChange","t4","t5","filter","Boolean","t6","join","t7","t8","_jsx","type","t9","t10","_jsxs","htmlFor","children"],"sources":["../../../src/elements/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useId } from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'switch'\n\nexport type SwitchProps = {\n  readonly ariaLabel?: string\n  readonly checked?: boolean\n  readonly className?: string\n  readonly disabled?: boolean\n  readonly id?: string\n  readonly label?: React.ReactNode\n  readonly onChange?: (checked: boolean) => void\n}\n\nexport const Switch: React.FC<SwitchProps> = ({\n  id: idFromProps,\n  ariaLabel,\n  checked = false,\n  className,\n  disabled = false,\n  label,\n  onChange,\n}) => {\n  const { t } = useTranslation()\n  const generatedId = useId()\n  const id = idFromProps || generatedId\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!disabled && onChange) {\n      onChange(e.target.checked)\n    }\n  }\n\n  return (\n    <label\n      className={[baseClass, disabled && `${baseClass}--disabled`, className]\n        .filter(Boolean)\n        .join(' ')}\n      htmlFor={id}\n    >\n      <input\n        aria-label={ariaLabel ?? (typeof label === 'string' ? label : t('general:toggle'))}\n        checked={checked}\n        className={`${baseClass}__input`}\n        disabled={disabled}\n        id={id}\n        onChange={handleChange}\n        type=\"checkbox\"\n      />\n      <span\n        aria-hidden=\"true\"\n        className={[`${baseClass}__track`, checked && `${baseClass}__track--checked`]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        <span className={`${baseClass}__knob`} />\n      </span>\n      {label ? <span className={`${baseClass}__label`}>{label}</span> : null}\n    </label>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 export const ArrayCell = t0 => {
-  const $ = _c(2);
+  const $ = _c(9);
   const {
     cellData,
     field: t1
@@ -17,18 +17,37 @@ export const ArrayCell = t0 => {
   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;
+  if ($[0] !== cellData) {
+    t2 = cellData ?? [];
+    $[0] = cellData;
     $[1] = t2;
   } else {
     t2 = $[1];
   }
-  return t2;
+  const arrayFields = t2;
+  let t3;
+  if ($[2] !== arrayFields.length || $[3] !== i18n || $[4] !== labels?.plural || $[5] !== labels?.singular) {
+    t3 = arrayFields.length === 1 ? `${arrayFields.length} ${getTranslation(labels?.singular || i18n.t("general:rows"), i18n)}` : `${arrayFields.length} ${getTranslation(labels?.plural || i18n.t("general:rows"), i18n)}`;
+    $[2] = arrayFields.length;
+    $[3] = i18n;
+    $[4] = labels?.plural;
+    $[5] = labels?.singular;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const label = t3;
+  let t4;
+  if ($[7] !== label) {
+    t4 = _jsx("span", {
+      children: label
+    });
+    $[7] = label;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  return t4;
 };
 //# sourceMappingURL=index.js.map

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