@payloadcms/ui 4.0.0-internal.016994f → 4.0.0-internal.0731f09

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

@@ -8,8 +8,6 @@
     min-width: 0;
   }
 
-  /* The tile background and radius show through for files with no image preview, and keep the
-   * box aligned with the icons other first-column cells render. */
   .file__thumbnail {
     display: flex;
     align-items: center;
@@ -23,10 +21,6 @@
     flex-shrink: 0;
   }
 
-  /*
-   * `overflow: hidden` is required for the ellipsis, so the line box must be tall enough to
-   * contain the cell link's underline - the inherited body line-height crops it away.
-   */
   .file__filename {
     overflow: hidden;
     text-overflow: ellipsis;

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/index.css

@@ -24,13 +24,4 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
-
-  /* Dividers span the full menu width rather than sitting inside the list's inline padding. */
-  .hierarchy-cell__popup-content .popup-divider {
-    margin-inline: calc(var(--spacer-2) * -1);
-  }
-
-  .hierarchy-cell__control {
-    display: contents;
-  }
 }

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,EAAc,MAAM,SAAS,CAAA;AAI7F,OAAO,KAA4D,MAAM,OAAO,CAAA;AAgBhF,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAA;AAEnF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwXtD,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;AAqBhF,OAAO,aAAa,CAAA;AAKpB,MAAM,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,uBAAuB,CAAC,CAAA;AAEnF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmTtD,CAAA"}

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

@@ -2,7 +2,6 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { formatAdminURL } from 'payload/shared';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { toast } from 'sonner';
 import { useIntersect } from '../../../../../hooks/useIntersect.js';
@@ -12,9 +11,11 @@ import { useConfig } from '../../../../../providers/Config/index.js';
 import { useTranslation } from '../../../../../providers/Translation/index.js';
 import { canUseDOM } from '../../../../../utilities/canUseDOM.js';
 import { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js';
+import { getEffectiveHierarchyCollections, getHierarchyCollectionRestrictions } from '../../../../../utilities/hierarchyCollectionRestrictions.js';
+import { getHierarchyListURL } from '../../../../../views/HierarchyList/getHierarchyListURL.js';
 import { Button } from '../../../../Button/index.js';
+import { HierarchyActionsMenu } from '../../../../Hierarchy/ActionsMenu/index.js';
 import { useHierarchyModal } from '../../../../Hierarchy/Modal/useHierarchyModal.js';
-import { Popup, PopupList } from '../../../../Popup/index.js';
 import { useListRelationships } from '../../../RelationshipProvider/index.js';
 import './index.css';
 const baseClass = 'hierarchy-cell';
@@ -50,7 +51,30 @@ export const HierarchyCell = ({
     collectionSlug: hierarchyCollectionSlug
   }) : undefined;
   // Use pre-rendered icon from server if available, otherwise determine on client
-  const hierarchyConfig = hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object' ? hierarchyCollectionConfig.hierarchy : undefined;
+  const {
+    hierarchyConfig,
+    relatedCollectionSlugs,
+    typeFieldName
+  } = useMemo(() => getHierarchyCollectionRestrictions({
+    collectionConfig: hierarchyCollectionConfig
+  }), [hierarchyCollectionConfig]);
+  const filterByCollection = useMemo(() => {
+    if (!hierarchyCollectionSlug) {
+      return undefined;
+    }
+    if (collectionSlug !== hierarchyCollectionSlug) {
+      return [collectionSlug];
+    }
+    if (!typeFieldName) {
+      return undefined;
+    }
+    const allowedCollections = rowData[typeFieldName];
+    return getEffectiveHierarchyCollections({
+      allowedCollections: Array.isArray(allowedCollections) ? allowedCollections : undefined,
+      relatedCollectionSlugs
+    });
+  }, [collectionSlug, hierarchyCollectionSlug, relatedCollectionSlugs, rowData, typeFieldName]);
+  const disabledIds = useMemo(() => collectionSlug === hierarchyCollectionSlug && rowData.id !== undefined ? new Set([rowData.id]) : undefined, [collectionSlug, hierarchyCollectionSlug, rowData.id]);
   // Pre-rendered icons from server (supports custom icons)
   const preRenderedIcon = customCellProps?.hierarchyIcon;
   const preRenderedSmallIcon = customCellProps?.hierarchySmallIcon;
@@ -66,12 +90,14 @@ export const HierarchyCell = ({
   }, [hierarchyConfig, preRenderedIcon]);
   // Full icon for modal subheader
   const drawerIcon = preRenderedIcon || fallbackIcon;
-  // Small icon for compact display (pill button)
+  // Small icon for compact display
   const displayIcon = preRenderedSmallIcon ?? drawerIcon;
   // Set up the hierarchy modal
   const [HierarchyModal,, {
     openModal
   }] = useHierarchyModal({
+    disabledIds,
+    filterByCollection,
     hierarchyCollectionSlug: hierarchyCollectionSlug || '',
     Icon: drawerIcon
   });
@@ -120,26 +146,11 @@ export const HierarchyCell = ({
       setValues(formattedValues);
     }
   }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships]);
