@payloadcms/ui 4.0.0-internal.011fd46 → 4.0.0-internal.016994f

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

@@ -0,0 +1,365 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { useEffectEvent } from '../../../hooks/useEffectEvent.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useHierarchy } from '../../../providers/Hierarchy/index.js';
+import { useTranslation } from '../../../providers/Translation/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 './index.css';
+export const baseClass = 'hierarchy-modal';
+export const HierarchyModalContent = function HierarchyModalContent({
+  baseFilter,
+  closeModal,
+  columnBrowserRef,
+  confirmLabel,
+  disabledIds,
+  filterByCollection,
+  hasMany = false,
+  hierarchyCollectionSlug,
+  Icon,
+  initialSelections,
+  onCreateNew,
+  onMoveToRoot,
+  onSave,
+  parentFieldName,
+  ref,
+  showMoveToRoot,
+  title,
+  useAsTitle
+}) {
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  // NOTE: Do NOT use useModal() here - it causes re-renders when any modal state changes
+  // Use closeModal prop instead which already handles closing the modal
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    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 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) {
+      for (const id of ids) {
+        map.set(id, {
+          id,
+          path: []
+        });
+      }
+    }
+    return map;
+  }, [hasMany]);
+  const [selections, setSelections] = useState(() => mapSelections(initialSelections));
+  const loadAncestorPaths = useEffectEvent(async ids_0 => {
+    const firstId = ids_0?.[0];
+    if (!firstId) {
+      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({
+        api,
+        collectionSlug: hierarchyCollectionSlug,
+        itemIds,
+        parentFieldName: parentFieldName_internal,
+        serverURL,
+        useAsTitle: useAsTitle || 'id'
+      });
+      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;
+        });
+      }
+    } catch {
+      // Silently handle fetch errors - will just start at root
+    } finally {
+      setIsLoadingPath(false);
+    }
+  });
+  // Load ancestor paths on mount
+  useEffect(() => {
+    if (hasLoadedPathRef.current) {
+      return;
+    }
+    hasLoadedPathRef.current = true;
+    void loadAncestorPaths(initialSelections);
+  }, [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]);
+  const handleSave = useCallback(() => {
+    onSave({
+      closeModal,
+      selections
+    });
+  }, [onSave, selections, closeModal]);
+  const handleSelect = useCallback(({
+    id: id_2,
+    path: path_1
+  }) => {
+    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);
+      } else {
+        next_0.set(id_2, {
+          id: id_2,
+          path: path_1
+        });
+      }
+      return next_0;
+    });
+  }, [hasMany]);
+  const handleClearAll = useCallback(() => {
+    setSelections(new Map());
+  }, []);
+  const handleRevealPath = useCallback(path_2 => {
+    // Clicking a footer breadcrumb chip (previous or destination folder) makes that folder the
+    // current selection, same as clicking its row in the browser would.
+    const target = path_2[path_2.length - 1];
+    if (target) {
+      handleSelect({
+        id: target.id,
+        path: path_2
+      });
+    }
+    void columnBrowserRef?.current?.revealPath(path_2);
+  }, [columnBrowserRef, handleSelect]);
+  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);
+        if (!hasMany) {
+          next_1.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
+          }] : []
+        });
+        return next_1;
+      });
+    }
+  }), [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', {
+        label: collectionLabel
+      })
+    }), /*#__PURE__*/_jsx(DialogBody, {
+      children: /*#__PURE__*/_jsx("div", {
+        className: `${baseClass}__columns`,
+        children: /*#__PURE__*/_jsx(HierarchyColumnBrowser, {
+          baseFilter: baseFilter,
+          disabledIds: disabledIds,
+          filterByCollection: filterByCollection,
+          hasMany: hasMany,
+          hierarchyCollectionSlug: hierarchyCollectionSlug,
+          initialExpandedPath: initialExpandedPath,
+          isLoadingPath: isLoadingPath,
+          onCreateNew: onCreateNew,
+          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
+    })]
+  });
+};
+export const HierarchyModal = props => {
+  const {
+    hierarchyCollectionSlug,
+    modalSlug,
+    parentFieldName,
+    reopenCount,
+    useAsTitle
+  } = props;
+  const {
+    refreshTree
+  } = useHierarchy();
+  // Get parentFieldName from hierarchy config
+  const {
+    getEntityConfig
+  } = useConfig();
+  const collectionConfig = getEntityConfig({
+    collectionSlug: hierarchyCollectionSlug
+  });
+  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);
+  // Ref to access column browser's refresh function
+  const columnBrowserRef = useRef(null);
+  // Ref to access drawer content's selectItem function
+  const modalContentRef = useRef(null);
+  // Key for DocumentDrawer to force remount when parentId changes
+  const [documentDrawerKey, setDocumentDrawerKey] = useState(0);
+  // Stable drawer slug for the document drawer - must not change on remount
+  const documentDrawerSlug = `${modalSlug}-create-doc`;
+  // Document drawer for creating new items - rendered OUTSIDE the modal to avoid nested modal issues
+  const [DocumentDrawer,, {
+    closeDrawer: closeDocumentDrawer,
+    openDrawer: openDocumentDrawer
+  }] = useDocumentDrawer({
+    collectionSlug: hierarchyCollectionSlug,
+    drawerSlug: documentDrawerSlug
+  });
+  const handleCreateNew = useCallback(({
+    parentId
+  }) => {
+    // Increment key to force DocumentDrawer remount with new initialData
+    setDocumentDrawerKey(prev => prev + 1);
+    setCreateParentId(parentId);
+    // Use setTimeout to ensure state update triggers re-render before opening drawer
+    setTimeout(() => {
+      openDocumentDrawer();
+    }, 0);
+  }, [openDocumentDrawer]);
+  // Refresh the column, select the new item, and close the document drawer after creation
+  const handleDocumentSave = useCallback(({
+    doc
+  }) => {
+    if (columnBrowserRef.current && createParentId !== undefined) {
+      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
+      });
+    }
+    refreshTree(hierarchyCollectionSlug);
+    closeDocumentDrawer();
+  }, [closeDocumentDrawer, createParentId, hierarchyCollectionSlug, refreshTree, useAsTitle]);
+  // Memoize the content - only depends on stable values
+  const modalContent = useMemo(() => /*#__PURE__*/_jsx(HierarchyModalContent, {
+    ...props,
+    columnBrowserRef: columnBrowserRef,
+    onCreateNew: handleCreateNew,
+    ref: modalContentRef
+  }, reopenCount), [handleCreateNew, props, reopenCount]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(DialogModal, {
+      className: baseClass,
+      closeOnBlur: true,
+      size: "large",
+      slug: modalSlug,
+      children: modalContent
+    }), /*#__PURE__*/_jsx(DrawerDepthProvider, {
+      children: /*#__PURE__*/_jsx(DocumentDrawer, {
+        initialData: createParentId !== null ? {
+          [parentFieldName_internal]: createParentId
+        } : undefined,
+        onSave: handleDocumentSave
+      }, documentDrawerKey)
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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","target","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      // Clicking a footer breadcrumb chip (previous or destination folder) makes that folder the\n      // current selection, same as clicking its row in the browser would.\n      const target = path[path.length - 1]\n      if (target) {\n        handleSelect({ id: target.id, path })\n      }\n      void columnBrowserRef?.current?.revealPath(path)\n    },\n    [columnBrowserRef, handleSelect],\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":[]}

package/dist/elements/Hierarchy/{Drawer → Modal}/types.d.ts

@@ -8,7 +8,7 @@ export type SelectionWithPath = {
         title: string;
     }>;
 };
-export type UseHierarchyDrawerArgs = {
+export type UseHierarchyModalArgs = {
     /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */
     disabledIds?: Set<number | string>;
     /**
@@ -19,23 +19,37 @@ export type UseHierarchyDrawerArgs = {
     hierarchyCollectionSlug: string;
     Icon?: React.ReactNode;
 };
-export type HierarchyDrawerProps = {
+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: {
-        closeDrawer: () => void;
+        closeModal: () => void;
         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 HierarchyDrawerInternalProps = {
+export type HierarchyModalInternalProps = {
     /** Base filter constraint (e.g., tenant filter) to apply to all queries */
     readonly baseFilter?: null | Where;
-    readonly closeDrawer: () => void;
+    readonly closeModal: () => void;
     /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */
     readonly disabledIds?: Set<number | string>;
-    readonly drawerSlug: string;
     /**
      * When provided, filters hierarchy items to only show those that accept these collections.
      * Used with collectionSpecific hierarchy config.
@@ -43,26 +57,31 @@ export type HierarchyDrawerInternalProps = {
     readonly filterByCollection?: string[];
     readonly hierarchyCollectionSlug: string;
     readonly Icon?: React.ReactNode;
+    readonly modalSlug: string;
     readonly parentFieldName: string;
+    readonly reopenCount?: number;
     readonly useAsTitle?: string;
-} & HierarchyDrawerProps;
-export type HierarchyDrawerTogglerProps = {
+} & HierarchyModalProps;
+export type HierarchyModalTogglerProps = {
     children?: React.ReactNode;
     className?: string;
     disabled?: boolean;
-    drawerSlug?: string;
+    modalSlug?: string;
 } & HTMLAttributes<HTMLButtonElement>;
-export type UseHierarchyDrawer = (args: UseHierarchyDrawerArgs) => [
-    React.FC<HierarchyDrawerProps>,
-    React.FC<Omit<HierarchyDrawerTogglerProps, 'drawerSlug'>>,
+export type UseHierarchyModal = (args: UseHierarchyModalArgs) => [
+    React.FC<HierarchyModalProps>,
+    React.FC<Omit<HierarchyModalTogglerProps, 'modalSlug'>>,
     {
-        closeDrawer: () => void;
-        drawerDepth: number;
-        drawerSlug: string;
-        isDrawerOpen: boolean;
-        openDrawer: () => void;
-        toggleDrawer: () => void;
+        closeModal: () => void;
+        isModalOpen: boolean;
+        modalDepth: number;
+        modalSlug: string;
+        openModal: () => void;
+        toggleModal: () => void;
     }
 ];
+export type HierarchyDrawerProps = HierarchyModalProps;
+export type HierarchyDrawerInternalProps = HierarchyModalInternalProps;
+export type HierarchyDrawerTogglerProps = HierarchyModalTogglerProps;
 export type { ColumnItemData } from '../ColumnBrowser/types.js';
 //# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +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  /**\n   * Label for the footer's primary action.\n   * Defaults to \"Confirm\" when `hasMany`, otherwise \"Move\".\n   */\n  readonly confirmLabel?: string\n  readonly hasMany?: boolean\n  /**\n   * The item(s) already assigned when the modal opens.\n   * In multi-select mode these start checked; in single-select mode the first entry is shown\n   * in the footer as the origin of the move and the browser expands to reveal it.\n   */\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  /**\n   * Header title, e.g. `Move \"My Post\"` or \"Move 3 Documents\".\n   * Defaults to \"Select {collection label}\".\n   */\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":"AA2FA;AACA","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { HierarchyModalTogglerProps, UseHierarchyModal } from './types.js';
+export * from './types.js';
+export declare const formatHierarchyModalSlug: ({ depth, uuid, }: {
+    depth: number;
+    uuid: string;
+}) => string;
+export declare const HierarchyModalToggler: React.FC<HierarchyModalTogglerProps>;
+/**
+ * Hook for using a hierarchy modal for selecting hierarchy items.
+ *
+ * @example
+ * ```tsx
+ * const [HierarchyModal, HierarchyModalToggler, { closeModal, openModal }] = useHierarchyModal({
+ *   collectionSlug: 'categories',
+ * })
+ *
+ * return (
+ *   <>
+ *     <HierarchyModal
+ *       onSave={(selections) => console.log(selections)}
+ *       hasMany={true}
+ *     />
+ *     <HierarchyModalToggler>Select Categories</HierarchyModalToggler>
+ *   </>
+ * )
+ * ```
+ */
+export declare const useHierarchyModal: UseHierarchyModal;
+//# sourceMappingURL=useHierarchyModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHierarchyModal.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Modal/useHierarchyModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwD,MAAM,OAAO,CAAA;AAE5E,OAAO,KAAK,EAAuB,0BAA0B,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAEpG,cAAc,YAAY,CAAA;AAQ1B,eAAO,MAAM,wBAAwB,qBAGlC;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,KAAG,MAA4C,CAAA;AAEhD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAmBtE,CAAA;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,iBAAiB,EAAE,iBAqH/B,CAAA"}