@payloadcms/ui 3.80.0-internal.21e9c47 → 3.80.0-internal.52ab774

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/{HierarchyDrawer → Hierarchy/Drawer}/types.d.ts

@@ -1,3 +1,4 @@
+import type { Where } from 'payload';
 import type React from 'react';
 import type { HTMLAttributes } from 'react';
 export type SelectionWithPath = {
@@ -29,6 +30,8 @@ export type HierarchyDrawerProps = {
     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>;
@@ -61,5 +64,5 @@ export type UseHierarchyDrawer = (args: UseHierarchyDrawerArgs) => [
         toggleDrawer: () => void;
     }
 ];
-export type { ColumnItemData } from '../HierarchyColumnBrowser/types.js';
+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.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/{HierarchyDrawer/index.d.ts → Hierarchy/Drawer/useHierarchyDrawer.d.ts}

@@ -27,4 +27,4 @@ export declare const HierarchyDrawerToggler: React.FC<HierarchyDrawerTogglerProp
  * ```
  */
 export declare const useHierarchyDrawer: UseHierarchyDrawer;
-//# sourceMappingURL=index.d.ts.map
+//# 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"}

package/dist/elements/{HierarchyDrawer/index.js → Hierarchy/Drawer/useHierarchyDrawer.js}

@@ -5,11 +5,11 @@ import { createElement as _createElement } from "react";
 import { useModal } from '@faceless-ui/modal';
 import React, { useCallback, useId, useMemo, useRef } from 'react';
 export * from './types.js';
-import { useConfig } from '../../providers/Config/index.js';
-import { useEditDepth } from '../../providers/EditDepth/index.js';
-import { useHierarchy } from '../../providers/Hierarchy/index.js';
-import { DrawerToggler } from '../Drawer/index.js';
-import { baseClass, HierarchyDrawer } from './Drawer/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useEditDepth } from '../../../providers/EditDepth/index.js';
+import { useHierarchy } from '../../../providers/Hierarchy/index.js';
+import { DrawerToggler } from '../../Drawer/index.js';
+import { baseClass, HierarchyDrawer } from './index.js';
 export const formatHierarchyDrawerSlug = ({
   depth,
   uuid
@@ -61,7 +61,8 @@ export const useHierarchyDrawer = ({
     getEntityConfig
   } = useConfig();
   const {
-    allowedCollections
+    allowedCollections,
+    baseFilter
   } = useHierarchy();
   const collectionConfig = getEntityConfig({
     collectionSlug: hierarchyCollectionSlug
@@ -112,6 +113,7 @@ export const useHierarchyDrawer = ({
   const MemoizedDrawer = useMemo(() => {
     const DrawerComponent = props => /*#__PURE__*/_createElement(HierarchyDrawer, {
       ...props,
+      baseFilter: baseFilter,
       closeDrawer: closeDrawer,
       disabledIds: disabledIds,
       drawerSlug: drawerSlug,
@@ -123,7 +125,7 @@ export const useHierarchyDrawer = ({
       useAsTitle: useAsTitle
     });
     return DrawerComponent;
-  }, [drawerSlug, closeDrawer, disabledIds, filterByCollection, Icon, parentFieldName, hierarchyCollectionSlug, useAsTitle]);
+  }, [baseFilter, drawerSlug, closeDrawer, disabledIds, filterByCollection, Icon, parentFieldName, hierarchyCollectionSlug, useAsTitle]);
   const MemoizedDrawerToggler = useMemo(() => {
     const TogglerComponent = props_0 => /*#__PURE__*/_jsx(HierarchyDrawerToggler, {
       ...props_0,
@@ -143,4 +145,4 @@ export const useHierarchyDrawer = ({
   }), [drawerDepth, drawerSlug, toggleDrawer, closeDrawer, openDrawer]);
   return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState];
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=useHierarchyDrawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHierarchyDrawer.js","names":["useModal","React","useCallback","useId","useMemo","useRef","useConfig","useEditDepth","useHierarchy","DrawerToggler","baseClass","HierarchyDrawer","formatHierarchyDrawerSlug","depth","uuid","HierarchyDrawerToggler","children","className","disabled","drawerSlug","onClick","rest","_jsx","filter","Boolean","join","slug","useHierarchyDrawer","disabledIds","filterByCollection","filterByCollectionProp","hierarchyCollectionSlug","Icon","getEntityConfig","allowedCollections","baseFilter","collectionConfig","collectionSlug","useAsTitle","admin","hierarchyConfig","hierarchy","undefined","parentFieldName","map","c","drawerDepth","closeModal","openModal","toggleModal","closeModalRef","openModalRef","toggleModalRef","current","toggleDrawer","closeDrawer","openDrawer","MemoizedDrawer","DrawerComponent","props","_createElement","key","MemoizedDrawerToggler","TogglerComponent","MemoizedDrawerState","isDrawerOpen"],"sources":["../../../../src/elements/Hierarchy/Drawer/useHierarchyDrawer.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useId, useMemo, useRef } from 'react'\n\nimport type {\n  HierarchyDrawerProps,\n  HierarchyDrawerTogglerProps,\n  UseHierarchyDrawer,\n} from './types.js'\n\nexport * from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useEditDepth } from '../../../providers/EditDepth/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { DrawerToggler } from '../../Drawer/index.js'\nimport { baseClass, HierarchyDrawer } from './index.js'\n\nexport const formatHierarchyDrawerSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string\n}): string => `hierarchy-drawer_${depth}_${uuid}`\n\nexport const HierarchyDrawerToggler: React.FC<HierarchyDrawerTogglerProps> = ({\n  children,\n  className,\n  disabled,\n  drawerSlug,\n  onClick,\n  ...rest\n}) => {\n  return (\n    <DrawerToggler\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      onClick={onClick}\n      slug={drawerSlug}\n      {...rest}\n    >\n      {children}\n    </DrawerToggler>\n  )\n}\n\n/**\n * Hook for using a hierarchy drawer for selecting hierarchy items.\n *\n * @example\n * ```tsx\n * const [HierarchyDrawer, HierarchyDrawerToggler, { closeDrawer, openDrawer }] = useHierarchyDrawer({\n *   collectionSlug: 'categories',\n * })\n *\n * return (\n *   <>\n *     <HierarchyDrawer\n *       onSave={(selections) => console.log(selections)}\n *       hasMany={true}\n *     />\n *     <HierarchyDrawerToggler>Select Categories</HierarchyDrawerToggler>\n *   </>\n * )\n * ```\n */\nexport const useHierarchyDrawer: UseHierarchyDrawer = ({\n  disabledIds,\n  filterByCollection: filterByCollectionProp,\n  hierarchyCollectionSlug,\n  Icon,\n}) => {\n  const { getEntityConfig } = useConfig()\n  const { allowedCollections, baseFilter } = useHierarchy()\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n\n  const useAsTitle = collectionConfig?.admin?.useAsTitle\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : undefined\n  const parentFieldName = hierarchyConfig?.parentFieldName\n\n  // Use explicit prop if provided, otherwise fall back to allowedCollections from context\n  // - allowedCollections is null/undefined: no filtering (undefined)\n  // - allowedCollections is []: folder accepts everything, show only unrestricted destinations ([])\n  // - allowedCollections has values: show folders accepting those types\n  // Memoize to prevent new array references on every render\n  const filterByCollection = useMemo(() => {\n    if (filterByCollectionProp !== undefined) {\n      return filterByCollectionProp\n    }\n    return allowedCollections !== null ? allowedCollections.map((c) => c.slug) : undefined\n  }, [filterByCollectionProp, allowedCollections])\n\n  const drawerDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, openModal, toggleModal } = useModal()\n\n  const drawerSlug = formatHierarchyDrawerSlug({\n    depth: drawerDepth,\n    uuid,\n  })\n\n  // Store modal functions in refs to ensure stable callbacks\n  // This prevents re-renders when other modals (like DocumentDrawer) change state\n  const closeModalRef = useRef(closeModal)\n  const openModalRef = useRef(openModal)\n  const toggleModalRef = useRef(toggleModal)\n  closeModalRef.current = closeModal\n  openModalRef.current = openModal\n  toggleModalRef.current = toggleModal\n\n  // Stable callbacks using refs - these will NEVER change\n  const toggleDrawer = useCallback(() => {\n    toggleModalRef.current(drawerSlug)\n  }, [drawerSlug])\n\n  const closeDrawer = useCallback(() => {\n    closeModalRef.current(drawerSlug)\n  }, [drawerSlug])\n\n  const openDrawer = useCallback(() => {\n    openModalRef.current(drawerSlug)\n  }, [drawerSlug])\n\n  const MemoizedDrawer = useMemo(() => {\n    const DrawerComponent: React.FC<HierarchyDrawerProps> = (props) => (\n      <HierarchyDrawer\n        {...props}\n        baseFilter={baseFilter}\n        closeDrawer={closeDrawer}\n        disabledIds={disabledIds}\n        drawerSlug={drawerSlug}\n        filterByCollection={filterByCollection}\n        hierarchyCollectionSlug={hierarchyCollectionSlug}\n        Icon={Icon}\n        key={drawerSlug}\n        parentFieldName={parentFieldName}\n        useAsTitle={useAsTitle}\n      />\n    )\n\n    return DrawerComponent\n  }, [\n    baseFilter,\n    drawerSlug,\n    closeDrawer,\n    disabledIds,\n    filterByCollection,\n    Icon,\n    parentFieldName,\n    hierarchyCollectionSlug,\n    useAsTitle,\n  ])\n\n  const MemoizedDrawerToggler = useMemo(() => {\n    const TogglerComponent: React.FC<Omit<HierarchyDrawerTogglerProps, 'drawerSlug'>> = (props) => (\n      <HierarchyDrawerToggler {...props} drawerSlug={drawerSlug} />\n    )\n\n    return TogglerComponent\n  }, [drawerSlug])\n\n  const MemoizedDrawerState = useMemo(\n    () => ({\n      closeDrawer,\n      drawerDepth,\n      drawerSlug,\n      // Note: Not tracking isDrawerOpen to prevent re-renders when other modals change state\n      // Consumers needing this can use useModal() directly\n      isDrawerOpen: false,\n      openDrawer,\n      toggleDrawer,\n    }),\n    [drawerDepth, drawerSlug, toggleDrawer, closeDrawer, openDrawer],\n  )\n\n  return [MemoizedDrawer, MemoizedDrawerToggler, MemoizedDrawerState]\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Field/SelectedHierarchies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedHierarchies.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Field/SelectedHierarchies.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAOnE,OAAO,4BAA4B,CAAA;AASnC,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,MAAM,CAAA;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA8HlE,CAAA"}

package/dist/elements/{HierarchyField → Hierarchy/Field}/SelectedHierarchies.js

@@ -2,15 +2,14 @@
 
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-import { XIcon } from '../../icons/X/index.js';
-import { useConfig } from '../../providers/Config/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { Pill } from '../Pill/index.js';
-import { Spinner } from '../Spinner/index.js';
+import { XIcon } from '../../../icons/X/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Pill } from '../../Pill/index.js';
+import { Spinner } from '../../Spinner/index.js';
 import './SelectedHierarchies.scss';
 const baseClass = 'selected-hierarchies';
 export const SelectedHierarchies = ({
@@ -25,8 +24,7 @@ export const SelectedHierarchies = ({
     getEntityConfig
   } = useConfig();
   const {
-    i18n,
-    t
+    i18n
   } = useTranslation();
   const [items, setItems] = useState([]);
   const [isInitialLoad, setIsInitialLoad] = useState(true);
@@ -110,14 +108,7 @@ export const SelectedHierarchies = ({
     });
   }
   if (items.length === 0) {
-    const label = collectionConfig?.labels?.plural;
-    const translatedLabel = label ? getTranslation(label, i18n) : hierarchySlug;
-    return /*#__PURE__*/_jsx("div", {
-      className: `${baseClass}__empty`,
-      children: t('general:noLabel', {
-        label: translatedLabel
-      })
-    });
+    return null;
   }
   return /*#__PURE__*/_jsx("div", {
     className: baseClass,

package/dist/elements/Hierarchy/Field/SelectedHierarchies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedHierarchies.js","names":["c","_c","formatAdminURL","qs","React","useEffect","useMemo","useRef","useState","XIcon","useConfig","useTranslation","Pill","Spinner","baseClass","SelectedHierarchies","hierarchySlug","Icon","onRemove","readOnly","selectedIds","config","getEntityConfig","i18n","items","setItems","isInitialLoad","setIsInitialLoad","prevSelectedIdsRef","routes","api","serverURL","collectionConfig","collectionSlug","selectedIdsKey","slice","sort","join","length","current","fetchItems","useAsTitle","admin","query","depth","limit","select","where","id","in","queryString","stringify","url","apiRoute","path","response","fetch","credentials","headers","language","ok","data","json","fetchedItems","docs","map","doc","docId","titleValue","title","String","orderedItems","find","item","filter","undefined","_jsx","className","size","SelectedPill","t0","$","t","t1","e","preventDefault","stopPropagation","handleRemove","t2","_jsxs","pillStyle","children","Boolean","disabled","onClick","type"],"sources":["../../../../src/elements/Hierarchy/Field/SelectedHierarchies.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport { Spinner } from '../../Spinner/index.js'\nimport './SelectedHierarchies.scss'\n\nconst baseClass = 'selected-hierarchies'\n\ntype HierarchyItem = {\n  id: number | string\n  title: string\n}\n\nexport type SelectedHierarchiesProps = {\n  hierarchySlug: string\n  Icon?: React.ReactNode\n  onRemove: ({ id }: { id: number | string }) => void\n  readOnly?: boolean\n  selectedIds: (number | string)[]\n}\n\nexport const SelectedHierarchies: React.FC<SelectedHierarchiesProps> = ({\n  hierarchySlug,\n  Icon,\n  onRemove,\n  readOnly = false,\n  selectedIds,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const [items, setItems] = useState<HierarchyItem[]>([])\n  const [isInitialLoad, setIsInitialLoad] = useState(true)\n\n  const prevSelectedIdsRef = useRef<string>('')\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchySlug })\n\n  const selectedIdsKey = useMemo(() => selectedIds.slice().sort().join(','), [selectedIds])\n\n  useEffect(() => {\n    if (!selectedIds || selectedIds.length === 0) {\n      setItems([])\n      setIsInitialLoad(false)\n      return\n    }\n\n    if (prevSelectedIdsRef.current === selectedIdsKey) {\n      return\n    }\n    prevSelectedIdsRef.current = selectedIdsKey\n\n    const fetchItems = async () => {\n      const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n\n      const query = {\n        depth: 0,\n        limit: selectedIds.length,\n        select: {\n          [useAsTitle]: true,\n        },\n        where: {\n          id: {\n            in: selectedIds,\n          },\n        },\n      }\n\n      const queryString = qs.stringify(query)\n\n      try {\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${hierarchySlug}?${queryString}`,\n          serverURL,\n        })\n\n        const response = await fetch(url, {\n          credentials: 'include',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n        })\n\n        if (response.ok) {\n          const data = await response.json()\n          const fetchedItems: HierarchyItem[] = data.docs.map((doc: Record<string, unknown>) => {\n            const docId = doc.id as number | string\n            const titleValue = doc[useAsTitle] ?? docId\n            const title =\n              typeof titleValue === 'string' || typeof titleValue === 'number'\n                ? String(titleValue)\n                : String(docId)\n            return {\n              id: docId,\n              title,\n            }\n          })\n\n          // Order by selectedIds to preserve selection order\n          const orderedItems = selectedIds\n            .map((id) => fetchedItems.find((item) => item.id === id))\n            .filter((item): item is HierarchyItem => item !== undefined)\n\n          setItems(orderedItems)\n        }\n      } catch {\n        // Silently fail - items will remain empty\n      } finally {\n        setIsInitialLoad(false)\n      }\n    }\n\n    void fetchItems()\n  }, [selectedIds, selectedIdsKey, hierarchySlug, collectionConfig, serverURL, api, i18n.language])\n\n  if (isInitialLoad) {\n    return (\n      <div className={`${baseClass}__loading`}>\n        <Spinner size=\"small\" />\n      </div>\n    )\n  }\n\n  if (items.length === 0) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__pills`}>\n        {items.map((item) => (\n          <SelectedPill\n            Icon={Icon}\n            item={item}\n            key={item.id}\n            onRemove={onRemove}\n            readOnly={readOnly}\n          />\n        ))}\n      </div>\n    </div>\n  )\n}\n\ntype SelectedPillProps = {\n  Icon?: React.ReactNode\n  item: HierarchyItem\n  onRemove: ({ id }: { id: number | string }) => void\n  readOnly: boolean\n}\n\nconst SelectedPill: React.FC<SelectedPillProps> = ({ Icon, item, onRemove, readOnly }) => {\n  const { t } = useTranslation()\n\n  const handleRemove = (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    onRemove({ id: item.id })\n  }\n\n  return (\n    <Pill className={`${baseClass}__pill`} pillStyle=\"light\" size=\"small\">\n      {Boolean(Icon) && <span className={`${baseClass}__pill-icon`}>{Icon}</span>}\n      <span className={`${baseClass}__pill-label`}>{item.title}</span>\n      <button\n        aria-label={t('general:remove')}\n        className={`${baseClass}__pill-remove`}\n        disabled={readOnly}\n        onClick={readOnly ? undefined : handleRemove}\n        type=\"button\"\n      >\n        <XIcon />\n      </button>\n    </Pill>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/{HierarchyField → Hierarchy/Field}/SelectedHierarchies.scss

@@ -1,4 +1,4 @@
-@import '../../scss/styles.scss';
+@import '../../../scss/styles.scss';
 
 @layer payload-default {
   .selected-hierarchies {

package/dist/elements/Hierarchy/Field/index.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Field/index.client.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAG3D,OAAO,KAA+B,MAAM,OAAO,CAAA;AAiBnD,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,GAAG,4BAA4B,CAAA;AAEhC,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA2LpE,CAAA"}

package/dist/elements/{HierarchyField → Hierarchy/Field}/index.client.js

@@ -3,18 +3,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useMemo } from 'react';
-import { FieldDescription } from '../../fields/FieldDescription/index.js';
-import { FieldError } from '../../fields/FieldError/index.js';
-import { FieldLabel } from '../../fields/FieldLabel/index.js';
-import { mergeFieldStyles } from '../../fields/mergeFieldStyles.js';
-import { fieldBaseClass } from '../../fields/shared/index.js';
-import { useField } from '../../forms/useField/index.js';
-import { useConfig } from '../../providers/Config/index.js';
-import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { Button } from '../Button/index.js';
-import { useHierarchyDrawer } from '../HierarchyDrawer/index.js';
-import { RenderCustomComponent } from '../RenderCustomComponent/index.js';
+import { FieldDescription } from '../../../fields/FieldDescription/index.js';
+import { FieldError } from '../../../fields/FieldError/index.js';
+import { FieldLabel } from '../../../fields/FieldLabel/index.js';
+import { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js';
+import { fieldBaseClass } from '../../../fields/shared/index.js';
+import { useField } from '../../../forms/useField/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { RenderCustomComponent } from '../../RenderCustomComponent/index.js';
+import { useHierarchyDrawer } from '../Drawer/useHierarchyDrawer.js';
 import { SelectedHierarchies } from './SelectedHierarchies.js';
 import './index.scss';
 const baseClass = 'hierarchy-field';
@@ -135,18 +135,11 @@ export const HierarchyFieldClient = props => {
     style: styles,
     children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
       CustomComponent: Label,
-      Fallback: /*#__PURE__*/_jsxs("div", {
-        className: `${baseClass}__label`,
-        children: [/*#__PURE__*/_jsx(FieldLabel, {
-          label: label,
-          localized: localized,
-          path: path,
-          required: required,
-          unstyled: true
-        }), Boolean(Icon) && /*#__PURE__*/_jsx("span", {
-          className: `${baseClass}__label-icon`,
-          children: Icon
-        })]
+      Fallback: /*#__PURE__*/_jsx(FieldLabel, {
+        label: label,
+        localized: localized,
+        path: path,
+        required: required
       })
     }), /*#__PURE__*/_jsxs("div", {
       className: `${fieldBaseClass}__wrap`,
@@ -163,11 +156,6 @@ export const HierarchyFieldClient = props => {
           onRemove: handleRemove,
           readOnly: readOnly || disabled,
           selectedIds: selectedIds
-        }), hasMany && selectedIds.length === 0 && /*#__PURE__*/_jsx("span", {
-          className: `${baseClass}__placeholder`,
-          children: t('general:noLabel', {
-            label: hierarchyLabel
-          })
         }), !readOnly && (hasMany || selectedIds.length === 0) && /*#__PURE__*/_jsx(Button, {
           buttonStyle: "dashed",
           className: `${baseClass}__manage-button`,

package/dist/elements/Hierarchy/Field/index.client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.client.js","names":["getTranslation","React","useCallback","useMemo","FieldDescription","FieldError","FieldLabel","mergeFieldStyles","fieldBaseClass","useField","useConfig","useDocumentInfo","useTranslation","Button","RenderCustomComponent","useHierarchyDrawer","SelectedHierarchies","baseClass","HierarchyFieldClient","props","field","admin","className","description","hasMany","label","localized","relationTo","relationToProp","required","Icon","path","pathFromProps","readOnly","validate","hierarchySlug","Array","isArray","getEntityConfig","collectionSlug","documentCollectionSlug","i18n","t","collectionConfig","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","setValue","showError","potentiallyStalePath","styles","selectedIds","initialSelections","filterByCollection","undefined","HierarchyDrawer","openDrawer","hierarchyCollectionSlug","handleDrawerSave","closeDrawer","selections","ids","from","keys","newValue","handleRemove","id","idToRemove","newIds","filter","length","handleOpenDrawer","hierarchyLabel","labels","plural","singular","_jsxs","Boolean","join","replace","style","_jsx","CustomComponent","Fallback","onRemove","buttonStyle","icon","iconPosition","margin","onClick","size","onSave"],"sources":["../../../../src/elements/Hierarchy/Field/index.client.tsx"],"sourcesContent":["'use client'\nimport type { RelationshipFieldClientProps } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { SelectionWithPath } from '../Drawer/types.js'\n\nimport { FieldDescription } from '../../../fields/FieldDescription/index.js'\nimport { FieldError } from '../../../fields/FieldError/index.js'\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { mergeFieldStyles } from '../../../fields/mergeFieldStyles.js'\nimport { fieldBaseClass } from '../../../fields/shared/index.js'\nimport { useField } from '../../../forms/useField/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { RenderCustomComponent } from '../../RenderCustomComponent/index.js'\nimport { useHierarchyDrawer } from '../Drawer/useHierarchyDrawer.js'\nimport { SelectedHierarchies } from './SelectedHierarchies.js'\nimport './index.scss'\n\nconst baseClass = 'hierarchy-field'\n\ntype Value = (number | string)[] | null | (number | string)\n\nexport type HierarchyFieldClientProps = {\n  Icon?: React.ReactNode\n} & RelationshipFieldClientProps\n\nexport const HierarchyFieldClient: React.FC<HierarchyFieldClientProps> = (props) => {\n  const {\n    field,\n    field: {\n      admin: { className, description } = {},\n      hasMany,\n      label,\n      localized,\n      relationTo: relationToProp,\n      required,\n    },\n    Icon,\n    path: pathFromProps,\n    readOnly,\n    validate,\n  } = props\n\n  const hierarchySlug = Array.isArray(relationToProp) ? relationToProp[0] : relationToProp\n\n  const { getEntityConfig } = useConfig()\n  const { collectionSlug: documentCollectionSlug } = useDocumentInfo()\n  const { i18n, t } = useTranslation()\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchySlug })\n\n  const memoizedValidate = useCallback(\n    (value: Value, validationOptions: Parameters<typeof validate>[1]) => {\n      if (typeof validate === 'function') {\n        return validate(value, { ...validationOptions, required })\n      }\n    },\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<Value>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  // Normalize value to array of IDs for display\n  const selectedIds = useMemo((): (number | string)[] => {\n    if (!value) {\n      return []\n    }\n\n    if (Array.isArray(value)) {\n      return value\n    }\n\n    return [value]\n  }, [value])\n\n  // Initialize selections for the drawer - use current value so drawer expands to current selection\n  const initialSelections = useMemo(() => {\n    if (!value) {\n      return []\n    }\n\n    if (Array.isArray(value)) {\n      return value\n    }\n\n    return [value] as (number | string)[]\n  }, [value])\n\n  // Memoize to prevent new array references on every render\n  const filterByCollection = useMemo(\n    () => (documentCollectionSlug ? [documentCollectionSlug] : undefined),\n    [documentCollectionSlug],\n  )\n\n  const [HierarchyDrawer, , { openDrawer }] = useHierarchyDrawer({\n    filterByCollection,\n    hierarchyCollectionSlug: hierarchySlug,\n    Icon,\n  })\n\n  const handleDrawerSave = useCallback(\n    ({\n      closeDrawer,\n      selections,\n    }: {\n      closeDrawer: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      const ids = Array.from(selections.keys())\n      const newValue = hasMany ? ids : (ids[0] ?? null)\n      setValue(newValue)\n      closeDrawer()\n    },\n    [hasMany, setValue],\n  )\n\n  const handleRemove = useCallback(\n    ({ id: idToRemove }: { id: number | string }) => {\n      if (hasMany) {\n        const newIds = selectedIds.filter((id) => id !== idToRemove)\n        setValue(newIds.length > 0 ? newIds : null)\n      } else {\n        setValue(null)\n      }\n    },\n    [hasMany, selectedIds, setValue],\n  )\n\n  const handleOpenDrawer = useCallback(() => {\n    openDrawer()\n  }, [openDrawer])\n\n  const hierarchyLabel =\n    getTranslation(\n      hasMany ? collectionConfig?.labels?.plural : collectionConfig?.labels?.singular,\n      i18n,\n    ) || hierarchySlug\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        className,\n        showError && 'error',\n        readOnly && `${baseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      <RenderCustomComponent\n        CustomComponent={Label}\n        Fallback={\n          <FieldLabel label={label} localized={localized} path={path} required={required} />\n        }\n      />\n      <div className={`${fieldBaseClass}__wrap`}>\n        <RenderCustomComponent\n          CustomComponent={Error}\n          Fallback={<FieldError path={path} showError={showError} />}\n        />\n        {BeforeInput}\n        <div className={`${baseClass}__content`}>\n          {selectedIds.length > 0 && (\n            <SelectedHierarchies\n              hierarchySlug={hierarchySlug}\n              onRemove={handleRemove}\n              readOnly={readOnly || disabled}\n              selectedIds={selectedIds}\n            />\n          )}\n          {!readOnly && (hasMany || selectedIds.length === 0) && (\n            <Button\n              buttonStyle=\"dashed\"\n              className={`${baseClass}__manage-button`}\n              disabled={disabled}\n              icon=\"plus\"\n              iconPosition=\"left\"\n              margin={false}\n              onClick={handleOpenDrawer}\n              size=\"small\"\n            >\n              {t('general:selectLabel', { label: hierarchyLabel })}\n            </Button>\n          )}\n        </div>\n        {AfterInput}\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n      <HierarchyDrawer\n        hasMany={hasMany}\n        initialSelections={initialSelections}\n        onSave={handleDrawerSave}\n      />\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/{HierarchyField → Hierarchy/Field}/index.scss

@@ -1,4 +1,4 @@
-@import '../../scss/styles.scss';
+@import '../../../scss/styles.scss';
 
 @layer payload-default {
   .hierarchy-field {

package/dist/elements/Hierarchy/Field/index.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Field/index.server.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,SAAS,CAAA;AAQ/D,eAAO,MAAM,cAAc,EAAE,gCA2B5B,CAAA"}

package/dist/elements/{HierarchyField → Hierarchy/Field}/index.server.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-import { RenderServerComponent } from '../RenderServerComponent/index.js';
+import { RenderServerComponent } from '../../RenderServerComponent/index.js';
 // eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary
-import { HierarchyFieldClient } from '../../exports/client/index.js';
+import { HierarchyFieldClient } from '../../../exports/client/index.js';
 export const HierarchyField = props => {
   const {
     clientField,

package/dist/elements/Hierarchy/Field/index.server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.js","names":["React","RenderServerComponent","HierarchyFieldClient","HierarchyField","props","clientField","field","payload","hierarchySlug","Array","isArray","relationTo","hierarchyCollectionConfig","config","collections","find","c","slug","hierarchyConfig","hierarchy","undefined","Icon","admin","components","renderedIcon","Component","importMap","key","_jsx","path","permissions","readOnly","schemaPath"],"sources":["../../../../src/elements/Hierarchy/Field/index.server.tsx"],"sourcesContent":["import type { RelationshipFieldServerComponent } from 'payload'\n\nimport React from 'react'\n\nimport { RenderServerComponent } from '../../RenderServerComponent/index.js'\n// eslint-disable-next-line payload/no-imports-from-exports-dir -- Server component must reference exports dir for proper client boundary\nimport { HierarchyFieldClient } from '../../../exports/client/index.js'\n\nexport const HierarchyField: RelationshipFieldServerComponent = (props) => {\n  const { clientField, field, payload } = props\n\n  const hierarchySlug = Array.isArray(field.relationTo) ? field.relationTo[0] : field.relationTo\n  const hierarchyCollectionConfig = payload.config.collections.find((c) => c.slug === hierarchySlug)\n  const hierarchyConfig =\n    hierarchyCollectionConfig?.hierarchy && typeof hierarchyCollectionConfig.hierarchy === 'object'\n      ? hierarchyCollectionConfig.hierarchy\n      : undefined\n  const Icon = hierarchyConfig?.admin.components.Icon\n\n  const renderedIcon = RenderServerComponent({\n    Component: Icon,\n    importMap: payload.importMap,\n    key: `hierarchy-field-icon-${hierarchySlug}`,\n  })\n\n  return (\n    <HierarchyFieldClient\n      field={clientField}\n      Icon={renderedIcon}\n      path={props.path}\n      permissions={props.permissions}\n      readOnly={props.readOnly}\n      schemaPath={props.schemaPath}\n    />\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,qBAAqB,QAAQ;AACtC;AACA,SAASC,oBAAoB,QAAQ;AAErC,OAAO,MAAMC,cAAA,GAAoDC,KAAA;EAC/D,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAO,CAAE,GAAGH,KAAA;EAExC,MAAMI,aAAA,GAAgBC,KAAA,CAAMC,OAAO,CAACJ,KAAA,CAAMK,UAAU,IAAIL,KAAA,CAAMK,UAAU,CAAC,EAAE,GAAGL,KAAA,CAAMK,UAAU;EAC9F,MAAMC,yBAAA,GAA4BL,OAAA,CAAQM,MAAM,CAACC,WAAW,CAACC,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAEC,IAAI,KAAKT,aAAA;EACpF,MAAMU,eAAA,GACJN,yBAAA,EAA2BO,SAAA,IAAa,OAAOP,yBAAA,CAA0BO,SAAS,KAAK,WACnFP,yBAAA,CAA0BO,SAAS,GACnCC,SAAA;EACN,MAAMC,IAAA,GAAOH,eAAA,EAAiBI,KAAA,CAAMC,UAAA,CAAWF,IAAA;EAE/C,MAAMG,YAAA,GAAevB,qBAAA,CAAsB;IACzCwB,SAAA,EAAWJ,IAAA;IACXK,SAAA,EAAWnB,OAAA,CAAQmB,SAAS;IAC5BC,GAAA,EAAK,wBAAwBnB,aAAA;EAC/B;EAEA,oBACEoB,IAAA,CAAC1B,oBAAA;IACCI,KAAA,EAAOD,WAAA;IACPgB,IAAA,EAAMG,YAAA;IACNK,IAAA,EAAMzB,KAAA,CAAMyB,IAAI;IAChBC,WAAA,EAAa1B,KAAA,CAAM0B,WAAW;IAC9BC,QAAA,EAAU3B,KAAA,CAAM2B,QAAQ;IACxBC,UAAA,EAAY5B,KAAA,CAAM4B;;AAGxB","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+import type React from 'react';
+import type { HydrateHierarchyProviderProps } from '../../../providers/Hierarchy/types.js';
+export declare const HydrateHierarchyProvider: React.FC<HydrateHierarchyProviderProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/HydrateProvider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAA;AAI1F,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAmD5E,CAAA"}

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

@@ -0,0 +1,70 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useEffect } from 'react';
+import { useHierarchy } from '../../../providers/Hierarchy/index.js';
+export const HydrateHierarchyProvider = t0 => {
+  const $ = _c(16);
+  const {
+    allowedCollections,
+    baseFilter,
+    collectionSlug,
+    expandedNodes,
+    parent,
+    parentFieldName,
+    selectedFilters,
+    tableData,
+    treeData,
+    treeLimit,
+    typeFieldName,
+    useAsTitle,
+    viewCollectionSlug
+  } = t0;
+  const {
+    hydrate
+  } = useHierarchy();
+  let t1;
+  let t2;
+  if ($[0] !== allowedCollections || $[1] !== baseFilter || $[2] !== collectionSlug || $[3] !== expandedNodes || $[4] !== hydrate || $[5] !== parent || $[6] !== parentFieldName || $[7] !== selectedFilters || $[8] !== tableData || $[9] !== treeData || $[10] !== treeLimit || $[11] !== typeFieldName || $[12] !== useAsTitle || $[13] !== viewCollectionSlug) {
+    t1 = () => {
+      hydrate({
+        allowedCollections,
+        baseFilter,
+        collectionSlug,
+        expandedNodes,
+        parent,
+        parentFieldName,
+        selectedFilters,
+        tableData,
+        treeData,
+        treeLimit,
+        typeFieldName,
+        useAsTitle,
+        viewCollectionSlug
+      });
+    };
+    t2 = [allowedCollections, baseFilter, collectionSlug, expandedNodes, hydrate, parent, parentFieldName, selectedFilters, tableData, treeData, treeLimit, typeFieldName, useAsTitle, viewCollectionSlug];
+    $[0] = allowedCollections;
+    $[1] = baseFilter;
+    $[2] = collectionSlug;
+    $[3] = expandedNodes;
+    $[4] = hydrate;
+    $[5] = parent;
+    $[6] = parentFieldName;
+    $[7] = selectedFilters;
+    $[8] = tableData;
+    $[9] = treeData;
+    $[10] = treeLimit;
+    $[11] = typeFieldName;
+    $[12] = useAsTitle;
+    $[13] = viewCollectionSlug;
+    $[14] = t1;
+    $[15] = t2;
+  } else {
+    t1 = $[14];
+    t2 = $[15];
+  }
+  useEffect(t1, t2);
+  return null;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","useEffect","useHierarchy","HydrateHierarchyProvider","t0","$","allowedCollections","baseFilter","collectionSlug","expandedNodes","parent","parentFieldName","selectedFilters","tableData","treeData","treeLimit","typeFieldName","useAsTitle","viewCollectionSlug","hydrate","t1","t2"],"sources":["../../../../src/elements/Hierarchy/HydrateProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useEffect } from 'react'\n\nimport type { HydrateHierarchyProviderProps } from '../../../providers/Hierarchy/types.js'\n\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\n\nexport const HydrateHierarchyProvider: React.FC<HydrateHierarchyProviderProps> = ({\n  allowedCollections,\n  baseFilter,\n  collectionSlug,\n  expandedNodes,\n  parent,\n  parentFieldName,\n  selectedFilters,\n  tableData,\n  treeData,\n  treeLimit,\n  typeFieldName,\n  useAsTitle,\n  viewCollectionSlug,\n}) => {\n  const { hydrate } = useHierarchy()\n\n  useEffect(() => {\n    hydrate({\n      allowedCollections,\n      baseFilter,\n      collectionSlug,\n      expandedNodes,\n      parent,\n      parentFieldName,\n      selectedFilters,\n      tableData,\n      treeData,\n      treeLimit,\n      typeFieldName,\n      useAsTitle,\n      viewCollectionSlug,\n    })\n  }, [\n    allowedCollections,\n    baseFilter,\n    collectionSlug,\n    expandedNodes,\n    hydrate,\n    parent,\n    parentFieldName,\n    selectedFilters,\n    tableData,\n    treeData,\n    treeLimit,\n    typeFieldName,\n    useAsTitle,\n    viewCollectionSlug,\n  ])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAI1B,SAASC,YAAY,QAAQ;AAE7B,OAAO,MAAMC,wBAAA,GAAoEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,kBAAA;IAAAC,UAAA;IAAAC,cAAA;IAAAC,aAAA;IAAAC,MAAA;IAAAC,eAAA;IAAAC,eAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,aAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAd,EAcjF;EACC;IAAAe;EAAA,IAAoBjB,YAAA;EAAA,IAAAkB,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAhB,CAAA,QAAAC,kBAAA,IAAAD,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAI,aAAA,IAAAJ,CAAA,QAAAc,OAAA,IAAAd,CAAA,QAAAK,MAAA,IAAAL,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAO,eAAA,IAAAP,CAAA,QAAAQ,SAAA,IAAAR,CAAA,QAAAS,QAAA,IAAAT,CAAA,SAAAU,SAAA,IAAAV,CAAA,SAAAW,aAAA,IAAAX,CAAA,SAAAY,UAAA,IAAAZ,CAAA,SAAAa,kBAAA;IAEVE,EAAA,GAAAA,CAAA;MACRD,OAAA;QAAAb,kBAAA;QAAAC,UAAA;QAAAC,cAAA;QAAAC,aAAA;QAAAC,MAAA;QAAAC,eAAA;QAAAC,eAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,aAAA;QAAAC,UAAA;QAAAC;MAAA,CAcA;IAAA;IACCG,EAAA,IACDf,kBAAA,EACAC,UAAA,EACAC,cAAA,EACAC,aAAA,EACAU,OAAA,EACAT,MAAA,EACAC,eAAA,EACAC,eAAA,EACAC,SAAA,EACAC,QAAA,EACAC,SAAA,EACAC,aAAA,EACAC,UAAA,EACAC,kBAAA;IACDb,CAAA,MAAAC,kBAAA;IAAAD,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAc,OAAA;IAAAd,CAAA,MAAAK,MAAA;IAAAL,CAAA,MAAAM,eAAA;IAAAN,CAAA,MAAAO,eAAA;IAAAP,CAAA,MAAAQ,SAAA;IAAAR,CAAA,MAAAS,QAAA;IAAAT,CAAA,OAAAU,SAAA;IAAAV,CAAA,OAAAW,aAAA;IAAAX,CAAA,OAAAY,UAAA;IAAAZ,CAAA,OAAAa,kBAAA;IAAAb,CAAA,OAAAe,EAAA;IAAAf,CAAA,OAAAgB,EAAA;EAAA;IAAAD,EAAA,GAAAf,CAAA;IAAAgB,EAAA,GAAAhB,CAAA;EAAA;EA/BDJ,SAAA,CAAUmB,EAgBV,EAAGC,EAeF;EAAA;AAAA,CAGH","ignoreList":[]}

package/dist/elements/{MoveMany → Hierarchy/MoveMany}/index.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import './index.scss';
 export declare const baseClass = "move-many";
 type MoveManyProps = {
-    /** Current folder ID - drawer will open expanded to this location */
-    currentFolderId?: null | number | string;
+    /** Current parent ID - drawer will open expanded to this location */
+    currentParentID?: null | number | string;
     /** The hierarchy collection slug (e.g., 'folders') */
     hierarchySlug: string;
     /** Icon to display in the hierarchy drawer */
@@ -17,6 +17,6 @@ type MoveManyProps = {
         ids: (number | string)[];
     }>;
 };
-export declare function MoveMany({ currentFolderId, hierarchySlug, Icon, modalPrefix, onSuccess, selections, }: MoveManyProps): React.JSX.Element;
+export declare function MoveMany({ currentParentID: currentFolderId, hierarchySlug, Icon, modalPrefix, onSuccess, selections, }: MoveManyProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAc7D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,SAAS,cAAc,CAAA;AAEpC,KAAK,aAAa,GAAG;IACnB,qEAAqE;IACrE,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAA;IACrB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;KAAE,CAAC,CAAA;CACzD,CAAA;AAeD,wBAAgB,QAAQ,CAAC,EACvB,eAAe,EAAE,eAAe,EAChC,aAAa,EACb,IAAI,EACJ,WAAW,EACX,SAAS,EACT,UAAU,GACX,EAAE,aAAa,qBA4Qf"}

package/dist/elements/{MoveMany → Hierarchy/MoveMany}/index.js

@@ -7,15 +7,15 @@ import { formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { useCallback, useMemo, useState } from 'react';
 import { toast } from 'sonner';
-import { useConfig } from '../../providers/Config/index.js';
-import { useDocumentSelection } from '../../providers/DocumentSelection/index.js';
-import { useLocale } from '../../providers/Locale/index.js';
-import { useTranslation } from '../../providers/Translation/index.js';
-import { requests } from '../../utilities/api.js';
-import { ConfirmationModal } from '../ConfirmationModal/index.js';
-import { useHierarchyDrawer } from '../HierarchyDrawer/index.js';
-import { ListSelectionButton } from '../ListSelection/index.js';
-import { Translation } from '../Translation/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentSelection } from '../../../providers/DocumentSelection/index.js';
+import { useLocale } from '../../../providers/Locale/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { requests } from '../../../utilities/api.js';
+import { ConfirmationModal } from '../../ConfirmationModal/index.js';
+import { ListSelectionButton } from '../../ListSelection/index.js';
+import { Translation } from '../../Translation/index.js';
+import { useHierarchyDrawer } from '../Drawer/useHierarchyDrawer.js';
 import './index.scss';
 export const baseClass = 'move-many';
 /**
@@ -26,7 +26,7 @@ function getParentFieldName(hierarchyConfig) {
   return config?.parentFieldName;
 }
 export function MoveMany({
-  currentFolderId,
+  currentParentID: currentFolderId,
   hierarchySlug,
   Icon,
   modalPrefix,

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","getTranslation","formatAdminURL","qs","React","useCallback","useMemo","useState","toast","useConfig","useDocumentSelection","useLocale","useTranslation","requests","ConfirmationModal","ListSelectionButton","Translation","useHierarchyDrawer","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentParentID","currentFolderId","hierarchySlug","Icon","modalPrefix","onSuccess","selections","i18n","t","code","locale","openModal","collections","routes","api","getSelectionsWithMetadata","destination","setDestination","confirmMoveDrawerSlug","requiredCollections","selectionsWithMeta","required","Set","collectionSlug","items","Object","entries","metadata","allowedCollections","slug","add","size","Array","from","disabledIds","folderIds","ids","length","HierarchyDrawer","closeDrawer","openDrawer","filterByCollection","hierarchyCollectionSlug","count","label","totalCount","labels","find","c","collectionLabel","plural","singular","push","join","hierarchyCollectionConfig","canMove","handleDrawerSave","selectionsMap","firstSelection","values","next","value","destinationId","id","destinationTitle","path","title","String","handleMoveToRoot","handleConfirmMove","totalMoved","hasErrors","queryString","stringify","where","in","addQueryPrefix","url","apiRoute","response","patch","body","JSON","headers","language","credentials","json","status","errors","error","message","description","map","movedCount","docs","successKey","success","_err","_jsxs","Fragment","_jsx","className","onClick","hasMany","initialSelections","onMoveToRoot","onSave","showMoveToRoot","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../Drawer/types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentSelection } from '../../../providers/DocumentSelection/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { requests } from '../../../utilities/api.js'\nimport { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Translation } from '../../Translation/index.js'\nimport { useHierarchyDrawer } from '../Drawer/useHierarchyDrawer.js'\nimport './index.scss'\n\nexport const baseClass = 'move-many'\n\ntype MoveManyProps = {\n  /** Current parent ID - drawer will open expanded to this location */\n  currentParentID?: null | number | string\n  /** The hierarchy collection slug (e.g., 'folders') */\n  hierarchySlug: string\n  /** Icon to display in the hierarchy drawer */\n  Icon?: React.ReactNode\n  /** When multiple MoveMany components are rendered on the page, this will differentiate them */\n  modalPrefix?: string\n  /** Callback after successful move */\n  onSuccess?: () => void\n  /** Selections grouped by collection slug */\n  selections: Record<string, { ids: (number | string)[] }>\n}\n\n/**\n * Gets the parent field name from the hierarchy config.\n */\nfunction getParentFieldName(\n  hierarchyConfig: ClientCollectionConfig | undefined,\n): string | undefined {\n  const config =\n    hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object'\n      ? hierarchyConfig.hierarchy\n      : undefined\n  return config?.parentFieldName\n}\n\nexport function MoveMany({\n  currentParentID: currentFolderId,\n  hierarchySlug,\n  Icon,\n  modalPrefix,\n  onSuccess,\n  selections,\n}: MoveManyProps) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const { openModal } = useModal()\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { getSelectionsWithMetadata } = useDocumentSelection()\n\n  const [destination, setDestination] = useState<{\n    id: null | number | string\n    title: string\n  } | null>(null)\n\n  const confirmMoveDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-move-many`\n\n  // Compute required collections from selection metadata\n  // For related items: add their collection slug\n  // For folders: add their allowedCollections values\n  const requiredCollections = useMemo(() => {\n    const selectionsWithMeta = getSelectionsWithMetadata()\n    const required = new Set<string>()\n\n    for (const [collectionSlug, { selections: items }] of Object.entries(selectionsWithMeta)) {\n      if (collectionSlug === hierarchySlug) {\n        // For folders, add their allowedCollections to required set\n        for (const { metadata } of items) {\n          if (metadata.allowedCollections) {\n            for (const slug of metadata.allowedCollections) {\n              required.add(slug)\n            }\n          }\n        }\n      } else {\n        // For related items, add their collection slug\n        required.add(collectionSlug)\n      }\n    }\n\n    return required.size > 0 ? Array.from(required) : undefined\n  }, [getSelectionsWithMetadata, hierarchySlug])\n\n  // Folders being moved cannot be selected as destination (can't move into themselves)\n  const disabledIds = useMemo(() => {\n    const folderIds = selections[hierarchySlug]?.ids\n    return folderIds?.length ? new Set(folderIds) : undefined\n  }, [selections, hierarchySlug])\n\n  const [HierarchyDrawer, , { closeDrawer, openDrawer }] = useHierarchyDrawer({\n    disabledIds,\n    filterByCollection: requiredCollections,\n    hierarchyCollectionSlug: hierarchySlug,\n    Icon,\n  })\n\n  // Calculate total count and label\n  const { count, label } = useMemo(() => {\n    let totalCount = 0\n    const labels: string[] = []\n\n    for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n      const config = collections.find((c) => c.slug === collectionSlug)\n\n      if (config && ids.length > 0) {\n        totalCount += ids.length\n        const collectionLabel = getTranslation(\n          ids.length > 1 ? config.labels.plural : config.labels.singular,\n          i18n,\n        )\n        labels.push(collectionLabel)\n      }\n    }\n\n    return {\n      count: totalCount,\n      label: labels.join(', '),\n    }\n  }, [selections, collections, i18n])\n\n  const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n  const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n\n  // Check if hierarchy has a valid parentFieldName\n  const canMove = parentFieldName !== undefined\n\n  const handleDrawerSave = useCallback(\n    ({ selections: selectionsMap }: { selections: Map<number | string, SelectionWithPath> }) => {\n      if (selectionsMap.size === 0) {\n        return\n      }\n\n      const firstSelection = selectionsMap.values().next().value\n      const destinationId = firstSelection?.id\n      const destinationTitle =\n        firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId)\n\n      setDestination({ id: destinationId, title: destinationTitle })\n      openModal(confirmMoveDrawerSlug)\n    },\n    [openModal, confirmMoveDrawerSlug],\n  )\n\n  const handleMoveToRoot = useCallback(() => {\n    setDestination({ id: null, title: t('hierarchy:noParent') })\n    openModal(confirmMoveDrawerSlug)\n  }, [openModal, confirmMoveDrawerSlug, t])\n\n  const handleConfirmMove = useCallback(async () => {\n    if (destination === null) {\n      return\n    }\n\n    let totalMoved = 0\n    let hasErrors = false\n\n    try {\n      for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n        if (ids.length === 0) {\n          continue\n        }\n\n        const queryString = qs.stringify(\n          {\n            locale,\n            where: { id: { in: ids } },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n        })\n\n        const response = await requests.patch(url, {\n          body: JSON.stringify({ [parentFieldName]: destination.id }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n            credentials: 'include',\n          },\n        })\n\n        const json = await response.json()\n\n        if (response.status >= 400) {\n          hasErrors = true\n\n          if (json?.errors?.length > 0) {\n            toast.error(json.message || t('error:unknown'), {\n              description: json.errors\n                .map((error: { message: string }) => error.message)\n                .join('\\n'),\n            })\n          } else {\n            toast.error(json?.message || t('error:unknown'))\n          }\n\n          continue\n        }\n\n        const movedCount = json?.docs?.length || 0\n        totalMoved += movedCount\n\n        if (json?.errors?.length > 0) {\n          hasErrors = true\n          toast.error(json.message, {\n            description: json.errors.map((error: { message: string }) => error.message).join('\\n'),\n          })\n        }\n      }\n\n      if (totalMoved > 0) {\n        const successKey =\n          destination.id === null ? 'hierarchy:itemsMovedToRoot' : 'hierarchy:itemsMovedTo'\n\n        toast.success(\n          t(successKey, {\n            destination: destination.title,\n            title: label,\n          }),\n        )\n      }\n\n      if (!hasErrors || totalMoved > 0) {\n        closeDrawer()\n        onSuccess?.()\n      }\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setDestination(null)\n    }\n  }, [\n    closeDrawer,\n    destination,\n    selections,\n    parentFieldName,\n    locale,\n    api,\n    i18n,\n    t,\n    label,\n    onSuccess,\n  ])\n\n  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:move')}\n        className={`${baseClass}__toggle`}\n        onClick={openDrawer}\n      >\n        {t('general:move')}\n      </ListSelectionButton>\n      <HierarchyDrawer\n        hasMany={false}\n        initialSelections={currentFolderId ? [currentFolderId] : null}\n        onMoveToRoot={handleMoveToRoot}\n        onSave={handleDrawerSave}\n        showMoveToRoot\n      />\n      <ConfirmationModal\n        body={\n          <p>\n            {destination?.id === null ? (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"hierarchy:moveItemsToRootConfirmation\"\n                t={t}\n                variables={{\n                  count,\n                  label,\n                }}\n              />\n            ) : (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:moveConfirm\"\n                t={t}\n                variables={{\n                  count,\n                  destination: destination?.title || '',\n                  label,\n                }}\n              />\n            )}\n          </p>\n        }\n        confirmingLabel={t('general:moving')}\n        heading={t('general:confirmMove')}\n        modalSlug={confirmMoveDrawerSlug}\n        onConfirm={handleConfirmMove}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}