@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.4804abd

package/dist/elements/Hamburger/index.scss

@@ -1,46 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .hamburger {
-    padding: 0;
-    border: 0;
-    cursor: pointer;
-    background-color: var(--theme-bg);
-    outline: none;
-    position: relative;
-    color: var(--theme-text);
-    box-shadow: 0px 0px 0px 1px var(--theme-elevation-150);
-    padding: base(0.1);
-    border-radius: 3px;
-    position: relative;
-    z-index: 1;
-    height: 100%;
-    width: 100%;
-    transition-property: box-shadow, background-color;
-    transition-duration: 100ms;
-    transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
-    --hamburger-size: var(--base);
-
-    &:hover {
-      background-color: var(--theme-elevation-100);
-      box-shadow: 0px 0px 0px 1px var(--theme-elevation-500);
-    }
-
-    &:focus {
-      outline: none;
-    }
-
-    &::after {
-      z-index: -1;
-    }
-
-    &__open-icon,
-    &__close-icon {
-      width: var(--hamburger-size);
-      height: var(--hamburger-size);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}

package/dist/elements/Hierarchy/ColumnBrowser/Column/index.scss

@@ -1,63 +0,0 @@
-@layer payload-default {
-  .hierarchy-column {
-    width: 360px;
-    min-width: 360px;
-    flex-shrink: 0;
-    display: flex;
-    flex-direction: column;
-    border-right: 1px solid var(--theme-elevation-100);
-    height: 100%;
-    background: var(--theme-bg);
-
-    &__header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      gap: calc(var(--base) * 0.5);
-      padding: calc(var(--base) * 0.5) calc(var(--base) * 1.4);
-      flex-shrink: 0;
-      margin-bottom: 10px;
-      border-bottom: 1px solid var(--theme-elevation-100);
-    }
-
-    &__add-button {
-      flex-shrink: 0;
-      padding-right: 0;
-    }
-
-    &__header-checkbox {
-      flex-shrink: 0;
-    }
-
-    &__header-title {
-      display: flex;
-      align-items: center;
-      gap: calc(var(--base) * 0.5);
-      font-weight: 500;
-      color: var(--theme-text);
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    &__items {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      overflow-y: auto;
-      margin: 0 calc(var(--base));
-      gap: 4px;
-    }
-
-    &__loading {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: var(--base);
-    }
-
-    &__load-more {
-      padding: calc(var(--base) * 0.2) calc(var(--base) * 0.4);
-    }
-  }
-}

package/dist/elements/Hierarchy/ColumnBrowser/ColumnItem/index.scss

@@ -1,103 +0,0 @@
-@layer payload-default {
-  .hierarchy-column-item {
-    display: flex;
-    align-items: center;
-    padding: calc(var(--base) * 0.4);
-    cursor: pointer;
-    transition: background-color 80ms ease;
-    user-select: none;
-    gap: calc(var(--base) * 0.75);
-    border-radius: 4px;
-
-    &:first-child {
-      margin-top: calc(var(--base) * 0.25);
-    }
-
-    &:last-child {
-      margin-bottom: calc(var(--base) * 0.25);
-    }
-
-    &:hover {
-      background-color: var(--theme-elevation-50);
-    }
-
-    &--expanded {
-      background-color: var(--theme-elevation-100);
-
-      &:hover {
-        background-color: var(--theme-elevation-100);
-      }
-    }
-
-    &--selected {
-      background-color: color-mix(in srgb, var(--theme-success-500) 10%, transparent);
-
-      &:hover {
-        background-color: color-mix(in srgb, var(--theme-success-500) 15%, transparent);
-      }
-
-      &.hierarchy-column-item--expanded {
-        background-color: color-mix(in srgb, var(--theme-success-500) 20%, transparent);
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-      opacity: 0.5;
-
-      &:hover {
-        background-color: transparent;
-      }
-
-      .hierarchy-column-item__title {
-        color: var(--theme-elevation-400);
-      }
-    }
-
-    &__checkbox {
-      flex-shrink: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      input[type='checkbox'] {
-        width: 100%;
-        height: 100%;
-        margin: 0;
-      }
-    }
-
-    &__title {
-      flex: 1;
-      min-width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color: var(--theme-text);
-      font-weight: 500;
-    }
-
-    &__descendant-indicator {
-      width: 6px;
-      height: 6px;
-      border-radius: 50%;
-      background-color: var(--theme-success-500);
-      flex-shrink: 0;
-    }
-
-    &__chevron {
-      flex-shrink: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: var(--theme-elevation-300);
-      width: 16px;
-      height: 16px;
-
-      svg {
-        width: 12px;
-        height: 12px;
-      }
-    }
-  }
-}

package/dist/elements/Hierarchy/ColumnBrowser/index.scss

@@ -1,20 +0,0 @@
-.hierarchy-column-browser {
-  display: flex;
-  flex: 1;
-  overflow-x: auto;
-  // scroll-snap-type: x proximity;
-
-  &__column-wrapper {
-    // scroll-snap-align: start;
-    flex-shrink: 0;
-
-    &:first-child {
-      margin-left: var(--gutter-h);
-      border-left: 1px solid var(--theme-elevation-100);
-    }
-  }
-
-  &__column-wrapper--loading {
-    padding: calc(var(--base) * 0.8) var(--base);
-  }
-}

package/dist/elements/Hierarchy/DocHeaderButton/index.scss

@@ -1,18 +0,0 @@
-@layer payload-default {
-  .hierarchy-button {
-    margin: 0;
-
-    .btn__icon {
-      color: var(--theme-elevation-300);
-    }
-
-    .btn__label {
-      font-weight: 600;
-    }
-
-    &--read-only {
-      cursor: default;
-      opacity: 0.7;
-    }
-  }
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"fetchAncestorPath.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Drawer/fetchAncestorPath.ts"],"names":[],"mappings":"AAGA,KAAK,qBAAqB,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAID;;;;GAIG;AACH,wBAAsB,iBAAiB,CAAC,EACtC,GAAG,EACH,cAAc,EACd,MAAM,EACN,eAAe,EACf,SAAS,GACV,EAAE,qBAAqB,GAAG,OAAO,CAAC,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC,CA+CtD"}

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

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

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

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { HierarchyColumnBrowserRef } from '../ColumnBrowser/index.js';
-import type { HierarchyDrawerInternalProps } from './types.js';
-import './index.scss';
-export declare const baseClass = "hierarchy-drawer";
-type HierarchyDrawerContentProps = {
-    columnBrowserRef?: React.RefObject<HierarchyColumnBrowserRef | null>;
-    onCreateNew?: (params: {
-        parentId: null | number | string;
-    }) => void;
-} & HierarchyDrawerInternalProps;
-export type HierarchyDrawerContentRef = {
-    selectItem: (id: number | string) => void;
-};
-export declare const HierarchyDrawerContent: ({ baseFilter, closeDrawer, columnBrowserRef, disabledIds, filterByCollection, hasMany, hierarchyCollectionSlug, Icon, initialSelections, onCreateNew, onMoveToRoot, onSave, parentFieldName, ref, showMoveToRoot, useAsTitle, }: {
-    ref?: React.RefObject<HierarchyDrawerContentRef | null>;
-} & HierarchyDrawerContentProps) => React.JSX.Element;
-export declare const HierarchyDrawer: React.FC<HierarchyDrawerInternalProps>;
-export {};
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,KAAK,EAAE,4BAA4B,EAAqB,MAAM,YAAY,CAAA;AAYjF,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,qBAAqB,CAAA;AAE3C,KAAK,2BAA2B,GAAG;IACjC,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,4BAA4B,CAAA;AAEhC,MAAM,MAAM,yBAAyB,GAAG;IACtC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED,eAAO,MAAM,sBAAsB,oOAiBhC;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,yBAAyB,GAAG,IAAI,CAAC,CAAA;CAAE,GAAG,2BAA2B,sBAwL3F,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA8FlE,CAAA"}

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

@@ -1,296 +0,0 @@
-'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 { useHierarchy } from '../../../providers/Hierarchy/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;
-  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 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);
-    }
-    refreshTree(hierarchyCollectionSlug);
-    closeDocumentDrawer();
-  }, [closeDocumentDrawer, createParentId, hierarchyCollectionSlug, refreshTree]);
-  // 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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useEffectEvent","TagIcon","useConfig","useHierarchy","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","refreshTree","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 { useHierarchy } from '../../../providers/Hierarchy/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  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 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      refreshTree(hierarchyCollectionSlug)\n      closeDocumentDrawer()\n    },\n    [closeDocumentDrawer, createParentId, hierarchyCollectionSlug, refreshTree],\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":[]}