@payloadcms/ui 4.0.0-internal.f15737c → 4.0.0-internal.f2a04f7

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

@@ -3,21 +3,22 @@ import * as qs from 'qs-esm';
 const MAX_HIERARCHY_DEPTH = 20;
 /**
  * Fetches the ancestor path for an item using a single API call with depth.
- * Returns array of ancestor IDs from root to item's parent.
- * Example: item at level 3 returns [grandparentId, parentId]
+ * Returns the ancestor IDs used to expand the browser and a titled path for the footer.
  */
 export async function fetchAncestorPath({
   api,
   collectionSlug,
   itemId,
   parentFieldName,
-  serverURL
+  serverURL,
+  useAsTitle
 }) {
   const queryString = qs.stringify({
     depth: MAX_HIERARCHY_DEPTH,
     limit: 1,
     select: {
-      [parentFieldName]: true
+      [parentFieldName]: true,
+      [useAsTitle]: true
     },
     where: {
       id: {
@@ -36,25 +37,50 @@ export async function fetchAncestorPath({
     credentials: 'include'
   });
   if (!response.ok) {
-    return [];
+    return {
+      ancestorIds: [],
+      path: []
+    };
   }
   const data = await response.json();
   const doc = data.docs?.[0];
   if (!doc) {
-    return [];
+    return {
+      ancestorIds: [],
+      path: []
+    };
   }
-  // Walk the nested parent chain to build path from root to immediate parent
-  const path = [];
+  const path = [toPathSegment({
+    id: itemId,
+    doc,
+    useAsTitle
+  })];
   let current = doc[parentFieldName];
   while (current !== null && current !== undefined) {
-    // Parent could be an ID (number/string) or a populated object
     const parentId = typeof current === 'object' ? current.id : current;
     if (parentId !== null && parentId !== undefined) {
-      path.unshift(parentId);
+      path.unshift(toPathSegment({
+        id: parentId,
+        doc: typeof current === 'object' ? current : undefined,
+        useAsTitle
+      }));
     }
-    // Move to next parent (only if current is populated object)
     current = typeof current === 'object' ? current[parentFieldName] : null;
   }
-  return path;
+  return {
+    ancestorIds: path.slice(0, -1).map(segment => segment.id),
+    path
+  };
+}
+function toPathSegment({
+  id,
+  doc,
+  useAsTitle
+}) {
+  const title = doc?.[useAsTitle];
+  return {
+    id,
+    title: typeof title === 'number' || typeof title === 'string' ? String(title) : String(id)
+  };
 }
 //# sourceMappingURL=fetchAncestorPath.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"fetchAncestorPath.js","names":["formatAdminURL","qs","MAX_HIERARCHY_DEPTH","fetchAncestorPath","api","collectionSlug","itemId","parentFieldName","serverURL","useAsTitle","queryString","stringify","depth","limit","select","where","id","equals","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","ancestorIds","data","json","doc","docs","toPathSegment","current","undefined","parentId","unshift","slice","map","segment","title","String"],"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\nexport type AncestorPathResult = {\n  ancestorIds: (number | string)[]\n  path: PathSegment[]\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 the ancestor IDs used to expand the browser and a titled path for the footer.\n */\nexport async function fetchAncestorPath({\n  api,\n  collectionSlug,\n  itemId,\n  parentFieldName,\n  serverURL,\n  useAsTitle,\n}: FetchAncestorPathArgs): Promise<AncestorPathResult> {\n  const queryString = qs.stringify(\n    {\n      depth: MAX_HIERARCHY_DEPTH,\n      limit: 1,\n      select: { [parentFieldName]: true, [useAsTitle]: 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 { ancestorIds: [], path: [] }\n  }\n\n  const data = await response.json()\n  const doc = data.docs?.[0]\n\n  if (!doc) {\n    return { ancestorIds: [], path: [] }\n  }\n\n  const path: PathSegment[] = [toPathSegment({ id: itemId, doc, useAsTitle })]\n  let current = doc[parentFieldName] as null | number | Record<string, unknown> | string\n\n  while (current !== null && current !== undefined) {\n    const parentId = typeof current === 'object' ? current.id : current\n\n    if (parentId !== null && parentId !== undefined) {\n      path.unshift(\n        toPathSegment({\n          id: parentId as number | string,\n          doc: typeof current === 'object' ? current : undefined,\n          useAsTitle,\n        }),\n      )\n    }\n\n    current =\n      typeof current === 'object'\n        ? (current[parentFieldName] as null | number | Record<string, unknown> | string)\n        : null\n  }\n\n  return {\n    ancestorIds: path.slice(0, -1).map((segment) => segment.id),\n    path,\n  }\n}\n\nfunction toPathSegment({\n  id,\n  doc,\n  useAsTitle,\n}: {\n  doc?: Record<string, unknown>\n  id: number | string\n  useAsTitle: string\n}): PathSegment {\n  const title = doc?.[useAsTitle]\n\n  return {\n    id,\n    title: typeof title === 'number' || typeof title === 'string' ? String(title) : String(id),\n  }\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AAkBpB,MAAMC,mBAAA,GAAsB;AAE5B;;;;AAIA,OAAO,eAAeC,kBAAkB;EACtCC,GAAG;EACHC,cAAc;EACdC,MAAM;EACNC,eAAe;EACfC,SAAS;EACTC;AAAU,CACY;EACtB,MAAMC,WAAA,GAAcT,EAAA,CAAGU,SAAS,CAC9B;IACEC,KAAA,EAAOV,mBAAA;IACPW,KAAA,EAAO;IACPC,MAAA,EAAQ;MAAE,CAACP,eAAA,GAAkB;MAAM,CAACE,UAAA,GAAa;IAAK;IACtDM,KAAA,EAAO;MAAEC,EAAA,EAAI;QAAEC,MAAA,EAAQX;MAAO;IAAE;EAClC,GACA;IAAEY,cAAA,EAAgB;EAAK;EAGzB,MAAMC,GAAA,GAAMnB,cAAA,CAAe;IACzBoB,QAAA,EAAUhB,GAAA;IACViB,IAAA,EAAM,IAAIhB,cAAA,GAAiBK,WAAA,EAAa;IACxCF;EACF;EAEA,MAAMc,QAAA,GAAW,MAAMC,KAAA,CAAMJ,GAAA,EAAK;IAAEK,WAAA,EAAa;EAAU;EAE3D,IAAI,CAACF,QAAA,CAASG,EAAE,EAAE;IAChB,OAAO;MAAEC,WAAA,EAAa,EAAE;MAAEL,IAAA,EAAM;IAAG;EACrC;EAEA,MAAMM,IAAA,GAAO,MAAML,QAAA,CAASM,IAAI;EAChC,MAAMC,GAAA,GAAMF,IAAA,CAAKG,IAAI,GAAG,EAAE;EAE1B,IAAI,CAACD,GAAA,EAAK;IACR,OAAO;MAAEH,WAAA,EAAa,EAAE;MAAEL,IAAA,EAAM;IAAG;EACrC;EAEA,MAAMA,IAAA,GAAsB,CAACU,aAAA,CAAc;IAAEf,EAAA,EAAIV,MAAA;IAAQuB,GAAA;IAAKpB;EAAW,GAAG;EAC5E,IAAIuB,OAAA,GAAUH,GAAG,CAACtB,eAAA,CAAgB;EAElC,OAAOyB,OAAA,KAAY,QAAQA,OAAA,KAAYC,SAAA,EAAW;IAChD,MAAMC,QAAA,GAAW,OAAOF,OAAA,KAAY,WAAWA,OAAA,CAAQhB,EAAE,GAAGgB,OAAA;IAE5D,IAAIE,QAAA,KAAa,QAAQA,QAAA,KAAaD,SAAA,EAAW;MAC/CZ,IAAA,CAAKc,OAAO,CACVJ,aAAA,CAAc;QACZf,EAAA,EAAIkB,QAAA;QACJL,GAAA,EAAK,OAAOG,OAAA,KAAY,WAAWA,OAAA,GAAUC,SAAA;QAC7CxB;MACF;IAEJ;IAEAuB,OAAA,GACE,OAAOA,OAAA,KAAY,WACdA,OAAO,CAACzB,eAAA,CAAgB,GACzB;EACR;EAEA,OAAO;IACLmB,WAAA,EAAaL,IAAA,CAAKe,KAAK,CAAC,GAAG,CAAC,GAAGC,GAAG,CAAEC,OAAA,IAAYA,OAAA,CAAQtB,EAAE;IAC1DK;EACF;AACF;AAEA,SAASU,cAAc;EACrBf,EAAE;EACFa,GAAG;EACHpB;AAAU,CAKX;EACC,MAAM8B,KAAA,GAAQV,GAAA,GAAMpB,UAAA,CAAW;EAE/B,OAAO;IACLO,EAAA;IACAuB,KAAA,EAAO,OAAOA,KAAA,KAAU,YAAY,OAAOA,KAAA,KAAU,WAAWC,MAAA,CAAOD,KAAA,IAASC,MAAA,CAAOxB,EAAA;EACzF;AACF","ignoreList":[]}

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

@@ -14,68 +14,12 @@
     overflow: clip;
   }
 
-  .hierarchy-modal__header-actions {
-    display: flex;
-    gap: var(--spacer-2);
-  }
-
   .dialog.hierarchy-modal .dialog__body {
     display: flex;
     flex-direction: column;
     padding: 0;
   }
 
-  .hierarchy-modal__subheader {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    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 {
     flex: 1;
     overflow: hidden;

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

@@ -1,18 +1,20 @@
 import React from 'react';
 import type { HierarchyColumnBrowserRef } from '../ColumnBrowser/index.js';
-import type { HierarchyModalInternalProps } from './types.js';
+import type { PathSegment } from '../ColumnBrowser/types.js';
+import type { HierarchyModalInternalProps, SelectionWithPath } from './types.js';
 import './index.css';
 export declare const baseClass = "hierarchy-modal";
 type HierarchyModalContentProps = {
     columnBrowserRef?: React.RefObject<HierarchyColumnBrowserRef | null>;
     onCreateNew?: (params: {
         parentId: null | number | string;
+        path: PathSegment[];
     }) => void;
 } & HierarchyModalInternalProps;
 export type HierarchyModalContentRef = {
-    selectItem: (id: number | string) => void;
+    selectItem: (selection: SelectionWithPath) => 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, confirmLabel, disabledIds, filterByCollection, hasMany, hierarchyCollectionSlug, Icon, initialSelections, isBusy, onCreateNew, onMoveToRoot, onSave, parentFieldName, ref, showMoveToRoot, title, 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;AAC1E,OAAO,KAAK,EAAE,2BAA2B,EAAqB,MAAM,YAAY,CAAA;AAchF,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,wPAmB/B;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAA;CAAE,GAAG,0BAA0B,sBA2LzF,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA+FhE,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,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,KAAK,EAAE,2BAA2B,EAAE,iBAAiB,EAAE,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,CAAC;QAAC,IAAI,EAAE,WAAW,EAAE,CAAA;KAAE,KAAK,IAAI,CAAA;CAC1F,GAAG,2BAA2B,CAAA;AAE/B,MAAM,MAAM,wBAAwB,GAAG;IACrC,UAAU,EAAE,CAAC,SAAS,EAAE,iBAAiB,KAAK,IAAI,CAAA;CACnD,CAAA;AAED,eAAO,MAAM,qBAAqB,gQAoB/B;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAA;CAAE,GAAG,0BAA0B,sBAkLzF,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAsHhE,CAAA"}

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

@@ -4,16 +4,15 @@ 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 { fetchAncestorPath } from './fetchAncestorPath.js';
+import { HierarchyModalFooter } from './Footer/index.js';
 import { createHierarchySelections, selectHierarchyItem } from './selection.js';
 import './index.css';
 export const baseClass = 'hierarchy-modal';
@@ -28,6 +27,7 @@ export const HierarchyModalContent = function HierarchyModalContent({
   hierarchyCollectionSlug,
   Icon,
   initialSelections,
+  isBusy,
   onCreateNew,
   onMoveToRoot,
   onSave,
@@ -56,9 +56,12 @@ 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 [hasSelectedDestination, setHasSelectedDestination] = useState(false);
   const hasLoadedPathRef = React.useRef(false);
   const firstSelection = initialSelections?.[0];
   const loadAncestorPath = useEffectEvent(async itemId => {
@@ -67,14 +70,19 @@ export const HierarchyModalContent = function HierarchyModalContent({
       return;
     }
     try {
-      const path = await fetchAncestorPath({
+      const {
+        ancestorIds,
+        path
+      } = await fetchAncestorPath({
         api,
         collectionSlug: hierarchyCollectionSlug,
         itemId,
         parentFieldName: parentFieldName_internal,
-        serverURL
+        serverURL,
+        useAsTitle: useAsTitle || 'id'
       });
-      setInitialExpandedPath(path);
+      setInitialExpandedPath(ancestorIds);
+      setPreviousPath(path);
     } catch {
       // Silently handle fetch errors - will just start at root
     } finally {
@@ -106,6 +114,7 @@ export const HierarchyModalContent = function HierarchyModalContent({
     id,
     path: path_0
   }) => {
+    setHasSelectedDestination(true);
     setSelections(prev => {
       return selectHierarchyItem({
         id,
@@ -123,84 +132,43 @@ export const HierarchyModalContent = function HierarchyModalContent({
       hasMany,
       initialSelections
     }));
+    setHasSelectedDestination(false);
     closeModal();
   }, [closeModal, hasMany, initialSelections]);
   // Expose selectItem for programmatic selection (e.g., after creating a new item)
   useImperativeHandle(ref, () => ({
-    selectItem: id_0 => {
+    selectItem: ({
+      id: id_0,
+      path: path_1
+    }) => {
+      setHasSelectedDestination(true);
       setSelections(prev_0 => {
         const next = new Map(prev_0);
         if (!hasMany) {
           next.clear();
         }
-        // Path will be empty for newly created items - could be enhanced later
         next.set(id_0, {
           id: id_0,
-          path: []
+          path: path_1
         });
         return next;
       });
     }
   }), [hasMany]);
   const selectionCount = selections.size;
+  const destination = hasMany || !hasSelectedDestination ? undefined : selections.values().next().value;
+  const destinationPath = destination?.path;
+  const isDestinationUnchanged = destination !== undefined && destination.id === firstSelection;
   return /*#__PURE__*/_jsxs("div", {
     className: `${baseClass}__content`,
     children: [/*#__PURE__*/_jsx(DialogHeader, {
+      onClose: handleCancel,
+      showClose: true,
       title: 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: confirmLabel || t('general:select')
-        })]
       })
-    }), /*#__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", {
+    }), /*#__PURE__*/_jsx(DialogBody, {
+      children: /*#__PURE__*/_jsx("div", {
         className: `${baseClass}__columns`,
         children: /*#__PURE__*/_jsx(HierarchyColumnBrowser, {
           ancestorsWithSelections: ancestorsWithSelections,
@@ -217,7 +185,27 @@ export const HierarchyModalContent = function HierarchyModalContent({
           selectedIds: selectedIds,
           useAsTitle: useAsTitle
         })
-      })]
+      })
+    }), /*#__PURE__*/_jsx(HierarchyModalFooter, {
+      confirmLabel: confirmLabel || t('general:confirm'),
+      destinationPath: destinationPath,
+      Icon: Icon,
+      isBusy: isBusy,
+      isConfirmDisabled: !hasMany && (!hasSelectedDestination || selectionCount === 0 || isDestinationUnchanged),
+      isMultiSelect: hasMany,
+      onClear: handleClearAll,
+      onConfirm: handleSave,
+      onMoveToRoot: onMoveToRoot,
+      placeholderLabel: t('general:selectLabel', {
+        label: collectionLabelSingular
+      }),
+      previousPath: hasMany ? undefined : previousPath,
+      selectionCount: selectionCount,
+      selectionCountLabel: t('general:selectedCount', {
+        count: selectionCount,
+        label: selectionCount === 1 ? collectionLabelSingular : collectionLabel
+      }),
+      showMoveToRoot: showMoveToRoot
     })]
   });
 };
@@ -226,7 +214,8 @@ export const HierarchyModal = props => {
     hierarchyCollectionSlug,
     modalSlug,
     parentFieldName,
-    reopenCount
+    reopenCount,
+    useAsTitle
   } = props;
   const {
     refreshTree
@@ -241,6 +230,7 @@ export const HierarchyModal = props => {
   const parentFieldName_internal = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy.parentFieldName : parentFieldName;
   // Track which parentId is being used for the document drawer - use state to trigger re-render
   const [createParentId, setCreateParentId] = useState(null);
+  const [createParentPath, setCreateParentPath] = useState([]);
   // Ref to access column browser's refresh function
   const columnBrowserRef = useRef(null);
   // Ref to access drawer content's selectItem function
@@ -258,11 +248,13 @@ export const HierarchyModal = props => {
     drawerSlug: documentDrawerSlug
   });
   const handleCreateNew = useCallback(({
-    parentId
+    parentId,
+    path = []
   }) => {
     // Increment key to force DocumentDrawer remount with new initialData
     setDocumentDrawerKey(prev => prev + 1);
     setCreateParentId(parentId);
+    setCreateParentPath(path);
     // Use setTimeout to ensure state update triggers re-render before opening drawer
     setTimeout(() => {
       openDocumentDrawer();
@@ -276,11 +268,18 @@ export const HierarchyModal = props => {
       void columnBrowserRef.current.refreshColumn(createParentId);
     }
     if (modalContentRef.current && doc?.id) {
-      modalContentRef.current.selectItem(doc.id);
+      const title = useAsTitle ? doc[useAsTitle] : undefined;
+      modalContentRef.current.selectItem({
+        id: doc.id,
+        path: [...createParentPath, {
+          id: doc.id,
+          title: typeof title === 'number' || typeof title === 'string' ? String(title) : String(doc.id)
+        }]
+      });
     }
     refreshTree(hierarchyCollectionSlug);
     closeDocumentDrawer();
-  }, [closeDocumentDrawer, createParentId, hierarchyCollectionSlug, refreshTree]);
+  }, [closeDocumentDrawer, createParentId, createParentPath, hierarchyCollectionSlug, refreshTree, useAsTitle]);
   // 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","TagIcon","useConfig","useHierarchy","useTranslation","Button","DialogBody","DialogHeader","DialogModal","useDocumentDrawer","DrawerDepthProvider","HierarchyColumnBrowser","fetchAncestorPath","createHierarchySelections","selectHierarchyItem","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","parentFieldName_internal","hierarchy","initialExpandedPath","setInitialExpandedPath","isLoadingPath","setIsLoadingPath","Boolean","length","hasLoadedPathRef","firstSelection","loadAncestorPath","itemId","undefined","path","current","selections","setSelections","selectedIds","Set","keys","ancestorsWithSelections","handleSave","handleSelect","id","prev","handleClearAll","Map","handleCancel","selectItem","next","clear","set","selectionCount","size","_jsxs","className","_jsx","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","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 { createHierarchySelections, selectHierarchyItem } from './selection.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  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\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 loadAncestorPath = useEffectEvent(async (itemId?: number | string) => {\n    if (itemId === undefined || itemId === null) {\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    createHierarchySelections({ hasMany, 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        return selectHierarchyItem({ id, current: prev, hasMany, path })\n      })\n    },\n    [hasMany],\n  )\n\n  const handleClearAll = useCallback(() => {\n    setSelections(new Map())\n  }, [])\n\n  const handleCancel = useCallback(() => {\n    setSelections(createHierarchySelections({ hasMany, initialSelections }))\n    closeModal()\n  }, [closeModal, hasMany, initialSelections])\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={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            {confirmLabel || 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":[]}
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useEffectEvent","useConfig","useHierarchy","useTranslation","DialogBody","DialogHeader","DialogModal","useDocumentDrawer","DrawerDepthProvider","HierarchyColumnBrowser","fetchAncestorPath","HierarchyModalFooter","createHierarchySelections","selectHierarchyItem","baseClass","HierarchyModalContent","baseFilter","closeModal","columnBrowserRef","confirmLabel","disabledIds","filterByCollection","hasMany","hierarchyCollectionSlug","Icon","initialSelections","isBusy","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","hasSelectedDestination","setHasSelectedDestination","hasLoadedPathRef","firstSelection","loadAncestorPath","itemId","undefined","ancestorIds","path","current","selections","setSelections","selectedIds","Set","keys","ancestorsWithSelections","handleSave","handleSelect","id","prev","handleClearAll","Map","handleCancel","selectItem","next","clear","set","selectionCount","size","destination","values","value","destinationPath","isDestinationUnchanged","_jsxs","className","_jsx","onClose","showClose","label","onSelect","isConfirmDisabled","isMultiSelect","onClear","onConfirm","placeholderLabel","selectionCountLabel","count","HierarchyModal","props","modalSlug","reopenCount","refreshTree","createParentId","setCreateParentId","createParentPath","setCreateParentPath","modalContentRef","documentDrawerKey","setDocumentDrawerKey","documentDrawerSlug","DocumentDrawer","closeDrawer","closeDocumentDrawer","openDrawer","openDocumentDrawer","drawerSlug","handleCreateNew","parentId","setTimeout","handleDocumentSave","doc","refreshColumn","String","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 { fetchAncestorPath } from './fetchAncestorPath.js'\nimport { HierarchyModalFooter } from './Footer/index.js'\nimport { createHierarchySelections, selectHierarchyItem } from './selection.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; path: PathSegment[] }) => void\n} & HierarchyModalInternalProps\n\nexport type HierarchyModalContentRef = {\n  selectItem: (selection: SelectionWithPath) => 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  isBusy,\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 [hasSelectedDestination, setHasSelectedDestination] = useState(false)\n  const hasLoadedPathRef = React.useRef(false)\n  const firstSelection = initialSelections?.[0]\n\n  const loadAncestorPath = useEffectEvent(async (itemId?: number | string) => {\n    if (itemId === undefined || itemId === null) {\n      setIsLoadingPath(false)\n      return\n    }\n\n    try {\n      const { ancestorIds, path } = await fetchAncestorPath({\n        api,\n        collectionSlug: hierarchyCollectionSlug,\n        itemId,\n        parentFieldName: parentFieldName_internal,\n        serverURL,\n        useAsTitle: useAsTitle || 'id',\n      })\n      setInitialExpandedPath(ancestorIds)\n      setPreviousPath(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    createHierarchySelections({ hasMany, 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      setHasSelectedDestination(true)\n      setSelections((prev) => {\n        return selectHierarchyItem({ id, current: prev, hasMany, path })\n      })\n    },\n    [hasMany],\n  )\n\n  const handleClearAll = useCallback(() => {\n    setSelections(new Map())\n  }, [])\n\n  const handleCancel = useCallback(() => {\n    setSelections(createHierarchySelections({ hasMany, initialSelections }))\n    setHasSelectedDestination(false)\n    closeModal()\n  }, [closeModal, hasMany, initialSelections])\n\n  // Expose selectItem for programmatic selection (e.g., after creating a new item)\n  useImperativeHandle(\n    ref,\n    () => ({\n      selectItem: ({ id, path }: SelectionWithPath) => {\n        setHasSelectedDestination(true)\n        setSelections((prev) => {\n          const next = new Map(prev)\n          if (!hasMany) {\n            next.clear()\n          }\n          next.set(id, { id, path })\n          return next\n        })\n      },\n    }),\n    [hasMany],\n  )\n\n  const selectionCount = selections.size\n  const destination =\n    hasMany || !hasSelectedDestination ? undefined : selections.values().next().value\n  const destinationPath = destination?.path\n  const isDestinationUnchanged = destination !== undefined && destination.id === firstSelection\n\n  return (\n    <div className={`${baseClass}__content`}>\n      <DialogHeader\n        onClose={handleCancel}\n        showClose\n        title={title || t('general:selectValue', { label: collectionLabel })}\n      />\n      <DialogBody>\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      <HierarchyModalFooter\n        confirmLabel={confirmLabel || t('general:confirm')}\n        destinationPath={destinationPath}\n        Icon={Icon}\n        isBusy={isBusy}\n        isConfirmDisabled={\n          !hasMany && (!hasSelectedDestination || selectionCount === 0 || isDestinationUnchanged)\n        }\n        isMultiSelect={hasMany}\n        onClear={handleClearAll}\n        onConfirm={handleSave}\n        onMoveToRoot={onMoveToRoot}\n        placeholderLabel={t('general:selectLabel', { label: collectionLabelSingular })}\n        previousPath={hasMany ? undefined : previousPath}\n        selectionCount={selectionCount}\n        selectionCountLabel={t('general:selectedCount', {\n          count: selectionCount,\n          label: selectionCount === 1 ? collectionLabelSingular : 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  const [createParentPath, setCreateParentPath] = useState<PathSegment[]>([])\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, path = [] }: { parentId: null | number | string; path?: PathSegment[] }) => {\n      // Increment key to force DocumentDrawer remount with new initialData\n      setDocumentDrawerKey((prev) => prev + 1)\n      setCreateParentId(parentId)\n      setCreateParentPath(path)\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 title = useAsTitle ? doc[useAsTitle] : undefined\n\n        modalContentRef.current.selectItem({\n          id: doc.id,\n          path: [\n            ...createParentPath,\n            {\n              id: doc.id,\n              title:\n                typeof title === 'number' || typeof title === 'string'\n                  ? String(title)\n                  : String(doc.id),\n            },\n          ],\n        })\n      }\n      refreshTree(hierarchyCollectionSlug)\n      closeDocumentDrawer()\n    },\n    [\n      closeDocumentDrawer,\n      createParentId,\n      createParentPath,\n      hierarchyCollectionSlug,\n      refreshTree,\n      useAsTitle,\n    ],\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

@@ -23,6 +23,8 @@ export type HierarchyModalProps = {
     readonly confirmLabel?: string;
     readonly hasMany?: boolean;
     readonly initialSelections?: (number | string)[];
+    /** Disables the confirm and move to root actions while a save is running */
+    readonly isBusy?: boolean;
     readonly onMoveToRoot?: () => void;
     readonly onSave: (params: {
         closeModal: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,6FAA6F;IAC7F,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAClC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAChD,4EAA4E;IAC5E,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAClC,QAAQ,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE;QACxB,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,UAAU,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,iBAAiB,CAAC,CAAA;KACpD,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAA;IACjC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,2EAA2E;IAC3E,QAAQ,CAAC,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,IAAI,CAAA;IAC/B,6FAA6F;IAC7F,QAAQ,CAAC,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC3C;;;OAGG;IACH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IACtC,QAAQ,CAAC,uBAAuB,EAAE,MAAM,CAAA;IACxC,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;IAChC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAC7B,GAAG,mBAAmB,CAAA;AAEvB,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,cAAc,CAAC,iBAAiB,CAAC,CAAA;AAErC,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,qBAAqB,KAAK;IAC/D,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC;IAC7B,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,0BAA0B,EAAE,WAAW,CAAC,CAAC;IACvD;QACE,UAAU,EAAE,MAAM,IAAI,CAAA;QACtB,WAAW,EAAE,OAAO,CAAA;QACpB,UAAU,EAAE,MAAM,CAAA;QAClB,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,MAAM,IAAI,CAAA;QACrB,WAAW,EAAE,MAAM,IAAI,CAAA;KACxB;CACF,CAAA;AAGD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAA;AACtD,MAAM,MAAM,4BAA4B,GAAG,2BAA2B,CAAA;AACtE,MAAM,MAAM,2BAA2B,GAAG,0BAA0B,CAAA;AAGpE,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Modal/types.ts"],"sourcesContent":["import type { Where } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nexport type SelectionWithPath = {\n  id: number | string\n  path: Array<{ id: number | string; title: string }>\n}\n\nexport type UseHierarchyModalArgs = {\n  /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */\n  disabledIds?: Set<number | string>\n  /**\n   * When provided, filters hierarchy items to only show those that accept these collections.\n   * Used with collectionSpecific hierarchy config.\n   */\n  filterByCollection?: string[]\n  hierarchyCollectionSlug: string\n  Icon?: React.ReactNode\n}\n\nexport type HierarchyModalProps = {\n  readonly confirmLabel?: string\n  readonly hasMany?: boolean\n  readonly initialSelections?: (number | string)[]\n  readonly onMoveToRoot?: () => void\n  readonly onSave: (params: {\n    closeModal: () => void\n    selections: Map<number | string, SelectionWithPath>\n  }) => void\n  readonly showMoveToRoot?: boolean\n  readonly title?: string\n}\n\nexport type HierarchyModalInternalProps = {\n  /** Base filter constraint (e.g., tenant filter) to apply to all queries */\n  readonly baseFilter?: null | Where\n  readonly closeModal: () => void\n  /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */\n  readonly disabledIds?: Set<number | string>\n  /**\n   * When provided, filters hierarchy items to only show those that accept these collections.\n   * Used with collectionSpecific hierarchy config.\n   */\n  readonly filterByCollection?: string[]\n  readonly hierarchyCollectionSlug: string\n  readonly Icon?: React.ReactNode\n  readonly modalSlug: string\n  readonly parentFieldName: string\n  readonly reopenCount?: number\n  readonly useAsTitle?: string\n} & HierarchyModalProps\n\nexport type HierarchyModalTogglerProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  modalSlug?: string\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type UseHierarchyModal = (args: UseHierarchyModalArgs) => [\n  React.FC<HierarchyModalProps>,\n  React.FC<Omit<HierarchyModalTogglerProps, 'modalSlug'>>,\n  {\n    closeModal: () => void\n    isModalOpen: boolean\n    modalDepth: number\n    modalSlug: string\n    openModal: () => void\n    toggleModal: () => void\n  },\n]\n\n// Backward-compatible aliases\nexport type HierarchyDrawerProps = HierarchyModalProps\nexport type HierarchyDrawerInternalProps = HierarchyModalInternalProps\nexport type HierarchyDrawerTogglerProps = HierarchyModalTogglerProps\n\n// Re-export column browser types for backwards compatibility\nexport type { ColumnItemData } from '../ColumnBrowser/types.js'\n"],"mappings":"AA8EA;AACA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Modal/types.ts"],"sourcesContent":["import type { Where } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nexport type SelectionWithPath = {\n  id: number | string\n  path: Array<{ id: number | string; title: string }>\n}\n\nexport type UseHierarchyModalArgs = {\n  /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */\n  disabledIds?: Set<number | string>\n  /**\n   * When provided, filters hierarchy items to only show those that accept these collections.\n   * Used with collectionSpecific hierarchy config.\n   */\n  filterByCollection?: string[]\n  hierarchyCollectionSlug: string\n  Icon?: React.ReactNode\n}\n\nexport type HierarchyModalProps = {\n  readonly confirmLabel?: string\n  readonly hasMany?: boolean\n  readonly initialSelections?: (number | string)[]\n  /** Disables the confirm and move to root actions while a save is running */\n  readonly isBusy?: boolean\n  readonly onMoveToRoot?: () => void\n  readonly onSave: (params: {\n    closeModal: () => void\n    selections: Map<number | string, SelectionWithPath>\n  }) => void\n  readonly showMoveToRoot?: boolean\n  readonly title?: string\n}\n\nexport type HierarchyModalInternalProps = {\n  /** Base filter constraint (e.g., tenant filter) to apply to all queries */\n  readonly baseFilter?: null | Where\n  readonly closeModal: () => void\n  /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */\n  readonly disabledIds?: Set<number | string>\n  /**\n   * When provided, filters hierarchy items to only show those that accept these collections.\n   * Used with collectionSpecific hierarchy config.\n   */\n  readonly filterByCollection?: string[]\n  readonly hierarchyCollectionSlug: string\n  readonly Icon?: React.ReactNode\n  readonly modalSlug: string\n  readonly parentFieldName: string\n  readonly reopenCount?: number\n  readonly useAsTitle?: string\n} & HierarchyModalProps\n\nexport type HierarchyModalTogglerProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  modalSlug?: string\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type UseHierarchyModal = (args: UseHierarchyModalArgs) => [\n  React.FC<HierarchyModalProps>,\n  React.FC<Omit<HierarchyModalTogglerProps, 'modalSlug'>>,\n  {\n    closeModal: () => void\n    isModalOpen: boolean\n    modalDepth: number\n    modalSlug: string\n    openModal: () => void\n    toggleModal: () => void\n  },\n]\n\n// Backward-compatible aliases\nexport type HierarchyDrawerProps = HierarchyModalProps\nexport type HierarchyDrawerInternalProps = HierarchyModalInternalProps\nexport type HierarchyDrawerTogglerProps = HierarchyModalTogglerProps\n\n// Re-export column browser types for backwards compatibility\nexport type { ColumnItemData } from '../ColumnBrowser/types.js'\n"],"mappings":"AAgFA;AACA","ignoreList":[]}

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

@@ -7,8 +7,6 @@ type MoveManyProps = {
     hierarchySlug: string;
     /** Icon to display in the hierarchy modal */
     Icon?: React.ReactNode;
-    /** When multiple MoveMany components are rendered on the page, this will differentiate them */
-    modalPrefix?: string;
     /** Callback after successful move */
     onSuccess?: () => void;
     /** Collection slugs required by the selected documents at the destination. */
@@ -18,6 +16,6 @@ type MoveManyProps = {
         ids: (number | string)[];
     }>;
 };
-export declare function MoveMany({ currentParentID, hierarchySlug, Icon, modalPrefix, onSuccess, requiredCollections: requiredCollectionsProp, selections, }: MoveManyProps): React.JSX.Element;
+export declare function MoveMany({ currentParentID, hierarchySlug, Icon, onSuccess, requiredCollections: requiredCollectionsProp, selections, }: MoveManyProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAmB7D,eAAO,MAAM,SAAS,cAAc,CAAA;AAEpC,KAAK,aAAa,GAAG;IACnB,oEAAoE;IACpE,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;KAAE,CAAC,CAAA;CACzD,CAAA;AAeD,wBAAgB,QAAQ,CAAC,EACvB,eAAe,EACf,aAAa,EACb,IAAI,EACJ,WAAW,EACX,SAAS,EACT,mBAAmB,EAAE,uBAAuB,EAC5C,UAAU,GACX,EAAE,aAAa,qBA0Qf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAkBrE,eAAO,MAAM,SAAS,cAAc,CAAA;AAEpC,KAAK,aAAa,GAAG;IACnB,oEAAoE;IACpE,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;KAAE,CAAC,CAAA;CACzD,CAAA;AAeD,wBAAgB,QAAQ,CAAC,EACvB,eAAe,EACf,aAAa,EACb,IAAI,EACJ,SAAS,EACT,mBAAmB,EAAE,uBAAuB,EAC5C,UAAU,GACX,EAAE,aAAa,qBAkQf"}