@payloadcms/ui 3.80.0-internal.c396c15 → 3.80.0-internal.cdd7ef7

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

@@ -0,0 +1,291 @@
+'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 { TagIcon } from '../../../icons/Tag/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { useDocumentDrawer } from '../../DocumentDrawer/index.js';
+import { Drawer, DrawerDepthProvider } from '../../Drawer/index.js';
+import { DrawerActionHeader } from '../../DrawerActionHeader/index.js';
+import { HierarchyColumnBrowser } from '../ColumnBrowser/index.js';
+import { fetchAncestorPath } from './fetchAncestorPath.js';
+import './index.scss';
+export const baseClass = 'hierarchy-drawer';
+export const HierarchyDrawerContent = function HierarchyDrawerContent({
+  baseFilter,
+  closeDrawer,
+  columnBrowserRef,
+  disabledIds,
+  filterByCollection,
+  hasMany = false,
+  hierarchyCollectionSlug,
+  Icon,
+  initialSelections,
+  onCreateNew,
+  onMoveToRoot,
+  onSave,
+  parentFieldName,
+  ref,
+  showMoveToRoot,
+  useAsTitle
+}) {
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  // NOTE: Do NOT use useModal() here - it causes re-renders when any modal state changes
+  // Use closeDrawer 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 parentFieldName_internal = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object' ? collectionConfig.hierarchy.parentFieldName : parentFieldName;
+  const [initialExpandedPath, setInitialExpandedPath] = useState();
+  const [isLoadingPath, setIsLoadingPath] = useState(Boolean(initialSelections?.length));
+  const hasLoadedPathRef = React.useRef(false);
+  const firstSelection = initialSelections?.[0];
+  const loadAncestorPath = useEffectEvent(async itemId => {
+    if (!itemId) {
+      setIsLoadingPath(false);
+      return;
+    }
+    try {
+      const path = await fetchAncestorPath({
+        api,
+        collectionSlug: hierarchyCollectionSlug,
+        itemId,
+        parentFieldName: parentFieldName_internal,
+        serverURL
+      });
+      setInitialExpandedPath(path);
+    } catch {
+      // Silently handle fetch errors - will just start at root
+    } finally {
+      setIsLoadingPath(false);
+    }
+  });
+  // Load ancestor path on mount
+  useEffect(() => {
+    if (hasLoadedPathRef.current) {
+      return;
+    }
+    hasLoadedPathRef.current = true;
+    void loadAncestorPath(firstSelection);
+  }, [firstSelection]);
+  const [selections, setSelections] = useState(() => {
+    const map = new Map();
+    if (initialSelections) {
+      for (const id of initialSelections) {
+        map.set(id, {
+          id,
+          path: []
+        });
+      }
+    }
+    return map;
+  });
+  const selectedIds = useMemo(() => new Set(selections.keys()), [selections]);
+  // For now, ancestorsWithSelections is empty - will be computed when we have path tracking
+  const ancestorsWithSelections = useMemo(() => new Set(), []);
+  const handleCancel = useCallback(() => {
+    closeDrawer();
+  }, [closeDrawer]);
+  const handleSave = useCallback(() => {
+    onSave({
+      closeDrawer,
+      selections
+    });
+  }, [onSave, selections, closeDrawer]);
+  const handleSelect = useCallback(({
+    id: id_0,
+    path: path_0
+  }) => {
+    setSelections(prev => {
+      const next = new Map(prev);
+      if (next.has(id_0)) {
+        next.delete(id_0);
+      } else {
+        if (!hasMany) {
+          // Single select: clear previous selections
+          next.clear();
+        }
+        next.set(id_0, {
+          id: id_0,
+          path: path_0
+        });
+      }
+      return next;
+    });
+  }, [hasMany]);
+  const handleClearAll = useCallback(() => {
+    setSelections(new Map());
+  }, []);
+  // Expose selectItem for programmatic selection (e.g., after creating a new item)
+  useImperativeHandle(ref, () => ({
+    selectItem: id_1 => {
+      setSelections(prev_0 => {
+        const next_0 = new Map(prev_0);
+        if (!hasMany) {
+          next_0.clear();
+        }
+        // Path will be empty for newly created items - could be enhanced later
+        next_0.set(id_1, {
+          id: id_1,
+          path: []
+        });
+        return next_0;
+      });
+    }
+  }), [hasMany]);
+  const selectionCount = selections.size;
+  return /*#__PURE__*/_jsxs("div", {
+    className: `${baseClass}__content`,
+    children: [/*#__PURE__*/_jsx(DrawerActionHeader, {
+      onCancel: handleCancel,
+      onSave: handleSave,
+      saveLabel: t('general:select'),
+      title: t('general:selectValue', {
+        label: collectionLabel
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__subheader`,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__subheader-left`,
+        children: [Icon || /*#__PURE__*/_jsx(TagIcon, {
+          color: "muted"
+        }), /*#__PURE__*/_jsx("h4", {
+          children: collectionLabel
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__subheader-right`,
+        children: [showMoveToRoot && onMoveToRoot && /*#__PURE__*/_jsx("button", {
+          className: `${baseClass}__move-to-root`,
+          onClick: onMoveToRoot,
+          type: "button",
+          children: t('hierarchy:moveToRoot')
+        }), selectionCount > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsxs("span", {
+            className: `${baseClass}__selection-info`,
+            children: [selectionCount, " selected"]
+          }), /*#__PURE__*/_jsx("span", {
+            children: "—"
+          }), /*#__PURE__*/_jsx("button", {
+            className: `${baseClass}__clear-all`,
+            onClick: handleClearAll,
+            type: "button",
+            children: t('general:clearAll')
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__columns`,
+      children: /*#__PURE__*/_jsx(HierarchyColumnBrowser, {
+        ancestorsWithSelections: ancestorsWithSelections,
+        baseFilter: baseFilter,
+        disabledIds: disabledIds,
+        filterByCollection: filterByCollection,
+        hierarchyCollectionSlug: hierarchyCollectionSlug,
+        initialExpandedPath: initialExpandedPath,
+        isLoadingPath: isLoadingPath,
+        onCreateNew: onCreateNew,
+        onSelect: handleSelect,
+        parentFieldName: parentFieldName,
+        ref: columnBrowserRef,
+        selectedIds: selectedIds,
+        useAsTitle: useAsTitle
+      })
+    })]
+  });
+};
+export const HierarchyDrawer = props => {
+  const {
+    drawerSlug,
+    hierarchyCollectionSlug,
+    parentFieldName
+  } = props;
+  // 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 drawerContentRef = 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 = `${drawerSlug}-create-doc`;
+  // Document drawer for creating new items - rendered OUTSIDE the Drawer 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 (drawerContentRef.current && doc?.id) {
+      drawerContentRef.current.selectItem(doc.id);
+    }
+    closeDocumentDrawer();
+  }, [closeDocumentDrawer, createParentId]);
+  // Memoize the content - only depends on stable values
+  const drawerContent = useMemo(() => /*#__PURE__*/_jsx(HierarchyDrawerContent, {
+    ...props,
+    columnBrowserRef: columnBrowserRef,
+    onCreateNew: handleCreateNew,
+    ref: drawerContentRef
+  }), [handleCreateNew, props]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Drawer, {
+      className: baseClass,
+      gutter: false,
+      Header: null,
+      slug: drawerSlug,
+      children: drawerContent
+    }), /*#__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/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useEffectEvent","TagIcon","useConfig","useTranslation","useDocumentDrawer","Drawer","DrawerDepthProvider","DrawerActionHeader","HierarchyColumnBrowser","fetchAncestorPath","baseClass","HierarchyDrawerContent","baseFilter","closeDrawer","columnBrowserRef","disabledIds","filterByCollection","hasMany","hierarchyCollectionSlug","Icon","initialSelections","onCreateNew","onMoveToRoot","onSave","parentFieldName","ref","showMoveToRoot","useAsTitle","i18n","t","config","routes","api","serverURL","getEntityConfig","collectionConfig","collectionSlug","collectionLabel","labels","plural","parentFieldName_internal","hierarchy","initialExpandedPath","setInitialExpandedPath","isLoadingPath","setIsLoadingPath","Boolean","length","hasLoadedPathRef","firstSelection","loadAncestorPath","itemId","path","current","selections","setSelections","map","Map","id","set","selectedIds","Set","keys","ancestorsWithSelections","handleCancel","handleSave","handleSelect","prev","next","has","delete","clear","handleClearAll","selectItem","selectionCount","size","_jsxs","className","_jsx","onCancel","saveLabel","title","label","color","onClick","type","_Fragment","onSelect","HierarchyDrawer","props","drawerSlug","createParentId","setCreateParentId","drawerContentRef","documentDrawerKey","setDocumentDrawerKey","documentDrawerSlug","DocumentDrawer","closeDocumentDrawer","openDrawer","openDocumentDrawer","handleCreateNew","parentId","setTimeout","handleDocumentSave","doc","undefined","refreshColumn","drawerContent","gutter","Header","slug","initialData"],"sources":["../../../../src/elements/Hierarchy/Drawer/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 { HierarchyDrawerInternalProps, 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 { useTranslation } from '../../../providers/Translation/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\nimport { Drawer, DrawerDepthProvider } from '../../Drawer/index.js'\nimport { DrawerActionHeader } from '../../DrawerActionHeader/index.js'\nimport { HierarchyColumnBrowser } from '../ColumnBrowser/index.js'\nimport { fetchAncestorPath } from './fetchAncestorPath.js'\nimport './index.scss'\n\nexport const baseClass = 'hierarchy-drawer'\n\ntype HierarchyDrawerContentProps = {\n  columnBrowserRef?: React.RefObject<HierarchyColumnBrowserRef | null>\n  onCreateNew?: (params: { parentId: null | number | string }) => void\n} & HierarchyDrawerInternalProps\n\nexport type HierarchyDrawerContentRef = {\n  selectItem: (id: number | string) => void\n}\n\nexport const HierarchyDrawerContent = function HierarchyDrawerContent({\n  baseFilter,\n  closeDrawer,\n  columnBrowserRef,\n  disabledIds,\n  filterByCollection,\n  hasMany = false,\n  hierarchyCollectionSlug,\n  Icon,\n  initialSelections,\n  onCreateNew,\n  onMoveToRoot,\n  onSave,\n  parentFieldName,\n  ref,\n  showMoveToRoot,\n  useAsTitle,\n}: { ref?: React.RefObject<HierarchyDrawerContentRef | null> } & HierarchyDrawerContentProps) {\n  const { i18n, t } = useTranslation()\n  // NOTE: Do NOT use useModal() here - it causes re-renders when any modal state changes\n  // Use closeDrawer 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) {\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    const map = new Map<number | string, SelectionWithPath>()\n\n    if (initialSelections) {\n      for (const id of initialSelections) {\n        map.set(id, { id, path: [] })\n      }\n    }\n\n    return map\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 handleCancel = useCallback(() => {\n    closeDrawer()\n  }, [closeDrawer])\n\n  const handleSave = useCallback(() => {\n    onSave({ closeDrawer, selections })\n  }, [onSave, selections, closeDrawer])\n\n  const handleSelect = useCallback(\n    ({\n      id,\n      path,\n    }: {\n      id: number | string\n      path: Array<{ id: number | string; title: string }>\n    }) => {\n      setSelections((prev) => {\n        const next = new Map(prev)\n\n        if (next.has(id)) {\n          next.delete(id)\n        } else {\n          if (!hasMany) {\n            // Single select: clear previous selections\n            next.clear()\n          }\n          next.set(id, { id, path })\n        }\n\n        return next\n      })\n    },\n    [hasMany],\n  )\n\n  const handleClearAll = useCallback(() => {\n    setSelections(new Map())\n  }, [])\n\n  // 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      <DrawerActionHeader\n        onCancel={handleCancel}\n        onSave={handleSave}\n        saveLabel={t('general:select')}\n        title={t('general:selectValue', { label: collectionLabel })}\n      />\n      <div className={`${baseClass}__subheader`}>\n        <div className={`${baseClass}__subheader-left`}>\n          {Icon || <TagIcon color=\"muted\" />}\n          <h4>{collectionLabel}</h4>\n        </div>\n        <div className={`${baseClass}__subheader-right`}>\n          {showMoveToRoot && onMoveToRoot && (\n            <button className={`${baseClass}__move-to-root`} onClick={onMoveToRoot} type=\"button\">\n              {t('hierarchy:moveToRoot')}\n            </button>\n          )}\n          {selectionCount > 0 && (\n            <>\n              <span className={`${baseClass}__selection-info`}>{selectionCount} selected</span>\n              <span>—</span>\n              <button className={`${baseClass}__clear-all`} onClick={handleClearAll} type=\"button\">\n                {t('general:clearAll')}\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    </div>\n  )\n}\n\nexport const HierarchyDrawer: React.FC<HierarchyDrawerInternalProps> = (props) => {\n  const { drawerSlug, hierarchyCollectionSlug, parentFieldName } = props\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 drawerContentRef = useRef<HierarchyDrawerContentRef | 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 = `${drawerSlug}-create-doc`\n\n  // Document drawer for creating new items - rendered OUTSIDE the Drawer 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 (drawerContentRef.current && doc?.id) {\n        drawerContentRef.current.selectItem(doc.id)\n      }\n      closeDocumentDrawer()\n    },\n    [closeDocumentDrawer, createParentId],\n  )\n\n  // Memoize the content - only depends on stable values\n  const drawerContent = useMemo(\n    () => (\n      <HierarchyDrawerContent\n        {...props}\n        columnBrowserRef={columnBrowserRef}\n        onCreateNew={handleCreateNew}\n        ref={drawerContentRef}\n      />\n    ),\n    [handleCreateNew, props],\n  )\n\n  return (\n    <>\n      <Drawer className={baseClass} gutter={false} Header={null} slug={drawerSlug}>\n        {drawerContent}\n      </Drawer>\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/index.scss

@@ -0,0 +1,81 @@
+@use '../../../scss/type.scss';
+
+.hierarchy-drawer {
+  &__content {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: var(--theme-bg);
+  }
+
+  &__subheader {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: calc(var(--base) * 0.8) var(--gutter-h);
+    border-bottom: 1px solid var(--theme-elevation-100);
+    flex-shrink: 0;
+  }
+
+  &__subheader-left {
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) * 0.5);
+    font-weight: 500;
+    color: var(--theme-elevation-800);
+
+    svg {
+      width: calc(var(--base) * 0.9);
+      height: calc(var(--base) * 0.9);
+    }
+  }
+
+  &__subheader-right {
+    @extend %small;
+    display: flex;
+    align-items: center;
+    gap: calc(var(--base) * 0.4);
+  }
+
+  &__selection-info {
+    color: var(--theme-elevation-500);
+  }
+
+  &__clear-all {
+    color: var(--theme-elevation-550);
+    text-decoration: underline;
+    cursor: pointer;
+    background: none;
+    border: none;
+    padding: 0;
+    font-size: inherit;
+
+    &:hover {
+      color: var(--theme-elevation-800);
+    }
+  }
+
+  &__move-to-root {
+    background: none;
+    border: none;
+    color: var(--theme-text);
+    cursor: pointer;
+    font-size: inherit;
+    padding: 0;
+    text-decoration: underline;
+
+    &:hover {
+      color: var(--theme-elevation-800);
+    }
+  }
+
+  &__columns {
+    flex: 1;
+    overflow: hidden;
+    display: flex;
+  }
+
+  &__toggler {
+    cursor: pointer;
+  }
+}

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

@@ -0,0 +1,68 @@
+import type { Where } from 'payload';
+import type React from 'react';
+import type { HTMLAttributes } from 'react';
+export type SelectionWithPath = {
+    id: number | string;
+    path: Array<{
+        id: number | string;
+        title: string;
+    }>;
+};
+export type UseHierarchyDrawerArgs = {
+    /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */
+    disabledIds?: Set<number | string>;
+    /**
+     * When provided, filters hierarchy items to only show those that accept these collections.
+     * Used with collectionSpecific hierarchy config.
+     */
+    filterByCollection?: string[];
+    hierarchyCollectionSlug: string;
+    Icon?: React.ReactNode;
+};
+export type HierarchyDrawerProps = {
+    readonly hasMany?: boolean;
+    readonly initialSelections?: (number | string)[];
+    readonly onMoveToRoot?: () => void;
+    readonly onSave: (params: {
+        closeDrawer: () => void;
+        selections: Map<number | string, SelectionWithPath>;
+    }) => void;
+    readonly showMoveToRoot?: boolean;
+};
+export type HierarchyDrawerInternalProps = {
+    /** Base filter constraint (e.g., tenant filter) to apply to all queries */
+    readonly baseFilter?: null | Where;
+    readonly closeDrawer: () => 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.
+     */
+    readonly filterByCollection?: string[];
+    readonly hierarchyCollectionSlug: string;
+    readonly Icon?: React.ReactNode;
+    readonly parentFieldName: string;
+    readonly useAsTitle?: string;
+} & HierarchyDrawerProps;
+export type HierarchyDrawerTogglerProps = {
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    drawerSlug?: string;
+} & HTMLAttributes<HTMLButtonElement>;
+export type UseHierarchyDrawer = (args: UseHierarchyDrawerArgs) => [
+    React.FC<HierarchyDrawerProps>,
+    React.FC<Omit<HierarchyDrawerTogglerProps, 'drawerSlug'>>,
+    {
+        closeDrawer: () => void;
+        drawerDepth: number;
+        drawerSlug: string;
+        isDrawerOpen: boolean;
+        openDrawer: () => void;
+        toggleDrawer: () => void;
+    }
+];
+export type { ColumnItemData } from '../ColumnBrowser/types.js';
+//# sourceMappingURL=types.d.ts.map

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

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

package/dist/elements/Hierarchy/Drawer/types.js

@@ -0,0 +1,3 @@
+// Re-export column browser types for backwards compatibility
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Drawer/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 UseHierarchyDrawerArgs = {\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 HierarchyDrawerProps = {\n  readonly hasMany?: boolean\n  readonly initialSelections?: (number | string)[]\n  readonly onMoveToRoot?: () => void\n  readonly onSave: (params: {\n    closeDrawer: () => void\n    selections: Map<number | string, SelectionWithPath>\n  }) => void\n  readonly showMoveToRoot?: boolean\n}\n\nexport type HierarchyDrawerInternalProps = {\n  /** Base filter constraint (e.g., tenant filter) to apply to all queries */\n  readonly baseFilter?: null | Where\n  readonly closeDrawer: () => 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  readonly drawerSlug: 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 parentFieldName: string\n  readonly useAsTitle?: string\n} & HierarchyDrawerProps\n\nexport type HierarchyDrawerTogglerProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  drawerSlug?: string\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type UseHierarchyDrawer = (args: UseHierarchyDrawerArgs) => [\n  React.FC<HierarchyDrawerProps>,\n  React.FC<Omit<HierarchyDrawerTogglerProps, 'drawerSlug'>>,\n  {\n    closeDrawer: () => void\n    drawerDepth: number\n    drawerSlug: string\n    isDrawerOpen: boolean\n    openDrawer: () => void\n    toggleDrawer: () => void\n  },\n]\n\n// Re-export column browser types for backwards compatibility\nexport type { ColumnItemData } from '../ColumnBrowser/types.js'\n"],"mappings":"AAsEA;AACA","ignoreList":[]}

package/dist/elements/Hierarchy/Drawer/useHierarchyDrawer.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { HierarchyDrawerTogglerProps, UseHierarchyDrawer } from './types.js';
+export * from './types.js';
+export declare const formatHierarchyDrawerSlug: ({ depth, uuid, }: {
+    depth: number;
+    uuid: string;
+}) => string;
+export declare const HierarchyDrawerToggler: React.FC<HierarchyDrawerTogglerProps>;
+/**
+ * Hook for using a hierarchy drawer for selecting hierarchy items.
+ *
+ * @example
+ * ```tsx
+ * const [HierarchyDrawer, HierarchyDrawerToggler, { closeDrawer, openDrawer }] = useHierarchyDrawer({
+ *   collectionSlug: 'categories',
+ * })
+ *
+ * return (
+ *   <>
+ *     <HierarchyDrawer
+ *       onSave={(selections) => console.log(selections)}
+ *       hasMany={true}
+ *     />
+ *     <HierarchyDrawerToggler>Select Categories</HierarchyDrawerToggler>
+ *   </>
+ * )
+ * ```
+ */
+export declare const useHierarchyDrawer: UseHierarchyDrawer;
+//# sourceMappingURL=useHierarchyDrawer.d.ts.map

package/dist/elements/Hierarchy/Drawer/useHierarchyDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHierarchyDrawer.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Drawer/useHierarchyDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAEV,2BAA2B,EAC3B,kBAAkB,EACnB,MAAM,YAAY,CAAA;AAEnB,cAAc,YAAY,CAAA;AAQ1B,eAAO,MAAM,yBAAyB,qBAGnC;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,KAAG,MAA6C,CAAA;AAEjD,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAmBxE,CAAA;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,kBAAkB,EAAE,kBAiHhC,CAAA"}