-  // Get current selection IDs for the modal
-  const initialSelections = useMemo(() => {
-    if (!cellDataFromProps) {
-      return [];
-    }
-    const data = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps];
-    return data.map(item => {
-      if (typeof item === 'object' && 'value' in item) {
-        return item.value;
-      }
-      return item;
-    });
-  }, [cellDataFromProps]);
-  // Persist a new set of IDs on the row's document and reflect it locally so the
-  // cell updates without a page reload. Changes apply immediately, so the outcome is
-  // confirmed with a toast.
-  const saveIds = useCallback(async ({
-    selectedIds,
-    successMessage
-  }) => {
+  // Read from local state so the picker reflects in-place moves and removes
+  const initialSelections = useMemo(() => values.map(({
+    value
+  }) => value), [values]);
+  const saveIds = useCallback(async selectedIds => {
     try {
       const response = await fetch(`${config.serverURL}${config.routes.api}/${collectionSlug}/${rowData.id}`, {
         body: JSON.stringify({
@@ -151,12 +162,14 @@ export const HierarchyCell = ({
         },
         method: 'PATCH'
       });
-      const json = await response.json();
       if (!response.ok) {
-        toast.error(json?.message || t('error:unknown'));
-        return;
+        const responseData = await response.json().catch(() => null);
+        const errorMessage = responseData?.errors?.[0]?.message || responseData?.error || responseData?.message || t('error:unknown');
+        toast.error(errorMessage);
+        return false;
       }
       if (typeof relationTo === 'string') {
+        // Update local state with new selection to avoid page reload
         const newValues = selectedIds.map(id => ({
           relationTo,
           value: id
@@ -167,18 +180,27 @@ export const HierarchyCell = ({
           getRelationships(newValues);
         }
       }
-      toast.success(successMessage);
-    } catch (_error) {
+    } catch {
       toast.error(t('error:unknown'));
+      return false;
     }
+    return true;
   }, [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships, t]);
+  const handleSave = useCallback(async ({
+    closeModal,
+    selections
+  }) => {
+    if (await saveIds(Array.from(selections.keys()))) {
+      closeModal();
+    }
+  }, [saveIds]);
   // Build display labels
   const labels = useMemo(() => {
     return values.map(({
       relationTo: rel,
-      value
+      value: value_0
     }) => {
-      const document = documents[rel]?.[value];
+      const document = documents[rel]?.[value_0];
       const relatedCollection = getEntityConfig({
         collectionSlug: rel
       });
@@ -186,151 +208,61 @@ export const HierarchyCell = ({
         collectionConfig: relatedCollection,
         data: document || null,
         dateFormat: config.admin.dateFormat,
-        fallback: `${t('general:untitled')} - ID: ${value}`,
+        fallback: `${t('general:untitled')} - ID: ${value_0}`,
         i18n
       });
     });
   }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n]);
-  // Title of the row's own document, used for the modal's `Move "..."` heading
-  const rowTitle = useMemo(() => formatDocTitle({
-    collectionConfig: getEntityConfig({
-      collectionSlug
-    }),
-    data: rowData,
-    dateFormat: config.admin.dateFormat,
-    fallback: `${t('general:untitled')} - ID: ${rowData?.id}`,
-    i18n
-  }), [collectionSlug, config.admin.dateFormat, getEntityConfig, i18n, rowData, t]);
   const displayText = labels.length > 0 ? labels.join(', ') : t('general:none');
   const isLoading = values.length > 0 && values.some(({
     relationTo: rel_0,
-    value: value_0
-  }) => documents[rel_0]?.[value_0] === null);
-  // A single value is required to name the folder in the menu, so `hasMany` fields keep the
-  // plain button that opens the move modal directly.
+    value: value_1
+  }) => documents[rel_0]?.[value_1] === null);
   const currentId = !hasMany && values.length === 1 ? values[0].value : undefined;
-  const hasSingleFolder = typeof currentId === 'string' || typeof currentId === 'number';
-  // e.g. "Folder" / "Tag" - the hierarchy collection this document is filed under.
-  const hierarchyLabel = getTranslation(hierarchyCollectionConfig?.labels?.singular, i18n);
-  // Handle save from modal
-  const handleSave = useCallback(async ({
-    closeModal,
-    selections
-  }) => {
-    const selectedIds_0 = Array.from(selections.keys());
-    const destination = selections.get(selectedIds_0[0]);
-    const destinationTitle = destination?.path?.[destination.path.length - 1]?.title;
-    closeModal();
-    await saveIds({
-      selectedIds: selectedIds_0,
-      successMessage: !hasMany && destinationTitle ? `Moved "${rowTitle}" to ${destinationTitle}` : `Updated ${hierarchyLabel} for "${rowTitle}"`
-    });
-  }, [hasMany, hierarchyLabel, rowTitle, saveIds]);
-  const controlRef = useRef(null);
-  const [shouldRefocus, setShouldRefocus] = useState(false);
-  // Removal swaps the menu trigger out for the plain button, so focus is restored once the
-  // replacement has rendered rather than on the element that is about to unmount.
-  useEffect(() => {
-    if (shouldRefocus) {
-      controlRef.current?.querySelector('button')?.focus();
-      setShouldRefocus(false);
-    }
-  }, [shouldRefocus]);
-  const handleRemove = useCallback(() => {
-    void saveIds({
-      selectedIds: [],
-      successMessage: `Removed "${rowTitle}" from ${hierarchyLabel}`
-    });
-    setShouldRefocus(true);
-  }, [hierarchyLabel, rowTitle, saveIds]);
-  const goToHref = useMemo(() => {
-    if (!hasSingleFolder || !collectionSlug) {
-      return undefined;
-    }
-    const parentQueryParam = hierarchyConfig?.parentFieldName || 'parent';
-    return formatAdminURL({
+  const hasSingleSelection = typeof currentId === 'number' || typeof currentId === 'string';
+  const hierarchyLabel = getTranslation(hierarchyCollectionConfig?.labels?.singular || hierarchyCollectionSlug || '', i18n) || hierarchyCollectionSlug;
+  const handleRemove = useCallback(() => saveIds([]), [saveIds]);
+  const goTo = useMemo(() => hasSingleSelection && hierarchyCollectionSlug ? {
+    name: displayText,
+    href: getHierarchyListURL({
       adminRoute: config.routes.admin,
-      path: `/collections/${collectionSlug}/hierarchy?${parentQueryParam}=${currentId}`
-    });
-  }, [collectionSlug, config.routes.admin, currentId, hasSingleFolder, hierarchyConfig?.parentFieldName]);
+      collectionSlug: hierarchyCollectionSlug,
+      parentFieldName: hierarchyConfig?.parentFieldName,
+      parentID: currentId
+    })
+  } : undefined, [config.routes.admin, currentId, displayText, hasSingleSelection, hierarchyCollectionSlug, hierarchyConfig?.parentFieldName]);
+  const label = isLoading ? `${t('general:loading')}...` : displayText;
   return /*#__PURE__*/_jsxs("div", {
     className: baseClass,
     ref: intersectionRef,
-    children: [/*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__control`,
-      ref: controlRef,
-      children: hasSingleFolder ? /*#__PURE__*/_jsx(Popup, {
-        caret: false,
-        className: `${baseClass}__popup`,
-        horizontalAlign: "left",
-        portalClassName: `${baseClass}__popup-content`,
-        render: ({
-          close
-        }) => /*#__PURE__*/_jsxs(PopupList.MenuItem, {
-          children: [/*#__PURE__*/_jsx(PopupList.Button, {
-            onClick: () => {
-              close();
-              handleOpenModal();
-            },
-            children: "Move to..."
-          }), /*#__PURE__*/_jsx(PopupList.Button, {
-            onClick: () => {
-              close();
-              handleRemove();
-            },
-            children: `Remove from ${hierarchyLabel}`
-          }), /*#__PURE__*/_jsx(PopupList.Divider, {}), /*#__PURE__*/_jsx(PopupList.Button, {
-            href: goToHref,
-            onClick: close,
-            children: /*#__PURE__*/_jsx("span", {
-              className: `${baseClass}__truncate`,
-              title: displayText,
-              children: `Go to "${displayText}"`
-            })
-          })]
-        }),
-        renderButton: ({
-          active,
-          onClick,
-          onKeyDown
-        }) => /*#__PURE__*/_jsx(Button, {
-          "aria-label": displayText,
-          buttonStyle: "secondary",
-          className: `${baseClass}__button`,
-          extraButtonProps: {
-            'aria-expanded': active,
-            'aria-haspopup': 'menu',
-            onKeyDown
-          },
-          icon: displayIcon,
-          iconPosition: "left",
-          margin: false,
-          onClick: onClick,
-          selected: active,
-          size: "medium",
-          tooltip: displayText,
-          children: /*#__PURE__*/_jsx("span", {
-            className: `${baseClass}__truncate`,
-            children: isLoading ? `${t('general:loading')}...` : displayText
-          })
-        }),
-        size: "fit-content",
-        verticalAlign: "bottom"
-      }) : /*#__PURE__*/_jsx(Button, {
+    children: [/*#__PURE__*/_jsx(HierarchyActionsMenu, {
+      goTo: goTo,
+      hasActions: hasSingleSelection,
+      hierarchyLabel: hierarchyLabel,
+      onMove: handleOpenModal,
+      onRemove: handleRemove,
+      renderTrigger: triggerProps => /*#__PURE__*/_jsx(Button, {
+        "aria-label": triggerProps ? label : undefined,
         buttonStyle: "secondary",
         className: `${baseClass}__button`,
+        extraButtonProps: triggerProps?.extraButtonProps,
         icon: displayIcon,
         iconPosition: "left",
         margin: false,
-        onClick: handleOpenModal,
+        onClick: triggerProps?.onClick ?? handleOpenModal,
+        selected: triggerProps?.selected,
         size: "medium",
-        children: isLoading ? `${t('general:loading')}...` : displayText
+        tooltip: triggerProps ? displayText : undefined,
+        children: triggerProps ? /*#__PURE__*/_jsx("span", {
+          className: `${baseClass}__truncate`,
+          children: label
+        }) : label
       })
     }), hierarchyCollectionSlug && hasMountedModal && /*#__PURE__*/_jsx(HierarchyModal, {
+      confirmLabel: t('general:confirm'),
       hasMany: hasMany,
       initialSelections: initialSelections,
-      onSave: handleSave,
-      title: !hasMany && rowTitle ? `${t('general:move')} "${rowTitle}"` : undefined
+      onSave: handleSave
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","React","useCallback","useEffect","useMemo","useRef","useState","toast","useIntersect","FolderIcon","TagIcon","useConfig","useTranslation","canUseDOM","formatDocTitle","Button","useHierarchyModal","Popup","PopupList","useListRelationships","baseClass","HierarchyCell","cellData","cellDataFromProps","collectionSlug","customCellProps","field","rowData","relationTo","undefined","hasMany","config","getEntityConfig","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequestedRef","prevCellDataRef","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","hierarchyCollectionSlug","hierarchyCollectionConfig","hierarchyConfig","hierarchy","preRenderedIcon","hierarchyIcon","preRenderedSmallIcon","hierarchySmallIcon","fallbackIcon","IconComponent","allowHasMany","_jsx","drawerIcon","displayIcon","HierarchyModal","openModal","Icon","hasMountedModal","setHasMountedModal","shouldOpenAfterMountRef","handleOpenModal","current","formattedValues","arrayCellData","Array","isArray","forEach","cell","push","value","initialSelections","data","map","item","saveIds","selectedIds","successMessage","response","fetch","serverURL","routes","api","id","body","JSON","stringify","name","credentials","headers","method","json","ok","error","message","newValues","length","success","_error","labels","rel","document","relatedCollection","collectionConfig","dateFormat","admin","fallback","rowTitle","displayText","join","isLoading","some","currentId","hasSingleFolder","hierarchyLabel","singular","handleSave","closeModal","selections","from","keys","destination","get","destinationTitle","path","title","controlRef","shouldRefocus","setShouldRefocus","querySelector","focus","handleRemove","goToHref","parentQueryParam","parentFieldName","adminRoute","_jsxs","className","ref","caret","horizontalAlign","portalClassName","render","close","MenuItem","onClick","Divider","href","renderButton","active","onKeyDown","buttonStyle","extraButtonProps","icon","iconPosition","margin","selected","size","tooltip","verticalAlign","onSave"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, RelationshipFieldClient, TypeWithID } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../../../../Hierarchy/Modal/types.js'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { FolderIcon } from '../../../../../icons/Folder/index.js'\nimport { TagIcon } from '../../../../../icons/Tag/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport { Button } from '../../../../Button/index.js'\nimport { useHierarchyModal } from '../../../../Hierarchy/Modal/useHierarchyModal.js'\nimport { Popup, PopupList } from '../../../../Popup/index.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport './index.css'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'hierarchy-cell'\n\nexport type HierarchyCellProps = DefaultCellComponentProps<RelationshipFieldClient>\n\nexport const HierarchyCell: React.FC<HierarchyCellProps> = ({\n  cellData: cellDataFromProps,\n  collectionSlug,\n  customCellProps,\n  field,\n  rowData,\n}) => {\n  const relationTo = 'relationTo' in field ? field.relationTo : undefined\n  const hasMany = field.hasMany ?? false\n\n  const { config, getEntityConfig } = useConfig()\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const hasRequestedRef = useRef(false)\n  const prevCellDataRef = useRef<typeof cellDataFromProps>(undefined)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  // Get the hierarchy collection config\n  const hierarchyCollectionSlug = typeof relationTo === 'string' ? relationTo : undefined\n  const hierarchyCollectionConfig = hierarchyCollectionSlug\n    ? getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n    : undefined\n\n  // Use pre-rendered icon from server if available, otherwise determine on client\n  const hierarchyConfig =\n    hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object'\n      ? hierarchyCollectionConfig.hierarchy\n      : undefined\n\n  // Pre-rendered icons from server (supports custom icons)\n  const preRenderedIcon = customCellProps?.hierarchyIcon as React.ReactNode | undefined\n  const preRenderedSmallIcon = customCellProps?.hierarchySmallIcon as React.ReactNode | undefined\n\n  // Fallback icon for client-side rendering\n  const fallbackIcon = useMemo(() => {\n    if (preRenderedIcon) {\n      return null // Don't need fallback if we have pre-rendered icon\n    }\n    // Default based on allowHasMany: false = folder-like, true = tag-like\n    const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon\n    return <IconComponent />\n  }, [hierarchyConfig, preRenderedIcon])\n\n  // Full icon for modal subheader\n  const drawerIcon = preRenderedIcon || fallbackIcon\n  // Small icon for compact display (pill button)\n  const displayIcon = preRenderedSmallIcon ?? drawerIcon\n\n  // Set up the hierarchy modal\n  const [HierarchyModal, , { openModal }] = useHierarchyModal({\n    hierarchyCollectionSlug: hierarchyCollectionSlug || '',\n    Icon: drawerIcon,\n  })\n\n  // Lazy-mount the modal so its column browser doesn't eagerly fetch root items\n  // for every cell in the list view. Only mount once the user opens it.\n  const [hasMountedModal, setHasMountedModal] = useState(false)\n  const shouldOpenAfterMountRef = useRef(false)\n\n  const handleOpenModal = useCallback(() => {\n    if (hasMountedModal) {\n      openModal()\n      return\n    }\n    shouldOpenAfterMountRef.current = true\n    setHasMountedModal(true)\n  }, [hasMountedModal, openModal])\n\n  // Open the modal once it has mounted (state update from handleOpenModal).\n  useEffect(() => {\n    if (hasMountedModal && shouldOpenAfterMountRef.current) {\n      shouldOpenAfterMountRef.current = false\n      openModal()\n    }\n  }, [hasMountedModal, openModal])\n\n  // Fetch relationship data when visible\n  useEffect(() => {\n    // Reset tracking if data changed\n    if (prevCellDataRef.current !== cellDataFromProps) {\n      prevCellDataRef.current = cellDataFromProps\n      hasRequestedRef.current = false\n    }\n\n    if (\n      (cellDataFromProps || typeof cellDataFromProps === 'number') &&\n      isAboveViewport &&\n      !hasRequestedRef.current &&\n      typeof relationTo === 'string'\n    ) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellDataFromProps)\n        ? cellDataFromProps\n        : [cellDataFromProps]\n\n      arrayCellData.forEach((cell) => {\n        if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n          formattedValues.push(cell)\n        }\n        if (typeof cell === 'number' || typeof cell === 'string') {\n          formattedValues.push({\n            relationTo,\n            value: cell,\n          })\n        }\n      })\n\n      getRelationships(formattedValues)\n      hasRequestedRef.current = true\n      setValues(formattedValues)\n    }\n  }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships])\n\n  // Get current selection IDs for the modal\n  const initialSelections = useMemo(() => {\n    if (!cellDataFromProps) {\n      return []\n    }\n    const data = Array.isArray(cellDataFromProps) ? cellDataFromProps : [cellDataFromProps]\n    return data.map((item) => {\n      if (typeof item === 'object' && 'value' in item) {\n        return item.value\n      }\n      return item\n    }) as (number | string)[]\n  }, [cellDataFromProps])\n\n  // Persist a new set of IDs on the row's document and reflect it locally so the\n  // cell updates without a page reload. Changes apply immediately, so the outcome is\n  // confirmed with a toast.\n  const saveIds = useCallback(\n    async ({\n      selectedIds,\n      successMessage,\n    }: {\n      selectedIds: (number | string)[]\n      successMessage: string\n    }) => {\n      try {\n        const response = await fetch(\n          `${config.serverURL}${config.routes.api}/${collectionSlug}/${rowData.id}`,\n          {\n            body: JSON.stringify({\n              [field.name]: hasMany ? selectedIds : (selectedIds[0] ?? null),\n            }),\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'PATCH',\n          },\n        )\n\n        const json = await response.json()\n\n        if (!response.ok) {\n          toast.error(json?.message || t('error:unknown'))\n          return\n        }\n\n        if (typeof relationTo === 'string') {\n          const newValues: Value[] = selectedIds.map((id) => ({\n            relationTo,\n            value: id,\n          }))\n          setValues(newValues)\n\n          // Request the new relationship docs to update the display\n          if (newValues.length > 0) {\n            getRelationships(newValues)\n          }\n        }\n\n        toast.success(successMessage)\n      } catch (_error) {\n        toast.error(t('error:unknown'))\n      }\n    },\n    [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships, t],\n  )\n\n  // Build display labels\n  const labels = useMemo(() => {\n    return values.map(({ relationTo: rel, value }) => {\n      const document = documents[rel]?.[value]\n      const relatedCollection = getEntityConfig({ collectionSlug: rel })\n\n      return formatDocTitle({\n        collectionConfig: relatedCollection,\n        data: document || null,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${t('general:untitled')} - ID: ${value}`,\n        i18n,\n      })\n    })\n  }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n])\n\n  // Title of the row's own document, used for the modal's `Move \"...\"` heading\n  const rowTitle = useMemo(\n    () =>\n      formatDocTitle({\n        collectionConfig: getEntityConfig({ collectionSlug }),\n        data: rowData as TypeWithID,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${t('general:untitled')} - ID: ${rowData?.id}`,\n        i18n,\n      }),\n    [collectionSlug, config.admin.dateFormat, getEntityConfig, i18n, rowData, t],\n  )\n\n  const displayText = labels.length > 0 ? labels.join(', ') : t('general:none')\n  const isLoading =\n    values.length > 0 &&\n    values.some(({ relationTo: rel, value }) => documents[rel]?.[value] === null)\n\n  // A single value is required to name the folder in the menu, so `hasMany` fields keep the\n  // plain button that opens the move modal directly.\n  const currentId = !hasMany && values.length === 1 ? values[0].value : undefined\n  const hasSingleFolder = typeof currentId === 'string' || typeof currentId === 'number'\n\n  // e.g. \"Folder\" / \"Tag\" - the hierarchy collection this document is filed under.\n  const hierarchyLabel = getTranslation(hierarchyCollectionConfig?.labels?.singular, i18n)\n\n  // Handle save from modal\n  const handleSave = useCallback(\n    async ({\n      closeModal,\n      selections,\n    }: {\n      closeModal: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      const selectedIds = Array.from(selections.keys())\n      const destination = selections.get(selectedIds[0])\n      const destinationTitle = destination?.path?.[destination.path.length - 1]?.title\n\n      closeModal()\n\n      await saveIds({\n        selectedIds,\n        successMessage:\n          !hasMany && destinationTitle\n            ? `Moved \"${rowTitle}\" to ${destinationTitle}`\n            : `Updated ${hierarchyLabel} for \"${rowTitle}\"`,\n      })\n    },\n    [hasMany, hierarchyLabel, rowTitle, saveIds],\n  )\n\n  const controlRef = useRef<HTMLDivElement | null>(null)\n  const [shouldRefocus, setShouldRefocus] = useState(false)\n\n  // Removal swaps the menu trigger out for the plain button, so focus is restored once the\n  // replacement has rendered rather than on the element that is about to unmount.\n  useEffect(() => {\n    if (shouldRefocus) {\n      controlRef.current?.querySelector('button')?.focus()\n      setShouldRefocus(false)\n    }\n  }, [shouldRefocus])\n\n  const handleRemove = useCallback(() => {\n    void saveIds({\n      selectedIds: [],\n      successMessage: `Removed \"${rowTitle}\" from ${hierarchyLabel}`,\n    })\n    setShouldRefocus(true)\n  }, [hierarchyLabel, rowTitle, saveIds])\n\n  const goToHref = useMemo(() => {\n    if (!hasSingleFolder || !collectionSlug) {\n      return undefined\n    }\n\n    const parentQueryParam = hierarchyConfig?.parentFieldName || 'parent'\n\n    return formatAdminURL({\n      adminRoute: config.routes.admin,\n      path: `/collections/${collectionSlug}/hierarchy?${parentQueryParam}=${currentId}`,\n    })\n  }, [\n    collectionSlug,\n    config.routes.admin,\n    currentId,\n    hasSingleFolder,\n    hierarchyConfig?.parentFieldName,\n  ])\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      <div className={`${baseClass}__control`} ref={controlRef}>\n        {hasSingleFolder ? (\n          <Popup\n            caret={false}\n            className={`${baseClass}__popup`}\n            horizontalAlign=\"left\"\n            portalClassName={`${baseClass}__popup-content`}\n            render={({ close }) => (\n              <PopupList.MenuItem>\n                <PopupList.Button\n                  onClick={() => {\n                    close()\n                    handleOpenModal()\n                  }}\n                >\n                  Move to...\n                </PopupList.Button>\n                <PopupList.Button\n                  onClick={() => {\n                    close()\n                    handleRemove()\n                  }}\n                >\n                  {`Remove from ${hierarchyLabel}`}\n                </PopupList.Button>\n                <PopupList.Divider />\n                <PopupList.Button href={goToHref} onClick={close}>\n                  <span className={`${baseClass}__truncate`} title={displayText}>\n                    {`Go to \"${displayText}\"`}\n                  </span>\n                </PopupList.Button>\n              </PopupList.MenuItem>\n            )}\n            renderButton={({ active, onClick, onKeyDown }) => (\n              <Button\n                aria-label={displayText}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__button`}\n                extraButtonProps={{\n                  'aria-expanded': active,\n                  'aria-haspopup': 'menu',\n                  onKeyDown,\n                }}\n                icon={displayIcon}\n                iconPosition=\"left\"\n                margin={false}\n                onClick={onClick}\n                selected={active}\n                size=\"medium\"\n                tooltip={displayText}\n              >\n                <span className={`${baseClass}__truncate`}>\n                  {isLoading ? `${t('general:loading')}...` : displayText}\n                </span>\n              </Button>\n            )}\n            size=\"fit-content\"\n            verticalAlign=\"bottom\"\n          />\n        ) : (\n          <Button\n            buttonStyle=\"secondary\"\n            className={`${baseClass}__button`}\n            icon={displayIcon}\n            iconPosition=\"left\"\n            margin={false}\n            onClick={handleOpenModal}\n            size=\"medium\"\n          >\n            {isLoading ? `${t('general:loading')}...` : displayText}\n          </Button>\n        )}\n      </div>\n      {hierarchyCollectionSlug && hasMountedModal && (\n        <HierarchyModal\n          hasMany={hasMany}\n          initialSelections={initialSelections}\n          onSave={handleSave}\n          title={!hasMany && rowTitle ? `${t('general:move')} \"${rowTitle}\"` : undefined}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useEffect","useMemo","useRef","useState","toast","useIntersect","FolderIcon","TagIcon","useConfig","useTranslation","canUseDOM","formatDocTitle","getEffectiveHierarchyCollections","getHierarchyCollectionRestrictions","getHierarchyListURL","Button","HierarchyActionsMenu","useHierarchyModal","useListRelationships","baseClass","HierarchyCell","cellData","cellDataFromProps","collectionSlug","customCellProps","field","rowData","relationTo","undefined","hasMany","config","getEntityConfig","intersectionRef","entry","values","setValues","documents","getRelationships","hasRequestedRef","prevCellDataRef","i18n","t","isAboveViewport","boundingClientRect","top","window","innerHeight","hierarchyCollectionSlug","hierarchyCollectionConfig","hierarchyConfig","relatedCollectionSlugs","typeFieldName","collectionConfig","filterByCollection","allowedCollections","Array","isArray","disabledIds","id","Set","preRenderedIcon","hierarchyIcon","preRenderedSmallIcon","hierarchySmallIcon","fallbackIcon","IconComponent","allowHasMany","_jsx","drawerIcon","displayIcon","HierarchyModal","openModal","Icon","hasMountedModal","setHasMountedModal","shouldOpenAfterMountRef","handleOpenModal","current","formattedValues","arrayCellData","forEach","cell","push","value","initialSelections","map","saveIds","selectedIds","response","fetch","serverURL","routes","api","body","JSON","stringify","name","credentials","headers","method","ok","responseData","json","catch","errorMessage","errors","message","error","newValues","length","handleSave","closeModal","selections","from","keys","labels","rel","document","relatedCollection","data","dateFormat","admin","fallback","displayText","join","isLoading","some","currentId","hasSingleSelection","hierarchyLabel","singular","handleRemove","goTo","href","adminRoute","parentFieldName","parentID","label","_jsxs","className","ref","hasActions","onMove","onRemove","renderTrigger","triggerProps","buttonStyle","extraButtonProps","icon","iconPosition","margin","onClick","selected","size","tooltip","confirmLabel","onSave"],"sources":["../../../../../../src/elements/Table/DefaultCell/fields/Hierarchy/index.tsx"],"sourcesContent":["'use client'\nimport type { DefaultCellComponentProps, RelationshipFieldClient } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../../../../Hierarchy/Modal/types.js'\n\nimport { useIntersect } from '../../../../../hooks/useIntersect.js'\nimport { FolderIcon } from '../../../../../icons/Folder/index.js'\nimport { TagIcon } from '../../../../../icons/Tag/index.js'\nimport { useConfig } from '../../../../../providers/Config/index.js'\nimport { useTranslation } from '../../../../../providers/Translation/index.js'\nimport { canUseDOM } from '../../../../../utilities/canUseDOM.js'\nimport { formatDocTitle } from '../../../../../utilities/formatDocTitle/index.js'\nimport {\n  getEffectiveHierarchyCollections,\n  getHierarchyCollectionRestrictions,\n} from '../../../../../utilities/hierarchyCollectionRestrictions.js'\nimport { getHierarchyListURL } from '../../../../../views/HierarchyList/getHierarchyListURL.js'\nimport { Button } from '../../../../Button/index.js'\nimport { HierarchyActionsMenu } from '../../../../Hierarchy/ActionsMenu/index.js'\nimport { useHierarchyModal } from '../../../../Hierarchy/Modal/useHierarchyModal.js'\nimport { useListRelationships } from '../../../RelationshipProvider/index.js'\nimport './index.css'\n\ntype Value = { relationTo: string; value: number | string }\nconst baseClass = 'hierarchy-cell'\n\nexport type HierarchyCellProps = DefaultCellComponentProps<RelationshipFieldClient>\n\nexport const HierarchyCell: React.FC<HierarchyCellProps> = ({\n  cellData: cellDataFromProps,\n  collectionSlug,\n  customCellProps,\n  field,\n  rowData,\n}) => {\n  const relationTo = 'relationTo' in field ? field.relationTo : undefined\n  const hasMany = field.hasMany ?? false\n\n  const { config, getEntityConfig } = useConfig()\n  const [intersectionRef, entry] = useIntersect()\n  const [values, setValues] = useState<Value[]>([])\n  const { documents, getRelationships } = useListRelationships()\n  const hasRequestedRef = useRef(false)\n  const prevCellDataRef = useRef<typeof cellDataFromProps>(undefined)\n  const { i18n, t } = useTranslation()\n\n  const isAboveViewport = canUseDOM ? entry?.boundingClientRect?.top < window.innerHeight : false\n\n  // Get the hierarchy collection config\n  const hierarchyCollectionSlug = typeof relationTo === 'string' ? relationTo : undefined\n  const hierarchyCollectionConfig = hierarchyCollectionSlug\n    ? getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n    : undefined\n\n  // Use pre-rendered icon from server if available, otherwise determine on client\n  const { hierarchyConfig, relatedCollectionSlugs, typeFieldName } = useMemo(\n    () => getHierarchyCollectionRestrictions({ collectionConfig: hierarchyCollectionConfig }),\n    [hierarchyCollectionConfig],\n  )\n\n  const filterByCollection = useMemo(() => {\n    if (!hierarchyCollectionSlug) {\n      return undefined\n    }\n    if (collectionSlug !== hierarchyCollectionSlug) {\n      return [collectionSlug]\n    }\n    if (!typeFieldName) {\n      return undefined\n    }\n    const allowedCollections = rowData[typeFieldName]\n\n    return getEffectiveHierarchyCollections({\n      allowedCollections: Array.isArray(allowedCollections)\n        ? (allowedCollections as string[])\n        : undefined,\n      relatedCollectionSlugs,\n    })\n  }, [collectionSlug, hierarchyCollectionSlug, relatedCollectionSlugs, rowData, typeFieldName])\n\n  const disabledIds = useMemo(\n    () =>\n      collectionSlug === hierarchyCollectionSlug && rowData.id !== undefined\n        ? new Set([rowData.id])\n        : undefined,\n    [collectionSlug, hierarchyCollectionSlug, rowData.id],\n  )\n\n  // Pre-rendered icons from server (supports custom icons)\n  const preRenderedIcon = customCellProps?.hierarchyIcon as React.ReactNode | undefined\n  const preRenderedSmallIcon = customCellProps?.hierarchySmallIcon as React.ReactNode | undefined\n\n  // Fallback icon for client-side rendering\n  const fallbackIcon = useMemo(() => {\n    if (preRenderedIcon) {\n      return null // Don't need fallback if we have pre-rendered icon\n    }\n    // Default based on allowHasMany: false = folder-like, true = tag-like\n    const IconComponent = hierarchyConfig?.allowHasMany === false ? FolderIcon : TagIcon\n    return <IconComponent />\n  }, [hierarchyConfig, preRenderedIcon])\n\n  // Full icon for modal subheader\n  const drawerIcon = preRenderedIcon || fallbackIcon\n  // Small icon for compact display\n  const displayIcon = preRenderedSmallIcon ?? drawerIcon\n\n  // Set up the hierarchy modal\n  const [HierarchyModal, , { openModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection,\n    hierarchyCollectionSlug: hierarchyCollectionSlug || '',\n    Icon: drawerIcon,\n  })\n\n  // Lazy-mount the modal so its column browser doesn't eagerly fetch root items\n  // for every cell in the list view. Only mount once the user opens it.\n  const [hasMountedModal, setHasMountedModal] = useState(false)\n  const shouldOpenAfterMountRef = useRef(false)\n\n  const handleOpenModal = useCallback(() => {\n    if (hasMountedModal) {\n      openModal()\n      return\n    }\n    shouldOpenAfterMountRef.current = true\n    setHasMountedModal(true)\n  }, [hasMountedModal, openModal])\n\n  // Open the modal once it has mounted (state update from handleOpenModal).\n  useEffect(() => {\n    if (hasMountedModal && shouldOpenAfterMountRef.current) {\n      shouldOpenAfterMountRef.current = false\n      openModal()\n    }\n  }, [hasMountedModal, openModal])\n\n  // Fetch relationship data when visible\n  useEffect(() => {\n    // Reset tracking if data changed\n    if (prevCellDataRef.current !== cellDataFromProps) {\n      prevCellDataRef.current = cellDataFromProps\n      hasRequestedRef.current = false\n    }\n\n    if (\n      (cellDataFromProps || typeof cellDataFromProps === 'number') &&\n      isAboveViewport &&\n      !hasRequestedRef.current &&\n      typeof relationTo === 'string'\n    ) {\n      const formattedValues: Value[] = []\n      const arrayCellData = Array.isArray(cellDataFromProps)\n        ? cellDataFromProps\n        : [cellDataFromProps]\n\n      arrayCellData.forEach((cell) => {\n        if (typeof cell === 'object' && 'relationTo' in cell && 'value' in cell) {\n          formattedValues.push(cell)\n        }\n        if (typeof cell === 'number' || typeof cell === 'string') {\n          formattedValues.push({\n            relationTo,\n            value: cell,\n          })\n        }\n      })\n\n      getRelationships(formattedValues)\n      hasRequestedRef.current = true\n      setValues(formattedValues)\n    }\n  }, [cellDataFromProps, relationTo, isAboveViewport, getRelationships])\n\n  // Read from local state so the picker reflects in-place moves and removes\n  const initialSelections = useMemo(() => values.map(({ value }) => value), [values])\n\n  const saveIds = useCallback(\n    async (selectedIds: (number | string)[]) => {\n      try {\n        const response = await fetch(\n          `${config.serverURL}${config.routes.api}/${collectionSlug}/${rowData.id}`,\n          {\n            body: JSON.stringify({\n              [field.name]: hasMany ? selectedIds : (selectedIds[0] ?? null),\n            }),\n            credentials: 'include',\n            headers: {\n              'Content-Type': 'application/json',\n            },\n            method: 'PATCH',\n          },\n        )\n\n        if (!response.ok) {\n          const responseData = await response.json().catch(() => null)\n          const errorMessage =\n            responseData?.errors?.[0]?.message ||\n            responseData?.error ||\n            responseData?.message ||\n            t('error:unknown')\n\n          toast.error(errorMessage)\n          return false\n        }\n\n        if (typeof relationTo === 'string') {\n          // Update local state with new selection to avoid page reload\n          const newValues: Value[] = selectedIds.map((id) => ({\n            relationTo,\n            value: id,\n          }))\n          setValues(newValues)\n\n          // Request the new relationship docs to update the display\n          if (newValues.length > 0) {\n            getRelationships(newValues)\n          }\n        }\n      } catch {\n        toast.error(t('error:unknown'))\n        return false\n      }\n\n      return true\n    },\n    [collectionSlug, config, field.name, hasMany, rowData, relationTo, getRelationships, t],\n  )\n\n  const handleSave = useCallback(\n    async ({\n      closeModal,\n      selections,\n    }: {\n      closeModal: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      if (await saveIds(Array.from(selections.keys()))) {\n        closeModal()\n      }\n    },\n    [saveIds],\n  )\n\n  // Build display labels\n  const labels = useMemo(() => {\n    return values.map(({ relationTo: rel, value }) => {\n      const document = documents[rel]?.[value]\n      const relatedCollection = getEntityConfig({ collectionSlug: rel })\n\n      return formatDocTitle({\n        collectionConfig: relatedCollection,\n        data: document || null,\n        dateFormat: config.admin.dateFormat,\n        fallback: `${t('general:untitled')} - ID: ${value}`,\n        i18n,\n      })\n    })\n  }, [values, documents, getEntityConfig, config.admin.dateFormat, t, i18n])\n\n  const displayText = labels.length > 0 ? labels.join(', ') : t('general:none')\n  const isLoading =\n    values.length > 0 &&\n    values.some(({ relationTo: rel, value }) => documents[rel]?.[value] === null)\n  const currentId = !hasMany && values.length === 1 ? values[0].value : undefined\n  const hasSingleSelection = typeof currentId === 'number' || typeof currentId === 'string'\n  const hierarchyLabel =\n    getTranslation(\n      hierarchyCollectionConfig?.labels?.singular || hierarchyCollectionSlug || '',\n      i18n,\n    ) || hierarchyCollectionSlug\n\n  const handleRemove = useCallback(() => saveIds([]), [saveIds])\n\n  const goTo = useMemo(\n    () =>\n      hasSingleSelection && hierarchyCollectionSlug\n        ? {\n            name: displayText,\n            href: getHierarchyListURL({\n              adminRoute: config.routes.admin,\n              collectionSlug: hierarchyCollectionSlug,\n              parentFieldName: hierarchyConfig?.parentFieldName,\n              parentID: currentId,\n            }),\n          }\n        : undefined,\n    [\n      config.routes.admin,\n      currentId,\n      displayText,\n      hasSingleSelection,\n      hierarchyCollectionSlug,\n      hierarchyConfig?.parentFieldName,\n    ],\n  )\n\n  const label = isLoading ? `${t('general:loading')}...` : displayText\n\n  return (\n    <div className={baseClass} ref={intersectionRef}>\n      <HierarchyActionsMenu\n        goTo={goTo}\n        hasActions={hasSingleSelection}\n        hierarchyLabel={hierarchyLabel}\n        onMove={handleOpenModal}\n        onRemove={handleRemove}\n        renderTrigger={(triggerProps) => (\n          <Button\n            aria-label={triggerProps ? label : undefined}\n            buttonStyle=\"secondary\"\n            className={`${baseClass}__button`}\n            extraButtonProps={triggerProps?.extraButtonProps}\n            icon={displayIcon}\n            iconPosition=\"left\"\n            margin={false}\n            onClick={triggerProps?.onClick ?? handleOpenModal}\n            selected={triggerProps?.selected}\n            size=\"medium\"\n            tooltip={triggerProps ? displayText : undefined}\n          >\n            {triggerProps ? <span className={`${baseClass}__truncate`}>{label}</span> : label}\n          </Button>\n        )}\n      />\n      {hierarchyCollectionSlug && hasMountedModal && (\n        <HierarchyModal\n          confirmLabel={t('general:confirm')}\n          hasMany={hasMany}\n          initialSelections={initialSelections}\n          onSave={handleSave}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,5 @@
 @layer payload-default {
   .json-cell {
-    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);