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

package/dist/elements/Hierarchy/Modal/fetchAncestorPath.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetchAncestorPath.js","names":["formatAdminURL","qs","MAX_HIERARCHY_DEPTH","EMPTY_RESULT","ancestorIds","path","fetchAncestorPaths","api","collectionSlug","itemIds","parentFieldName","serverURL","useAsTitle","results","Map","length","queryString","stringify","depth","limit","select","where","id","in","addQueryPrefix","url","apiRoute","response","fetch","credentials","ok","data","json","doc","docs","undefined","set","buildAncestorPath","fetchAncestorPath","itemId","rest","get","toTitle","value","segmentID","rawTitle","String","title","current","parent","parentDoc","parentID","unshift","slice","map","segment"],"sources":["../../../../src/elements/Hierarchy/Modal/fetchAncestorPath.ts"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\n\nimport type { PathSegment } from '../ColumnBrowser/types.js'\n\ntype FetchAncestorPathArgs = {\n  api: string\n  collectionSlug: string\n  itemId: number | string\n  parentFieldName: string\n  serverURL: string\n  useAsTitle: string\n}\n\ntype FetchAncestorPathsArgs = {\n  itemIds: (number | string)[]\n} & Omit<FetchAncestorPathArgs, 'itemId'>\n\nexport type AncestorPathResult = {\n  /** Ancestor IDs from root down to the item's immediate parent, excluding the item itself */\n  ancestorIds: (number | string)[]\n  /** Full path from root down to the item itself, with titles */\n  path: PathSegment[]\n}\n\nconst MAX_HIERARCHY_DEPTH = 20\n\nconst EMPTY_RESULT: AncestorPathResult = { ancestorIds: [], path: [] }\n\n/**\n * Fetches the ancestor paths for several items in a single API call with depth.\n * Each populated parent chain is walked to build a titled breadcrumb from root to the item.\n */\nexport async function fetchAncestorPaths({\n  api,\n  collectionSlug,\n  itemIds,\n  parentFieldName,\n  serverURL,\n  useAsTitle,\n}: FetchAncestorPathsArgs): Promise<Map<number | string, AncestorPathResult>> {\n  const results = new Map<number | string, AncestorPathResult>()\n\n  if (itemIds.length === 0) {\n    return results\n  }\n\n  const queryString = qs.stringify(\n    {\n      depth: MAX_HIERARCHY_DEPTH,\n      limit: itemIds.length,\n      select: { [parentFieldName]: true, [useAsTitle]: true },\n      where: { id: { in: itemIds } },\n    },\n    { addQueryPrefix: true },\n  )\n\n  const url = formatAdminURL({\n    apiRoute: api,\n    path: `/${collectionSlug}${queryString}`,\n    serverURL,\n  })\n\n  const response = await fetch(url, { credentials: 'include' })\n\n  if (!response.ok) {\n    return results\n  }\n\n  const data = await response.json()\n\n  for (const doc of (data.docs || []) as Record<string, unknown>[]) {\n    const id = doc.id as number | string\n\n    if (id === null || id === undefined) {\n      continue\n    }\n\n    results.set(id, buildAncestorPath({ id, doc, parentFieldName, useAsTitle }))\n  }\n\n  return results\n}\n\n/**\n * Fetches the ancestor path for a single item. See {@link fetchAncestorPaths}.\n */\nexport async function fetchAncestorPath({\n  itemId,\n  ...rest\n}: FetchAncestorPathArgs): Promise<AncestorPathResult> {\n  const results = await fetchAncestorPaths({ ...rest, itemIds: [itemId] })\n\n  return results.get(itemId) ?? EMPTY_RESULT\n}\n\nfunction buildAncestorPath({\n  id,\n  doc,\n  parentFieldName,\n  useAsTitle,\n}: {\n  doc: Record<string, unknown>\n  id: number | string\n  parentFieldName: string\n  useAsTitle: string\n}): AncestorPathResult {\n  const toTitle = (\n    value: Record<string, unknown> | undefined,\n    segmentID: number | string,\n  ): string => {\n    const rawTitle = value?.[useAsTitle]\n    return typeof rawTitle === 'string' || typeof rawTitle === 'number'\n      ? String(rawTitle)\n      : String(segmentID)\n  }\n\n  const path: PathSegment[] = [{ id, title: toTitle(doc, id) }]\n\n  let current: Record<string, unknown> | undefined = doc\n\n  for (let depth = 0; depth < MAX_HIERARCHY_DEPTH; depth++) {\n    const parent = current?.[parentFieldName]\n\n    if (parent === null || parent === undefined) {\n      break\n    }\n\n    // Parent is either a populated document or a bare ID once the depth limit is hit\n    if (typeof parent === 'object') {\n      const parentDoc = parent as Record<string, unknown>\n      const parentID = parentDoc.id as number | string\n\n      if (parentID === null || parentID === undefined) {\n        break\n      }\n\n      path.unshift({ id: parentID, title: toTitle(parentDoc, parentID) })\n      current = parentDoc\n    } else {\n      const parentID = parent as number | string\n      path.unshift({ id: parentID, title: String(parentID) })\n      break\n    }\n  }\n\n  return {\n    ancestorIds: path.slice(0, -1).map((segment) => segment.id),\n    path,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"fetchAncestorPath.js","names":["formatAdminURL","qs","MAX_HIERARCHY_DEPTH","fetchAncestorPath","api","collectionSlug","itemId","parentFieldName","serverURL","queryString","stringify","depth","limit","select","where","id","equals","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","data","json","doc","docs","current","undefined","parentId","unshift"],"sources":["../../../../src/elements/Hierarchy/Modal/fetchAncestorPath.ts"],"sourcesContent":["import { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\n\ntype FetchAncestorPathArgs = {\n  api: string\n  collectionSlug: string\n  itemId: number | string\n  parentFieldName: string\n  serverURL: string\n}\n\nconst MAX_HIERARCHY_DEPTH = 20\n\n/**\n * Fetches the ancestor path for an item using a single API call with depth.\n * Returns array of ancestor IDs from root to item's parent.\n * Example: item at level 3 returns [grandparentId, parentId]\n */\nexport async function fetchAncestorPath({\n  api,\n  collectionSlug,\n  itemId,\n  parentFieldName,\n  serverURL,\n}: FetchAncestorPathArgs): Promise<(number | string)[]> {\n  const queryString = qs.stringify(\n    {\n      depth: MAX_HIERARCHY_DEPTH,\n      limit: 1,\n      select: { [parentFieldName]: true },\n      where: { id: { equals: itemId } },\n    },\n    { addQueryPrefix: true },\n  )\n\n  const url = formatAdminURL({\n    apiRoute: api,\n    path: `/${collectionSlug}${queryString}`,\n    serverURL,\n  })\n\n  const response = await fetch(url, { credentials: 'include' })\n\n  if (!response.ok) {\n    return []\n  }\n\n  const data = await response.json()\n  const doc = data.docs?.[0]\n\n  if (!doc) {\n    return []\n  }\n\n  // Walk the nested parent chain to build path from root to immediate parent\n  const path: (number | string)[] = []\n  let current = doc[parentFieldName]\n\n  while (current !== null && current !== undefined) {\n    // Parent could be an ID (number/string) or a populated object\n    const parentId = typeof current === 'object' ? current.id : current\n\n    if (parentId !== null && parentId !== undefined) {\n      path.unshift(parentId)\n    }\n\n    // Move to next parent (only if current is populated object)\n    current = typeof current === 'object' ? current[parentFieldName] : null\n  }\n\n  return path\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AAUpB,MAAMC,mBAAA,GAAsB;AAE5B;;;;;AAKA,OAAO,eAAeC,kBAAkB;EACtCC,GAAG;EACHC,cAAc;EACdC,MAAM;EACNC,eAAe;EACfC;AAAS,CACa;EACtB,MAAMC,WAAA,GAAcR,EAAA,CAAGS,SAAS,CAC9B;IACEC,KAAA,EAAOT,mBAAA;IACPU,KAAA,EAAO;IACPC,MAAA,EAAQ;MAAE,CAACN,eAAA,GAAkB;IAAK;IAClCO,KAAA,EAAO;MAAEC,EAAA,EAAI;QAAEC,MAAA,EAAQV;MAAO;IAAE;EAClC,GACA;IAAEW,cAAA,EAAgB;EAAK;EAGzB,MAAMC,GAAA,GAAMlB,cAAA,CAAe;IACzBmB,QAAA,EAAUf,GAAA;IACVgB,IAAA,EAAM,IAAIf,cAAA,GAAiBI,WAAA,EAAa;IACxCD;EACF;EAEA,MAAMa,QAAA,GAAW,MAAMC,KAAA,CAAMJ,GAAA,EAAK;IAAEK,WAAA,EAAa;EAAU;EAE3D,IAAI,CAACF,QAAA,CAASG,EAAE,EAAE;IAChB,OAAO,EAAE;EACX;EAEA,MAAMC,IAAA,GAAO,MAAMJ,QAAA,CAASK,IAAI;EAChC,MAAMC,GAAA,GAAMF,IAAA,CAAKG,IAAI,GAAG,EAAE;EAE1B,IAAI,CAACD,GAAA,EAAK;IACR,OAAO,EAAE;EACX;EAEA;EACA,MAAMP,IAAA,GAA4B,EAAE;EACpC,IAAIS,OAAA,GAAUF,GAAG,CAACpB,eAAA,CAAgB;EAElC,OAAOsB,OAAA,KAAY,QAAQA,OAAA,KAAYC,SAAA,EAAW;IAChD;IACA,MAAMC,QAAA,GAAW,OAAOF,OAAA,KAAY,WAAWA,OAAA,CAAQd,EAAE,GAAGc,OAAA;IAE5D,IAAIE,QAAA,KAAa,QAAQA,QAAA,KAAaD,SAAA,EAAW;MAC/CV,IAAA,CAAKY,OAAO,CAACD,QAAA;IACf;IAEA;IACAF,OAAA,GAAU,OAAOA,OAAA,KAAY,WAAWA,OAAO,CAACtB,eAAA,CAAgB,GAAG;EACrE;EAEA,OAAOa,IAAA;AACT","ignoreList":[]}

package/dist/elements/Hierarchy/Modal/index.css

@@ -14,17 +14,66 @@
     overflow: clip;
   }
 
-  /* Beats the `:has(.dialog__header)` / `:has(.dialog__footer)` padding rules in Dialog/index.css */
-  .dialog.hierarchy-modal .hierarchy-modal__content .dialog__body {
+  .hierarchy-modal__header-actions {
+    display: flex;
+    gap: var(--spacer-2);
+  }
+
+  .dialog.hierarchy-modal .dialog__body {
     display: flex;
     flex-direction: column;
     padding: 0;
   }
 
-  .dialog.hierarchy-modal .dialog__footer {
+  .hierarchy-modal__subheader {
+    display: flex;
     justify-content: space-between;
     align-items: center;
-    border-top: var(--stroke-width-small) solid var(--color-border);
+    padding: var(--spacer-1) var(--spacer-3);
+    padding-inline-start: var(--spacer-2-5);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
+    flex-shrink: 0;
+  }
+
+  .hierarchy-modal__subheader-left {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-1);
+    font-weight: 500;
+    color: var(--color-text);
+  }
+
+  .hierarchy-modal__subheader-right {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+
+  .hierarchy-modal__selection-info {
+    color: var(--color-text-secondary);
+  }
+
+  .hierarchy-modal__move-to-root,
+  .hierarchy-modal__clear-all {
+    height: auto;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    color: var(--color-text-secondary);
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+
+  .hierarchy-modal__move-to-root:hover:not(.btn--disabled),
+  .hierarchy-modal__clear-all:hover:not(.btn--disabled) {
+    background: transparent;
+    color: var(--color-text);
+  }
+
+  .hierarchy-modal__move-to-root:active:not(.btn--disabled),
+  .hierarchy-modal__clear-all:active:not(.btn--disabled) {
+    background: transparent;
   }
 
   .hierarchy-modal__columns {

package/dist/elements/Hierarchy/Modal/index.d.ts

@@ -10,12 +10,9 @@ type HierarchyModalContentProps = {
     }) => void;
 } & HierarchyModalInternalProps;
 export type HierarchyModalContentRef = {
-    selectItem: (params: {
-        id: number | string;
-        title?: string;
-    }) => void;
+    selectItem: (id: number | string) => void;
 };
-export declare const HierarchyModalContent: ({ baseFilter, closeModal, columnBrowserRef, confirmLabel, disabledIds, filterByCollection, hasMany, hierarchyCollectionSlug, Icon, initialSelections, onCreateNew, onMoveToRoot, onSave, parentFieldName, ref, showMoveToRoot, title, useAsTitle, }: {
+export declare const HierarchyModalContent: ({ baseFilter, closeModal, columnBrowserRef, disabledIds, filterByCollection, hasMany, hierarchyCollectionSlug, Icon, initialSelections, onCreateNew, onMoveToRoot, onSave, parentFieldName, ref, showMoveToRoot, useAsTitle, }: {
     ref?: React.RefObject<HierarchyModalContentRef | null>;
 } & HierarchyModalContentProps) => React.JSX.Element;
 export declare const HierarchyModal: React.FC<HierarchyModalInternalProps>;

package/dist/elements/Hierarchy/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAE1E,OAAO,KAAK,EAAE,2BAA2B,EAAqB,MAAM,YAAY,CAAA;AAYhF,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,SAAS,oBAAoB,CAAA;AAE1C,KAAK,0BAA0B,GAAG;IAChC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,yBAAyB,GAAG,IAAI,CAAC,CAAA;IACpE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACrE,GAAG,2BAA2B,CAAA;AAE/B,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACtE,CAAA;AAED,eAAO,MAAM,qBAAqB,wPAmB/B;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAA;CAAE,GAAG,0BAA0B,sBAyPzF,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAoGhE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,KAAK,EAAE,2BAA2B,EAAqB,MAAM,YAAY,CAAA;AAahF,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,SAAS,oBAAoB,CAAA;AAE1C,KAAK,0BAA0B,GAAG;IAChC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,yBAAyB,GAAG,IAAI,CAAC,CAAA;IACpE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACrE,GAAG,2BAA2B,CAAA;AAE/B,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED,eAAO,MAAM,qBAAqB,mOAiB/B;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAA;CAAE,GAAG,0BAA0B,sBAmNzF,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA+FhE,CAAA"}

package/dist/elements/Hierarchy/Modal/index.js

@@ -4,22 +4,22 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { useEffectEvent } from '../../../hooks/useEffectEvent.js';
+import { TagIcon } from '../../../icons/Tag/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useHierarchy } from '../../../providers/Hierarchy/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
 import { DialogBody, DialogHeader, DialogModal } from '../../Dialog/index.js';
 import { useDocumentDrawer } from '../../DocumentDrawer/index.js';
 import { DrawerDepthProvider } from '../../Drawer/index.js';
 import { HierarchyColumnBrowser } from '../ColumnBrowser/index.js';
-import { fetchAncestorPaths } from './fetchAncestorPath.js';
-import { HierarchyModalFooter } from './Footer/index.js';
+import { fetchAncestorPath } from './fetchAncestorPath.js';
 import './index.css';
 export const baseClass = 'hierarchy-modal';
 export const HierarchyModalContent = function HierarchyModalContent({
   baseFilter,
   closeModal,
   columnBrowserRef,
-  confirmLabel,
   disabledIds,
   filterByCollection,
   hasMany = false,
@@ -32,7 +32,6 @@ export const HierarchyModalContent = function HierarchyModalContent({
   parentFieldName,
   ref,
   showMoveToRoot,
-  title,
   useAsTitle
 }) {
   const {
@@ -54,17 +53,14 @@ export const HierarchyModalContent = function HierarchyModalContent({
     collectionSlug: hierarchyCollectionSlug
   });
   const collectionLabel = collectionConfig ? getTranslation(collectionConfig.labels?.plural || hierarchyCollectionSlug, i18n) : hierarchyCollectionSlug;
-  const collectionLabelSingular = collectionConfig ? getTranslation(collectionConfig.labels?.singular || hierarchyCollectionSlug, i18n) : hierarchyCollectionSlug;
   const parentFieldName_internal = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy.parentFieldName : parentFieldName;
   const [initialExpandedPath, setInitialExpandedPath] = useState();
-  const [previousPath, setPreviousPath] = useState();
   const [isLoadingPath, setIsLoadingPath] = useState(Boolean(initialSelections?.length));
   const hasLoadedPathRef = React.useRef(false);
+  const firstSelection = initialSelections?.[0];
   const mapSelections = useCallback(ids => {
     const map = new Map();
-    // Single-select is a move: the existing value is the origin shown in the footer, not a
-    // pre-made choice. Multi-select edits a set, so existing values start checked.
-    if (ids && hasMany) {
+    if (ids) {
       for (const id of ids) {
         map.set(id, {
           id,
@@ -73,78 +69,39 @@ export const HierarchyModalContent = function HierarchyModalContent({
       }
     }
     return map;
-  }, [hasMany]);
-  const [selections, setSelections] = useState(() => mapSelections(initialSelections));
-  const loadAncestorPaths = useEffectEvent(async ids_0 => {
-    const firstId = ids_0?.[0];
-    if (!firstId) {
+  }, []);
+  const loadAncestorPath = useEffectEvent(async itemId => {
+    if (!itemId) {
       setIsLoadingPath(false);
       return;
     }
-    // Multi-select marks the ancestors of every checked item as partially selected, so all of
-    // their paths are needed. Single-select only needs the origin of the move.
-    const itemIds = hasMany ? ids_0 : [firstId];
     try {
-      const paths = await fetchAncestorPaths({
+      const path = await fetchAncestorPath({
         api,
         collectionSlug: hierarchyCollectionSlug,
-        itemIds,
+        itemId,
         parentFieldName: parentFieldName_internal,
-        serverURL,
-        useAsTitle: useAsTitle || 'id'
+        serverURL
       });
-      const firstPath = paths.get(firstId);
-      setInitialExpandedPath(firstPath?.ancestorIds);
-      setPreviousPath(firstPath?.path);
-      // Selections seeded from the field's value start without a path - backfill them so their
-      // ancestors can be marked, and so the footer breadcrumbs read correctly
-      if (hasMany) {
-        setSelections(prev => {
-          const next = new Map(prev);
-          for (const [id_0, {
-            path
-          }] of paths) {
-            if (next.has(id_0)) {
-              next.set(id_0, {
-                id: id_0,
-                path
-              });
-            }
-          }
-          return next;
-        });
-      }
+      setInitialExpandedPath(path);
     } catch {
       // Silently handle fetch errors - will just start at root
     } finally {
       setIsLoadingPath(false);
     }
   });
-  // Load ancestor paths on mount
+  // Load ancestor path on mount
   useEffect(() => {
     if (hasLoadedPathRef.current) {
       return;
     }
     hasLoadedPathRef.current = true;
-    void loadAncestorPaths(initialSelections);
-  }, [initialSelections]);
+    void loadAncestorPath(firstSelection);
+  }, [firstSelection]);
+  const [selections, setSelections] = useState(() => mapSelections(initialSelections));
   const selectedIds = useMemo(() => new Set(selections.keys()), [selections]);
-  // Every ancestor of a checked item gets a badge counting the picks below it, so a collapsed
-  // branch still shows how much is selected inside
-  const selectedDescendantCounts = useMemo(() => {
-    const counts = new Map();
-    for (const {
-      id: id_1,
-      path: path_0
-    } of selections.values()) {
-      for (const segment of path_0) {
-        if (segment.id !== id_1) {
-          counts.set(segment.id, (counts.get(segment.id) ?? 0) + 1);
-        }
-      }
-    }
-    return counts;
-  }, [selections]);
+  // For now, ancestorsWithSelections is empty - will be computed when we have path tracking
+  const ancestorsWithSelections = useMemo(() => new Set(), []);
   const handleSave = useCallback(() => {
     onSave({
       closeModal,
@@ -152,83 +109,115 @@ export const HierarchyModalContent = function HierarchyModalContent({
     });
   }, [onSave, selections, closeModal]);
   const handleSelect = useCallback(({
-    id: id_2,
-    path: path_1
+    id: id_0,
+    path: path_0
   }) => {
-    setSelections(prev_0 => {
-      const next_0 = new Map(prev_0);
-      // Single select replaces rather than toggles - clicking an item always makes it the
-      // destination, so re-clicking the open folder cannot leave the move with no target
-      if (!hasMany) {
-        next_0.clear();
-        next_0.set(id_2, {
-          id: id_2,
-          path: path_1
-        });
-        return next_0;
-      }
-      if (next_0.has(id_2)) {
-        next_0.delete(id_2);
+    setSelections(prev => {
+      const next = new Map(prev);
+      if (next.has(id_0)) {
+        next.delete(id_0);
       } else {
-        next_0.set(id_2, {
-          id: id_2,
-          path: path_1
+        if (!hasMany) {
+          // Single select: clear previous selections
+          next.clear();
+        }
+        next.set(id_0, {
+          id: id_0,
+          path: path_0
         });
       }
-      return next_0;
+      return next;
     });
   }, [hasMany]);
   const handleClearAll = useCallback(() => {
     setSelections(new Map());
   }, []);
-  const handleRevealPath = useCallback(path_2 => {
-    void columnBrowserRef?.current?.revealPath(path_2);
-  }, [columnBrowserRef]);
   const handleCancel = useCallback(() => {
     setSelections(mapSelections(initialSelections));
     closeModal();
   }, [closeModal, initialSelections, mapSelections]);
   // Expose selectItem for programmatic selection (e.g., after creating a new item)
   useImperativeHandle(ref, () => ({
-    selectItem: ({
-      id: id_3,
-      title: itemTitle
-    }) => {
-      setSelections(prev_1 => {
-        const next_1 = new Map(prev_1);
+    selectItem: id_1 => {
+      setSelections(prev_0 => {
+        const next_0 = new Map(prev_0);
         if (!hasMany) {
-          next_1.clear();
+          next_0.clear();
         }
-        // A newly created item has no browsed path, so its own title is the whole breadcrumb
-        next_1.set(id_3, {
-          id: id_3,
-          path: itemTitle ? [{
-            id: id_3,
-            title: itemTitle
-          }] : []
+        // Path will be empty for newly created items - could be enhanced later
+        next_0.set(id_1, {
+          id: id_1,
+          path: []
         });
-        return next_1;
+        return next_0;
       });
     }
   }), [hasMany]);
   const selectionCount = selections.size;
-  const destinationPath = hasMany ? undefined : selections.values().next().value?.path;
   return /*#__PURE__*/_jsxs("div", {
     className: `${baseClass}__content`,
     children: [/*#__PURE__*/_jsx(DialogHeader, {
-      onClose: handleCancel,
-      showClose: true,
-      title: title || t('general:selectLabel', {
+      title: t('general:selectValue', {
         label: collectionLabel
+      }),
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__header-actions`,
+        children: [/*#__PURE__*/_jsx(Button, {
+          buttonStyle: "secondary",
+          margin: false,
+          onClick: handleCancel,
+          size: "medium",
+          children: t('general:cancel')
+        }), /*#__PURE__*/_jsx(Button, {
+          margin: false,
+          onClick: handleSave,
+          size: "medium",
+          children: t('general:select')
+        })]
       })
-    }), /*#__PURE__*/_jsx(DialogBody, {
-      children: /*#__PURE__*/_jsx("div", {
+    }), /*#__PURE__*/_jsxs(DialogBody, {
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__subheader`,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__subheader-left`,
+          children: [Icon || /*#__PURE__*/_jsx(TagIcon, {}), /*#__PURE__*/_jsx("h4", {
+            children: collectionLabel
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__subheader-right`,
+          children: [showMoveToRoot && onMoveToRoot && /*#__PURE__*/_jsx(Button, {
+            buttonStyle: "ghost",
+            className: `${baseClass}__move-to-root`,
+            margin: false,
+            onClick: onMoveToRoot,
+            size: "medium",
+            children: t('hierarchy:moveToRoot')
+          }), Boolean(selectionCount) && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__selection-info`,
+              children: t('general:selectedCount', {
+                count: selectionCount,
+                label: ''
+              })
+            }), /*#__PURE__*/_jsx("span", {
+              children: "—"
+            }), /*#__PURE__*/_jsx(Button, {
+              buttonStyle: "ghost",
+              className: `${baseClass}__clear-all`,
+              margin: false,
+              onClick: handleClearAll,
+              size: "medium",
+              children: t('general:clear')
+            })]
+          })]
+        })]
+      }), /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__columns`,
         children: /*#__PURE__*/_jsx(HierarchyColumnBrowser, {
+          ancestorsWithSelections: ancestorsWithSelections,
           baseFilter: baseFilter,
           disabledIds: disabledIds,
           filterByCollection: filterByCollection,
-          hasMany: hasMany,
           hierarchyCollectionSlug: hierarchyCollectionSlug,
           initialExpandedPath: initialExpandedPath,
           isLoadingPath: isLoadingPath,
@@ -236,31 +225,10 @@ export const HierarchyModalContent = function HierarchyModalContent({
           onSelect: handleSelect,
           parentFieldName: parentFieldName,
           ref: columnBrowserRef,
-          selectedDescendantCounts: selectedDescendantCounts,
           selectedIds: selectedIds,
           useAsTitle: useAsTitle
         })
-      })
-    }), /*#__PURE__*/_jsx(HierarchyModalFooter, {
-      confirmLabel: confirmLabel || (hasMany ? t('general:confirm') : t('general:move')),
-      destinationPath: destinationPath,
-      Icon: Icon,
-      isConfirmDisabled: selectionCount === 0,
-      isMultiSelect: hasMany,
-      onClear: handleClearAll,
-      onConfirm: handleSave,
-      onMoveToRoot: onMoveToRoot,
-      onRevealPath: handleRevealPath,
-      placeholderLabel: t('general:selectLabel', {
-        label: hasMany ? collectionLabel : collectionLabelSingular
-      }),
-      previousPath: hasMany ? undefined : previousPath,
-      selectionCount: selectionCount,
-      selectionCountLabel: t('general:selectedCount', {
-        count: selectionCount,
-        label: collectionLabel
-      }),
-      showMoveToRoot: showMoveToRoot
+      })]
     })]
   });
 };
@@ -269,8 +237,7 @@ export const HierarchyModal = props => {
     hierarchyCollectionSlug,
     modalSlug,
     parentFieldName,
-    reopenCount,
-    useAsTitle
+    reopenCount
   } = props;
   const {
     refreshTree
@@ -320,15 +287,11 @@ export const HierarchyModal = props => {
       void columnBrowserRef.current.refreshColumn(createParentId);
     }
     if (modalContentRef.current && doc?.id) {
-      const newItemTitle = useAsTitle ? doc[useAsTitle] : undefined;
-      modalContentRef.current.selectItem({
-        id: doc.id,
-        title: typeof newItemTitle === 'string' ? newItemTitle : undefined
-      });
+      modalContentRef.current.selectItem(doc.id);
     }
     refreshTree(hierarchyCollectionSlug);
     closeDocumentDrawer();
-  }, [closeDocumentDrawer, createParentId, hierarchyCollectionSlug, refreshTree, useAsTitle]);
+  }, [closeDocumentDrawer, createParentId, hierarchyCollectionSlug, refreshTree]);
   // Memoize the content - only depends on stable values
   const modalContent = useMemo(() => /*#__PURE__*/_jsx(HierarchyModalContent, {
     ...props,

package/dist/elements/Hierarchy/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useEffectEvent","useConfig","useHierarchy","useTranslation","DialogBody","DialogHeader","DialogModal","useDocumentDrawer","DrawerDepthProvider","HierarchyColumnBrowser","fetchAncestorPaths","HierarchyModalFooter","baseClass","HierarchyModalContent","baseFilter","closeModal","columnBrowserRef","confirmLabel","disabledIds","filterByCollection","hasMany","hierarchyCollectionSlug","Icon","initialSelections","onCreateNew","onMoveToRoot","onSave","parentFieldName","ref","showMoveToRoot","title","useAsTitle","i18n","t","config","routes","api","serverURL","getEntityConfig","collectionConfig","collectionSlug","collectionLabel","labels","plural","collectionLabelSingular","singular","parentFieldName_internal","hierarchy","initialExpandedPath","setInitialExpandedPath","previousPath","setPreviousPath","isLoadingPath","setIsLoadingPath","Boolean","length","hasLoadedPathRef","mapSelections","ids","map","Map","id","set","path","selections","setSelections","loadAncestorPaths","firstId","itemIds","paths","firstPath","get","ancestorIds","prev","next","has","current","selectedIds","Set","keys","selectedDescendantCounts","counts","values","segment","handleSave","handleSelect","clear","delete","handleClearAll","handleRevealPath","revealPath","handleCancel","selectItem","itemTitle","selectionCount","size","destinationPath","undefined","value","_jsxs","className","_jsx","onClose","showClose","label","onSelect","isConfirmDisabled","isMultiSelect","onClear","onConfirm","onRevealPath","placeholderLabel","selectionCountLabel","count","HierarchyModal","props","modalSlug","reopenCount","refreshTree","createParentId","setCreateParentId","modalContentRef","documentDrawerKey","setDocumentDrawerKey","documentDrawerSlug","DocumentDrawer","closeDrawer","closeDocumentDrawer","openDrawer","openDocumentDrawer","drawerSlug","handleCreateNew","parentId","setTimeout","handleDocumentSave","doc","refreshColumn","newItemTitle","modalContent","_Fragment","closeOnBlur","slug","initialData"],"sources":["../../../../src/elements/Hierarchy/Modal/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport type { HierarchyColumnBrowserRef } from '../ColumnBrowser/index.js'\nimport type { PathSegment } from '../ColumnBrowser/types.js'\nimport type { HierarchyModalInternalProps, SelectionWithPath } from './types.js'\n\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { DialogBody, DialogHeader, DialogModal } from '../../Dialog/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { DrawerDepthProvider } from '../../Drawer/index.js'\nimport { HierarchyColumnBrowser } from '../ColumnBrowser/index.js'\nimport { fetchAncestorPaths } from './fetchAncestorPath.js'\nimport { HierarchyModalFooter } from './Footer/index.js'\nimport './index.css'\n\nexport const baseClass = 'hierarchy-modal'\n\ntype HierarchyModalContentProps = {\n  columnBrowserRef?: React.RefObject<HierarchyColumnBrowserRef | null>\n  onCreateNew?: (params: { parentId: null | number | string }) => void\n} & HierarchyModalInternalProps\n\nexport type HierarchyModalContentRef = {\n  selectItem: (params: { id: number | string; title?: string }) => void\n}\n\nexport const HierarchyModalContent = function HierarchyModalContent({\n  baseFilter,\n  closeModal,\n  columnBrowserRef,\n  confirmLabel,\n  disabledIds,\n  filterByCollection,\n  hasMany = false,\n  hierarchyCollectionSlug,\n  Icon,\n  initialSelections,\n  onCreateNew,\n  onMoveToRoot,\n  onSave,\n  parentFieldName,\n  ref,\n  showMoveToRoot,\n  title,\n  useAsTitle,\n}: { ref?: React.RefObject<HierarchyModalContentRef | null> } & HierarchyModalContentProps) {\n  const { i18n, t } = useTranslation()\n  // NOTE: Do NOT use useModal() here - it causes re-renders when any modal state changes\n  // Use closeModal prop instead which already handles closing the modal\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n  const collectionLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels?.plural || hierarchyCollectionSlug, i18n)\n    : hierarchyCollectionSlug\n  const collectionLabelSingular = collectionConfig\n    ? getTranslation(collectionConfig.labels?.singular || hierarchyCollectionSlug, i18n)\n    : hierarchyCollectionSlug\n\n  const parentFieldName_internal =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy.parentFieldName\n      : parentFieldName\n\n  const [initialExpandedPath, setInitialExpandedPath] = useState<(number | string)[] | undefined>()\n  const [previousPath, setPreviousPath] = useState<PathSegment[] | undefined>()\n  const [isLoadingPath, setIsLoadingPath] = useState(Boolean(initialSelections?.length))\n  const hasLoadedPathRef = React.useRef(false)\n\n  const mapSelections = useCallback(\n    (ids?: (number | string)[]) => {\n      const map = new Map<number | string, SelectionWithPath>()\n\n      // Single-select is a move: the existing value is the origin shown in the footer, not a\n      // pre-made choice. Multi-select edits a set, so existing values start checked.\n      if (ids && hasMany) {\n        for (const id of ids) {\n          map.set(id, { id, path: [] })\n        }\n      }\n\n      return map\n    },\n    [hasMany],\n  )\n\n  const [selections, setSelections] = useState<Map<number | string, SelectionWithPath>>(() =>\n    mapSelections(initialSelections),\n  )\n\n  const loadAncestorPaths = useEffectEvent(async (ids?: (number | string)[]) => {\n    const firstId = ids?.[0]\n\n    if (!firstId) {\n      setIsLoadingPath(false)\n      return\n    }\n\n    // Multi-select marks the ancestors of every checked item as partially selected, so all of\n    // their paths are needed. Single-select only needs the origin of the move.\n    const itemIds = hasMany ? ids : [firstId]\n\n    try {\n      const paths = await fetchAncestorPaths({\n        api,\n        collectionSlug: hierarchyCollectionSlug,\n        itemIds,\n        parentFieldName: parentFieldName_internal,\n        serverURL,\n        useAsTitle: useAsTitle || 'id',\n      })\n\n      const firstPath = paths.get(firstId)\n      setInitialExpandedPath(firstPath?.ancestorIds)\n      setPreviousPath(firstPath?.path)\n\n      // Selections seeded from the field's value start without a path - backfill them so their\n      // ancestors can be marked, and so the footer breadcrumbs read correctly\n      if (hasMany) {\n        setSelections((prev) => {\n          const next = new Map(prev)\n\n          for (const [id, { path }] of paths) {\n            if (next.has(id)) {\n              next.set(id, { id, path })\n            }\n          }\n\n          return next\n        })\n      }\n    } catch {\n      // Silently handle fetch errors - will just start at root\n    } finally {\n      setIsLoadingPath(false)\n    }\n  })\n\n  // Load ancestor paths on mount\n  useEffect(() => {\n    if (hasLoadedPathRef.current) {\n      return\n    }\n    hasLoadedPathRef.current = true\n    void loadAncestorPaths(initialSelections)\n  }, [initialSelections])\n\n  const selectedIds = useMemo(() => new Set(selections.keys()), [selections])\n\n  // Every ancestor of a checked item gets a badge counting the picks below it, so a collapsed\n  // branch still shows how much is selected inside\n  const selectedDescendantCounts = useMemo(() => {\n    const counts = new Map<number | string, number>()\n\n    for (const { id, path } of selections.values()) {\n      for (const segment of path) {\n        if (segment.id !== id) {\n          counts.set(segment.id, (counts.get(segment.id) ?? 0) + 1)\n        }\n      }\n    }\n\n    return counts\n  }, [selections])\n\n  const handleSave = useCallback(() => {\n    onSave({ closeModal, selections })\n  }, [onSave, selections, closeModal])\n\n  const handleSelect = useCallback(\n    ({\n      id,\n      path,\n    }: {\n      id: number | string\n      path: Array<{ id: number | string; title: string }>\n    }) => {\n      setSelections((prev) => {\n        const next = new Map(prev)\n\n        // Single select replaces rather than toggles - clicking an item always makes it the\n        // destination, so re-clicking the open folder cannot leave the move with no target\n        if (!hasMany) {\n          next.clear()\n          next.set(id, { id, path })\n          return next\n        }\n\n        if (next.has(id)) {\n          next.delete(id)\n        } else {\n          next.set(id, { id, path })\n        }\n\n        return next\n      })\n    },\n    [hasMany],\n  )\n\n  const handleClearAll = useCallback(() => {\n    setSelections(new Map())\n  }, [])\n\n  const handleRevealPath = useCallback(\n    (path: PathSegment[]) => {\n      void columnBrowserRef?.current?.revealPath(path)\n    },\n    [columnBrowserRef],\n  )\n\n  const handleCancel = useCallback(() => {\n    setSelections(mapSelections(initialSelections))\n    closeModal()\n  }, [closeModal, initialSelections, mapSelections])\n\n  // Expose selectItem for programmatic selection (e.g., after creating a new item)\n  useImperativeHandle(\n    ref,\n    () => ({\n      selectItem: ({ id, title: itemTitle }: { id: number | string; title?: string }) => {\n        setSelections((prev) => {\n          const next = new Map(prev)\n          if (!hasMany) {\n            next.clear()\n          }\n          // A newly created item has no browsed path, so its own title is the whole breadcrumb\n          next.set(id, { id, path: itemTitle ? [{ id, title: itemTitle }] : [] })\n          return next\n        })\n      },\n    }),\n    [hasMany],\n  )\n\n  const selectionCount = selections.size\n  const destinationPath = hasMany ? undefined : selections.values().next().value?.path\n\n  return (\n    <div className={`${baseClass}__content`}>\n      <DialogHeader\n        onClose={handleCancel}\n        showClose\n        title={title || t('general:selectLabel', { label: collectionLabel })}\n      />\n      <DialogBody>\n        <div className={`${baseClass}__columns`}>\n          <HierarchyColumnBrowser\n            baseFilter={baseFilter}\n            disabledIds={disabledIds}\n            filterByCollection={filterByCollection}\n            hasMany={hasMany}\n            hierarchyCollectionSlug={hierarchyCollectionSlug}\n            initialExpandedPath={initialExpandedPath}\n            isLoadingPath={isLoadingPath}\n            onCreateNew={onCreateNew}\n            onSelect={handleSelect}\n            parentFieldName={parentFieldName}\n            ref={columnBrowserRef}\n            selectedDescendantCounts={selectedDescendantCounts}\n            selectedIds={selectedIds}\n            useAsTitle={useAsTitle}\n          />\n        </div>\n      </DialogBody>\n      <HierarchyModalFooter\n        confirmLabel={confirmLabel || (hasMany ? t('general:confirm') : t('general:move'))}\n        destinationPath={destinationPath}\n        Icon={Icon}\n        isConfirmDisabled={selectionCount === 0}\n        isMultiSelect={hasMany}\n        onClear={handleClearAll}\n        onConfirm={handleSave}\n        onMoveToRoot={onMoveToRoot}\n        onRevealPath={handleRevealPath}\n        placeholderLabel={t('general:selectLabel', {\n          label: hasMany ? collectionLabel : collectionLabelSingular,\n        })}\n        previousPath={hasMany ? undefined : previousPath}\n        selectionCount={selectionCount}\n        selectionCountLabel={t('general:selectedCount', {\n          count: selectionCount,\n          label: collectionLabel,\n        })}\n        showMoveToRoot={showMoveToRoot}\n      />\n    </div>\n  )\n}\n\nexport const HierarchyModal: React.FC<HierarchyModalInternalProps> = (props) => {\n  const { hierarchyCollectionSlug, modalSlug, parentFieldName, reopenCount, useAsTitle } = props\n\n  const { refreshTree } = useHierarchy()\n\n  // Get parentFieldName from hierarchy config\n  const { getEntityConfig } = useConfig()\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n  const parentFieldName_internal =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy.parentFieldName\n      : parentFieldName\n\n  // Track which parentId is being used for the document drawer - use state to trigger re-render\n  const [createParentId, setCreateParentId] = useState<null | number | string>(null)\n\n  // Ref to access column browser's refresh function\n  const columnBrowserRef = useRef<HierarchyColumnBrowserRef | null>(null)\n\n  // Ref to access drawer content's selectItem function\n  const modalContentRef = useRef<HierarchyModalContentRef | null>(null)\n\n  // Key for DocumentDrawer to force remount when parentId changes\n  const [documentDrawerKey, setDocumentDrawerKey] = useState(0)\n\n  // Stable drawer slug for the document drawer - must not change on remount\n  const documentDrawerSlug = `${modalSlug}-create-doc`\n\n  // Document drawer for creating new items - rendered OUTSIDE the modal to avoid nested modal issues\n  const [DocumentDrawer, , { closeDrawer: closeDocumentDrawer, openDrawer: openDocumentDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: hierarchyCollectionSlug,\n      drawerSlug: documentDrawerSlug,\n    })\n\n  const handleCreateNew = useCallback(\n    ({ parentId }: { parentId: null | number | string }) => {\n      // Increment key to force DocumentDrawer remount with new initialData\n      setDocumentDrawerKey((prev) => prev + 1)\n      setCreateParentId(parentId)\n      // Use setTimeout to ensure state update triggers re-render before opening drawer\n      setTimeout(() => {\n        openDocumentDrawer()\n      }, 0)\n    },\n    [openDocumentDrawer],\n  )\n\n  // Refresh the column, select the new item, and close the document drawer after creation\n  const handleDocumentSave = useCallback<\n    NonNullable<React.ComponentProps<typeof DocumentDrawer>['onSave']>\n  >(\n    ({ doc }) => {\n      if (columnBrowserRef.current && createParentId !== undefined) {\n        void columnBrowserRef.current.refreshColumn(createParentId)\n      }\n      if (modalContentRef.current && doc?.id) {\n        const newItemTitle = useAsTitle ? doc[useAsTitle] : undefined\n\n        modalContentRef.current.selectItem({\n          id: doc.id,\n          title: typeof newItemTitle === 'string' ? newItemTitle : undefined,\n        })\n      }\n      refreshTree(hierarchyCollectionSlug)\n      closeDocumentDrawer()\n    },\n    [closeDocumentDrawer, createParentId, hierarchyCollectionSlug, refreshTree, useAsTitle],\n  )\n\n  // Memoize the content - only depends on stable values\n  const modalContent = useMemo(\n    () => (\n      <HierarchyModalContent\n        key={reopenCount}\n        {...props}\n        columnBrowserRef={columnBrowserRef}\n        onCreateNew={handleCreateNew}\n        ref={modalContentRef}\n      />\n    ),\n    [handleCreateNew, props, reopenCount],\n  )\n\n  return (\n    <>\n      <DialogModal className={baseClass} closeOnBlur size=\"large\" slug={modalSlug}>\n        {modalContent}\n      </DialogModal>\n      <DrawerDepthProvider>\n        <DocumentDrawer\n          initialData={\n            createParentId !== null ? { [parentFieldName_internal]: createParentId } : undefined\n          }\n          key={documentDrawerKey}\n          onSave={handleDocumentSave}\n        />\n      </DrawerDepthProvider>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useEffectEvent","TagIcon","useConfig","useHierarchy","useTranslation","Button","DialogBody","DialogHeader","DialogModal","useDocumentDrawer","DrawerDepthProvider","HierarchyColumnBrowser","fetchAncestorPath","baseClass","HierarchyModalContent","baseFilter","closeModal","columnBrowserRef","disabledIds","filterByCollection","hasMany","hierarchyCollectionSlug","Icon","initialSelections","onCreateNew","onMoveToRoot","onSave","parentFieldName","ref","showMoveToRoot","useAsTitle","i18n","t","config","routes","api","serverURL","getEntityConfig","collectionConfig","collectionSlug","collectionLabel","labels","plural","parentFieldName_internal","hierarchy","initialExpandedPath","setInitialExpandedPath","isLoadingPath","setIsLoadingPath","Boolean","length","hasLoadedPathRef","firstSelection","mapSelections","ids","map","Map","id","set","path","loadAncestorPath","itemId","current","selections","setSelections","selectedIds","Set","keys","ancestorsWithSelections","handleSave","handleSelect","prev","next","has","delete","clear","handleClearAll","handleCancel","selectItem","selectionCount","size","_jsxs","className","_jsx","title","label","buttonStyle","margin","onClick","_Fragment","count","onSelect","HierarchyModal","props","modalSlug","reopenCount","refreshTree","createParentId","setCreateParentId","modalContentRef","documentDrawerKey","setDocumentDrawerKey","documentDrawerSlug","DocumentDrawer","closeDrawer","closeDocumentDrawer","openDrawer","openDocumentDrawer","drawerSlug","handleCreateNew","parentId","setTimeout","handleDocumentSave","doc","undefined","refreshColumn","modalContent","closeOnBlur","slug","initialData"],"sources":["../../../../src/elements/Hierarchy/Modal/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, {\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport type { HierarchyColumnBrowserRef } from '../ColumnBrowser/index.js'\nimport type { HierarchyModalInternalProps, SelectionWithPath } from './types.js'\n\nimport { useEffectEvent } from '../../../hooks/useEffectEvent.js'\nimport { TagIcon } from '../../../icons/Tag/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { DialogBody, DialogHeader, DialogModal } from '../../Dialog/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { DrawerDepthProvider } from '../../Drawer/index.js'\nimport { HierarchyColumnBrowser } from '../ColumnBrowser/index.js'\nimport { fetchAncestorPath } from './fetchAncestorPath.js'\nimport './index.css'\n\nexport const baseClass = 'hierarchy-modal'\n\ntype HierarchyModalContentProps = {\n  columnBrowserRef?: React.RefObject<HierarchyColumnBrowserRef | null>\n  onCreateNew?: (params: { parentId: null | number | string }) => void\n} & HierarchyModalInternalProps\n\nexport type HierarchyModalContentRef = {\n  selectItem: (id: number | string) => void\n}\n\nexport const HierarchyModalContent = function HierarchyModalContent({\n  baseFilter,\n  closeModal,\n  columnBrowserRef,\n  disabledIds,\n  filterByCollection,\n  hasMany = false,\n  hierarchyCollectionSlug,\n  Icon,\n  initialSelections,\n  onCreateNew,\n  onMoveToRoot,\n  onSave,\n  parentFieldName,\n  ref,\n  showMoveToRoot,\n  useAsTitle,\n}: { ref?: React.RefObject<HierarchyModalContentRef | null> } & HierarchyModalContentProps) {\n  const { i18n, t } = useTranslation()\n  // NOTE: Do NOT use useModal() here - it causes re-renders when any modal state changes\n  // Use closeModal prop instead which already handles closing the modal\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n  const collectionLabel = collectionConfig\n    ? getTranslation(collectionConfig.labels?.plural || hierarchyCollectionSlug, i18n)\n    : hierarchyCollectionSlug\n\n  const parentFieldName_internal =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy.parentFieldName\n      : parentFieldName\n\n  const [initialExpandedPath, setInitialExpandedPath] = useState<(number | string)[] | undefined>()\n  const [isLoadingPath, setIsLoadingPath] = useState(Boolean(initialSelections?.length))\n  const hasLoadedPathRef = React.useRef(false)\n  const firstSelection = initialSelections?.[0]\n\n  const mapSelections = useCallback((ids?: (number | string)[]) => {\n    const map = new Map<number | string, SelectionWithPath>()\n\n    if (ids) {\n      for (const id of ids) {\n        map.set(id, { id, path: [] })\n      }\n    }\n\n    return map\n  }, [])\n\n  const loadAncestorPath = useEffectEvent(async (itemId?: number | string) => {\n    if (!itemId) {\n      setIsLoadingPath(false)\n      return\n    }\n\n    try {\n      const path = await fetchAncestorPath({\n        api,\n        collectionSlug: hierarchyCollectionSlug,\n        itemId,\n        parentFieldName: parentFieldName_internal,\n        serverURL,\n      })\n      setInitialExpandedPath(path)\n    } catch {\n      // Silently handle fetch errors - will just start at root\n    } finally {\n      setIsLoadingPath(false)\n    }\n  })\n\n  // Load ancestor path on mount\n  useEffect(() => {\n    if (hasLoadedPathRef.current) {\n      return\n    }\n    hasLoadedPathRef.current = true\n    void loadAncestorPath(firstSelection)\n  }, [firstSelection])\n\n  const [selections, setSelections] = useState<Map<number | string, SelectionWithPath>>(() =>\n    mapSelections(initialSelections),\n  )\n\n  const selectedIds = useMemo(() => new Set(selections.keys()), [selections])\n\n  // For now, ancestorsWithSelections is empty - will be computed when we have path tracking\n  const ancestorsWithSelections = useMemo(() => new Set<number | string>(), [])\n\n  const handleSave = useCallback(() => {\n    onSave({ closeModal, selections })\n  }, [onSave, selections, closeModal])\n\n  const handleSelect = useCallback(\n    ({\n      id,\n      path,\n    }: {\n      id: number | string\n      path: Array<{ id: number | string; title: string }>\n    }) => {\n      setSelections((prev) => {\n        const next = new Map(prev)\n\n        if (next.has(id)) {\n          next.delete(id)\n        } else {\n          if (!hasMany) {\n            // Single select: clear previous selections\n            next.clear()\n          }\n          next.set(id, { id, path })\n        }\n\n        return next\n      })\n    },\n    [hasMany],\n  )\n\n  const handleClearAll = useCallback(() => {\n    setSelections(new Map())\n  }, [])\n\n  const handleCancel = useCallback(() => {\n    setSelections(mapSelections(initialSelections))\n    closeModal()\n  }, [closeModal, initialSelections, mapSelections])\n\n  // Expose selectItem for programmatic selection (e.g., after creating a new item)\n  useImperativeHandle(\n    ref,\n    () => ({\n      selectItem: (id: number | string) => {\n        setSelections((prev) => {\n          const next = new Map(prev)\n          if (!hasMany) {\n            next.clear()\n          }\n          // Path will be empty for newly created items - could be enhanced later\n          next.set(id, { id, path: [] })\n          return next\n        })\n      },\n    }),\n    [hasMany],\n  )\n\n  const selectionCount = selections.size\n\n  return (\n    <div className={`${baseClass}__content`}>\n      <DialogHeader title={t('general:selectValue', { label: collectionLabel })}>\n        <div className={`${baseClass}__header-actions`}>\n          <Button buttonStyle=\"secondary\" margin={false} onClick={handleCancel} size=\"medium\">\n            {t('general:cancel')}\n          </Button>\n          <Button margin={false} onClick={handleSave} size=\"medium\">\n            {t('general:select')}\n          </Button>\n        </div>\n      </DialogHeader>\n      <DialogBody>\n        <div className={`${baseClass}__subheader`}>\n          <div className={`${baseClass}__subheader-left`}>\n            {Icon || <TagIcon />}\n            <h4>{collectionLabel}</h4>\n          </div>\n          <div className={`${baseClass}__subheader-right`}>\n            {showMoveToRoot && onMoveToRoot && (\n              <Button\n                buttonStyle=\"ghost\"\n                className={`${baseClass}__move-to-root`}\n                margin={false}\n                onClick={onMoveToRoot}\n                size=\"medium\"\n              >\n                {t('hierarchy:moveToRoot')}\n              </Button>\n            )}\n            {Boolean(selectionCount) && (\n              <>\n                {\n                  <span className={`${baseClass}__selection-info`}>\n                    {t('general:selectedCount', { count: selectionCount, label: '' })}\n                  </span>\n                }\n                <span>—</span>\n                <Button\n                  buttonStyle=\"ghost\"\n                  className={`${baseClass}__clear-all`}\n                  margin={false}\n                  onClick={handleClearAll}\n                  size=\"medium\"\n                >\n                  {t('general:clear')}\n                </Button>\n              </>\n            )}\n          </div>\n        </div>\n        <div className={`${baseClass}__columns`}>\n          <HierarchyColumnBrowser\n            ancestorsWithSelections={ancestorsWithSelections}\n            baseFilter={baseFilter}\n            disabledIds={disabledIds}\n            filterByCollection={filterByCollection}\n            hierarchyCollectionSlug={hierarchyCollectionSlug}\n            initialExpandedPath={initialExpandedPath}\n            isLoadingPath={isLoadingPath}\n            onCreateNew={onCreateNew}\n            onSelect={handleSelect}\n            parentFieldName={parentFieldName}\n            ref={columnBrowserRef}\n            selectedIds={selectedIds}\n            useAsTitle={useAsTitle}\n          />\n        </div>\n      </DialogBody>\n    </div>\n  )\n}\n\nexport const HierarchyModal: React.FC<HierarchyModalInternalProps> = (props) => {\n  const { hierarchyCollectionSlug, modalSlug, parentFieldName, reopenCount } = props\n\n  const { refreshTree } = useHierarchy()\n\n  // Get parentFieldName from hierarchy config\n  const { getEntityConfig } = useConfig()\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n  const parentFieldName_internal =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy.parentFieldName\n      : parentFieldName\n\n  // Track which parentId is being used for the document drawer - use state to trigger re-render\n  const [createParentId, setCreateParentId] = useState<null | number | string>(null)\n\n  // Ref to access column browser's refresh function\n  const columnBrowserRef = useRef<HierarchyColumnBrowserRef | null>(null)\n\n  // Ref to access drawer content's selectItem function\n  const modalContentRef = useRef<HierarchyModalContentRef | null>(null)\n\n  // Key for DocumentDrawer to force remount when parentId changes\n  const [documentDrawerKey, setDocumentDrawerKey] = useState(0)\n\n  // Stable drawer slug for the document drawer - must not change on remount\n  const documentDrawerSlug = `${modalSlug}-create-doc`\n\n  // Document drawer for creating new items - rendered OUTSIDE the modal to avoid nested modal issues\n  const [DocumentDrawer, , { closeDrawer: closeDocumentDrawer, openDrawer: openDocumentDrawer }] =\n    useDocumentDrawer({\n      collectionSlug: hierarchyCollectionSlug,\n      drawerSlug: documentDrawerSlug,\n    })\n\n  const handleCreateNew = useCallback(\n    ({ parentId }: { parentId: null | number | string }) => {\n      // Increment key to force DocumentDrawer remount with new initialData\n      setDocumentDrawerKey((prev) => prev + 1)\n      setCreateParentId(parentId)\n      // Use setTimeout to ensure state update triggers re-render before opening drawer\n      setTimeout(() => {\n        openDocumentDrawer()\n      }, 0)\n    },\n    [openDocumentDrawer],\n  )\n\n  // Refresh the column, select the new item, and close the document drawer after creation\n  const handleDocumentSave = useCallback<\n    NonNullable<React.ComponentProps<typeof DocumentDrawer>['onSave']>\n  >(\n    ({ doc }) => {\n      if (columnBrowserRef.current && createParentId !== undefined) {\n        void columnBrowserRef.current.refreshColumn(createParentId)\n      }\n      if (modalContentRef.current && doc?.id) {\n        modalContentRef.current.selectItem(doc.id)\n      }\n      refreshTree(hierarchyCollectionSlug)\n      closeDocumentDrawer()\n    },\n    [closeDocumentDrawer, createParentId, hierarchyCollectionSlug, refreshTree],\n  )\n\n  // Memoize the content - only depends on stable values\n  const modalContent = useMemo(\n    () => (\n      <HierarchyModalContent\n        key={reopenCount}\n        {...props}\n        columnBrowserRef={columnBrowserRef}\n        onCreateNew={handleCreateNew}\n        ref={modalContentRef}\n      />\n    ),\n    [handleCreateNew, props, reopenCount],\n  )\n\n  return (\n    <>\n      <DialogModal className={baseClass} closeOnBlur size=\"large\" slug={modalSlug}>\n        {modalContent}\n      </DialogModal>\n      <DrawerDepthProvider>\n        <DocumentDrawer\n          initialData={\n            createParentId !== null ? { [parentFieldName_internal]: createParentId } : undefined\n          }\n          key={documentDrawerKey}\n          onSave={handleDocumentSave}\n        />\n      </DrawerDepthProvider>\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Modal/types.d.ts

@@ -20,17 +20,7 @@ export type UseHierarchyModalArgs = {
     Icon?: React.ReactNode;
 };
 export type HierarchyModalProps = {
-    /**
-     * Label for the footer's primary action.
-     * Defaults to "Confirm" when `hasMany`, otherwise "Move".
-     */
-    readonly confirmLabel?: string;
     readonly hasMany?: boolean;
-    /**
-     * The item(s) already assigned when the modal opens.
-     * In multi-select mode these start checked; in single-select mode the first entry is shown
-     * in the footer as the origin of the move and the browser expands to reveal it.
-     */
     readonly initialSelections?: (number | string)[];
     readonly onMoveToRoot?: () => void;
     readonly onSave: (params: {
@@ -38,11 +28,6 @@ export type HierarchyModalProps = {
         selections: Map<number | string, SelectionWithPath>;
     }) => void;
     readonly showMoveToRoot?: boolean;
-    /**
-     * Header title, e.g. `Move "My Post"` or "Move 3 Documents".
-     * Defaults to "Select {collection label}".
-     */
-    readonly title?: string;
 };
 export type HierarchyModalInternalProps = {
     /** Base filter constraint (e.g., tenant filter) to apply to all queries */