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

package/dist/views/HierarchyList/HierarchyTable/RelatedNameCell.js

@@ -1,100 +1,74 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { formatAdminURL } from 'payload/shared';
-import React, { useMemo } from 'react';
+import React from 'react';
 import { Link } from '../../../elements/Link/index.js';
 import { FileCell } from '../../../elements/Table/DefaultCell/fields/File/index.js';
 import { DocumentIcon } from '../../../icons/Document/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { baseClass } from './types.js';
-export const RelatedNameCell = ({
-  row
-}) => {
+export const RelatedNameCell = t0 => {
+  const $ = _c(4);
   const {
-    config: {
-      routes: {
-        admin: adminRoute
-      }
-    },
+    row
+  } = t0;
+  const {
+    config: t1,
     getEntityConfig
   } = useConfig();
-  const collectionConfig = getEntityConfig({
-    collectionSlug: row._collectionSlug
-  });
-  const titleField = collectionConfig?.admin?.useAsTitle || 'id';
-  const rawTitle = typeof row[titleField] === 'string' || typeof row[titleField] === 'number' ? row[titleField] : row.id;
-  const title = typeof rawTitle === 'object' ? JSON.stringify(rawTitle) : String(rawTitle);
-  const editUrl = formatAdminURL({
-    adminRoute,
-    path: `/collections/${row._collectionSlug}/${row.id}`
-  });
-  // Upload collections delegate to the list view's file cell, so thumbnail resolution and styling
-  // stay in one place. Everything else gets a generic document icon.
-  const filenameField = collectionConfig?.upload ? collectionConfig.fields.find(field => 'name' in field && field.name === 'filename') : undefined;
-  // Collections that aren't upload-enabled can still point at an upload field via
-  // `admin.useAsThumbnail`. The list query populates it to a depth of 1, so the related upload doc
-  // arrives on the row and can drive the same file cell.
-  const relatedUpload = useMemo(() => {
-    const fieldName = collectionConfig?.admin?.useAsThumbnail;
-    if (!fieldName || collectionConfig?.upload) {
-      return undefined;
-    }
-    const uploadField = collectionConfig.fields.find(field_0 => 'name' in field_0 && field_0.name === fieldName && field_0.type === 'upload');
-    if (!uploadField) {
-      return undefined;
-    }
-    // `useAsThumbnail` can point at a `hasMany` upload field, in which case the populated value is
-    // an array of docs rather than a single one - use the first.
-    const rawValue = row[fieldName];
-    const value = Array.isArray(rawValue) ? rawValue[0] : rawValue;
-    if (!value || typeof value !== 'object') {
-      return undefined;
-    }
-    // Polymorphic upload fields populate as `{ relationTo, value }` rather than the doc itself.
-    const isPolymorphic = 'relationTo' in value && 'value' in value;
-    const doc = isPolymorphic ? value.value : value;
-    const uploadSlug = isPolymorphic ? String(value.relationTo) : Array.isArray(uploadField.relationTo) ? undefined : uploadField.relationTo;
-    if (!doc || typeof doc !== 'object' || !uploadSlug) {
-      return undefined;
-    }
-    const uploadCollectionConfig = getEntityConfig({
-      collectionSlug: uploadSlug
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  let t3;
+  if ($[0] !== adminRoute || $[1] !== getEntityConfig || $[2] !== row) {
+    const collectionConfig = getEntityConfig({
+      collectionSlug: row._collectionSlug
+    });
+    const titleField = collectionConfig?.admin?.useAsTitle || "id";
+    const rawTitle = typeof row[titleField] === "string" || typeof row[titleField] === "number" ? row[titleField] : row.id;
+    const title = typeof rawTitle === "object" ? JSON.stringify(rawTitle) : String(rawTitle);
+    const editUrl = formatAdminURL({
+      adminRoute,
+      path: `/collections/${row._collectionSlug}/${row.id}`
+    });
+    const filenameField = collectionConfig?.upload ? collectionConfig.fields.find(_temp) : undefined;
+    const fileCellProps = filenameField ? {
+      collectionConfig,
+      field: filenameField,
+      rowData: row
+    } : undefined;
+    t3 = _jsx(Link, {
+      className: `${baseClass}__name-link cell-link`,
+      href: editUrl,
+      children: fileCellProps ? _jsx(FileCell, {
+        cellData: title,
+        collectionSlug: fileCellProps.collectionConfig.slug,
+        ...fileCellProps
+      }) : _jsxs(_Fragment, {
+        children: [_jsx("span", {
+          className: `${baseClass}__name-icon`,
+          children: _jsx(DocumentIcon, {})
+        }), _jsx("span", {
+          className: `${baseClass}__name-text`,
+          children: title
+        })]
+      })
     });
-    if (!uploadCollectionConfig) {
-      return undefined;
-    }
-    return {
-      collectionConfig: uploadCollectionConfig,
-      doc,
-      field: uploadField
-    };
-  }, [collectionConfig, getEntityConfig, row]);
-  const fileCellProps = filenameField ? {
-    collectionConfig,
-    field: filenameField,
-    rowData: row
-  } : relatedUpload ? {
-    collectionConfig: relatedUpload.collectionConfig,
-    field: relatedUpload.field,
-    rowData: relatedUpload.doc
-  } : undefined;
-  return /*#__PURE__*/_jsx(Link, {
-    className: `${baseClass}__name-link cell-link`,
-    href: editUrl,
-    children: fileCellProps ? /*#__PURE__*/_jsx(FileCell, {
-      cellData: title,
-      collectionSlug: fileCellProps.collectionConfig.slug,
-      ...fileCellProps
-    }) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("span", {
-        className: `${baseClass}__name-icon`,
-        children: /*#__PURE__*/_jsx(DocumentIcon, {})
-      }), /*#__PURE__*/_jsx("span", {
-        className: `${baseClass}__name-text`,
-        children: title
-      })]
-    })
-  });
+    $[0] = adminRoute;
+    $[1] = getEntityConfig;
+    $[2] = row;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  return t3;
 };
+function _temp(field) {
+  return "name" in field && field.name === "filename";
+}
 //# sourceMappingURL=RelatedNameCell.js.map

package/dist/views/HierarchyList/HierarchyTable/RelatedNameCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelatedNameCell.js","names":["formatAdminURL","React","useMemo","Link","FileCell","DocumentIcon","useConfig","baseClass","RelatedNameCell","row","config","routes","admin","adminRoute","getEntityConfig","collectionConfig","collectionSlug","_collectionSlug","titleField","useAsTitle","rawTitle","id","title","JSON","stringify","String","editUrl","path","filenameField","upload","fields","find","field","name","undefined","relatedUpload","fieldName","useAsThumbnail","uploadField","type","rawValue","value","Array","isArray","isPolymorphic","doc","uploadSlug","relationTo","uploadCollectionConfig","fileCellProps","rowData","_jsx","className","href","cellData","slug","_jsxs","_Fragment"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/RelatedNameCell.tsx"],"sourcesContent":["'use client'\n\nimport type { TextFieldClient, UploadFieldClient } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport type { SlotColumn } from './SlotTable.js'\nimport type { TableRow } from './types.js'\n\nimport { Link } from '../../../elements/Link/index.js'\nimport { FileCell } from '../../../elements/Table/DefaultCell/fields/File/index.js'\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { baseClass } from './types.js'\n\nexport const RelatedNameCell: SlotColumn<TableRow>['Cell'] = ({ row }) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: row._collectionSlug })\n  const titleField = collectionConfig?.admin?.useAsTitle || 'id'\n  const rawTitle =\n    typeof row[titleField] === 'string' || typeof row[titleField] === 'number'\n      ? row[titleField]\n      : row.id\n  const title = typeof rawTitle === 'object' ? JSON.stringify(rawTitle) : String(rawTitle)\n\n  const editUrl = formatAdminURL({\n    adminRoute,\n    path: `/collections/${row._collectionSlug}/${row.id}`,\n  })\n\n  // Upload collections delegate to the list view's file cell, so thumbnail resolution and styling\n  // stay in one place. Everything else gets a generic document icon.\n  const filenameField = collectionConfig?.upload\n    ? collectionConfig.fields.find((field) => 'name' in field && field.name === 'filename')\n    : undefined\n\n  // Collections that aren't upload-enabled can still point at an upload field via\n  // `admin.useAsThumbnail`. The list query populates it to a depth of 1, so the related upload doc\n  // arrives on the row and can drive the same file cell.\n  const relatedUpload = useMemo(() => {\n    const fieldName = collectionConfig?.admin?.useAsThumbnail\n\n    if (!fieldName || collectionConfig?.upload) {\n      return undefined\n    }\n\n    const uploadField = collectionConfig.fields.find(\n      (field) => 'name' in field && field.name === fieldName && field.type === 'upload',\n    ) as undefined | UploadFieldClient\n\n    if (!uploadField) {\n      return undefined\n    }\n\n    // `useAsThumbnail` can point at a `hasMany` upload field, in which case the populated value is\n    // an array of docs rather than a single one - use the first.\n    const rawValue = row[fieldName]\n    const value = Array.isArray(rawValue) ? rawValue[0] : rawValue\n\n    if (!value || typeof value !== 'object') {\n      return undefined\n    }\n\n    // Polymorphic upload fields populate as `{ relationTo, value }` rather than the doc itself.\n    const isPolymorphic = 'relationTo' in value && 'value' in value\n    const doc = (isPolymorphic ? value.value : value) as Record<string, unknown>\n    const uploadSlug = isPolymorphic\n      ? String(value.relationTo)\n      : Array.isArray(uploadField.relationTo)\n        ? undefined\n        : uploadField.relationTo\n\n    if (!doc || typeof doc !== 'object' || !uploadSlug) {\n      return undefined\n    }\n\n    const uploadCollectionConfig = getEntityConfig({ collectionSlug: uploadSlug })\n\n    if (!uploadCollectionConfig) {\n      return undefined\n    }\n\n    return { collectionConfig: uploadCollectionConfig, doc, field: uploadField }\n  }, [collectionConfig, getEntityConfig, row])\n\n  const fileCellProps = filenameField\n    ? {\n        collectionConfig,\n        field: filenameField as TextFieldClient,\n        rowData: row,\n      }\n    : relatedUpload\n      ? {\n          collectionConfig: relatedUpload.collectionConfig,\n          field: relatedUpload.field,\n          rowData: relatedUpload.doc,\n        }\n      : undefined\n\n  return (\n    <Link className={`${baseClass}__name-link cell-link`} href={editUrl}>\n      {fileCellProps ? (\n        <FileCell\n          cellData={title}\n          collectionSlug={fileCellProps.collectionConfig.slug}\n          {...fileCellProps}\n        />\n      ) : (\n        <>\n          <span className={`${baseClass}__name-icon`}>\n            <DocumentIcon />\n          </span>\n          <span className={`${baseClass}__name-text`}>{title}</span>\n        </>\n      )}\n    </Link>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RelatedNameCell.js","names":["c","_c","formatAdminURL","React","Link","FileCell","DocumentIcon","useConfig","baseClass","RelatedNameCell","t0","$","row","config","t1","getEntityConfig","routes","t2","admin","adminRoute","t3","collectionConfig","collectionSlug","_collectionSlug","titleField","useAsTitle","rawTitle","id","title","JSON","stringify","String","editUrl","path","filenameField","upload","fields","find","_temp","undefined","fileCellProps","field","rowData","_jsx","className","href","children","cellData","slug","_jsxs","_Fragment","name"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/RelatedNameCell.tsx"],"sourcesContent":["'use client'\n\nimport type { TextFieldClient } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport type { SlotColumn } from './SlotTable.js'\nimport type { TableRow } from './types.js'\n\nimport { Link } from '../../../elements/Link/index.js'\nimport { FileCell } from '../../../elements/Table/DefaultCell/fields/File/index.js'\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { baseClass } from './types.js'\n\nexport const RelatedNameCell: SlotColumn<TableRow>['Cell'] = ({ row }) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: row._collectionSlug })\n  const titleField = collectionConfig?.admin?.useAsTitle || 'id'\n  const rawTitle =\n    typeof row[titleField] === 'string' || typeof row[titleField] === 'number'\n      ? row[titleField]\n      : row.id\n  const title = typeof rawTitle === 'object' ? JSON.stringify(rawTitle) : String(rawTitle)\n\n  const editUrl = formatAdminURL({\n    adminRoute,\n    path: `/collections/${row._collectionSlug}/${row.id}`,\n  })\n\n  const filenameField = collectionConfig?.upload\n    ? collectionConfig.fields.find((field) => 'name' in field && field.name === 'filename')\n    : undefined\n\n  const fileCellProps = filenameField\n    ? {\n        collectionConfig,\n        field: filenameField as TextFieldClient,\n        rowData: row,\n      }\n    : undefined\n\n  return (\n    <Link className={`${baseClass}__name-link cell-link`} href={editUrl}>\n      {fileCellProps ? (\n        <FileCell\n          cellData={title}\n          collectionSlug={fileCellProps.collectionConfig.slug}\n          {...fileCellProps}\n        />\n      ) : (\n        <>\n          <span className={`${baseClass}__name-icon`}>\n            <DocumentIcon />\n          </span>\n          <span className={`${baseClass}__name-text`}>{title}</span>\n        </>\n      )}\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAKlB,SAASC,IAAI,QAAQ;AACrB,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAE1B,OAAO,MAAMC,eAAA,GAAgDC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAAC;IAAAW;EAAA,IAAAF,EAAO;EACnE;IAAAG,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAKIR,SAAA;EAJM;IAAAS,MAAA,EAAAC;EAAA,IAAAH,EAEP;EADS;IAAAI,KAAA,EAAAC;EAAA,IAAAF,EAAqB;EAAA,IAAAG,EAAA;EAAA,IAAAT,CAAA,QAAAQ,UAAA,IAAAR,CAAA,QAAAI,eAAA,IAAAJ,CAAA,QAAAC,GAAA;IAKjC,MAAAS,gBAAA,GAAyBN,eAAA,CAAgB;MAAAO,cAAA,EAAkBV,GAAA,CAAAW;IAAoB;IAC/E,MAAAC,UAAA,GAAmBH,gBAAA,EAAAH,KAAyB,EAAAO,UAAc,IAAvC,IAAuC;IAC1D,MAAAC,QAAA,GACE,OAAOd,GAAG,CAACY,UAAA,CAAW,KAAK,QAAuC,IAA3B,OAAOZ,GAAG,CAACY,UAAA,CAAW,KAAK,QAExD,GADNZ,GAAG,CAACY,UAAA,CACE,GAANZ,GAAA,CAAAe,EAAM;IACZ,MAAAC,KAAA,GAAc,OAAOF,QAAA,KAAa,QAA6C,GAAlCG,IAAA,CAAAC,SAAc,CAACJ,QAAmB,IAAPK,MAAA,CAAOL,QAAA;IAE/E,MAAAM,OAAA,GAAgB9B,cAAA,CAAe;MAAAiB,UAAA;MAAAc,IAAA,EAEvB,gBAAgBrB,GAAA,CAAAW,eAAmB,IAAIX,GAAA,CAAAe,EAAM;IACrD;IAEA,MAAAO,aAAA,GAAsBb,gBAAA,EAAAc,MAElB,GADAd,gBAAA,CAAAe,MAAuB,CAAAC,IAAK,CAACC,KAC7B,IAFkBC,SAElB;IAEJ,MAAAC,aAAA,GAAsBN,aAAA;MAAAb,gBAAA;MAAAoB,KAAA,EAGTP,aAAA;MAAAQ,OAAA,EACE9B;IAEX,IANkB2B,SAMlB;IAGFnB,EAAA,GAAAuB,IAAA,CAACvC,IAAA;MAAAwC,SAAA,EAAgB,GAAGpC,SAAA,uBAAgC;MAAAqC,IAAA,EAAQb,OAAA;MAAAc,QAAA,EACzDN,aAAA,GACCG,IAAA,CAACtC,QAAA;QAAA0C,QAAA,EACWnB,KAAA;QAAAN,cAAA,EACMkB,aAAA,CAAAnB,gBAA8B,CAAA2B,IAAK;QAAA,GAC/CR;WAGNS,KAAA,CAAAC,SAAA;QAAAJ,QAAA,E,CACEH,IAAA,CAAC;UAAAC,SAAA,EAAgB,GAAGpC,SAAA,aAAsB;UAAAsC,QAAA,EACxCH,IAAA,CAACrC,YAAA;YAEHqC,IAAA,CAAC;UAAAC,SAAA,EAAgB,GAAGpC,SAAA,aAAsB;UAAAsC,QAAA,EAAGlB;;;;;;;;;;;SAZnDR,E;CAiBJ;AAnD6D,SAAAkB,MAAAG,KAAA;EAAA,OAsBf,UAAUA,KAAwB,IAAfA,KAAA,CAAAU,IAAU,KAAK;AAAA","ignoreList":[]}

package/dist/views/HierarchyList/HierarchyTable/SlotTable.css

@@ -1,8 +1,4 @@
 @layer payload-default {
-  /*
-   * Rows use the shared table's classes (see elements/Table/index.css), so only what the slot
-   * API adds on top lives here: a whole-row click target, and the drag column's own affordance.
-   */
   .slot-table__tr--clickable {
     cursor: pointer;
 
@@ -36,10 +32,73 @@
     height: var(--spacer-3);
   }
 
-  /* Header cell that spans the checkbox column via colspan */
   .slot-table__th-merged {
     display: flex;
     align-items: center;
     gap: var(--spacer-2);
   }
+
+  /* Condensed appearance */
+  .slot-table--appearance-condensed {
+    border-radius: var(--radius-small);
+
+    table {
+      border-collapse: collapse;
+    }
+
+    thead {
+      background: var(--color-bg-secondary);
+
+      th:first-child {
+        border-top-left-radius: var(--radius-small);
+      }
+
+      th:last-child {
+        border-top-right-radius: var(--radius-small);
+      }
+    }
+
+    tbody tr {
+      &:nth-child(odd) {
+        background: transparent;
+
+        td:first-child,
+        td:last-child {
+          border-radius: 0;
+        }
+      }
+
+      &:last-child {
+        td:first-child {
+          border-bottom-left-radius: var(--radius-small);
+        }
+
+        td:last-child {
+          border-bottom-right-radius: var(--radius-small);
+        }
+      }
+    }
+
+    .slot-table__th,
+    .slot-table__td {
+      padding: var(--spacer-1);
+      border: 0.5px solid var(--color-border);
+
+      &:first-child {
+        padding-inline-start: var(--spacer-2-5);
+      }
+
+      &:last-child {
+        padding-inline-end: var(--spacer-2-5);
+      }
+    }
+  }
+
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
+  @media (max-width: 1024px) {
+    .slot-table__th,
+    .slot-table__td {
+      max-width: 70vw;
+    }
+  }
 }

package/dist/views/HierarchyList/HierarchyTable/SlotTable.d.ts

@@ -23,10 +23,6 @@ export type SlotColumn<TRow = Record<string, unknown>> = {
      * Column header content
      */
     heading: React.ReactNode;
-    /**
-     * Marks the column as the row's link to its document, so the cell adopts the shared
-     * `cell--linked` treatment: padding moves onto the anchor for a full-cell click target.
-     */
     isLinked?: boolean;
 };
 export type SlotTableProps<TRow = Record<string, unknown>> = {

package/dist/views/HierarchyList/HierarchyTable/SlotTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlotTable.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/SlotTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,mCAAmC,CAAA;AAC1C,OAAO,iBAAiB,CAAA;AAOxB,MAAM,MAAM,UAAU,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACvD;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QAAC,GAAG,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACzE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAC3D;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAA;IAC3B;;OAEG;IACH,IAAI,EAAE,IAAI,EAAE,CAAA;IACZ;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACxD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,GAAG,IAAI,CAAA;IACjE;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;CACnC,CAAA;AAED,wBAAgB,SAAS,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACxF,UAAsB,EACtB,SAAS,EACT,cAAc,EACd,OAAO,EACP,IAAI,EACJ,cAAqB,EACrB,gBAAuB,EACvB,YAAmB,EACnB,eAAsB,EACtB,QAA+D,EAC/D,gBAAgB,EAChB,mBAA2B,EAC3B,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,WAAuB,GACxB,EAAE,cAAc,CAAC,IAAI,CAAC,qBA+ItB"}
+{"version":3,"file":"SlotTable.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/SlotTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAEnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,mCAAmC,CAAA;AAE1C,OAAO,iBAAiB,CAAA;AAMxB,MAAM,MAAM,UAAU,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IACvD;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;QAAE,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;QAAC,GAAG,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACzE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI;IAC3D;;OAEG;IACH,UAAU,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;OAEG;IACH,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,CAAA;IAC3B;;OAEG;IACH,IAAI,EAAE,IAAI,EAAE,CAAA;IACZ;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACxD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,GAAG,IAAI,CAAA;IACjE;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;CACnC,CAAA;AAED,wBAAgB,SAAS,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EACxF,UAAsB,EACtB,SAAS,EACT,cAAc,EACd,OAAO,EACP,IAAI,EACJ,cAAqB,EACrB,gBAAuB,EACvB,YAAmB,EACnB,eAAsB,EACtB,QAA+D,EAC/D,gBAAgB,EAChB,mBAA2B,EAC3B,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,WAAuB,GACxB,EAAE,cAAc,CAAC,IAAI,CAAC,qBAqJtB"}

package/dist/views/HierarchyList/HierarchyTable/SlotTable.js

@@ -5,12 +5,10 @@ import React from 'react';
 import { Locked } from '../../../elements/Locked/index.js';
 import { CheckboxInput } from '../../../fields/Checkbox/Input.js';
 import { AlignJustifiedIcon } from '../../../icons/AlignJustified/index.js';
-// Rows adopt the shared table's class contract (`cell--linked`, `cell-_select`, ...) so the
-// styling lives in one place; this file only adds what the slot API needs on top.
 import '../../../elements/Table/index.css';
+import { useTranslation } from '../../../providers/Translation/index.js';
 import './SlotTable.css';
 const baseClass = 'slot-table';
-/** Matches what SelectRow renders, so the shared row-selected background rule applies here too. */
 const selectRowClass = 'select-row select-row__checkbox';
 export function SlotTable({
   appearance = 'default',
@@ -31,21 +29,24 @@ export function SlotTable({
   parentId,
   selectedIds = new Set()
 }) {
-  const allSelected = data.length > 0 && data.every((row, i) => selectedIds.has(getRowId(row, i)));
-  const someSelected = data.some((row, i) => selectedIds.has(getRowId(row, i)));
+  const {
+    t
+  } = useTranslation();
+  const allSelected = data.length > 0 && data.every((row_0, i) => selectedIds.has(getRowId(row_0, i)));
+  const someSelected = data.some((row_1, i_0) => selectedIds.has(getRowId(row_1, i_0)));
   const handleSelectAll = () => {
     onSelectAllChange?.(!allSelected);
   };
-  const handleRowCheckbox = (row, index, isSelected) => {
-    onCheckboxChange?.(row, !isSelected, index);
+  const handleRowCheckbox = (row_2, index_0, isSelected) => {
+    onCheckboxChange?.(row_2, !isSelected, index_0);
   };
-  const handleRowClick = (row, index) => {
-    onRowClick?.(row, index);
+  const handleRowClick = (row_3, index_1) => {
+    onRowClick?.(row_3, index_1);
   };
-  const handleRowKeyDown = (row, index, e) => {
+  const handleRowKeyDown = (row_4, index_2, e) => {
     if (e.key === 'Enter' || e.key === ' ') {
       e.preventDefault();
-      onRowClick?.(row, index);
+      onRowClick?.(row_4, index_2);
     }
   };
   return /*#__PURE__*/_jsx("div", {
@@ -56,15 +57,17 @@ export function SlotTable({
       children: [enableHeader && /*#__PURE__*/_jsx("thead", {
         children: /*#__PURE__*/_jsxs("tr", {
           children: [enableCheckbox && !mergeCheckboxHeader && /*#__PURE__*/_jsx("th", {
-            id: "heading-_select",
+            className: "heading-_select",
             children: enableSelectAll && /*#__PURE__*/_jsx(CheckboxInput, {
+              "aria-label": t('general:selectAllRows'),
               checked: allSelected,
               className: selectRowClass,
               onToggle: handleSelectAll,
-              partialChecked: someSelected && !allSelected
+              partialChecked: someSelected && !allSelected,
+              variant: "muted"
             })
           }), enableDragHandle && /*#__PURE__*/_jsx("th", {
-            id: "heading-_dragHandle",
+            className: "heading-_dragHandle",
             children: /*#__PURE__*/_jsx("span", {
               className: `${baseClass}__drag-header`
             })
@@ -73,43 +76,50 @@ export function SlotTable({
             return /*#__PURE__*/_jsx("th", {
               className: col.className,
               colSpan: isMergedCheckboxColumn ? 2 : undefined,
-              id: `heading-${col.accessor}`,
               children: isMergedCheckboxColumn && enableSelectAll ? /*#__PURE__*/_jsxs("span", {
                 className: `${baseClass}__th-merged`,
                 children: [/*#__PURE__*/_jsx(CheckboxInput, {
+                  "aria-label": t('general:selectLabel', {
+                    label: t('general:document')
+                  }),
                   checked: allSelected,
                   className: selectRowClass,
                   onToggle: handleSelectAll,
-                  partialChecked: someSelected && !allSelected
+                  partialChecked: someSelected && !allSelected,
+                  variant: "muted"
                 }), col.heading]
               }) : col.heading
             }, col.accessor);
           })]
         })
       }), /*#__PURE__*/_jsx("tbody", {
-        children: data.map((row, rowIndex) => {
-          const rowId = getRowId(row, rowIndex);
-          const isSelected = selectedIds.has(rowId);
+        children: data.map((row_5, rowIndex) => {
+          const rowId = getRowId(row_5, rowIndex);
+          const isSelected_0 = selectedIds.has(rowId);
           const isClickable = Boolean(onRowClick);
           return /*#__PURE__*/_jsxs("tr", {
             className: isClickable ? `${baseClass}__tr--clickable` : undefined,
             "data-id": rowId,
-            onClick: isClickable ? () => handleRowClick(row, rowIndex) : undefined,
-            onKeyDown: isClickable ? e => handleRowKeyDown(row, rowIndex, e) : undefined,
+            onClick: isClickable ? () => handleRowClick(row_5, rowIndex) : undefined,
+            onKeyDown: isClickable ? e_0 => handleRowKeyDown(row_5, rowIndex, e_0) : undefined,
             tabIndex: isClickable ? 0 : undefined,
             children: [enableCheckbox && /*#__PURE__*/_jsx("td", {
               className: "cell-_select",
               children: (() => {
-                const lockedUser = getRowLockedUser?.(row, rowIndex);
+                const lockedUser = getRowLockedUser?.(row_5, rowIndex);
                 if (lockedUser) {
                   return /*#__PURE__*/_jsx(Locked, {
                     user: lockedUser
                   });
                 }
                 return /*#__PURE__*/_jsx(CheckboxInput, {
-                  checked: isSelected,
+                  "aria-label": t('general:selectLabel', {
+                    label: t('general:document')
+                  }),
+                  checked: isSelected_0,
                   className: selectRowClass,
-                  onToggle: () => handleRowCheckbox(row, rowIndex, isSelected)
+                  onToggle: () => handleRowCheckbox(row_5, rowIndex, isSelected_0),
+                  variant: "muted"
                 });
               })()
             }), enableDragHandle && /*#__PURE__*/_jsx("td", {
@@ -118,14 +128,14 @@ export function SlotTable({
                 className: `${baseClass}__drag-handle`,
                 children: /*#__PURE__*/_jsx(AlignJustifiedIcon, {})
               })
-            }), columns.map(col => /*#__PURE__*/_jsx("td", {
-              className: [`cell-${col.accessor}`, col.isLinked && 'cell--linked', col.className].filter(Boolean).join(' '),
-              children: /*#__PURE__*/_jsx(col.Cell, {
-                column: col,
-                row: row,
+            }), columns.map(col_0 => /*#__PURE__*/_jsx("td", {
+              className: [`cell-${col_0.accessor}`, col_0.isLinked && 'cell--linked', col_0.className].filter(Boolean).join(' '),
+              children: /*#__PURE__*/_jsx(col_0.Cell, {
+                column: col_0,
+                row: row_5,
                 rowIndex: rowIndex
               })
-            }, col.accessor))]
+            }, col_0.accessor))]
           }, rowId);
         })
       })]

package/dist/views/HierarchyList/HierarchyTable/SlotTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlotTable.js","names":["React","Locked","CheckboxInput","AlignJustifiedIcon","baseClass","selectRowClass","SlotTable","appearance","className","collectionSlug","columns","data","enableCheckbox","enableDragHandle","enableHeader","enableSelectAll","getRowId","row","index","id","getRowLockedUser","mergeCheckboxHeader","onCheckboxChange","onRowClick","onSelectAllChange","parentId","selectedIds","Set","allSelected","length","every","i","has","someSelected","some","handleSelectAll","handleRowCheckbox","isSelected","handleRowClick","handleRowKeyDown","e","key","preventDefault","_jsx","filter","Boolean","join","_jsxs","cellPadding","cellSpacing","checked","onToggle","partialChecked","map","col","colIndex","isMergedCheckboxColumn","colSpan","undefined","accessor","heading","rowIndex","rowId","isClickable","onClick","onKeyDown","tabIndex","lockedUser","user","isLinked","Cell","column"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/SlotTable.tsx"],"sourcesContent":["'use client'\n\nimport type { User } from 'payload'\n\nimport React from 'react'\n\nimport { Locked } from '../../../elements/Locked/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { AlignJustifiedIcon } from '../../../icons/AlignJustified/index.js'\n// Rows adopt the shared table's class contract (`cell--linked`, `cell-_select`, ...) so the\n// styling lives in one place; this file only adds what the slot API needs on top.\nimport '../../../elements/Table/index.css'\nimport './SlotTable.css'\n\nconst baseClass = 'slot-table'\n\n/** Matches what SelectRow renders, so the shared row-selected background rule applies here too. */\nconst selectRowClass = 'select-row select-row__checkbox'\n\nexport type SlotColumn<TRow = Record<string, unknown>> = {\n  /**\n   * Unique identifier for the column\n   */\n  accessor: string\n  /**\n   * Cell component that receives the row data\n   */\n  Cell: React.FC<{ column: SlotColumn<TRow>; row: TRow; rowIndex: number }>\n  /**\n   * Optional class name for the column cells\n   */\n  className?: string\n  /**\n   * Column header content\n   */\n  heading: React.ReactNode\n  /**\n   * Marks the column as the row's link to its document, so the cell adopts the shared\n   * `cell--linked` treatment: padding moves onto the anchor for a full-cell click target.\n   */\n  isLinked?: boolean\n}\n\nexport type SlotTableProps<TRow = Record<string, unknown>> = {\n  /**\n   * Table appearance\n   */\n  appearance?: 'condensed' | 'default'\n  /**\n   * Additional class name\n   */\n  className?: string\n  /**\n   * Collection slug for the table\n   */\n  collectionSlug?: string\n  /**\n   * Column definitions with Cell components\n   */\n  columns: SlotColumn<TRow>[]\n  /**\n   * Data array - table loops over this\n   */\n  data: TRow[]\n  /**\n   * Show checkbox column (default: true)\n   */\n  enableCheckbox?: boolean\n  /**\n   * Show drag handle column (default: true)\n   */\n  enableDragHandle?: boolean\n  /**\n   * Show header row with column headings (default: true)\n   */\n  enableHeader?: boolean\n  /**\n   * Show select-all checkbox in header (default: true, requires enableCheckbox and enableHeader)\n   */\n  enableSelectAll?: boolean\n  /**\n   * Get unique ID for each row\n   */\n  getRowId?: (row: TRow, index: number) => number | string\n  /**\n   * Returns the user who is editing/locking a row, or undefined if not locked.\n   * When a user is returned, a lock icon replaces the checkbox for that row.\n   */\n  getRowLockedUser?: (row: TRow, index: number) => undefined | User\n  /**\n   * Merge checkbox header with first column header using colspan (default: false)\n   * The first column header will span both checkbox and content cells\n   */\n  mergeCheckboxHeader?: boolean\n  /**\n   * Callback when checkbox is toggled\n   */\n  onCheckboxChange?: (row: TRow, checked: boolean, index: number) => void\n  /**\n   * Row click handler (for navigation)\n   */\n  onRowClick?: (row: TRow, index: number) => void\n  /**\n   * Callback when \"select all\" checkbox is toggled\n   */\n  onSelectAllChange?: (checked: boolean) => void\n  /**\n   * Parent ID for the table\n   */\n  parentId?: null | number | string\n  /**\n   * Currently selected row IDs\n   */\n  selectedIds?: Set<number | string>\n}\n\nexport function SlotTable<TRow extends Record<string, unknown> = Record<string, unknown>>({\n  appearance = 'default',\n  className,\n  collectionSlug,\n  columns,\n  data,\n  enableCheckbox = true,\n  enableDragHandle = true,\n  enableHeader = true,\n  enableSelectAll = true,\n  getRowId = (row, index) => (row.id as number | string) ?? index,\n  getRowLockedUser,\n  mergeCheckboxHeader = false,\n  onCheckboxChange,\n  onRowClick,\n  onSelectAllChange,\n  parentId,\n  selectedIds = new Set(),\n}: SlotTableProps<TRow>) {\n  const allSelected = data.length > 0 && data.every((row, i) => selectedIds.has(getRowId(row, i)))\n  const someSelected = data.some((row, i) => selectedIds.has(getRowId(row, i)))\n\n  const handleSelectAll = () => {\n    onSelectAllChange?.(!allSelected)\n  }\n\n  const handleRowCheckbox = (row: TRow, index: number, isSelected: boolean) => {\n    onCheckboxChange?.(row, !isSelected, index)\n  }\n\n  const handleRowClick = (row: TRow, index: number) => {\n    onRowClick?.(row, index)\n  }\n\n  const handleRowKeyDown = (row: TRow, index: number, e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      onRowClick?.(row, index)\n    }\n  }\n\n  return (\n    <div\n      className={['table', appearance && `table--appearance-${appearance}`, baseClass, className]\n        .filter(Boolean)\n        .join(' ')}\n      key={`${collectionSlug}-${parentId}`}\n    >\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        {enableHeader && (\n          <thead>\n            <tr>\n              {enableCheckbox && !mergeCheckboxHeader && (\n                <th id=\"heading-_select\">\n                  {enableSelectAll && (\n                    <CheckboxInput\n                      checked={allSelected}\n                      className={selectRowClass}\n                      onToggle={handleSelectAll}\n                      partialChecked={someSelected && !allSelected}\n                    />\n                  )}\n                </th>\n              )}\n              {enableDragHandle && (\n                <th id=\"heading-_dragHandle\">\n                  <span className={`${baseClass}__drag-header`} />\n                </th>\n              )}\n              {columns.map((col, colIndex) => {\n                const isMergedCheckboxColumn =\n                  colIndex === 0 && enableCheckbox && mergeCheckboxHeader\n\n                return (\n                  <th\n                    className={col.className}\n                    colSpan={isMergedCheckboxColumn ? 2 : undefined}\n                    id={`heading-${col.accessor}`}\n                    key={col.accessor}\n                  >\n                    {isMergedCheckboxColumn && enableSelectAll ? (\n                      <span className={`${baseClass}__th-merged`}>\n                        <CheckboxInput\n                          checked={allSelected}\n                          className={selectRowClass}\n                          onToggle={handleSelectAll}\n                          partialChecked={someSelected && !allSelected}\n                        />\n                        {col.heading}\n                      </span>\n                    ) : (\n                      col.heading\n                    )}\n                  </th>\n                )\n              })}\n            </tr>\n          </thead>\n        )}\n        <tbody>\n          {data.map((row, rowIndex) => {\n            const rowId = getRowId(row, rowIndex)\n            const isSelected = selectedIds.has(rowId)\n            const isClickable = Boolean(onRowClick)\n\n            return (\n              <tr\n                className={isClickable ? `${baseClass}__tr--clickable` : undefined}\n                data-id={rowId}\n                key={rowId}\n                onClick={isClickable ? () => handleRowClick(row, rowIndex) : undefined}\n                onKeyDown={isClickable ? (e) => handleRowKeyDown(row, rowIndex, e) : undefined}\n                tabIndex={isClickable ? 0 : undefined}\n              >\n                {enableCheckbox && (\n                  <td className=\"cell-_select\">\n                    {(() => {\n                      const lockedUser = getRowLockedUser?.(row, rowIndex)\n\n                      if (lockedUser) {\n                        return <Locked user={lockedUser} />\n                      }\n\n                      return (\n                        <CheckboxInput\n                          checked={isSelected}\n                          className={selectRowClass}\n                          onToggle={() => handleRowCheckbox(row, rowIndex, isSelected)}\n                        />\n                      )\n                    })()}\n                  </td>\n                )}\n                {enableDragHandle && (\n                  <td className=\"cell-_dragHandle\">\n                    <span className={`${baseClass}__drag-handle`}>\n                      <AlignJustifiedIcon />\n                    </span>\n                  </td>\n                )}\n                {columns.map((col) => (\n                  <td\n                    className={[\n                      `cell-${col.accessor}`,\n                      col.isLinked && 'cell--linked',\n                      col.className,\n                    ]\n                      .filter(Boolean)\n                      .join(' ')}\n                    key={col.accessor}\n                  >\n                    <col.Cell column={col} row={row} rowIndex={rowIndex} />\n                  </td>\n                ))}\n              </tr>\n            )\n          })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SlotTable.js","names":["React","Locked","CheckboxInput","AlignJustifiedIcon","useTranslation","baseClass","selectRowClass","SlotTable","appearance","className","collectionSlug","columns","data","enableCheckbox","enableDragHandle","enableHeader","enableSelectAll","getRowId","row","index","id","getRowLockedUser","mergeCheckboxHeader","onCheckboxChange","onRowClick","onSelectAllChange","parentId","selectedIds","Set","t","allSelected","length","every","i","has","someSelected","some","handleSelectAll","handleRowCheckbox","isSelected","handleRowClick","handleRowKeyDown","e","key","preventDefault","_jsx","filter","Boolean","join","_jsxs","cellPadding","cellSpacing","checked","onToggle","partialChecked","variant","map","col","colIndex","isMergedCheckboxColumn","colSpan","undefined","label","heading","accessor","rowIndex","rowId","isClickable","onClick","onKeyDown","tabIndex","lockedUser","user","isLinked","Cell","column"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/SlotTable.tsx"],"sourcesContent":["'use client'\n\nimport type { User } from 'payload'\n\nimport React from 'react'\n\nimport { Locked } from '../../../elements/Locked/index.js'\nimport { CheckboxInput } from '../../../fields/Checkbox/Input.js'\nimport { AlignJustifiedIcon } from '../../../icons/AlignJustified/index.js'\nimport '../../../elements/Table/index.css'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './SlotTable.css'\n\nconst baseClass = 'slot-table'\n\nconst selectRowClass = 'select-row select-row__checkbox'\n\nexport type SlotColumn<TRow = Record<string, unknown>> = {\n  /**\n   * Unique identifier for the column\n   */\n  accessor: string\n  /**\n   * Cell component that receives the row data\n   */\n  Cell: React.FC<{ column: SlotColumn<TRow>; row: TRow; rowIndex: number }>\n  /**\n   * Optional class name for the column cells\n   */\n  className?: string\n  /**\n   * Column header content\n   */\n  heading: React.ReactNode\n  isLinked?: boolean\n}\n\nexport type SlotTableProps<TRow = Record<string, unknown>> = {\n  /**\n   * Table appearance\n   */\n  appearance?: 'condensed' | 'default'\n  /**\n   * Additional class name\n   */\n  className?: string\n  /**\n   * Collection slug for the table\n   */\n  collectionSlug?: string\n  /**\n   * Column definitions with Cell components\n   */\n  columns: SlotColumn<TRow>[]\n  /**\n   * Data array - table loops over this\n   */\n  data: TRow[]\n  /**\n   * Show checkbox column (default: true)\n   */\n  enableCheckbox?: boolean\n  /**\n   * Show drag handle column (default: true)\n   */\n  enableDragHandle?: boolean\n  /**\n   * Show header row with column headings (default: true)\n   */\n  enableHeader?: boolean\n  /**\n   * Show select-all checkbox in header (default: true, requires enableCheckbox and enableHeader)\n   */\n  enableSelectAll?: boolean\n  /**\n   * Get unique ID for each row\n   */\n  getRowId?: (row: TRow, index: number) => number | string\n  /**\n   * Returns the user who is editing/locking a row, or undefined if not locked.\n   * When a user is returned, a lock icon replaces the checkbox for that row.\n   */\n  getRowLockedUser?: (row: TRow, index: number) => undefined | User\n  /**\n   * Merge checkbox header with first column header using colspan (default: false)\n   * The first column header will span both checkbox and content cells\n   */\n  mergeCheckboxHeader?: boolean\n  /**\n   * Callback when checkbox is toggled\n   */\n  onCheckboxChange?: (row: TRow, checked: boolean, index: number) => void\n  /**\n   * Row click handler (for navigation)\n   */\n  onRowClick?: (row: TRow, index: number) => void\n  /**\n   * Callback when \"select all\" checkbox is toggled\n   */\n  onSelectAllChange?: (checked: boolean) => void\n  /**\n   * Parent ID for the table\n   */\n  parentId?: null | number | string\n  /**\n   * Currently selected row IDs\n   */\n  selectedIds?: Set<number | string>\n}\n\nexport function SlotTable<TRow extends Record<string, unknown> = Record<string, unknown>>({\n  appearance = 'default',\n  className,\n  collectionSlug,\n  columns,\n  data,\n  enableCheckbox = true,\n  enableDragHandle = true,\n  enableHeader = true,\n  enableSelectAll = true,\n  getRowId = (row, index) => (row.id as number | string) ?? index,\n  getRowLockedUser,\n  mergeCheckboxHeader = false,\n  onCheckboxChange,\n  onRowClick,\n  onSelectAllChange,\n  parentId,\n  selectedIds = new Set(),\n}: SlotTableProps<TRow>) {\n  const { t } = useTranslation()\n  const allSelected = data.length > 0 && data.every((row, i) => selectedIds.has(getRowId(row, i)))\n  const someSelected = data.some((row, i) => selectedIds.has(getRowId(row, i)))\n\n  const handleSelectAll = () => {\n    onSelectAllChange?.(!allSelected)\n  }\n\n  const handleRowCheckbox = (row: TRow, index: number, isSelected: boolean) => {\n    onCheckboxChange?.(row, !isSelected, index)\n  }\n\n  const handleRowClick = (row: TRow, index: number) => {\n    onRowClick?.(row, index)\n  }\n\n  const handleRowKeyDown = (row: TRow, index: number, e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault()\n      onRowClick?.(row, index)\n    }\n  }\n\n  return (\n    <div\n      className={['table', appearance && `table--appearance-${appearance}`, baseClass, className]\n        .filter(Boolean)\n        .join(' ')}\n      key={`${collectionSlug}-${parentId}`}\n    >\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        {enableHeader && (\n          <thead>\n            <tr>\n              {enableCheckbox && !mergeCheckboxHeader && (\n                <th className=\"heading-_select\">\n                  {enableSelectAll && (\n                    <CheckboxInput\n                      aria-label={t('general:selectAllRows')}\n                      checked={allSelected}\n                      className={selectRowClass}\n                      onToggle={handleSelectAll}\n                      partialChecked={someSelected && !allSelected}\n                      variant=\"muted\"\n                    />\n                  )}\n                </th>\n              )}\n              {enableDragHandle && (\n                <th className=\"heading-_dragHandle\">\n                  <span className={`${baseClass}__drag-header`} />\n                </th>\n              )}\n              {columns.map((col, colIndex) => {\n                const isMergedCheckboxColumn =\n                  colIndex === 0 && enableCheckbox && mergeCheckboxHeader\n\n                return (\n                  <th\n                    className={col.className}\n                    colSpan={isMergedCheckboxColumn ? 2 : undefined}\n                    key={col.accessor}\n                  >\n                    {isMergedCheckboxColumn && enableSelectAll ? (\n                      <span className={`${baseClass}__th-merged`}>\n                        <CheckboxInput\n                          aria-label={t('general:selectLabel', { label: t('general:document') })}\n                          checked={allSelected}\n                          className={selectRowClass}\n                          onToggle={handleSelectAll}\n                          partialChecked={someSelected && !allSelected}\n                          variant=\"muted\"\n                        />\n                        {col.heading}\n                      </span>\n                    ) : (\n                      col.heading\n                    )}\n                  </th>\n                )\n              })}\n            </tr>\n          </thead>\n        )}\n        <tbody>\n          {data.map((row, rowIndex) => {\n            const rowId = getRowId(row, rowIndex)\n            const isSelected = selectedIds.has(rowId)\n            const isClickable = Boolean(onRowClick)\n\n            return (\n              <tr\n                className={isClickable ? `${baseClass}__tr--clickable` : undefined}\n                data-id={rowId}\n                key={rowId}\n                onClick={isClickable ? () => handleRowClick(row, rowIndex) : undefined}\n                onKeyDown={isClickable ? (e) => handleRowKeyDown(row, rowIndex, e) : undefined}\n                tabIndex={isClickable ? 0 : undefined}\n              >\n                {enableCheckbox && (\n                  <td className=\"cell-_select\">\n                    {(() => {\n                      const lockedUser = getRowLockedUser?.(row, rowIndex)\n\n                      if (lockedUser) {\n                        return <Locked user={lockedUser} />\n                      }\n\n                      return (\n                        <CheckboxInput\n                          aria-label={t('general:selectLabel', { label: t('general:document') })}\n                          checked={isSelected}\n                          className={selectRowClass}\n                          onToggle={() => handleRowCheckbox(row, rowIndex, isSelected)}\n                          variant=\"muted\"\n                        />\n                      )\n                    })()}\n                  </td>\n                )}\n                {enableDragHandle && (\n                  <td className=\"cell-_dragHandle\">\n                    <span className={`${baseClass}__drag-handle`}>\n                      <AlignJustifiedIcon />\n                    </span>\n                  </td>\n                )}\n                {columns.map((col) => (\n                  <td\n                    className={[\n                      `cell-${col.accessor}`,\n                      col.isLinked && 'cell--linked',\n                      col.className,\n                    ]\n                      .filter(Boolean)\n                      .join(' ')}\n                    key={col.accessor}\n                  >\n                    <col.Cell column={col} row={row} rowIndex={rowIndex} />\n                  </td>\n                ))}\n              </tr>\n            )\n          })}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/HierarchyList/HierarchyTable/index.css

@@ -1,9 +1,4 @@
 @layer payload-default {
-  /*
-   * The sections stack in a column that claims the view's leftover height, and the last section
-   * absorbs it, so a full-height card grid inside it has empty space to be clicked or dragged over.
-   * Scoped to this view rather than TableSection itself, which other views lay out differently.
-   */
   .hierarchy-tables {
     display: flex;
     flex-direction: column;
@@ -20,7 +15,6 @@
     flex-grow: 1;
   }
 
-  /* The title link and its edit affordance sit inline; the cell keeps the shared td padding. */
   .hierarchy-tables__name-cell {
     display: flex;
     align-items: center;
@@ -28,28 +22,6 @@
     min-width: 0;
   }
 
-  .hierarchy-tables__edit-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-text);
-    flex-shrink: 0;
-    padding: 0;
-    background: none;
-    border: none;
-    cursor: pointer;
-    border-radius: var(--radius-small);
-    border: var(--stroke-width-small) solid transparent;
-
-    &:hover,
-    &:focus-visible {
-      color: var(--color-text);
-      background-color: var(--color-bg-hover);
-      border-color: var(--color-border);
-    }
-  }
-
-  /* The underline comes from the shared `cell-link` class - see elements/Table/index.css. */
   .hierarchy-tables__name-link {
     display: flex;
     align-items: center;
@@ -62,10 +34,6 @@
     flex-shrink: 0;
   }
 
-  /*
-   * `overflow: hidden` is required for the ellipsis, so the line box must be tall enough to
-   * contain the link underline. A line-height shorter than the glyph box crops it away.
-   */
   .hierarchy-tables__name-text {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -107,24 +75,18 @@
 
   .hierarchy-tables__section-title {
     margin: 0;
-    font-weight: var(--text-body-medium-strong-font-weight);
+    font-weight: var(--text-body-medium-bold-font-weight);
     color: var(--color-text);
   }
 
   .hierarchy-tables__group-label {
     color: var(--color-text);
     letter-spacing: var(--text-body-large-letter-spacing);
-    font-family: var(--text-body-large-strong-font-family);
-    font-size: var(--text-body-large-strong-font-size);
-    font-weight: var(--text-body-large-strong-font-weight);
-    line-height: var(--text-body-large-strong-line-height);
+    font-size: var(--text-body-large-bold-font-size);
+    font-weight: var(--text-body-large-bold-font-weight);
+    line-height: var(--text-body-large-bold-line-height);
   }
 
-  /*
-   * Grid mode's per-collection pagination. Aligned to the same gutter as the cards above, and
-   * wrapping rather than compressing, since a hierarchy can surface one control per related
-   * collection.
-   */
   .hierarchy-tables__plane-pagination {
     display: flex;
     flex-wrap: wrap;
@@ -143,10 +105,9 @@
   .hierarchy-tables__plane-pagination-label {
     color: var(--color-text);
     white-space: nowrap;
-    font-family: var(--text-body-medium-strong-font-family);
-    font-size: var(--text-body-medium-strong-font-size);
-    font-weight: var(--text-body-medium-strong-font-weight);
-    line-height: var(--text-body-medium-strong-line-height);
-    letter-spacing: var(--text-body-medium-strong-letter-spacing);
+    font-size: var(--text-body-medium-bold-font-size);
+    font-weight: var(--text-body-medium-bold-font-weight);
+    line-height: var(--text-body-medium-bold-line-height);
+    letter-spacing: var(--text-body-medium-bold-letter-spacing);
   }
 }