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

package/dist/views/HierarchyList/HierarchyListHeader/index.js

@@ -4,25 +4,20 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React from 'react';
-import { CreateDocumentButton } from '../../../elements/CreateDocumentButton/index.js';
 import { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js';
 import { ListHeader } from '../../../elements/ListHeader/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
-import { useHierarchy } from '../../../providers/Hierarchy/index.js';
-import { useRouteCache } from '../../../providers/RouteCache/index.js';
 import { DocumentListSelection } from '../DocumentListSelection/index.js';
-import './index.scss';
+import './index.css';
 const baseClass = 'hierarchy-list-header';
 export function HierarchyListHeader(t0) {
-  const $ = _c(4);
+  const $ = _c(11);
   const {
     collectionConfig,
-    collections,
     currentItemTitle,
     Description,
     disableBulkDelete,
     disableBulkEdit,
-    hasCreatePermission,
     HierarchyIcon,
     i18n,
     viewType
@@ -33,46 +28,38 @@ export function HierarchyListHeader(t0) {
   const {
     labels
   } = collectionConfig;
-  const title = currentItemTitle || getTranslation(labels?.plural, i18n);
-  const {
-    clearRouteCache
-  } = useRouteCache();
-  const {
-    refreshTree
-  } = useHierarchy();
   let t1;
-  if ($[0] !== clearRouteCache || $[1] !== collectionConfig.slug || $[2] !== refreshTree) {
-    t1 = () => {
-      clearRouteCache();
-      refreshTree(collectionConfig.slug);
-    };
-    $[0] = clearRouteCache;
-    $[1] = collectionConfig.slug;
-    $[2] = refreshTree;
-    $[3] = t1;
+  if ($[0] !== Description || $[1] !== HierarchyIcon || $[2] !== collectionConfig || $[3] !== config || $[4] !== currentItemTitle || $[5] !== disableBulkDelete || $[6] !== disableBulkEdit || $[7] !== i18n || $[8] !== labels?.plural || $[9] !== viewType) {
+    const title = currentItemTitle || getTranslation(labels?.plural, i18n);
+    t1 = _jsx(ListHeader, {
+      Actions: [_jsx(DocumentListSelection, {
+        disableBulkDelete,
+        disableBulkEdit,
+        hierarchyIcon: HierarchyIcon,
+        hierarchySlug: collectionConfig.slug
+      }, "document-list-selection"), _jsx(DefaultListViewTabs, {
+        collectionConfig,
+        config,
+        viewType
+      }, "default-list-actions")],
+      AfterListHeaderContent: Description,
+      className: baseClass,
+      title
+    });
+    $[0] = Description;
+    $[1] = HierarchyIcon;
+    $[2] = collectionConfig;
+    $[3] = config;
+    $[4] = currentItemTitle;
+    $[5] = disableBulkDelete;
+    $[6] = disableBulkEdit;
+    $[7] = i18n;
+    $[8] = labels?.plural;
+    $[9] = viewType;
+    $[10] = t1;
   } else {
-    t1 = $[3];
+    t1 = $[10];
   }
-  const handleSave = t1;
-  return _jsx(ListHeader, {
-    Actions: [_jsx(DocumentListSelection, {
-      disableBulkDelete,
-      disableBulkEdit,
-      hierarchyIcon: HierarchyIcon,
-      hierarchySlug: collectionConfig.slug
-    }, "document-list-selection"), _jsx(DefaultListViewTabs, {
-      collectionConfig,
-      config,
-      viewType
-    }, "default-list-actions")],
-    AfterListHeaderContent: Description,
-    className: baseClass,
-    title,
-    TitleActions: hasCreatePermission && collections.length > 0 ? [_jsx(CreateDocumentButton, {
-      collections,
-      drawerSlug: `hierarchy-create-${collectionConfig.slug}`,
-      onSave: handleSave
-    }, "hierarchy-create-button")] : undefined
-  });
+  return t1;
 }
 //# sourceMappingURL=index.js.map

package/dist/views/HierarchyList/HierarchyListHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","CreateDocumentButton","DefaultListViewTabs","ListHeader","useConfig","useHierarchy","useRouteCache","DocumentListSelection","baseClass","HierarchyListHeader","t0","$","collectionConfig","collections","currentItemTitle","Description","disableBulkDelete","disableBulkEdit","hasCreatePermission","HierarchyIcon","i18n","viewType","config","labels","title","plural","clearRouteCache","refreshTree","t1","slug","handleSave","_jsx","Actions","hierarchyIcon","hierarchySlug","AfterListHeaderContent","className","TitleActions","length","drawerSlug","onSave","undefined"],"sources":["../../../../src/views/HierarchyList/HierarchyListHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { CollectionOption } from '../../../elements/CreateDocumentButton/index.js'\n\nimport { CreateDocumentButton } from '../../../elements/CreateDocumentButton/index.js'\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { DocumentListSelection } from '../DocumentListSelection/index.js'\nimport './index.scss'\n\nconst baseClass = 'hierarchy-list-header'\n\nexport type HierarchyListHeaderProps = {\n  collectionConfig: ClientCollectionConfig\n  /** Collections available for creation with their initial data */\n  collections: CollectionOption[]\n  /** Title to display - defaults to collection label if not provided */\n  currentItemTitle?: string\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  hasCreatePermission: boolean\n  /** Icon to display in the move drawer */\n  HierarchyIcon?: React.ReactNode\n  i18n: I18nClient\n  viewType?: ViewTypes\n}\n\nexport function HierarchyListHeader({\n  collectionConfig,\n  collections,\n  currentItemTitle,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  hasCreatePermission,\n  HierarchyIcon,\n  i18n,\n  viewType,\n}: HierarchyListHeaderProps) {\n  const { config } = useConfig()\n  const { labels } = collectionConfig\n  const title = currentItemTitle || getTranslation(labels?.plural, i18n)\n  const { clearRouteCache } = useRouteCache()\n  const { refreshTree } = useHierarchy()\n\n  const handleSave = () => {\n    clearRouteCache()\n    refreshTree(collectionConfig.slug)\n  }\n\n  return (\n    <ListHeader\n      Actions={[\n        <DocumentListSelection\n          disableBulkDelete={disableBulkDelete}\n          disableBulkEdit={disableBulkEdit}\n          hierarchyIcon={HierarchyIcon}\n          hierarchySlug={collectionConfig.slug}\n          key=\"document-list-selection\"\n        />,\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ]}\n      AfterListHeaderContent={Description}\n      className={baseClass}\n      title={title}\n      TitleActions={\n        hasCreatePermission && collections.length > 0\n          ? [\n              <CreateDocumentButton\n                collections={collections}\n                drawerSlug={`hierarchy-create-${collectionConfig.slug}`}\n                key=\"hierarchy-create-button\"\n                onSave={handleSave}\n              />,\n            ]\n          : undefined\n      }\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAkBlB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAb,EAAA;EAA6B;IAAAc,gBAAA;IAAAC,WAAA;IAAAC,gBAAA;IAAAC,WAAA;IAAAC,iBAAA;IAAAC,eAAA;IAAAC,mBAAA;IAAAC,aAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAX,EAWT;EACzB;IAAAY;EAAA,IAAmBlB,SAAA;EACnB;IAAAmB;EAAA,IAAmBX,gBAAA;EACnB,MAAAY,KAAA,GAAcV,gBAAA,IAAoBf,cAAA,CAAewB,MAAA,EAAAE,MAAA,EAAgBL,IAAA;EACjE;IAAAM;EAAA,IAA4BpB,aAAA;EAC5B;IAAAqB;EAAA,IAAwBtB,YAAA;EAAA,IAAAuB,EAAA;EAAA,IAAAjB,CAAA,QAAAe,eAAA,IAAAf,CAAA,QAAAC,gBAAA,CAAAiB,IAAA,IAAAlB,CAAA,QAAAgB,WAAA;IAELC,EAAA,GAAAA,CAAA;MACjBF,eAAA;MACAC,WAAA,CAAYf,gBAAA,CAAAiB,IAAqB;IAAA;IACnClB,CAAA,MAAAe,eAAA;IAAAf,CAAA,MAAAC,gBAAA,CAAAiB,IAAA;IAAAlB,CAAA,MAAAgB,WAAA;IAAAhB,CAAA,MAAAiB,EAAA;EAAA;IAAAA,EAAA,GAAAjB,CAAA;EAAA;EAHA,MAAAmB,UAAA,GAAmBF,EAGnB;EAAA,OAGEG,IAAA,CAAA5B,UAAA;IAAA6B,OAAA,GAEID,IAAA,CAAAxB,qBAAA;MAAAS,iBAAA;MAAAC,eAAA;MAAAgB,aAAA,EAGiBd,aAAA;MAAAe,aAAA,EACAtB,gBAAA,CAAAiB;IAAA,GACX,4BAENE,IAAA,CAAA7B,mBAAA;MAAAU,gBAAA;MAAAU,MAAA;MAAAD;IAAA,GAGM;IAAAc,sBAAA,EAIgBpB,WAAA;IAAAqB,SAAA,EAAA5B,SAAA;IAAAgB,KAAA;IAAAa,YAAA,EAItBnB,mBAAA,IAAuBL,WAAA,CAAAyB,MAAA,IAAqB,IAEtCP,IAAA,CAAA9B,oBAAA;MAAAY,WAAA;MAAA0B,UAAA,EAEc,oBAAoB3B,gBAAA,CAAAiB,IAAA,EAAuB;MAAAW,MAAA,EAE/CV;IAAA,GADJ,8BAAAW;EAIR,C","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","DefaultListViewTabs","ListHeader","useConfig","DocumentListSelection","baseClass","HierarchyListHeader","t0","$","collectionConfig","currentItemTitle","Description","disableBulkDelete","disableBulkEdit","HierarchyIcon","i18n","viewType","config","labels","t1","plural","title","_jsx","Actions","hierarchyIcon","hierarchySlug","slug","AfterListHeaderContent","className"],"sources":["../../../../src/views/HierarchyList/HierarchyListHeader/index.tsx"],"sourcesContent":["'use client'\n\nimport type { I18nClient } from '@payloadcms/translations'\nimport type { ClientCollectionConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { DocumentListSelection } from '../DocumentListSelection/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-list-header'\n\nexport type HierarchyListHeaderProps = {\n  collectionConfig: ClientCollectionConfig\n  /** Title to display - defaults to collection label if not provided */\n  currentItemTitle?: string\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  /** Icon to display in the move drawer */\n  HierarchyIcon?: React.ReactNode\n  i18n: I18nClient\n  viewType?: ViewTypes\n}\n\nexport function HierarchyListHeader({\n  collectionConfig,\n  currentItemTitle,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  HierarchyIcon,\n  i18n,\n  viewType,\n}: HierarchyListHeaderProps) {\n  const { config } = useConfig()\n  const { labels } = collectionConfig\n  const title = currentItemTitle || getTranslation(labels?.plural, i18n)\n\n  return (\n    <ListHeader\n      Actions={[\n        <DocumentListSelection\n          disableBulkDelete={disableBulkDelete}\n          disableBulkEdit={disableBulkEdit}\n          hierarchyIcon={HierarchyIcon}\n          hierarchySlug={collectionConfig.slug}\n          key=\"document-list-selection\"\n        />,\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ]}\n      AfterListHeaderContent={Description}\n      className={baseClass}\n      title={title}\n    />\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAKA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,mBAAmB,QAAQ;AACpC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,qBAAqB,QAAQ;AACtC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAelB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAA6B;IAAAW,gBAAA;IAAAC,gBAAA;IAAAC,WAAA;IAAAC,iBAAA;IAAAC,eAAA;IAAAC,aAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAT,EAST;EACzB;IAAAU;EAAA,IAAmBd,SAAA;EACnB;IAAAe;EAAA,IAAmBT,gBAAA;EAAA,IAAAU,EAAA;EAAA,IAAAX,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAM,aAAA,IAAAN,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAS,MAAA,IAAAT,CAAA,QAAAE,gBAAA,IAAAF,CAAA,QAAAI,iBAAA,IAAAJ,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAO,IAAA,IAAAP,CAAA,QAAAU,MAAA,EAAAE,MAAA,IAAAZ,CAAA,QAAAQ,QAAA;IACnB,MAAAK,KAAA,GAAcX,gBAAA,IAAoBX,cAAA,CAAemB,MAAA,EAAAE,MAAA,EAAgBL,IAAA;IAG/DI,EAAA,GAAAG,IAAA,CAAApB,UAAA;MAAAqB,OAAA,GAEID,IAAA,CAAAlB,qBAAA;QAAAQ,iBAAA;QAAAC,eAAA;QAAAW,aAAA,EAGiBV,aAAA;QAAAW,aAAA,EACAhB,gBAAA,CAAAiB;MAAA,GACX,4BAENJ,IAAA,CAAArB,mBAAA;QAAAQ,gBAAA;QAAAQ,MAAA;QAAAD;MAAA,GAGM;MAAAW,sBAAA,EAIgBhB,WAAA;MAAAiB,SAAA,EAAAvB,SAAA;MAAAgB;IAAA,C;;;;;;;;;;;;;;;SAhB1BF,E","ignoreList":[]}

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

@@ -1 +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"}
+{"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,CAuDtD,CAAA"}

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

@@ -47,20 +47,18 @@ export const ChildNameCell = t0 => {
   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 hierarchyConfig = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === "object" ? collectionConfig.hierarchy : undefined;
+    const isFolder = Boolean(hierarchyConfig && hierarchyConfig.allowHasMany === false);
+    const parentFieldName = hierarchyConfig?.parentFieldName || "parent";
     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"
+      path: `/collections/${row._collectionSlug}?${parentFieldName}=${row.id}`
     });
+    const DefaultIcon = isFolder ? _jsx(FolderIcon, {}) : _jsx(TagIcon, {});
     t4 = _jsxs("div", {
       className: `${baseClass}__name-cell`,
       children: [_jsxs(Link, {

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

@@ -1 +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":[]}
+{"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","hierarchyConfig","hierarchy","undefined","isFolder","Boolean","allowHasMany","parentFieldName","documentURL","path","hierarchyURL","DefaultIcon","_jsx","_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 hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const isFolder = Boolean(hierarchyConfig && hierarchyConfig.allowHasMany === false)\n  const parentFieldName = hierarchyConfig?.parentFieldName || 'parent'\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}?${parentFieldName}=${row.id}`,\n  })\n\n  const DefaultIcon = isFolder ? <FolderIcon /> : <TagIcon />\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/RelatedNameCell.js

@@ -31,9 +31,7 @@ const RelatedDocIcon = t0 => {
       if (!isUploadCollection || !previewAllowed) {
         let t3;
         if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-          t3 = _jsx(DocumentIcon, {
-            color: "muted"
-          });
+          t3 = _jsx(DocumentIcon, {});
           $[5] = t3;
         } else {
           t3 = $[5];

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

@@ -1 +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":"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","ignoreList":[]}
+{"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","bb0","config","isUploadCollection","Boolean","upload","previewAllowed","displayPreview","t3","_jsx","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 />\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":"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","ignoreList":[]}

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

@@ -0,0 +1,229 @@
+@layer payload-default {
+  .slot-table {
+    overflow: auto;
+    max-width: 100%;
+
+    table {
+      min-width: 100%;
+      border-spacing: 0;
+    }
+
+    thead {
+      color: var(--color-text-secondary);
+
+      th {
+        font-weight: normal;
+        text-align: left;
+        vertical-align: middle;
+        height: calc(var(--spacer-4) * 2);
+      }
+    }
+
+    tbody {
+      color: var(--color-text-secondary);
+
+      tr {
+        border-top: 1px solid var(--color-border);
+
+        &:hover {
+          background: var(--color-bg-secondary);
+        }
+
+        &:focus-within {
+          outline: none;
+          background: var(--color-bg-secondary);
+        }
+
+        &:has(.slot-table__checkbox input:checked) {
+          background: var(--color-bg-selected);
+        }
+      }
+    }
+  }
+
+  .slot-table__th {
+    padding: var(--spacer-2) var(--spacer-2-5);
+    min-width: 150px;
+    position: relative;
+
+    [dir='rtl'] & {
+      text-align: right;
+    }
+
+    &:first-child {
+      padding-inline-start: var(--spacer-2);
+      padding-inline-end: var(--spacer-2);
+    }
+
+    &:last-child {
+      padding-inline-end: var(--spacer-2);
+    }
+  }
+
+  .slot-table__th--drag {
+    width: var(--spacer-4);
+    min-width: var(--spacer-4);
+    padding: 0;
+  }
+
+  .slot-table__th--checkbox {
+    width: var(--spacer-5);
+    min-width: var(--spacer-5);
+    padding: var(--spacer-2);
+    text-align: center;
+  }
+
+  .slot-table__tr {
+    position: relative;
+    line-height: 1;
+    border-top: 1px solid var(--color-border);
+  }
+
+  .slot-table__tr--clickable {
+    cursor: pointer;
+
+    &:hover {
+      background: var(--color-bg-secondary);
+    }
+
+    &:focus {
+      outline: none;
+      background: var(--color-bg-secondary);
+    }
+  }
+
+  .slot-table__tr--selected {
+    background: var(--color-bg-selected) !important;
+  }
+
+  .slot-table__td {
+    vertical-align: middle;
+    padding: var(--spacer-2) var(--spacer-2-5);
+    min-width: 150px;
+    position: relative;
+    height: calc(var(--spacer-4) * 2);
+
+    [dir='rtl'] & {
+      text-align: right;
+    }
+
+    &:first-child {
+      padding-inline-start: var(--spacer-2);
+    }
+
+    &:last-child {
+      padding-inline-end: var(--spacer-2);
+    }
+  }
+
+  .slot-table__td--drag {
+    width: var(--spacer-4);
+    min-width: var(--spacer-4);
+    padding: 0;
+    text-align: center;
+  }
+
+  .slot-table__td--checkbox {
+    width: var(--spacer-5);
+    min-width: var(--spacer-5);
+    padding: var(--spacer-2);
+    text-align: center;
+  }
+
+  .slot-table__drag-handle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: grab;
+    color: var(--color-icon-tertiary);
+    padding: var(--spacer-1);
+
+    &:hover {
+      color: var(--color-icon-secondary);
+    }
+
+    svg {
+      width: var(--spacer-3);
+      height: var(--spacer-3);
+    }
+  }
+
+  .slot-table__drag-header {
+    display: block;
+    width: var(--spacer-3);
+    height: var(--spacer-3);
+  }
+
+  .slot-table__checkbox {
+    /* Uses CheckboxInput component - no additional styles needed */
+  }
+
+  .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);
+      }
+    }
+  }
+
+  @media (max-width: 1024px) {
+    .slot-table__th,
+    .slot-table__td {
+      max-width: 70vw;
+    }
+  }
+}

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

@@ -1,6 +1,6 @@
 import type { ClientUser } from 'payload';
 import React from 'react';
-import './SlotTable.scss';
+import './SlotTable.css';
 export type SlotColumn<TRow = Record<string, unknown>> = {
     /**
      * Unique identifier for the column

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,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"}
+{"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,iBAAiB,CAAA;AAIxB,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,qBAiJtB"}

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

@@ -5,7 +5,7 @@ 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';
+import './SlotTable.css';
 const baseClass = 'slot-table';
 export function SlotTable({
   appearance = 'default',
@@ -50,24 +50,37 @@ export function SlotTable({
       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", {
+          children: [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
+              partialChecked: someSelected && !allSelected,
+              variant: "muted"
+            })
+          }), enableDragHandle && /*#__PURE__*/_jsx("th", {
+            className: `${baseClass}__th ${baseClass}__th--drag`,
+            children: /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__drag-header`
             })
-          }), 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))]
+          }), columns.map((col, colIndex) => {
+            const isMergedCheckboxColumn = colIndex === 0 && enableCheckbox && mergeCheckboxHeader;
+            return /*#__PURE__*/_jsx("th", {
+              className: [`${baseClass}__th`, col.className].filter(Boolean).join(' '),
+              colSpan: isMergedCheckboxColumn ? 2 : undefined,
+              children: isMergedCheckboxColumn && enableSelectAll ? /*#__PURE__*/_jsxs("span", {
+                className: `${baseClass}__th-merged`,
+                children: [/*#__PURE__*/_jsx(CheckboxInput, {
+                  checked: allSelected,
+                  className: `${baseClass}__checkbox`,
+                  onToggle: handleSelectAll,
+                  partialChecked: someSelected && !allSelected,
+                  variant: "muted"
+                }), col.heading]
+              }) : col.heading
+            }, col.accessor);
+          })]
         })
       }), /*#__PURE__*/_jsx("tbody", {
         children: data.map((row, rowIndex) => {
@@ -80,13 +93,7 @@ export function SlotTable({
             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", {
+            children: [enableCheckbox && /*#__PURE__*/_jsx("td", {
               className: `${baseClass}__td ${baseClass}__td--checkbox`,
               children: (() => {
                 const lockedUser = getRowLockedUser?.(row, rowIndex);
@@ -98,9 +105,16 @@ export function SlotTable({
                 return /*#__PURE__*/_jsx(CheckboxInput, {
                   checked: isSelected,
                   className: `${baseClass}__checkbox`,
-                  onToggle: () => handleRowCheckbox(row, rowIndex, isSelected)
+                  onToggle: () => handleRowCheckbox(row, rowIndex, isSelected),
+                  variant: "muted"
                 });
               })()
+            }), enableDragHandle && /*#__PURE__*/_jsx("td", {
+              className: `${baseClass}__td ${baseClass}__td--drag`,
+              children: /*#__PURE__*/_jsx("span", {
+                className: `${baseClass}__drag-handle`,
+                children: /*#__PURE__*/_jsx(AlignJustifiedIcon, {})
+              })
             }), columns.map(col => /*#__PURE__*/_jsx("td", {
               className: [`${baseClass}__td`, col.className].filter(Boolean).join(' '),
               children: /*#__PURE__*/_jsx(col.Cell, {