@payloadcms/ui 4.0.0-internal.add4c47 → 4.0.0-internal.af6aad0

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

@@ -0,0 +1,457 @@
+'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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useRouter } from '../../../providers/RouterAdapter/index.js';
+import { DragPreviewItem } from './DragPreviewItem/index.js';
+import { PlaneItem } from './PlaneItem/index.js';
+import './index.css';
+const baseClass = 'hierarchy-card-grid';
+/**
+ * Rows are drawn from several collections whose ids can collide, so identity is the pair.
+ */
+export const getRowKey = row => `${row._collectionSlug}:${row.id}`;
+const getRowTitle = ({
+  row,
+  useAsTitle
+}) => {
+  const rawTitle = row[useAsTitle];
+  if (typeof rawTitle === 'string' || typeof rawTitle === 'number') {
+    return String(rawTitle);
+  }
+  return String(row.id);
+};
+/**
+ * Discrete column tiers, richest-first. Each `minWidth` is the container width at which that
+ * many ~200px cards (plus the grid gap) still fit, so cards never drop meaningfully below the
+ * 200px target as the container grows.
+ */
+const COLUMN_TIERS = [{
+  columns: 8,
+  minWidth: 1712
+}, {
+  columns: 5,
+  minWidth: 1064
+}, {
+  columns: 4,
+  minWidth: 848
+}, {
+  columns: 2,
+  minWidth: 0
+}];
+const getColumnCount = containerWidth => COLUMN_TIERS.find(tier => containerWidth >= tier.minWidth)?.columns ?? 2;
+/**
+ * Measures the plane's own width via `ResizeObserver` rather than CSS container queries, so the
+ * column count is driven by explicit, easily-debuggable state instead of container-query support
+ * or self-referencing-container edge cases. Every band shares the count, so folder cards and
+ * document cards line up in the same columns.
+ *
+ * Starts `null` - not at a guessed tier - because the width can only be known on the client. Until
+ * it is measured the bands leave `grid-template-columns` to CSS, which auto-fills to the same ~200px
+ * target; seeding a guess instead would paint that many full-width-share cards on the server and
+ * then visibly snap to the measured count on hydration.
+ */
+const useColumnCount = () => {
+  const $ = _c(4);
+  const ref = useRef(null);
+  const [columns, setColumns] = useState(null);
+  let t0;
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = () => {
+      const node = ref.current;
+      if (!node) {
+        return;
+      }
+      const observer = new ResizeObserver(t2 => {
+        const [entry] = t2;
+        if (entry) {
+          setColumns(getColumnCount(entry.contentRect.width));
+        }
+      });
+      observer.observe(node);
+      return () => observer.disconnect();
+    };
+    t1 = [];
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t0 = $[0];
+    t1 = $[1];
+  }
+  useEffect(t0, t1);
+  let t2;
+  if ($[2] !== columns) {
+    t2 = [ref, columns];
+    $[2] = columns;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  return t2;
+};
+/**
+ * A press only becomes a marquee once the pointer travels this far, so a slightly imprecise click
+ * on empty space still reads as a click-away rather than a zero-area drag.
+ */
+const DRAG_THRESHOLD = 4;
+/** Matches the overlay's own cap, so no preview card is built that the overlay would discard. */
+const MAX_DRAG_PREVIEW_CARDS = 3;
+const getSelectionIntent = event => {
+  if (event.shiftKey) {
+    return 'range';
+  }
+  if (event.metaKey || event.ctrlKey) {
+    return 'toggle';
+  }
+  return 'replace';
+};
+export function HierarchyCardGrid({
+  ancestorIds = [],
+  ariaLabel,
+  bands,
+  fillHeight = false,
+  getRowLockedUser,
+  hierarchySlug,
+  isDragDisabled = false,
+  onMoveSuccess,
+  onSelectionChange,
+  selectedKeys,
+  showCollectionType
+}) {
+  const {
+    config: {
+      routes: {
+        admin: adminRoute
+      }
+    },
+    getEntityConfig
+  } = useConfig();
+  const router = useRouter();
+  const [planeRef, columns] = useColumnCount();
+  /**
+  * Selection, range anchoring, and the marquee all operate over one flat index space, which is
+  * what puts folders and documents on the same plane rather than in sibling scopes.
+  */
+  const flatRows = useMemo(() => bands.flatMap(band => band.rows), [bands]);
+  /**
+  * Everything needed to render one card, flattened into the same index space as `flatRows`. Built
+  * once so the render and the drag overlay agree on titles and hrefs without recomputing them.
+  */
+  const descriptors = useMemo(() => bands.flatMap(band_0 => band_0.rows.map(row => {
+    const collectionConfig = getEntityConfig({
+      collectionSlug: row._collectionSlug
+    });
+    const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id';
+    const hierarchyConfig = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy : undefined;
+    const parentFieldName = hierarchyConfig?.parentFieldName || 'parent';
+    // Folders drill in via `_browseHref` so the click stays in the collection being browsed;
+    // the fallback covers rows built outside the hierarchy view.
+    const href = band_0.isHierarchyGroup ? row._browseHref ?? formatAdminURL({
+      adminRoute,
+      path: `/collections/${row._collectionSlug}?${parentFieldName}=${row.id}`
+    }) : formatAdminURL({
+      adminRoute,
+      path: `/collections/${row._collectionSlug}/${row.id}`
+    });
+    return {
+      href,
+      isHierarchyGroup: band_0.isHierarchyGroup,
+      key: getRowKey(row),
+      parentFieldName,
+      row,
+      title: getRowTitle({
+        row,
+        useAsTitle
+      })
+    };
+  })), [adminRoute, bands, getEntityConfig]);
+  const showTypePill = useMemo(() => {
+    if (showCollectionType !== undefined) {
+      return showCollectionType;
+    }
+    const documentSlugs = new Set(bands.filter(band_1 => !band_1.isHierarchyGroup).flatMap(band_2 => band_2.rows).map(row_0 => row_0._collectionSlug));
+    return documentSlugs.size > 1;
+  }, [bands, showCollectionType]);
+  /**
+  * Payload for dragging the current selection, shared by every selected card so it is built once
+  * per render rather than once per card. The preview is capped because the overlay only fans a few
+  * cards before collapsing the remainder into a count.
+  */
+  const selectionDragData = useMemo(() => {
+    const selected = descriptors.filter(descriptor => selectedKeys.has(descriptor.key));
+    return {
+      type: 'hierarchy-items',
+      items: selected.map(descriptor_0 => ({
+        id: descriptor_0.row.id,
+        collectionSlug: descriptor_0.row._collectionSlug,
+        title: descriptor_0.title
+      })),
+      onMoveSuccess,
+      preview: selected.slice(0, MAX_DRAG_PREVIEW_CARDS).map(descriptor_1 => /*#__PURE__*/_jsx(DragPreviewItem, {
+        isHierarchyGroup: descriptor_1.isHierarchyGroup,
+        row: descriptor_1.row
+      }, descriptor_1.key))
+    };
+  }, [descriptors, onMoveSuccess, selectedKeys]);
+  const [marquee, setMarquee] = useState(null);
+  // Origin of the next Shift+Click range, set by every plain or Cmd/Ctrl click.
+  const anchorIndexRef = useRef(null);
+  /**
+  * Flat index → card element. The cards live across several lists now, so the marquee can no
+  * longer hit-test by walking one element's children.
+  */
+  const itemRefs = useRef(new Map());
+  const setItemRef = useCallback((flatIndex, node) => {
+    if (node) {
+      itemRefs.current.set(flatIndex, node);
+    } else {
+      itemRefs.current.delete(flatIndex);
+    }
+  }, []);
+  /**
+  * A drag binds its handlers to `window` for its whole lifetime, so those handlers have to read
+  * the live rows and selection rather than the values captured when the press began - the
+  * selection changes on every pointer move.
+  */
+  const latestRef = useRef({
+    flatRows,
+    getRowLockedUser,
+    onSelectionChange,
+    selectedKeys
+  });
+  useEffect(() => {
+    latestRef.current = {
+      flatRows,
+      getRowLockedUser,
+      onSelectionChange,
+      selectedKeys
+    };
+  });
+  // Unmounting mid-drag would otherwise leave the window listeners bound.
+  const dragCleanupRef = useRef(null);
+  useEffect(() => () => dragCleanupRef.current?.(), []);
+  const isRowSelectable = row_1 => !latestRef.current.getRowLockedUser?.(row_1);
+  /**
+  * Reduces a desired selection to the minimum set of per-row toggles the consumer understands.
+  */
+  const commitSelection = nextSelectedKeys => {
+    const {
+      flatRows: latestRows,
+      onSelectionChange: onChange,
+      selectedKeys: currentKeys
+    } = latestRef.current;
+    latestRows.forEach(row_2 => {
+      const key = getRowKey(row_2);
+      if (isRowSelectable(row_2) && currentKeys.has(key) !== nextSelectedKeys.has(key)) {
+        onChange(row_2);
+      }
+    });
+  };
+  const applySelectionIntent = ({
+    index,
+    intent
+  }) => {
+    const row_3 = flatRows[index];
+    if (!row_3 || !isRowSelectable(row_3)) {
+      return;
+    }
+    const nextSelectedKeys_0 = new Set();
+    if (intent === 'range') {
+      const anchorIndex = anchorIndexRef.current ?? index;
+      const start = Math.min(anchorIndex, index);
+      const end = Math.max(anchorIndex, index);
+      flatRows.slice(start, end + 1).forEach(rangeRow => {
+        if (isRowSelectable(rangeRow)) {
+          nextSelectedKeys_0.add(getRowKey(rangeRow));
+        }
+      });
+    } else if (intent === 'toggle') {
+      selectedKeys.forEach(key_0 => nextSelectedKeys_0.add(key_0));
+      const key_1 = getRowKey(row_3);
+      if (nextSelectedKeys_0.has(key_1)) {
+        nextSelectedKeys_0.delete(key_1);
+      } else {
+        nextSelectedKeys_0.add(key_1);
+      }
+      anchorIndexRef.current = index;
+    } else {
+      nextSelectedKeys_0.add(getRowKey(row_3));
+      anchorIndexRef.current = index;
+    }
+    commitSelection(nextSelectedKeys_0);
+  };
+  /**
+  * Cards have no checkbox, so the card surface itself drives selection: click selects, Cmd/Ctrl
+  * click toggles, Shift click extends. Navigation moves to double click instead.
+  *
+  * This runs in the capture phase and stops propagation because the card's `Link` navigates from
+  * its own `onClick` - a bubbling handler here would fire after the route change had already
+  * started. Keyboard-triggered clicks (`detail === 0`, i.e. Enter on the focused link) are let
+  * through to the link, since there is no double-press equivalent.
+  */
+  const handleCardClickCapture = (event, index_0) => {
+    if (event.detail === 0) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    applySelectionIntent({
+      index: index_0,
+      intent: getSelectionIntent(event)
+    });
+  };
+  // Space is the keyboard counterpart of a selecting click, mirroring what the checkbox used to
+  // offer; Enter stays with the focused link so it still opens the document.
+  const handleCardKeyDown = (event_0, index_1) => {
+    if (event_0.key !== ' ') {
+      return;
+    }
+    // Space would otherwise scroll the page.
+    event_0.preventDefault();
+    applySelectionIntent({
+      index: index_1,
+      intent: getSelectionIntent(event_0)
+    });
+  };
+  // Pressing an unselected card collapses the selection onto it, so a drag that starts from it moves
+  // only that card. The pointer sensor's own distance threshold means this lands before any drag.
+  const handlePointerDownUnselected = index_2 => {
+    applySelectionIntent({
+      index: index_2,
+      intent: 'replace'
+    });
+  };
+  const handleCardDoubleClick = (event_1, href_0) => {
+    event_1.preventDefault();
+    router.push(href_0);
+  };
+  /**
+  * A press on the plane's empty space either clears the selection (click-away) or draws a marquee
+  * that selects every card it touches, matching a file browser. Holding a modifier keeps the
+  * existing selection and adds to it.
+  *
+  * All coordinates are kept relative to the plane so the marquee stays anchored to the cards if
+  * the page scrolls mid-drag.
+  */
+  const handlePlaneMouseDown = event_2 => {
+    const planeNode = planeRef.current;
+    // Presses that land on a card belong to the click handlers above.
+    if (event_2.button !== 0 || !planeNode || event_2.target.closest(`.${baseClass}__item`)) {
+      return;
+    }
+    // Suppresses the native text-selection drag that would otherwise fight the marquee.
+    event_2.preventDefault();
+    const isAdditive = event_2.shiftKey || event_2.metaKey || event_2.ctrlKey;
+    const baseSelectedKeys = new Set(selectedKeys);
+    const startBounds = planeNode.getBoundingClientRect();
+    const startX = event_2.clientX - startBounds.left;
+    const startY = event_2.clientY - startBounds.top;
+    let hasMoved = false;
+    const handleMouseMove = moveEvent => {
+      const planeBounds = planeNode.getBoundingClientRect();
+      const currentX = moveEvent.clientX - planeBounds.left;
+      const currentY = moveEvent.clientY - planeBounds.top;
+      if (!hasMoved && Math.abs(currentX - startX) < DRAG_THRESHOLD && Math.abs(currentY - startY) < DRAG_THRESHOLD) {
+        return;
+      }
+      hasMoved = true;
+      const bottom = Math.max(startY, currentY);
+      const left = Math.min(startX, currentX);
+      const right = Math.max(startX, currentX);
+      const top = Math.min(startY, currentY);
+      setMarquee({
+        height: bottom - top,
+        left,
+        top,
+        width: right - left
+      });
+      const nextSelectedKeys_1 = isAdditive ? new Set(baseSelectedKeys) : new Set();
+      latestRef.current.flatRows.forEach((row_4, index_3) => {
+        const itemNode = itemRefs.current.get(index_3);
+        if (!itemNode || !isRowSelectable(row_4)) {
+          return;
+        }
+        const itemBounds = itemNode.getBoundingClientRect();
+        const intersects = itemBounds.left - planeBounds.left < right && itemBounds.right - planeBounds.left > left && itemBounds.top - planeBounds.top < bottom && itemBounds.bottom - planeBounds.top > top;
+        if (intersects) {
+          nextSelectedKeys_1.add(getRowKey(row_4));
+        }
+      });
+      commitSelection(nextSelectedKeys_1);
+    };
+    const endDrag = () => {
+      window.removeEventListener('mousemove', handleMouseMove);
+      window.removeEventListener('mouseup', endDrag);
+      dragCleanupRef.current = null;
+      setMarquee(null);
+      // A press that never became a drag is a click-away: it clears the selection.
+      if (!hasMoved && !isAdditive) {
+        commitSelection(new Set());
+        anchorIndexRef.current = null;
+      }
+    };
+    dragCleanupRef.current = endDrag;
+    window.addEventListener('mousemove', handleMouseMove);
+    window.addEventListener('mouseup', endDrag);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: [baseClass, fillHeight && `${baseClass}--fill-height`].filter(Boolean).join(' '),
+    onMouseDown: handlePlaneMouseDown,
+    ref: planeRef,
+    children: [bands.map((band_3, bandIndex) => {
+      // Bands render in order, so each band's rows start after every earlier band's rows.
+      const bandOffset = bands.slice(0, bandIndex).reduce((total, earlier) => total + earlier.rows.length, 0);
+      return /*#__PURE__*/_jsxs("div", {
+        children: [band_3.visibleLabel && /*#__PURE__*/_jsx("h2", {
+          className: `${baseClass}__band-label`,
+          children: band_3.visibleLabel
+        }), /*#__PURE__*/_jsx("ul", {
+          "aria-label": band_3.label ?? ariaLabel,
+          className: [`${baseClass}__band`, band_3.isHierarchyGroup && `${baseClass}__band--folders`, band_3.visibleLabel && `${baseClass}__band--labeled`].filter(Boolean).join(' '),
+          style: columns ? {
+            gridTemplateColumns: `repeat(${columns}, 1fr)`
+          } : undefined,
+          children: band_3.rows.map((_row, rowIndex) => {
+            const flatIndex_0 = bandOffset + rowIndex;
+            const descriptor_2 = descriptors[flatIndex_0];
+            return /*#__PURE__*/_jsx(PlaneItem, {
+              ancestorIds: ancestorIds,
+              baseClass: baseClass,
+              flatIndex: flatIndex_0,
+              hierarchySlug: hierarchySlug ?? descriptor_2.row._collectionSlug,
+              href: descriptor_2.href,
+              isDragDisabled: isDragDisabled,
+              isHierarchyGroup: descriptor_2.isHierarchyGroup,
+              isSelected: selectedKeys.has(descriptor_2.key),
+              lockedUser: getRowLockedUser?.(descriptor_2.row),
+              onClickCapture: handleCardClickCapture,
+              onDoubleClick: handleCardDoubleClick,
+              onKeyDown: handleCardKeyDown,
+              onPointerDownUnselected: handlePointerDownUnselected,
+              parentFieldName: descriptor_2.parentFieldName,
+              registerNode: setItemRef,
+              row: descriptor_2.row,
+              selectionDragData: selectionDragData,
+              showTypePill: showTypePill,
+              title: descriptor_2.title
+            }, descriptor_2.key);
+          })
+        })]
+      }, band_3.key);
+    }), marquee && /*#__PURE__*/_jsx("div", {
+      "aria-hidden": "true",
+      className: `${baseClass}__marquee`,
+      style: {
+        height: marquee.height,
+        left: marquee.left,
+        top: marquee.top,
+        width: marquee.width
+      }
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","formatAdminURL","React","useCallback","useEffect","useMemo","useRef","useState","useConfig","useRouter","DragPreviewItem","PlaneItem","baseClass","getRowKey","row","_collectionSlug","id","getRowTitle","useAsTitle","rawTitle","String","COLUMN_TIERS","columns","minWidth","getColumnCount","containerWidth","find","tier","useColumnCount","$","ref","setColumns","t0","t1","Symbol","for","node","current","observer","ResizeObserver","t2","entry","contentRect","width","observe","disconnect","DRAG_THRESHOLD","MAX_DRAG_PREVIEW_CARDS","getSelectionIntent","event","shiftKey","metaKey","ctrlKey","HierarchyCardGrid","ancestorIds","ariaLabel","bands","fillHeight","getRowLockedUser","hierarchySlug","isDragDisabled","onMoveSuccess","onSelectionChange","selectedKeys","showCollectionType","config","routes","admin","adminRoute","getEntityConfig","router","planeRef","flatRows","flatMap","band","rows","descriptors","map","collectionConfig","collectionSlug","hierarchyConfig","hierarchy","undefined","parentFieldName","href","isHierarchyGroup","_browseHref","path","key","title","showTypePill","documentSlugs","Set","filter","size","selectionDragData","selected","descriptor","has","type","items","preview","slice","_jsx","marquee","setMarquee","anchorIndexRef","itemRefs","Map","setItemRef","flatIndex","set","delete","latestRef","dragCleanupRef","isRowSelectable","commitSelection","nextSelectedKeys","latestRows","onChange","currentKeys","forEach","applySelectionIntent","index","intent","anchorIndex","start","Math","min","end","max","rangeRow","add","handleCardClickCapture","detail","preventDefault","stopPropagation","handleCardKeyDown","handlePointerDownUnselected","handleCardDoubleClick","push","handlePlaneMouseDown","planeNode","button","target","closest","isAdditive","baseSelectedKeys","startBounds","getBoundingClientRect","startX","clientX","left","startY","clientY","top","hasMoved","handleMouseMove","moveEvent","planeBounds","currentX","currentY","abs","bottom","right","height","itemNode","get","itemBounds","intersects","endDrag","window","removeEventListener","addEventListener","_jsxs","className","Boolean","join","onMouseDown","bandIndex","bandOffset","reduce","total","earlier","length","visibleLabel","label","style","gridTemplateColumns","_row","rowIndex","isSelected","lockedUser","onClickCapture","onDoubleClick","onKeyDown","onPointerDownUnselected","registerNode"],"sources":["../../../../src/views/HierarchyList/HierarchyCards/index.tsx"],"sourcesContent":["'use client'\n\nimport type { User } from 'payload'\n\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { HierarchyDragData } from '../../../providers/HierarchyDnd/types.js'\nimport type { TableRow } from '../HierarchyTable/types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useRouter } from '../../../providers/RouterAdapter/index.js'\nimport { DragPreviewItem } from './DragPreviewItem/index.js'\nimport { PlaneItem } from './PlaneItem/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-card-grid'\n\n/**\n * Rows are drawn from several collections whose ids can collide, so identity is the pair.\n */\nexport const getRowKey = (row: TableRow): string => `${row._collectionSlug}:${row.id}`\n\nconst getRowTitle = ({ row, useAsTitle }: { row: TableRow; useAsTitle: string }): string => {\n  const rawTitle = row[useAsTitle]\n\n  if (typeof rawTitle === 'string' || typeof rawTitle === 'number') {\n    return String(rawTitle)\n  }\n\n  return String(row.id)\n}\n\n/**\n * Discrete column tiers, richest-first. Each `minWidth` is the container width at which that\n * many ~200px cards (plus the grid gap) still fit, so cards never drop meaningfully below the\n * 200px target as the container grows.\n */\nconst COLUMN_TIERS = [\n  { columns: 8, minWidth: 1712 },\n  { columns: 5, minWidth: 1064 },\n  { columns: 4, minWidth: 848 },\n  { columns: 2, minWidth: 0 },\n] as const\n\nconst getColumnCount = (containerWidth: number): number =>\n  COLUMN_TIERS.find((tier) => containerWidth >= tier.minWidth)?.columns ?? 2\n\n/**\n * Measures the plane's own width via `ResizeObserver` rather than CSS container queries, so the\n * column count is driven by explicit, easily-debuggable state instead of container-query support\n * or self-referencing-container edge cases. Every band shares the count, so folder cards and\n * document cards line up in the same columns.\n *\n * Starts `null` - not at a guessed tier - because the width can only be known on the client. Until\n * it is measured the bands leave `grid-template-columns` to CSS, which auto-fills to the same ~200px\n * target; seeding a guess instead would paint that many full-width-share cards on the server and\n * then visibly snap to the measured count on hydration.\n */\nconst useColumnCount = () => {\n  const ref = useRef<HTMLDivElement>(null)\n  const [columns, setColumns] = useState<null | number>(null)\n\n  useEffect(() => {\n    const node = ref.current\n\n    if (!node) {\n      return\n    }\n\n    const observer = new ResizeObserver(([entry]) => {\n      if (entry) {\n        setColumns(getColumnCount(entry.contentRect.width))\n      }\n    })\n\n    observer.observe(node)\n\n    return () => observer.disconnect()\n  }, [])\n\n  return [ref, columns] as const\n}\n\n/**\n * `replace` collapses the selection to the clicked card, `toggle` (Cmd/Ctrl) adds or removes it,\n * and `range` (Shift) selects everything between the anchor and the clicked card.\n */\ntype ClickIntent = 'range' | 'replace' | 'toggle'\n\n/**\n * Plane-relative geometry of the drag-selection marquee.\n */\ntype MarqueeRect = {\n  height: number\n  left: number\n  top: number\n  width: number\n}\n\n/**\n * A press only becomes a marquee once the pointer travels this far, so a slightly imprecise click\n * on empty space still reads as a click-away rather than a zero-area drag.\n */\nconst DRAG_THRESHOLD = 4\n\n/** Matches the overlay's own cap, so no preview card is built that the overlay would discard. */\nconst MAX_DRAG_PREVIEW_CARDS = 3\n\nconst getSelectionIntent = (event: {\n  ctrlKey: boolean\n  metaKey: boolean\n  shiftKey: boolean\n}): ClickIntent => {\n  if (event.shiftKey) {\n    return 'range'\n  }\n\n  if (event.metaKey || event.ctrlKey) {\n    return 'toggle'\n  }\n\n  return 'replace'\n}\n\n/**\n * A row plus the presentation values derived from its collection config.\n */\ntype CardDescriptor = {\n  href: string\n  isHierarchyGroup: boolean\n  key: string\n  parentFieldName: string\n  row: TableRow\n  title: string\n}\n\n/**\n * One horizontal group of cards. Bands stack vertically and share a single selection scope, so a\n * range selection or a marquee can run from a folder straight through the documents below it.\n */\nexport type PlaneBand = {\n  /**\n   * Hierarchy rows render as folder cards, related documents render as document cards.\n   */\n  isHierarchyGroup: boolean\n  key: string\n  /**\n   * Accessible name for this band, so each list is distinguishable when several render.\n   */\n  label?: string\n  rows: TableRow[]\n  /**\n   * Heading rendered above the band, e.g. distinguishing documents with no folder from the ones\n   * inside a folder. Separate from `label` because that one is read on every band as an accessible\n   * name, while this is opt-in and only some bands need it.\n   */\n  visibleLabel?: string\n}\n\nexport type HierarchyCardGridProps = {\n  /**\n   * Ids of the folders between the root and the folder currently open, so a folder can't be dropped\n   * into its own subtree.\n   */\n  ancestorIds?: (number | string)[]\n  /**\n   * Fallback accessible name for bands that don't carry their own label.\n   */\n  ariaLabel?: string\n  bands: PlaneBand[]\n  /**\n   * Grows the plane to fill the remaining height of its container, so click-away and drag selection\n   * reach the empty space below the cards rather than only the gaps between them. Requires the\n   * container to be a flex column.\n   */\n  fillHeight?: boolean\n  /**\n   * Returns the user currently editing a row, mirroring the table's lock affordance. Locked rows\n   * cannot be selected, so their cards render a lock indicator.\n   */\n  getRowLockedUser?: (row: TableRow) => undefined | User\n  /**\n   * Slug of the collection that owns the folder tree, used to address drop destinations.\n   */\n  hierarchySlug?: string\n  /**\n   * Renders the cards as plain selectable tiles, with no drag activation and no dragging treatment.\n   * For planes with nowhere to drop, such as the flat collection grid outside the hierarchy view.\n   */\n  isDragDisabled?: boolean\n  /**\n   * Clears the selection once a drop has moved it, since those documents are no longer on this page.\n   */\n  onMoveSuccess?: () => void\n  /**\n   * Toggles a single row's selected state. Multi-card intents (replace, range) are resolved into\n   * the minimum set of per-row toggles by the plane, so consumers only implement one operation.\n   */\n  onSelectionChange: (row: TableRow) => void\n  selectedKeys: Set<string>\n  /**\n   * Renders each document card's collection label as a pill over its thumbnail. Defaults to showing\n   * the pill only when the documents span more than one collection - a grid of a single document\n   * type labels itself, so the pill would repeat the same word on every card.\n   */\n  showCollectionType?: boolean\n}\n\nexport function HierarchyCardGrid({\n  ancestorIds = [],\n  ariaLabel,\n  bands,\n  fillHeight = false,\n  getRowLockedUser,\n  hierarchySlug,\n  isDragDisabled = false,\n  onMoveSuccess,\n  onSelectionChange,\n  selectedKeys,\n  showCollectionType,\n}: HierarchyCardGridProps) {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n  const [planeRef, columns] = useColumnCount()\n\n  /**\n   * Selection, range anchoring, and the marquee all operate over one flat index space, which is\n   * what puts folders and documents on the same plane rather than in sibling scopes.\n   */\n  const flatRows = useMemo(() => bands.flatMap((band) => band.rows), [bands])\n\n  /**\n   * Everything needed to render one card, flattened into the same index space as `flatRows`. Built\n   * once so the render and the drag overlay agree on titles and hrefs without recomputing them.\n   */\n  const descriptors = useMemo<CardDescriptor[]>(\n    () =>\n      bands.flatMap((band) =>\n        band.rows.map((row) => {\n          const collectionConfig = getEntityConfig({ collectionSlug: row._collectionSlug })\n          const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n\n          const hierarchyConfig =\n            collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n              ? collectionConfig.hierarchy\n              : undefined\n          const parentFieldName = hierarchyConfig?.parentFieldName || 'parent'\n\n          // Folders drill in via `_browseHref` so the click stays in the collection being browsed;\n          // the fallback covers rows built outside the hierarchy view.\n          const href = band.isHierarchyGroup\n            ? (row._browseHref ??\n              formatAdminURL({\n                adminRoute,\n                path: `/collections/${row._collectionSlug}?${parentFieldName}=${row.id}`,\n              }))\n            : formatAdminURL({\n                adminRoute,\n                path: `/collections/${row._collectionSlug}/${row.id}`,\n              })\n\n          return {\n            href,\n            isHierarchyGroup: band.isHierarchyGroup,\n            key: getRowKey(row),\n            parentFieldName,\n            row,\n            title: getRowTitle({ row, useAsTitle }),\n          }\n        }),\n      ),\n    [adminRoute, bands, getEntityConfig],\n  )\n\n  const showTypePill = useMemo(() => {\n    if (showCollectionType !== undefined) {\n      return showCollectionType\n    }\n\n    const documentSlugs = new Set(\n      bands\n        .filter((band) => !band.isHierarchyGroup)\n        .flatMap((band) => band.rows)\n        .map((row) => row._collectionSlug),\n    )\n\n    return documentSlugs.size > 1\n  }, [bands, showCollectionType])\n\n  /**\n   * Payload for dragging the current selection, shared by every selected card so it is built once\n   * per render rather than once per card. The preview is capped because the overlay only fans a few\n   * cards before collapsing the remainder into a count.\n   */\n  const selectionDragData = useMemo<HierarchyDragData>(() => {\n    const selected = descriptors.filter((descriptor) => selectedKeys.has(descriptor.key))\n\n    return {\n      type: 'hierarchy-items',\n      items: selected.map((descriptor) => ({\n        id: descriptor.row.id,\n        collectionSlug: descriptor.row._collectionSlug,\n        title: descriptor.title,\n      })),\n      onMoveSuccess,\n      preview: selected\n        .slice(0, MAX_DRAG_PREVIEW_CARDS)\n        .map((descriptor) => (\n          <DragPreviewItem\n            isHierarchyGroup={descriptor.isHierarchyGroup}\n            key={descriptor.key}\n            row={descriptor.row}\n          />\n        )),\n    }\n  }, [descriptors, onMoveSuccess, selectedKeys])\n\n  const [marquee, setMarquee] = useState<MarqueeRect | null>(null)\n\n  // Origin of the next Shift+Click range, set by every plain or Cmd/Ctrl click.\n  const anchorIndexRef = useRef<null | number>(null)\n\n  /**\n   * Flat index → card element. The cards live across several lists now, so the marquee can no\n   * longer hit-test by walking one element's children.\n   */\n  const itemRefs = useRef<Map<number, HTMLElement>>(new Map())\n\n  const setItemRef = useCallback((flatIndex: number, node: HTMLElement | null) => {\n    if (node) {\n      itemRefs.current.set(flatIndex, node)\n    } else {\n      itemRefs.current.delete(flatIndex)\n    }\n  }, [])\n\n  /**\n   * A drag binds its handlers to `window` for its whole lifetime, so those handlers have to read\n   * the live rows and selection rather than the values captured when the press began - the\n   * selection changes on every pointer move.\n   */\n  const latestRef = useRef({ flatRows, getRowLockedUser, onSelectionChange, selectedKeys })\n\n  useEffect(() => {\n    latestRef.current = { flatRows, getRowLockedUser, onSelectionChange, selectedKeys }\n  })\n\n  // Unmounting mid-drag would otherwise leave the window listeners bound.\n  const dragCleanupRef = useRef<(() => void) | null>(null)\n\n  useEffect(() => () => dragCleanupRef.current?.(), [])\n\n  const isRowSelectable = (row: TableRow) => !latestRef.current.getRowLockedUser?.(row)\n\n  /**\n   * Reduces a desired selection to the minimum set of per-row toggles the consumer understands.\n   */\n  const commitSelection = (nextSelectedKeys: Set<string>) => {\n    const {\n      flatRows: latestRows,\n      onSelectionChange: onChange,\n      selectedKeys: currentKeys,\n    } = latestRef.current\n\n    latestRows.forEach((row) => {\n      const key = getRowKey(row)\n\n      if (isRowSelectable(row) && currentKeys.has(key) !== nextSelectedKeys.has(key)) {\n        onChange(row)\n      }\n    })\n  }\n\n  const applySelectionIntent = ({ index, intent }: { index: number; intent: ClickIntent }) => {\n    const row = flatRows[index]\n\n    if (!row || !isRowSelectable(row)) {\n      return\n    }\n\n    const nextSelectedKeys = new Set<string>()\n\n    if (intent === 'range') {\n      const anchorIndex = anchorIndexRef.current ?? index\n      const start = Math.min(anchorIndex, index)\n      const end = Math.max(anchorIndex, index)\n\n      flatRows.slice(start, end + 1).forEach((rangeRow) => {\n        if (isRowSelectable(rangeRow)) {\n          nextSelectedKeys.add(getRowKey(rangeRow))\n        }\n      })\n    } else if (intent === 'toggle') {\n      selectedKeys.forEach((key) => nextSelectedKeys.add(key))\n\n      const key = getRowKey(row)\n\n      if (nextSelectedKeys.has(key)) {\n        nextSelectedKeys.delete(key)\n      } else {\n        nextSelectedKeys.add(key)\n      }\n\n      anchorIndexRef.current = index\n    } else {\n      nextSelectedKeys.add(getRowKey(row))\n      anchorIndexRef.current = index\n    }\n\n    commitSelection(nextSelectedKeys)\n  }\n\n  /**\n   * Cards have no checkbox, so the card surface itself drives selection: click selects, Cmd/Ctrl\n   * click toggles, Shift click extends. Navigation moves to double click instead.\n   *\n   * This runs in the capture phase and stops propagation because the card's `Link` navigates from\n   * its own `onClick` - a bubbling handler here would fire after the route change had already\n   * started. Keyboard-triggered clicks (`detail === 0`, i.e. Enter on the focused link) are let\n   * through to the link, since there is no double-press equivalent.\n   */\n  const handleCardClickCapture = (event: React.MouseEvent, index: number) => {\n    if (event.detail === 0) {\n      return\n    }\n\n    event.preventDefault()\n    event.stopPropagation()\n    applySelectionIntent({ index, intent: getSelectionIntent(event) })\n  }\n\n  // Space is the keyboard counterpart of a selecting click, mirroring what the checkbox used to\n  // offer; Enter stays with the focused link so it still opens the document.\n  const handleCardKeyDown = (event: React.KeyboardEvent, index: number) => {\n    if (event.key !== ' ') {\n      return\n    }\n\n    // Space would otherwise scroll the page.\n    event.preventDefault()\n    applySelectionIntent({ index, intent: getSelectionIntent(event) })\n  }\n\n  // Pressing an unselected card collapses the selection onto it, so a drag that starts from it moves\n  // only that card. The pointer sensor's own distance threshold means this lands before any drag.\n  const handlePointerDownUnselected = (index: number) => {\n    applySelectionIntent({ index, intent: 'replace' })\n  }\n\n  const handleCardDoubleClick = (event: React.MouseEvent, href: string) => {\n    event.preventDefault()\n    router.push(href)\n  }\n\n  /**\n   * A press on the plane's empty space either clears the selection (click-away) or draws a marquee\n   * that selects every card it touches, matching a file browser. Holding a modifier keeps the\n   * existing selection and adds to it.\n   *\n   * All coordinates are kept relative to the plane so the marquee stays anchored to the cards if\n   * the page scrolls mid-drag.\n   */\n  const handlePlaneMouseDown = (event: React.MouseEvent) => {\n    const planeNode = planeRef.current\n\n    // Presses that land on a card belong to the click handlers above.\n    if (\n      event.button !== 0 ||\n      !planeNode ||\n      (event.target as HTMLElement).closest(`.${baseClass}__item`)\n    ) {\n      return\n    }\n\n    // Suppresses the native text-selection drag that would otherwise fight the marquee.\n    event.preventDefault()\n\n    const isAdditive = event.shiftKey || event.metaKey || event.ctrlKey\n    const baseSelectedKeys = new Set(selectedKeys)\n    const startBounds = planeNode.getBoundingClientRect()\n    const startX = event.clientX - startBounds.left\n    const startY = event.clientY - startBounds.top\n\n    let hasMoved = false\n\n    const handleMouseMove = (moveEvent: MouseEvent) => {\n      const planeBounds = planeNode.getBoundingClientRect()\n      const currentX = moveEvent.clientX - planeBounds.left\n      const currentY = moveEvent.clientY - planeBounds.top\n\n      if (\n        !hasMoved &&\n        Math.abs(currentX - startX) < DRAG_THRESHOLD &&\n        Math.abs(currentY - startY) < DRAG_THRESHOLD\n      ) {\n        return\n      }\n\n      hasMoved = true\n\n      const bottom = Math.max(startY, currentY)\n      const left = Math.min(startX, currentX)\n      const right = Math.max(startX, currentX)\n      const top = Math.min(startY, currentY)\n\n      setMarquee({ height: bottom - top, left, top, width: right - left })\n\n      const nextSelectedKeys = isAdditive ? new Set(baseSelectedKeys) : new Set<string>()\n\n      latestRef.current.flatRows.forEach((row, index) => {\n        const itemNode = itemRefs.current.get(index)\n\n        if (!itemNode || !isRowSelectable(row)) {\n          return\n        }\n\n        const itemBounds = itemNode.getBoundingClientRect()\n        const intersects =\n          itemBounds.left - planeBounds.left < right &&\n          itemBounds.right - planeBounds.left > left &&\n          itemBounds.top - planeBounds.top < bottom &&\n          itemBounds.bottom - planeBounds.top > top\n\n        if (intersects) {\n          nextSelectedKeys.add(getRowKey(row))\n        }\n      })\n\n      commitSelection(nextSelectedKeys)\n    }\n\n    const endDrag = () => {\n      window.removeEventListener('mousemove', handleMouseMove)\n      window.removeEventListener('mouseup', endDrag)\n      dragCleanupRef.current = null\n      setMarquee(null)\n\n      // A press that never became a drag is a click-away: it clears the selection.\n      if (!hasMoved && !isAdditive) {\n        commitSelection(new Set())\n        anchorIndexRef.current = null\n      }\n    }\n\n    dragCleanupRef.current = endDrag\n    window.addEventListener('mousemove', handleMouseMove)\n    window.addEventListener('mouseup', endDrag)\n  }\n\n  return (\n    <div\n      className={[baseClass, fillHeight && `${baseClass}--fill-height`].filter(Boolean).join(' ')}\n      onMouseDown={handlePlaneMouseDown}\n      ref={planeRef}\n    >\n      {bands.map((band, bandIndex) => {\n        // Bands render in order, so each band's rows start after every earlier band's rows.\n        const bandOffset = bands\n          .slice(0, bandIndex)\n          .reduce((total, earlier) => total + earlier.rows.length, 0)\n\n        return (\n          <div key={band.key}>\n            {band.visibleLabel && (\n              <h2 className={`${baseClass}__band-label`}>{band.visibleLabel}</h2>\n            )}\n            <ul\n              aria-label={band.label ?? ariaLabel}\n              className={[\n                `${baseClass}__band`,\n                band.isHierarchyGroup && `${baseClass}__band--folders`,\n                band.visibleLabel && `${baseClass}__band--labeled`,\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              style={columns ? { gridTemplateColumns: `repeat(${columns}, 1fr)` } : undefined}\n            >\n              {band.rows.map((_row, rowIndex) => {\n                const flatIndex = bandOffset + rowIndex\n                const descriptor = descriptors[flatIndex]\n\n                return (\n                  <PlaneItem\n                    ancestorIds={ancestorIds}\n                    baseClass={baseClass}\n                    flatIndex={flatIndex}\n                    hierarchySlug={hierarchySlug ?? descriptor.row._collectionSlug}\n                    href={descriptor.href}\n                    isDragDisabled={isDragDisabled}\n                    isHierarchyGroup={descriptor.isHierarchyGroup}\n                    isSelected={selectedKeys.has(descriptor.key)}\n                    key={descriptor.key}\n                    lockedUser={getRowLockedUser?.(descriptor.row)}\n                    onClickCapture={handleCardClickCapture}\n                    onDoubleClick={handleCardDoubleClick}\n                    onKeyDown={handleCardKeyDown}\n                    onPointerDownUnselected={handlePointerDownUnselected}\n                    parentFieldName={descriptor.parentFieldName}\n                    registerNode={setItemRef}\n                    row={descriptor.row}\n                    selectionDragData={selectionDragData}\n                    showTypePill={showTypePill}\n                    title={descriptor.title}\n                  />\n                )\n              })}\n            </ul>\n          </div>\n        )\n      })}\n\n      {/*\n        Inert overlay, positioned against the plane rather than any one band so it can span them.\n        Physical `left`/`top` are deliberate - the geometry comes from measured rects, which are\n        already physical.\n      */}\n      {marquee && (\n        <div\n          aria-hidden=\"true\"\n          className={`${baseClass}__marquee`}\n          style={{\n            height: marquee.height,\n            left: marquee.left,\n            top: marquee.top,\n            width: marquee.width,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/HierarchyList/HierarchyListHeader/index.d.ts

@@ -11,8 +11,13 @@ export type HierarchyListHeaderProps = {
     disableBulkEdit?: boolean;
     /** Icon to display in the move drawer */
     HierarchyIcon?: React.ReactNode;
+    /**
+     * Slug of the collection that owns the folder tree. Differs from `collectionConfig.slug` when the
+     * view browses one related collection by folder.
+     */
+    hierarchySlug: string;
     i18n: I18nClient;
     viewType?: ViewTypes;
 };
-export declare function HierarchyListHeader({ collectionConfig, currentItemTitle, Description, disableBulkDelete, disableBulkEdit, HierarchyIcon, i18n, viewType, }: HierarchyListHeaderProps): React.JSX.Element;
+export declare function HierarchyListHeader({ collectionConfig, currentItemTitle, Description, disableBulkDelete, disableBulkEdit, HierarchyIcon, hierarchySlug, i18n, viewType, }: HierarchyListHeaderProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/views/HierarchyList/HierarchyListHeader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyListHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,wBAAwB,GAAG;IACrC,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yCAAyC;IACzC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,IAAI,EACJ,QAAQ,GACT,EAAE,wBAAwB,qBA2B1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/HierarchyList/HierarchyListHeader/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGhE,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,aAAa,CAAA;AAIpB,MAAM,MAAM,wBAAwB,GAAG;IACrC,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,yCAAyC;IACzC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,UAAU,CAAA;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,eAAe,EACf,aAAa,EACb,aAAa,EACb,IAAI,EACJ,QAAQ,GACT,EAAE,wBAAwB,qBA2B1B"}

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

@@ -11,7 +11,7 @@ import { DocumentListSelection } from '../DocumentListSelection/index.js';
 import './index.css';
 const baseClass = 'hierarchy-list-header';
 export function HierarchyListHeader(t0) {
-  const $ = _c(11);
+  const $ = _c(12);
   const {
     collectionConfig,
     currentItemTitle,
@@ -19,6 +19,7 @@ export function HierarchyListHeader(t0) {
     disableBulkDelete,
     disableBulkEdit,
     HierarchyIcon,
+    hierarchySlug,
     i18n,
     viewType
   } = t0;
@@ -29,14 +30,14 @@ export function HierarchyListHeader(t0) {
     labels
   } = collectionConfig;
   let t1;
-  if ($[0] !== Description || $[1] !== HierarchyIcon || $[2] !== collectionConfig || $[3] !== config || $[4] !== currentItemTitle || $[5] !== disableBulkDelete || $[6] !== disableBulkEdit || $[7] !== i18n || $[8] !== labels?.plural || $[9] !== viewType) {
+  if ($[0] !== Description || $[1] !== HierarchyIcon || $[2] !== collectionConfig || $[3] !== config || $[4] !== currentItemTitle || $[5] !== disableBulkDelete || $[6] !== disableBulkEdit || $[7] !== hierarchySlug || $[8] !== i18n || $[9] !== labels?.plural || $[10] !== viewType) {
     const title = currentItemTitle || getTranslation(labels?.plural, i18n);
     t1 = _jsx(ListHeader, {
       Actions: [_jsx(DocumentListSelection, {
         disableBulkDelete,
         disableBulkEdit,
         hierarchyIcon: HierarchyIcon,
-        hierarchySlug: collectionConfig.slug
+        hierarchySlug
       }, "document-list-selection"), _jsx(DefaultListViewTabs, {
         collectionConfig,
         config,
@@ -53,12 +54,13 @@ export function HierarchyListHeader(t0) {
     $[4] = currentItemTitle;
     $[5] = disableBulkDelete;
     $[6] = disableBulkEdit;
-    $[7] = i18n;
-    $[8] = labels?.plural;
-    $[9] = viewType;
-    $[10] = t1;
+    $[7] = hierarchySlug;
+    $[8] = i18n;
+    $[9] = labels?.plural;
+    $[10] = viewType;
+    $[11] = t1;
   } else {
-    t1 = $[10];
+    t1 = $[11];
   }
   return t1;
 }

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","DefaultListViewTabs","ListHeader","useConfig","DocumentListSelection","baseClass","HierarchyListHeader","t0","$","collectionConfig","currentItemTitle","Description","disableBulkDelete","disableBulkEdit","HierarchyIcon","hierarchySlug","i18n","viewType","config","labels","t1","plural","title","_jsx","Actions","hierarchyIcon","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  /**\n   * Slug of the collection that owns the folder tree. Differs from `collectionConfig.slug` when the\n   * view browses one related collection by folder.\n   */\n  hierarchySlug: string\n  i18n: I18nClient\n  viewType?: ViewTypes\n}\n\nexport function HierarchyListHeader({\n  collectionConfig,\n  currentItemTitle,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  HierarchyIcon,\n  hierarchySlug,\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={hierarchySlug}\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;AAoBlB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EAA6B;IAAAW,gBAAA;IAAAC,gBAAA;IAAAC,WAAA;IAAAC,iBAAA;IAAAC,eAAA;IAAAC,aAAA;IAAAC,aAAA;IAAAC,IAAA;IAAAC;EAAA,IAAAV,EAUT;EACzB;IAAAW;EAAA,IAAmBf,SAAA;EACnB;IAAAgB;EAAA,IAAmBV,gBAAA;EAAA,IAAAW,EAAA;EAAA,IAAAZ,CAAA,QAAAG,WAAA,IAAAH,CAAA,QAAAM,aAAA,IAAAN,CAAA,QAAAC,gBAAA,IAAAD,CAAA,QAAAU,MAAA,IAAAV,CAAA,QAAAE,gBAAA,IAAAF,CAAA,QAAAI,iBAAA,IAAAJ,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAO,aAAA,IAAAP,CAAA,QAAAQ,IAAA,IAAAR,CAAA,QAAAW,MAAA,EAAAE,MAAA,IAAAb,CAAA,SAAAS,QAAA;IACnB,MAAAK,KAAA,GAAcZ,gBAAA,IAAoBX,cAAA,CAAeoB,MAAA,EAAAE,MAAA,EAAgBL,IAAA;IAG/DI,EAAA,GAAAG,IAAA,CAAArB,UAAA;MAAAsB,OAAA,GAEID,IAAA,CAAAnB,qBAAA;QAAAQ,iBAAA;QAAAC,eAAA;QAAAY,aAAA,EAGiBX,aAAA;QAAAC;MAAA,GAEX,4BAENQ,IAAA,CAAAtB,mBAAA;QAAAQ,gBAAA;QAAAS,MAAA;QAAAD;MAAA,GAGM;MAAAS,sBAAA,EAIgBf,WAAA;MAAAgB,SAAA,EAAAtB,SAAA;MAAAiB;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,CAuDtD,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,CA2DtD,CAAA"}