@payloadcms/ui 3.84.1 → 4.0.0-internal.38b7f1d

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

@@ -0,0 +1,4 @@
+import type { SlotColumn } from './SlotTable.js';
+import type { TableRow } from './types.js';
+export declare const ChildNameCell: SlotColumn<TableRow>['Cell'];
+//# sourceMappingURL=ChildNameCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChildNameCell.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/ChildNameCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAW1C,eAAO,MAAM,aAAa,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,MAAM,CAsDtD,CAAA"}

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

@@ -0,0 +1,104 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAdminURL } from 'payload/shared';
+import React from 'react';
+import { Link } from '../../../elements/Link/index.js';
+import { ChevronIcon } from '../../../icons/Chevron/index.js';
+import { EditIcon } from '../../../icons/Edit/index.js';
+import { FolderIcon } from '../../../icons/Folder/index.js';
+import { TagIcon } from '../../../icons/Tag/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { baseClass } from './types.js';
+export const ChildNameCell = t0 => {
+  const $ = _c(12);
+  const {
+    row
+  } = t0;
+  const {
+    config: t1,
+    getEntityConfig
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  const {
+    t
+  } = useTranslation();
+  let t3;
+  if ($[0] !== getEntityConfig || $[1] !== row._collectionSlug) {
+    t3 = getEntityConfig({
+      collectionSlug: row._collectionSlug
+    });
+    $[0] = getEntityConfig;
+    $[1] = row._collectionSlug;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const collectionConfig = t3;
+  const titleField = collectionConfig?.admin?.useAsTitle || "id";
+  const rawTitle = typeof row[titleField] === "string" || typeof row[titleField] === "number" ? row[titleField] : row.id;
+  let t4;
+  if ($[3] !== adminRoute || $[4] !== collectionConfig || $[5] !== rawTitle || $[6] !== row._collectionSlug || $[7] !== row._hasChildren || $[8] !== row._hierarchyIcon || $[9] !== row.id || $[10] !== t) {
+    const title = typeof rawTitle === "object" ? JSON.stringify(rawTitle) : String(rawTitle);
+    const isFolder = Boolean(collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === "object" && collectionConfig.hierarchy.allowHasMany === false);
+    const documentURL = formatAdminURL({
+      adminRoute,
+      path: `/collections/${row._collectionSlug}/${row.id}`
+    });
+    const hierarchyURL = formatAdminURL({
+      adminRoute,
+      path: `/collections/${row._collectionSlug}?parent=${row.id}`
+    });
+    const DefaultIcon = isFolder ? _jsx(FolderIcon, {
+      color: "muted"
+    }) : _jsx(TagIcon, {
+      color: "muted"
+    });
+    t4 = _jsxs("div", {
+      className: `${baseClass}__name-cell`,
+      children: [_jsxs(Link, {
+        className: `${baseClass}__name-link`,
+        href: hierarchyURL,
+        children: [_jsx("span", {
+          className: `${baseClass}__name-icon`,
+          children: row._hierarchyIcon || DefaultIcon
+        }), _jsx("span", {
+          className: `${baseClass}__name-text`,
+          children: title
+        }), row._hasChildren && _jsx("span", {
+          className: `${baseClass}__chevron`,
+          children: _jsx(ChevronIcon, {
+            direction: "right"
+          })
+        })]
+      }), _jsx(Link, {
+        "aria-label": t("general:editLabel", {
+          label: title
+        }),
+        className: `${baseClass}__edit-button`,
+        href: documentURL,
+        children: _jsx(EditIcon, {})
+      })]
+    });
+    $[3] = adminRoute;
+    $[4] = collectionConfig;
+    $[5] = rawTitle;
+    $[6] = row._collectionSlug;
+    $[7] = row._hasChildren;
+    $[8] = row._hierarchyIcon;
+    $[9] = row.id;
+    $[10] = t;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+};
+//# sourceMappingURL=ChildNameCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChildNameCell.js","names":["c","_c","formatAdminURL","React","Link","ChevronIcon","EditIcon","FolderIcon","TagIcon","useConfig","useTranslation","baseClass","ChildNameCell","t0","$","row","config","t1","getEntityConfig","routes","t2","admin","adminRoute","t","t3","_collectionSlug","collectionSlug","collectionConfig","titleField","useAsTitle","rawTitle","id","t4","_hasChildren","_hierarchyIcon","title","JSON","stringify","String","isFolder","Boolean","hierarchy","allowHasMany","documentURL","path","hierarchyURL","DefaultIcon","_jsx","color","_jsxs","className","children","href","direction","label"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/ChildNameCell.tsx"],"sourcesContent":["'use client'\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 { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport { EditIcon } from '../../../icons/Edit/index.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 { baseClass } from './types.js'\n\nexport const ChildNameCell: SlotColumn<TableRow>['Cell'] = ({ row }) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const { t } = useTranslation()\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  const isFolder = Boolean(\n    collectionConfig?.hierarchy &&\n      typeof collectionConfig.hierarchy === 'object' &&\n      collectionConfig.hierarchy.allowHasMany === false,\n  )\n\n  const documentURL = formatAdminURL({\n    adminRoute,\n    path: `/collections/${row._collectionSlug}/${row.id}`,\n  })\n\n  const hierarchyURL = formatAdminURL({\n    adminRoute,\n    path: `/collections/${row._collectionSlug}?parent=${row.id}`,\n  })\n\n  const DefaultIcon = isFolder ? <FolderIcon color=\"muted\" /> : <TagIcon color=\"muted\" />\n\n  return (\n    <div className={`${baseClass}__name-cell`}>\n      <Link className={`${baseClass}__name-link`} href={hierarchyURL}>\n        <span className={`${baseClass}__name-icon`}>{row._hierarchyIcon || DefaultIcon}</span>\n        <span className={`${baseClass}__name-text`}>{title}</span>\n        {row._hasChildren && (\n          <span className={`${baseClass}__chevron`}>\n            <ChevronIcon direction=\"right\" />\n          </span>\n        )}\n      </Link>\n      <Link\n        aria-label={t('general:editLabel', { label: title })}\n        className={`${baseClass}__edit-button`}\n        href={documentURL}\n      >\n        <EditIcon />\n      </Link>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import type { SlotColumn } from './SlotTable.js';
+import type { TableRow } from './types.js';
+export declare const DateCell: SlotColumn<TableRow>['Cell'];
+//# sourceMappingURL=DateCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateCell.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/DateCell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAiB1C,eAAO,MAAM,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,MAAM,CAQjD,CAAA"}

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

@@ -0,0 +1,53 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from '../../../providers/Translation/index.js';
+function formatDate(dateString, locale) {
+  try {
+    const date = new Date(dateString);
+    return date.toLocaleDateString(locale, {
+      day: 'numeric',
+      month: 'short',
+      year: 'numeric'
+    });
+  } catch {
+    return dateString;
+  }
+}
+export const DateCell = t0 => {
+  const $ = _c(4);
+  const {
+    row
+  } = t0;
+  const {
+    i18n
+  } = useTranslation();
+  if (!row.updatedAt || typeof row.updatedAt !== "string") {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = _jsx("span", {
+        children: "\u2014"
+      });
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    return t1;
+  }
+  const t1 = String(row.updatedAt);
+  let t2;
+  if ($[1] !== i18n.language || $[2] !== t1) {
+    t2 = _jsx("span", {
+      children: formatDate(t1, i18n.language)
+    });
+    $[1] = i18n.language;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+};
+//# sourceMappingURL=DateCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateCell.js","names":["c","_c","React","useTranslation","formatDate","dateString","locale","date","Date","toLocaleDateString","day","month","year","DateCell","t0","$","row","i18n","updatedAt","t1","Symbol","for","_jsx","children","String","t2","language"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/DateCell.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { SlotColumn } from './SlotTable.js'\nimport type { TableRow } from './types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nfunction formatDate(dateString: string, locale: string): string {\n  try {\n    const date = new Date(dateString)\n    return date.toLocaleDateString(locale, {\n      day: 'numeric',\n      month: 'short',\n      year: 'numeric',\n    })\n  } catch {\n    return dateString\n  }\n}\n\nexport const DateCell: SlotColumn<TableRow>['Cell'] = ({ row }) => {\n  const { i18n } = useTranslation()\n\n  if (!row.updatedAt || typeof row.updatedAt !== 'string') {\n    return <span>—</span>\n  }\n\n  return <span>{formatDate(String(row.updatedAt), i18n.language)}</span>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAKlB,SAASC,cAAc,QAAQ;AAE/B,SAASC,WAAWC,UAAkB,EAAEC,MAAc;EACpD,IAAI;IACF,MAAMC,IAAA,GAAO,IAAIC,IAAA,CAAKH,UAAA;IACtB,OAAOE,IAAA,CAAKE,kBAAkB,CAACH,MAAA,EAAQ;MACrCI,GAAA,EAAK;MACLC,KAAA,EAAO;MACPC,IAAA,EAAM;IACR;EACF,EAAE,MAAM;IACN,OAAOP,UAAA;EACT;AACF;AAEA,OAAO,MAAMQ,QAAA,GAAyCC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe;EAAA,IAAAF,EAAO;EAC5D;IAAAG;EAAA,IAAiBd,cAAA;EAAA,IAEb,CAACa,GAAA,CAAAE,SAAA,IAAiB,OAAOF,GAAA,CAAAE,SAAA,KAAkB;IAAA,IAAAC,EAAA;IAAA,IAAAJ,CAAA,QAAAK,MAAA,CAAAC,GAAA;MACtCF,EAAA,GAAAG,IAAA,CAAC;QAAAC,QAAA,EAAK;MAAA,C;;;;;WAANJ,E;;EAGgB,MAAAA,EAAA,GAAAK,MAAA,CAAOR,GAAA,CAAAE,SAAa;EAAA,IAAAO,EAAA;EAAA,IAAAV,CAAA,QAAAE,IAAA,CAAAS,QAAA,IAAAX,CAAA,QAAAI,EAAA;IAAtCM,EAAA,GAAAH,IAAA,CAAC;MAAAC,QAAA,EAAMnB,UAAA,CAAWe,EAAoB,EAAGF,IAAA,CAAAS,QAAa;IAAA,C;;;;;;;SAAtDD,E;CACT","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import type { SlotColumn } from './SlotTable.js';
+import type { TableRow } from './types.js';
+export declare const RelatedNameCell: SlotColumn<TableRow>['Cell'];
+//# sourceMappingURL=RelatedNameCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedNameCell.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/RelatedNameCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAqD1C,eAAO,MAAM,eAAe,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,MAAM,CA2BxD,CAAA"}

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

@@ -0,0 +1,128 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatAdminURL, getBestFitFromSizes, isImage } from 'payload/shared';
+import React from 'react';
+import { Link } from '../../../elements/Link/index.js';
+import { Thumbnail } from '../../../elements/Thumbnail/index.js';
+import { DocumentIcon } from '../../../icons/Document/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { baseClass } from './types.js';
+const RelatedDocIcon = t0 => {
+  const $ = _c(6);
+  const {
+    collectionSlug,
+    row
+  } = t0;
+  const {
+    getEntityConfig
+  } = useConfig();
+  let t1;
+  let t2;
+  if ($[0] !== collectionSlug || $[1] !== getEntityConfig || $[2] !== row) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const config = getEntityConfig({
+        collectionSlug
+      });
+      const isUploadCollection = Boolean(config?.upload);
+      const previewAllowed = config?.upload?.displayPreview ?? true;
+      if (!isUploadCollection || !previewAllowed) {
+        let t3;
+        if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+          t3 = _jsx(DocumentIcon, {
+            color: "muted"
+          });
+          $[5] = t3;
+        } else {
+          t3 = $[5];
+        }
+        t2 = t3;
+        break bb0;
+      }
+      const mimeType = row.mimeType;
+      const isFileImage = mimeType ? isImage(mimeType) : false;
+      let thumbnailSrc = isFileImage ? row.thumbnailURL || row.url : row.thumbnailURL;
+      if (isFileImage) {
+        thumbnailSrc = getBestFitFromSizes({
+          sizes: row.sizes,
+          thumbnailURL: row.thumbnailURL,
+          url: row.url,
+          width: row.width
+        });
+      }
+      t1 = _jsx(Thumbnail, {
+        className: `${baseClass}__thumbnail`,
+        collectionSlug: config?.slug,
+        doc: row,
+        fileSrc: thumbnailSrc,
+        imageCacheTag: config?.upload?.cacheTags ? row.updatedAt : undefined,
+        size: "small",
+        uploadConfig: config?.upload
+      });
+    }
+    $[0] = collectionSlug;
+    $[1] = getEntityConfig;
+    $[2] = row;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+  return t1;
+};
+export const RelatedNameCell = t0 => {
+  const $ = _c(4);
+  const {
+    row
+  } = t0;
+  const {
+    getEntityConfig
+  } = useConfig();
+  const {
+    config: t1
+  } = useConfig();
+  const {
+    routes: t2
+  } = t1;
+  const {
+    admin: adminRoute
+  } = t2;
+  const config = getEntityConfig({
+    collectionSlug: row._collectionSlug
+  });
+  const titleField = config?.admin?.useAsTitle || "id";
+  const rawTitle = typeof row[titleField] === "string" || typeof row[titleField] === "number" ? row[titleField] : row.id;
+  let t3;
+  if ($[0] !== adminRoute || $[1] !== rawTitle || $[2] !== row) {
+    const title = typeof rawTitle === "object" ? JSON.stringify(rawTitle) : String(rawTitle);
+    const editUrl = formatAdminURL({
+      adminRoute,
+      path: `/collections/${row._collectionSlug}/${row.id}`
+    });
+    t3 = _jsxs(Link, {
+      className: `${baseClass}__name-link`,
+      href: editUrl,
+      children: [_jsx(RelatedDocIcon, {
+        collectionSlug: row._collectionSlug,
+        row
+      }), _jsx("span", {
+        className: `${baseClass}__name-text`,
+        children: title
+      })]
+    });
+    $[0] = adminRoute;
+    $[1] = rawTitle;
+    $[2] = row;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  return t3;
+};
+//# sourceMappingURL=RelatedNameCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedNameCell.js","names":["c","_c","formatAdminURL","getBestFitFromSizes","isImage","React","Link","Thumbnail","DocumentIcon","useConfig","baseClass","RelatedDocIcon","t0","$","collectionSlug","row","getEntityConfig","t1","t2","Symbol","for","config","isUploadCollection","Boolean","upload","previewAllowed","displayPreview","t3","_jsx","color","mimeType","isFileImage","thumbnailSrc","thumbnailURL","url","sizes","width","className","slug","doc","fileSrc","imageCacheTag","cacheTags","updatedAt","undefined","size","uploadConfig","RelatedNameCell","routes","admin","adminRoute","_collectionSlug","titleField","useAsTitle","rawTitle","id","title","JSON","stringify","String","editUrl","path","_jsxs","href","children"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/RelatedNameCell.tsx"],"sourcesContent":["'use client'\n\nimport { formatAdminURL, getBestFitFromSizes, isImage } 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 { Thumbnail } from '../../../elements/Thumbnail/index.js'\nimport { DocumentIcon } from '../../../icons/Document/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { baseClass } from './types.js'\n\ntype RelatedDocIconProps = {\n  collectionSlug: string\n  row: TableRow\n}\n\nconst RelatedDocIcon = ({ collectionSlug, row }: RelatedDocIconProps) => {\n  const { getEntityConfig } = useConfig()\n\n  const config = getEntityConfig({ collectionSlug })\n  const isUploadCollection = Boolean(config?.upload)\n  const previewAllowed = config?.upload?.displayPreview ?? true\n\n  if (!isUploadCollection || !previewAllowed) {\n    return <DocumentIcon color=\"muted\" />\n  }\n\n  const mimeType = row.mimeType as string | undefined\n  const isFileImage = mimeType ? isImage(mimeType) : false\n\n  let thumbnailSrc: string | undefined = isFileImage\n    ? (row.thumbnailURL as string) || (row.url as string)\n    : (row.thumbnailURL as string)\n\n  if (isFileImage) {\n    thumbnailSrc = getBestFitFromSizes({\n      sizes: row.sizes as Record<string, { url?: string; width?: number }>,\n      thumbnailURL: row.thumbnailURL as string,\n      url: row.url as string,\n      width: row.width as number,\n    })\n  }\n\n  return (\n    <Thumbnail\n      className={`${baseClass}__thumbnail`}\n      collectionSlug={config?.slug}\n      doc={row}\n      fileSrc={thumbnailSrc}\n      imageCacheTag={config?.upload?.cacheTags ? (row.updatedAt as string) : undefined}\n      size=\"small\"\n      uploadConfig={config?.upload}\n    />\n  )\n}\n\nexport const RelatedNameCell: SlotColumn<TableRow>['Cell'] = ({ row }) => {\n  const { getEntityConfig } = useConfig()\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const config = getEntityConfig({ collectionSlug: row._collectionSlug })\n  const titleField = config?.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  return (\n    <Link className={`${baseClass}__name-link`} href={editUrl}>\n      <RelatedDocIcon collectionSlug={row._collectionSlug} row={row} />\n      <span className={`${baseClass}__name-text`}>{title}</span>\n    </Link>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,EAAEC,mBAAmB,EAAEC,OAAO,QAAQ;AAC7D,OAAOC,KAAA,MAAW;AAKlB,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAO1B,MAAMC,cAAA,GAAiBC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAa,cAAA;IAAAC;EAAA,IAAAH,EAA4C;EAClE;IAAAI;EAAA,IAA4BP,SAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAL,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAG,eAAA,IAAAH,CAAA,QAAAE,GAAA;IAOnBG,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;MALT,MAAAC,MAAA,GAAeL,eAAA;QAAAF;MAAA,CAAiC;MAChD,MAAAQ,kBAAA,GAA2BC,OAAA,CAAQF,MAAA,EAAAG,MAAQ;MAC3C,MAAAC,cAAA,GAAuBJ,MAAA,EAAAG,MAAA,EAAAE,cAAA,QAAkC;MAAA,IAErD,CAACJ,kBAAA,KAAuBG,cAAA;QAAA,IAAAE,EAAA;QAAA,IAAAd,CAAA,QAAAM,MAAA,CAAAC,GAAA;UACnBO,EAAA,GAAAC,IAAA,CAAApB,YAAA;YAAAqB,KAAA,EAAoB;UAAA,C;;;;;QAApBX,EAAA,GAAAS,E;;;MAGT,MAAAG,QAAA,GAAiBf,GAAA,CAAAe,QAAA;MACjB,MAAAC,WAAA,GAAoBD,QAAA,GAAW1B,OAAA,CAAQ0B,QAAA,SAAY;MAEnD,IAAAE,YAAA,GAAuCD,WAAA,GACnChB,GAAC,CAAAkB,YAAA,IAAgClB,GAAA,CAAAmB,GAAO,GACvCnB,GAAA,CAAAkB,YAAgB;MAAA,IAEjBF,WAAA;QACFC,YAAA,CAAAA,CAAA,CAAeA;UAAAA,MAAA,CACNjB,GAAA,CAAAoB,KAAA;UAAAF,YAAA,EACOlB,GAAA,CAAAkB,YAAA;UAAAC,GAAA,EACTnB,GAAA,CAAAmB,GAAA;UAAAE,KAAA,EACErB,GAAA,CAAAqB;QAAA,CACT;MALA;MASAnB,EAAA,GAAAW,IAAA,CAAArB,SAAA;QAAA8B,SAAA,EACa,GAAA3B,SAAA,aAAyB;QAAAI,cAAA,EACpBO,MAAA,EAAAiB,IAAA;QAAAC,GAAA,EACXxB,GAAA;QAAAyB,OAAA,EACIR,YAAA;QAAAS,aAAA,EACMpB,MAAA,EAAAG,MAAA,EAAAkB,SAAA,GAA6B3B,GAAA,CAAA4B,SAAA,GAAAC,SAA2B;QAAAC,IAAA,EAClE;QAAAC,YAAA,EACSzB,MAAA,EAAAG;MAAA,C;;;;;;;;;;;;;;SAPhBP,E;CAUJ;AAEA,OAAO,MAAM8B,eAAA,GAAgDnC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAAC;IAAAc;EAAA,IAAAH,EAAO;EACnE;IAAAI;EAAA,IAA4BP,SAAA;EAC5B;IAAAY,MAAA,EAAAJ;EAAA,IAIIR,SAAA;EAHM;IAAAuC,MAAA,EAAA9B;EAAA,IAAAD,EAEP;EADS;IAAAgC,KAAA,EAAAC;EAAA,IAAAhC,EAAqB;EAIjC,MAAAG,MAAA,GAAeL,eAAA;IAAAF,cAAA,EAAkCC,GAAA,CAAAoC;EAAA,CAAoB;EACrE,MAAAC,UAAA,GAAmB/B,MAAA,EAAA4B,KAAA,EAAAI,UAAA,IAA6B;EAChD,MAAAC,QAAA,GACE,OAAOvC,GAAG,CAACqC,UAAA,MAAgB,YAAY,OAAOrC,GAAG,CAACqC,UAAA,MAAgB,WAC9DrC,GAAG,CAACqC,UAAA,IACJrC,GAAA,CAAAwC,EAAM;EAAA,IAAA5B,EAAA;EAAA,IAAAd,CAAA,QAAAqC,UAAA,IAAArC,CAAA,QAAAyC,QAAA,IAAAzC,CAAA,QAAAE,GAAA;IACZ,MAAAyC,KAAA,GAAc,OAAOF,QAAA,KAAa,WAAWG,IAAA,CAAAC,SAAA,CAAeJ,QAAA,IAAYK,MAAA,CAAOL,QAAA;IAE/E,MAAAM,OAAA,GAAgB1D,cAAA;MAAAgD,UAAA;MAAAW,IAAA,EAER,gBAAgB9C,GAAA,CAAAoC,eAAA,IAAuBpC,GAAA,CAAAwC,EAAA;IAAQ,CACvD;IAGE5B,EAAA,GAAAmC,KAAA,CAAAxD,IAAA;MAAA+B,SAAA,EAAiB,GAAA3B,SAAA,aAAyB;MAAAqD,IAAA,EAAQH,OAAA;MAAAI,QAAA,GAChDpC,IAAA,CAAAjB,cAAA;QAAAG,cAAA,EAAgCC,GAAA,CAAAoC,eAAA;QAAApC;MAAA,C,GAChCa,IAAA,CAAC;QAAAS,SAAA,EAAgB,GAAA3B,SAAA,aAAyB;QAAAsD,QAAA,EAAGR;MAAA,C;;;;;;;;;SAF/C7B,E;CAKJ","ignoreList":[]}

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

@@ -0,0 +1,99 @@
+import type { ClientUser } from 'payload';
+import React from 'react';
+import './SlotTable.scss';
+export type SlotColumn<TRow = Record<string, unknown>> = {
+    /**
+     * Unique identifier for the column
+     */
+    accessor: string;
+    /**
+     * Cell component that receives the row data
+     */
+    Cell: React.FC<{
+        column: SlotColumn<TRow>;
+        row: TRow;
+        rowIndex: number;
+    }>;
+    /**
+     * Optional class name for the column cells
+     */
+    className?: string;
+    /**
+     * Column header content
+     */
+    heading: React.ReactNode;
+};
+export type SlotTableProps<TRow = Record<string, unknown>> = {
+    /**
+     * Table appearance
+     */
+    appearance?: 'condensed' | 'default';
+    /**
+     * Additional class name
+     */
+    className?: string;
+    /**
+     * Collection slug for the table
+     */
+    collectionSlug?: string;
+    /**
+     * Column definitions with Cell components
+     */
+    columns: SlotColumn<TRow>[];
+    /**
+     * Data array - table loops over this
+     */
+    data: TRow[];
+    /**
+     * Show checkbox column (default: true)
+     */
+    enableCheckbox?: boolean;
+    /**
+     * Show drag handle column (default: true)
+     */
+    enableDragHandle?: boolean;
+    /**
+     * Show header row with column headings (default: true)
+     */
+    enableHeader?: boolean;
+    /**
+     * Show select-all checkbox in header (default: true, requires enableCheckbox and enableHeader)
+     */
+    enableSelectAll?: boolean;
+    /**
+     * Get unique ID for each row
+     */
+    getRowId?: (row: TRow, index: number) => number | string;
+    /**
+     * Returns the user who is editing/locking a row, or undefined if not locked.
+     * When a user is returned, a lock icon replaces the checkbox for that row.
+     */
+    getRowLockedUser?: (row: TRow, index: number) => ClientUser | undefined;
+    /**
+     * Merge checkbox header with first column header using colspan (default: false)
+     * The first column header will span both checkbox and content cells
+     */
+    mergeCheckboxHeader?: boolean;
+    /**
+     * Callback when checkbox is toggled
+     */
+    onCheckboxChange?: (row: TRow, checked: boolean, index: number) => void;
+    /**
+     * Row click handler (for navigation)
+     */
+    onRowClick?: (row: TRow, index: number) => void;
+    /**
+     * Callback when "select all" checkbox is toggled
+     */
+    onSelectAllChange?: (checked: boolean) => void;
+    /**
+     * Parent ID for the table
+     */
+    parentId?: null | number | string;
+    /**
+     * Currently selected row IDs
+     */
+    selectedIds?: Set<number | string>;
+};
+export declare function SlotTable<TRow extends Record<string, unknown> = Record<string, unknown>>({ appearance, className, collectionSlug, columns, data, enableCheckbox, enableDragHandle, enableHeader, enableSelectAll, getRowId, getRowLockedUser, mergeCheckboxHeader, onCheckboxChange, onRowClick, onSelectAllChange, parentId, selectedIds, }: SlotTableProps<TRow>): React.JSX.Element;
+//# sourceMappingURL=SlotTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlotTable.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyTable/SlotTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,kBAAkB,CAAA;AAIzB,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;CACzB,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,UAAU,GAAG,SAAS,CAAA;IACvE;;;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,qBA6HtB"}

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

@@ -0,0 +1,118 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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';
+import './SlotTable.scss';
+const baseClass = 'slot-table';
+export function SlotTable({
+  appearance = 'default',
+  className,
+  collectionSlug,
+  columns,
+  data,
+  enableCheckbox = true,
+  enableDragHandle = true,
+  enableHeader = true,
+  enableSelectAll = true,
+  getRowId = (row, index) => row.id ?? index,
+  getRowLockedUser,
+  mergeCheckboxHeader = false,
+  onCheckboxChange,
+  onRowClick,
+  onSelectAllChange,
+  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 handleSelectAll = () => {
+    onSelectAllChange?.(!allSelected);
+  };
+  const handleRowCheckbox = (row, index, isSelected) => {
+    onCheckboxChange?.(row, !isSelected, index);
+  };
+  const handleRowClick = (row, index) => {
+    onRowClick?.(row, index);
+  };
+  const handleRowKeyDown = (row, index, e) => {
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      onRowClick?.(row, index);
+    }
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: [baseClass, appearance && `${baseClass}--appearance-${appearance}`, className].filter(Boolean).join(' '),
+    children: /*#__PURE__*/_jsxs("table", {
+      cellPadding: "0",
+      cellSpacing: "0",
+      children: [enableHeader && /*#__PURE__*/_jsx("thead", {
+        children: /*#__PURE__*/_jsxs("tr", {
+          children: [enableDragHandle && /*#__PURE__*/_jsx("th", {
+            className: `${baseClass}__th ${baseClass}__th--drag`,
+            children: /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__drag-header`
+            })
+          }), enableCheckbox && !mergeCheckboxHeader && /*#__PURE__*/_jsx("th", {
+            className: `${baseClass}__th ${baseClass}__th--checkbox`,
+            children: enableSelectAll && /*#__PURE__*/_jsx(CheckboxInput, {
+              checked: allSelected,
+              className: `${baseClass}__checkbox`,
+              onToggle: handleSelectAll,
+              partialChecked: someSelected && !allSelected
+            })
+          }), columns.map((col, colIndex) => /*#__PURE__*/_jsx("th", {
+            className: [`${baseClass}__th`, col.className].filter(Boolean).join(' '),
+            colSpan: colIndex === 0 && enableCheckbox && mergeCheckboxHeader ? 2 : undefined,
+            children: col.heading
+          }, col.accessor))]
+        })
+      }), /*#__PURE__*/_jsx("tbody", {
+        children: data.map((row, rowIndex) => {
+          const rowId = getRowId(row, rowIndex);
+          const isSelected = selectedIds.has(rowId);
+          const isClickable = Boolean(onRowClick);
+          return /*#__PURE__*/_jsxs("tr", {
+            className: [`${baseClass}__tr`, isSelected && `${baseClass}__tr--selected`, isClickable && `${baseClass}__tr--clickable`].filter(Boolean).join(' '),
+            "data-id": rowId,
+            onClick: isClickable ? () => handleRowClick(row, rowIndex) : undefined,
+            onKeyDown: isClickable ? e => handleRowKeyDown(row, rowIndex, e) : undefined,
+            tabIndex: isClickable ? 0 : undefined,
+            children: [enableDragHandle && /*#__PURE__*/_jsx("td", {
+              className: `${baseClass}__td ${baseClass}__td--drag`,
+              children: /*#__PURE__*/_jsx("span", {
+                className: `${baseClass}__drag-handle`,
+                children: /*#__PURE__*/_jsx(AlignJustifiedIcon, {})
+              })
+            }), enableCheckbox && /*#__PURE__*/_jsx("td", {
+              className: `${baseClass}__td ${baseClass}__td--checkbox`,
+              children: (() => {
+                const lockedUser = getRowLockedUser?.(row, rowIndex);
+                if (lockedUser) {
+                  return /*#__PURE__*/_jsx(Locked, {
+                    user: lockedUser
+                  });
+                }
+                return /*#__PURE__*/_jsx(CheckboxInput, {
+                  checked: isSelected,
+                  className: `${baseClass}__checkbox`,
+                  onToggle: () => handleRowCheckbox(row, rowIndex, isSelected)
+                });
+              })()
+            }), columns.map(col => /*#__PURE__*/_jsx("td", {
+              className: [`${baseClass}__td`, col.className].filter(Boolean).join(' '),
+              children: /*#__PURE__*/_jsx(col.Cell, {
+                column: col,
+                row: row,
+                rowIndex: rowIndex
+              })
+            }, col.accessor))]
+          }, rowId);
+        })
+      })]
+    })
+  }, `${collectionSlug}-${parentId}`);
+}
+//# sourceMappingURL=SlotTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SlotTable.js","names":["React","Locked","CheckboxInput","AlignJustifiedIcon","baseClass","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","colSpan","undefined","heading","accessor","rowIndex","rowId","isClickable","onClick","onKeyDown","tabIndex","lockedUser","user","Cell","column"],"sources":["../../../../src/views/HierarchyList/HierarchyTable/SlotTable.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientUser } 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 './SlotTable.scss'\n\nconst baseClass = 'slot-table'\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\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) => ClientUser | undefined\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={[baseClass, appearance && `${baseClass}--appearance-${appearance}`, className]\n        .filter(Boolean)\n        .join(' ')}\n      key={`${collectionSlug}-${parentId}`}\n    >\n      <table cellPadding=\"0\" cellSpacing=\"0\">\n        {enableHeader && (\n          <thead>\n            <tr>\n              {enableDragHandle && (\n                <th className={`${baseClass}__th ${baseClass}__th--drag`}>\n                  <span className={`${baseClass}__drag-header`} />\n                </th>\n              )}\n              {enableCheckbox && !mergeCheckboxHeader && (\n                <th className={`${baseClass}__th ${baseClass}__th--checkbox`}>\n                  {enableSelectAll && (\n                    <CheckboxInput\n                      checked={allSelected}\n                      className={`${baseClass}__checkbox`}\n                      onToggle={handleSelectAll}\n                      partialChecked={someSelected && !allSelected}\n                    />\n                  )}\n                </th>\n              )}\n              {columns.map((col, colIndex) => (\n                <th\n                  className={[`${baseClass}__th`, col.className].filter(Boolean).join(' ')}\n                  colSpan={colIndex === 0 && enableCheckbox && mergeCheckboxHeader ? 2 : undefined}\n                  key={col.accessor}\n                >\n                  {col.heading}\n                </th>\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={[\n                  `${baseClass}__tr`,\n                  isSelected && `${baseClass}__tr--selected`,\n                  isClickable && `${baseClass}__tr--clickable`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\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                {enableDragHandle && (\n                  <td className={`${baseClass}__td ${baseClass}__td--drag`}>\n                    <span className={`${baseClass}__drag-handle`}>\n                      <AlignJustifiedIcon />\n                    </span>\n                  </td>\n                )}\n                {enableCheckbox && (\n                  <td className={`${baseClass}__td ${baseClass}__td--checkbox`}>\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={`${baseClass}__checkbox`}\n                          onToggle={() => handleRowCheckbox(row, rowIndex, isSelected)}\n                        />\n                      )\n                    })()}\n                  </td>\n                )}\n                {columns.map((col) => (\n                  <td\n                    className={[`${baseClass}__td`, col.className].filter(Boolean).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":[]}