@payloadcms/ui 4.0.0-internal.e55ccef → 4.0.0-internal.ea6e8f8

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

@@ -1,13 +1,19 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
 import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { useForm, useFormFields } from '../../../forms/Form/context.js';
+import { useBranchParam } from '../../../providers/Branch/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { getEffectiveHierarchyCollections, getHierarchyCollectionRestrictions } from '../../../utilities/hierarchyCollectionRestrictions.js';
+import { getHierarchyListURL } from '../../../views/HierarchyList/getHierarchyListURL.js';
 import { Button } from '../../Button/index.js';
+import { HierarchyActionsMenu } from '../ActionsMenu/index.js';
 import { useHierarchyModal } from '../Modal/useHierarchyModal.js';
 import './index.css';
 const baseClass = 'hierarchy-button';
@@ -20,6 +26,7 @@ export const HierarchyButtonClient = ({
   SmallIcon
 }) => {
   const {
+    i18n,
     t
   } = useTranslation();
   const {
@@ -27,30 +34,66 @@ export const HierarchyButtonClient = ({
     getEntityConfig
   } = useConfig();
   const {
+    id: documentId,
     collectionSlug: documentCollectionSlug
   } = useDocumentInfo();
   const {
     disabled: formDisabled,
     setModified
   } = useForm();
+  const branch = useBranchParam();
   const readOnly = readOnlyFromProps || formDisabled;
   const dispatchField = useFormFields(([_, dispatch]) => dispatch);
   const currentFieldValue = useFormFields(([fields]) => fields && fields?.[fieldName] || null);
-  const currentId = currentFieldValue?.value;
+  const currentSelections = useMemo(() => {
+    const value = currentFieldValue?.value;
+    if (Array.isArray(value)) {
+      return value.filter(selection => typeof selection === 'number' || typeof selection === 'string');
+    }
+    return typeof value === 'number' || typeof value === 'string' ? [value] : [];
+  }, [currentFieldValue?.value]);
+  const currentId = !hasMany ? currentSelections[0] : undefined;
   const [displayName, setDisplayName] = useState('');
   const [isLoading, setIsLoading] = useState(true);
   const collectionConfig = getEntityConfig({
     collectionSlug: hierarchyCollectionSlug
   });
   const useAsTitle = collectionConfig?.admin?.useAsTitle || 'name';
+  const {
+    hierarchyConfig,
+    relatedCollectionSlugs,
+    typeFieldName
+  } = useMemo(() => getHierarchyCollectionRestrictions({
+    collectionConfig
+  }), [collectionConfig]);
+  const allowedCollections = useFormFields(([fields_0]) => {
+    const value_0 = typeFieldName ? fields_0?.[typeFieldName]?.value : undefined;
+    return Array.isArray(value_0) ? value_0 : undefined;
+  });
   const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug;
   // When in hierarchy collection, let the modal use allowedCollections from context
   // When in other collections, filter by that collection's slug
   // Memoize to prevent new array references on every render
-  const filterByCollection = useMemo(() => isHierarchyCollection || !documentCollectionSlug ? undefined : [documentCollectionSlug], [isHierarchyCollection, documentCollectionSlug]);
+  const filterByCollection = useMemo(() => {
+    if (!documentCollectionSlug) {
+      return undefined;
+    }
+    if (!isHierarchyCollection) {
+      return [documentCollectionSlug];
+    }
+    if (!typeFieldName) {
+      return undefined;
+    }
+    return getEffectiveHierarchyCollections({
+      allowedCollections,
+      relatedCollectionSlugs
+    });
+  }, [allowedCollections, documentCollectionSlug, isHierarchyCollection, relatedCollectionSlugs, typeFieldName]);
+  const disabledIds = useMemo(() => isHierarchyCollection && documentId !== undefined ? new Set([documentId]) : undefined, [documentId, isHierarchyCollection]);
   const [HierarchyModal,, {
     openModal
   }] = useHierarchyModal({
+    disabledIds,
     filterByCollection,
     hierarchyCollectionSlug,
     Icon
@@ -58,12 +101,17 @@ export const HierarchyButtonClient = ({
   // Fetch item name when currentId changes
   useEffect(() => {
     const fetchItemName = async () => {
-      if (currentId && (typeof currentId === 'string' || typeof currentId === 'number')) {
+      if (currentId !== null && currentId !== undefined && (typeof currentId === 'string' || typeof currentId === 'number')) {
         setIsLoading(true);
         try {
+          const queryString = qs.stringify({
+            branch
+          }, {
+            addQueryPrefix: true
+          });
           const response = await fetch(formatAdminURL({
             apiRoute: config.routes.api,
-            path: `/${hierarchyCollectionSlug}/${currentId}`,
+            path: `/${hierarchyCollectionSlug}/${currentId}${queryString}`,
             serverURL: config.serverURL
           }), {
             credentials: 'include'
@@ -86,7 +134,7 @@ export const HierarchyButtonClient = ({
       }
     };
     void fetchItemName();
-  }, [currentId, hierarchyCollectionSlug, config.routes.api, config.serverURL, useAsTitle, t]);
+  }, [branch, config.routes.api, config.serverURL, currentId, hierarchyCollectionSlug, t, useAsTitle]);
   const handleModalSave = useCallback(({
     closeModal,
     selections
@@ -109,19 +157,54 @@ export const HierarchyButtonClient = ({
     }
   }, [openModal, readOnly]);
   const label = isLoading ? `${t('general:loading')}...` : displayName;
+  const hasSingleSelection = !hasMany && (typeof currentId === 'number' || typeof currentId === 'string');
+  const hierarchyLabel = getTranslation(collectionConfig?.labels?.singular || hierarchyCollectionSlug, i18n) || hierarchyCollectionSlug;
+  const handleRemove = useCallback(() => {
+    dispatchField({
+      type: 'UPDATE',
+      path: fieldName,
+      value: null
+    });
+    setModified(true);
+  }, [dispatchField, fieldName, setModified]);
+  const goTo = useMemo(() => hasSingleSelection ? {
+    name: displayName,
+    href: getHierarchyListURL({
+      adminRoute: config.routes.admin,
+      collectionSlug: hierarchyCollectionSlug,
+      parentFieldName: hierarchyConfig?.parentFieldName,
+      parentID: currentId
+    })
+  } : undefined, [config.routes.admin, currentId, displayName, hasSingleSelection, hierarchyCollectionSlug, hierarchyConfig?.parentFieldName]);
+  const buttonClassName = [baseClass, readOnly && `${baseClass}--read-only`].filter(Boolean).join(' ');
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Button, {
-      buttonStyle: "secondary",
-      className: [baseClass, readOnly && `${baseClass}--read-only`].filter(Boolean).join(' '),
-      disabled: readOnly,
-      icon: SmallIcon ?? Icon,
-      iconPosition: "left",
-      margin: false,
-      onClick: handleClick,
-      children: label
+    children: [/*#__PURE__*/_jsx(HierarchyActionsMenu, {
+      goTo: goTo,
+      hasActions: hasSingleSelection && !readOnly,
+      hierarchyLabel: hierarchyLabel,
+      onMove: openModal,
+      onRemove: handleRemove,
+      renderTrigger: triggerProps => /*#__PURE__*/_jsx(Button, {
+        "aria-label": triggerProps ? label : undefined,
+        buttonStyle: "secondary",
+        className: buttonClassName,
+        disabled: readOnly,
+        extraButtonProps: triggerProps?.extraButtonProps,
+        icon: SmallIcon ?? Icon,
+        iconPosition: "left",
+        margin: false,
+        onClick: triggerProps?.onClick ?? handleClick,
+        selected: triggerProps?.selected,
+        tooltip: triggerProps ? displayName : undefined,
+        children: triggerProps ? /*#__PURE__*/_jsx("span", {
+          className: `${baseClass}__truncate`,
+          children: label
+        }) : label
+      })
     }), /*#__PURE__*/_jsx(HierarchyModal, {
+      confirmLabel: t('general:confirm'),
       hasMany: hasMany,
-      initialSelections: currentId ? [currentId] : undefined,
+      initialSelections: currentSelections,
       onSave: handleModalSave
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["formatAdminURL","React","useCallback","useEffect","useMemo","useState","useForm","useFormFields","useConfig","useDocumentInfo","useTranslation","Button","useHierarchyModal","baseClass","HierarchyButtonClient","fieldName","hasMany","hierarchyCollectionSlug","Icon","readOnly","readOnlyFromProps","SmallIcon","t","config","getEntityConfig","collectionSlug","documentCollectionSlug","disabled","formDisabled","setModified","dispatchField","_","dispatch","currentFieldValue","fields","currentId","value","displayName","setDisplayName","isLoading","setIsLoading","collectionConfig","useAsTitle","admin","isHierarchyCollection","filterByCollection","undefined","HierarchyModal","openModal","fetchItemName","response","fetch","apiRoute","routes","api","path","serverURL","credentials","ok","itemData","json","title","name","id","String","handleModalSave","closeModal","selections","ids","Array","from","keys","newValue","type","handleClick","label","_jsxs","_Fragment","_jsx","buttonStyle","className","filter","Boolean","join","icon","iconPosition","margin","onClick","initialSelections","onSave"],"sources":["../../../../src/elements/Hierarchy/DocHeaderButton/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectionWithPath } from '../Modal/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.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 { useHierarchyModal } from '../Modal/useHierarchyModal.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-button'\n\nexport type HierarchyButtonClientProps = {\n  fieldName: string\n  hasMany?: boolean\n  hierarchyCollectionSlug: string\n  Icon?: React.ReactNode\n  readOnly?: boolean\n  SmallIcon?: React.ReactNode\n}\n\nexport const HierarchyButtonClient: React.FC<HierarchyButtonClientProps> = ({\n  fieldName,\n  hasMany = false,\n  hierarchyCollectionSlug,\n  Icon,\n  readOnly: readOnlyFromProps,\n  SmallIcon,\n}) => {\n  const { t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { collectionSlug: documentCollectionSlug } = useDocumentInfo()\n  const { disabled: formDisabled, setModified } = useForm()\n  const readOnly = readOnlyFromProps || formDisabled\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n\n  const currentFieldValue = useFormFields(([fields]) => (fields && fields?.[fieldName]) || null)\n  const currentId = currentFieldValue?.value as null | number | string\n\n  const [displayName, setDisplayName] = useState<string>('')\n  const [isLoading, setIsLoading] = useState(true)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n  const useAsTitle = collectionConfig?.admin?.useAsTitle || 'name'\n\n  const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug\n\n  // When in hierarchy collection, let the modal use allowedCollections from context\n  // When in other collections, filter by that collection's slug\n  // Memoize to prevent new array references on every render\n  const filterByCollection = useMemo(\n    () => (isHierarchyCollection || !documentCollectionSlug ? undefined : [documentCollectionSlug]),\n    [isHierarchyCollection, documentCollectionSlug],\n  )\n\n  const [HierarchyModal, , { openModal }] = useHierarchyModal({\n    filterByCollection,\n    hierarchyCollectionSlug,\n    Icon,\n  })\n\n  // Fetch item name when currentId changes\n  useEffect(() => {\n    const fetchItemName = async () => {\n      if (currentId && (typeof currentId === 'string' || typeof currentId === 'number')) {\n        setIsLoading(true)\n        try {\n          const response = await fetch(\n            formatAdminURL({\n              apiRoute: config.routes.api,\n              path: `/${hierarchyCollectionSlug}/${currentId}`,\n              serverURL: config.serverURL,\n            }),\n            { credentials: 'include' },\n          )\n\n          if (response.ok) {\n            const itemData = await response.json()\n            const title = itemData?.[useAsTitle] || itemData?.name || itemData?.id\n\n            setDisplayName(String(title))\n          } else {\n            setDisplayName(t('general:none'))\n          }\n        } catch {\n          setDisplayName(t('general:none'))\n        } finally {\n          setIsLoading(false)\n        }\n      } else {\n        setDisplayName(t('general:none'))\n        setIsLoading(false)\n      }\n    }\n\n    void fetchItemName()\n  }, [currentId, hierarchyCollectionSlug, config.routes.api, config.serverURL, useAsTitle, t])\n\n  const handleModalSave = useCallback(\n    ({\n      closeModal,\n      selections,\n    }: {\n      closeModal: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      const ids = Array.from(selections.keys())\n      const newValue = hasMany ? ids : (ids[0] ?? null)\n\n      if (currentFieldValue?.value !== newValue) {\n        dispatchField({\n          type: 'UPDATE',\n          path: fieldName,\n          value: newValue,\n        })\n        setModified(true)\n      }\n      closeModal()\n    },\n    [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified],\n  )\n\n  const handleClick = useCallback(() => {\n    if (!readOnly) {\n      openModal()\n    }\n  }, [openModal, readOnly])\n\n  const label = isLoading ? `${t('general:loading')}...` : displayName\n\n  return (\n    <>\n      <Button\n        buttonStyle=\"secondary\"\n        className={[baseClass, readOnly && `${baseClass}--read-only`].filter(Boolean).join(' ')}\n        disabled={readOnly}\n        icon={SmallIcon ?? Icon}\n        iconPosition=\"left\"\n        margin={false}\n        onClick={handleClick}\n      >\n        {label}\n      </Button>\n      <HierarchyModal\n        hasMany={hasMany}\n        initialSelections={currentId ? [currentId] : undefined}\n        onSave={handleModalSave}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","qs","React","useCallback","useEffect","useMemo","useState","useForm","useFormFields","useBranchParam","useConfig","useDocumentInfo","useTranslation","getEffectiveHierarchyCollections","getHierarchyCollectionRestrictions","getHierarchyListURL","Button","HierarchyActionsMenu","useHierarchyModal","baseClass","HierarchyButtonClient","fieldName","hasMany","hierarchyCollectionSlug","Icon","readOnly","readOnlyFromProps","SmallIcon","i18n","t","config","getEntityConfig","id","documentId","collectionSlug","documentCollectionSlug","disabled","formDisabled","setModified","branch","dispatchField","_","dispatch","currentFieldValue","fields","currentSelections","value","Array","isArray","filter","selection","currentId","undefined","displayName","setDisplayName","isLoading","setIsLoading","collectionConfig","useAsTitle","admin","hierarchyConfig","relatedCollectionSlugs","typeFieldName","allowedCollections","isHierarchyCollection","filterByCollection","disabledIds","Set","HierarchyModal","openModal","fetchItemName","queryString","stringify","addQueryPrefix","response","fetch","apiRoute","routes","api","path","serverURL","credentials","ok","itemData","json","title","name","String","handleModalSave","closeModal","selections","ids","from","keys","newValue","type","handleClick","label","hasSingleSelection","hierarchyLabel","labels","singular","handleRemove","goTo","href","adminRoute","parentFieldName","parentID","buttonClassName","Boolean","join","_jsxs","_Fragment","_jsx","hasActions","onMove","onRemove","renderTrigger","triggerProps","buttonStyle","className","extraButtonProps","icon","iconPosition","margin","onClick","selected","tooltip","confirmLabel","initialSelections","onSave"],"sources":["../../../../src/elements/Hierarchy/DocHeaderButton/index.tsx"],"sourcesContent":["'use client'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectionWithPath } from '../Modal/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { useBranchParam } from '../../../providers/Branch/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport {\n  getEffectiveHierarchyCollections,\n  getHierarchyCollectionRestrictions,\n} from '../../../utilities/hierarchyCollectionRestrictions.js'\nimport { getHierarchyListURL } from '../../../views/HierarchyList/getHierarchyListURL.js'\nimport { Button } from '../../Button/index.js'\nimport { HierarchyActionsMenu } from '../ActionsMenu/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-button'\n\nexport type HierarchyButtonClientProps = {\n  fieldName: string\n  hasMany?: boolean\n  hierarchyCollectionSlug: string\n  Icon?: React.ReactNode\n  readOnly?: boolean\n  SmallIcon?: React.ReactNode\n}\n\nexport const HierarchyButtonClient: React.FC<HierarchyButtonClientProps> = ({\n  fieldName,\n  hasMany = false,\n  hierarchyCollectionSlug,\n  Icon,\n  readOnly: readOnlyFromProps,\n  SmallIcon,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { config, getEntityConfig } = useConfig()\n  const { id: documentId, collectionSlug: documentCollectionSlug } = useDocumentInfo()\n  const { disabled: formDisabled, setModified } = useForm()\n  const branch = useBranchParam()\n  const readOnly = readOnlyFromProps || formDisabled\n  const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n\n  const currentFieldValue = useFormFields(([fields]) => (fields && fields?.[fieldName]) || null)\n  const currentSelections = useMemo(() => {\n    const value = currentFieldValue?.value\n\n    if (Array.isArray(value)) {\n      return value.filter(\n        (selection): selection is number | string =>\n          typeof selection === 'number' || typeof selection === 'string',\n      )\n    }\n\n    return typeof value === 'number' || typeof value === 'string' ? [value] : []\n  }, [currentFieldValue?.value])\n  const currentId = !hasMany ? currentSelections[0] : undefined\n\n  const [displayName, setDisplayName] = useState<string>('')\n  const [isLoading, setIsLoading] = useState(true)\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n  const useAsTitle = collectionConfig?.admin?.useAsTitle || 'name'\n  const { hierarchyConfig, relatedCollectionSlugs, typeFieldName } = useMemo(\n    () => getHierarchyCollectionRestrictions({ collectionConfig }),\n    [collectionConfig],\n  )\n\n  const allowedCollections = useFormFields(([fields]) => {\n    const value = typeFieldName ? fields?.[typeFieldName]?.value : undefined\n\n    return Array.isArray(value) ? (value as string[]) : undefined\n  })\n\n  const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug\n\n  // When in hierarchy collection, let the modal use allowedCollections from context\n  // When in other collections, filter by that collection's slug\n  // Memoize to prevent new array references on every render\n  const filterByCollection = useMemo(() => {\n    if (!documentCollectionSlug) {\n      return undefined\n    }\n    if (!isHierarchyCollection) {\n      return [documentCollectionSlug]\n    }\n    if (!typeFieldName) {\n      return undefined\n    }\n    return getEffectiveHierarchyCollections({ allowedCollections, relatedCollectionSlugs })\n  }, [\n    allowedCollections,\n    documentCollectionSlug,\n    isHierarchyCollection,\n    relatedCollectionSlugs,\n    typeFieldName,\n  ])\n\n  const disabledIds = useMemo(\n    () => (isHierarchyCollection && documentId !== undefined ? new Set([documentId]) : undefined),\n    [documentId, isHierarchyCollection],\n  )\n\n  const [HierarchyModal, , { openModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection,\n    hierarchyCollectionSlug,\n    Icon,\n  })\n\n  // Fetch item name when currentId changes\n  useEffect(() => {\n    const fetchItemName = async () => {\n      if (\n        currentId !== null &&\n        currentId !== undefined &&\n        (typeof currentId === 'string' || typeof currentId === 'number')\n      ) {\n        setIsLoading(true)\n        try {\n          const queryString = qs.stringify({ branch }, { addQueryPrefix: true })\n          const response = await fetch(\n            formatAdminURL({\n              apiRoute: config.routes.api,\n              path: `/${hierarchyCollectionSlug}/${currentId}${queryString}`,\n              serverURL: config.serverURL,\n            }),\n            { credentials: 'include' },\n          )\n\n          if (response.ok) {\n            const itemData = await response.json()\n            const title = itemData?.[useAsTitle] || itemData?.name || itemData?.id\n\n            setDisplayName(String(title))\n          } else {\n            setDisplayName(t('general:none'))\n          }\n        } catch {\n          setDisplayName(t('general:none'))\n        } finally {\n          setIsLoading(false)\n        }\n      } else {\n        setDisplayName(t('general:none'))\n        setIsLoading(false)\n      }\n    }\n\n    void fetchItemName()\n  }, [\n    branch,\n    config.routes.api,\n    config.serverURL,\n    currentId,\n    hierarchyCollectionSlug,\n    t,\n    useAsTitle,\n  ])\n\n  const handleModalSave = useCallback(\n    ({\n      closeModal,\n      selections,\n    }: {\n      closeModal: () => void\n      selections: Map<number | string, SelectionWithPath>\n    }) => {\n      const ids = Array.from(selections.keys())\n      const newValue = hasMany ? ids : (ids[0] ?? null)\n\n      if (currentFieldValue?.value !== newValue) {\n        dispatchField({\n          type: 'UPDATE',\n          path: fieldName,\n          value: newValue,\n        })\n        setModified(true)\n      }\n      closeModal()\n    },\n    [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified],\n  )\n\n  const handleClick = useCallback(() => {\n    if (!readOnly) {\n      openModal()\n    }\n  }, [openModal, readOnly])\n\n  const label = isLoading ? `${t('general:loading')}...` : displayName\n  const hasSingleSelection =\n    !hasMany && (typeof currentId === 'number' || typeof currentId === 'string')\n  const hierarchyLabel =\n    getTranslation(collectionConfig?.labels?.singular || hierarchyCollectionSlug, i18n) ||\n    hierarchyCollectionSlug\n\n  const handleRemove = useCallback(() => {\n    dispatchField({\n      type: 'UPDATE',\n      path: fieldName,\n      value: null,\n    })\n    setModified(true)\n  }, [dispatchField, fieldName, setModified])\n\n  const goTo = useMemo(\n    () =>\n      hasSingleSelection\n        ? {\n            name: displayName,\n            href: getHierarchyListURL({\n              adminRoute: config.routes.admin,\n              collectionSlug: hierarchyCollectionSlug,\n              parentFieldName: hierarchyConfig?.parentFieldName,\n              parentID: currentId,\n            }),\n          }\n        : undefined,\n    [\n      config.routes.admin,\n      currentId,\n      displayName,\n      hasSingleSelection,\n      hierarchyCollectionSlug,\n      hierarchyConfig?.parentFieldName,\n    ],\n  )\n\n  const buttonClassName = [baseClass, readOnly && `${baseClass}--read-only`]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <>\n      <HierarchyActionsMenu\n        goTo={goTo}\n        hasActions={hasSingleSelection && !readOnly}\n        hierarchyLabel={hierarchyLabel}\n        onMove={openModal}\n        onRemove={handleRemove}\n        renderTrigger={(triggerProps) => (\n          <Button\n            aria-label={triggerProps ? label : undefined}\n            buttonStyle=\"secondary\"\n            className={buttonClassName}\n            disabled={readOnly}\n            extraButtonProps={triggerProps?.extraButtonProps}\n            icon={SmallIcon ?? Icon}\n            iconPosition=\"left\"\n            margin={false}\n            onClick={triggerProps?.onClick ?? handleClick}\n            selected={triggerProps?.selected}\n            tooltip={triggerProps ? displayName : undefined}\n          >\n            {triggerProps ? <span className={`${baseClass}__truncate`}>{label}</span> : label}\n          </Button>\n        )}\n      />\n      <HierarchyModal\n        confirmLabel={t('general:confirm')}\n        hasMany={hasMany}\n        initialSelections={currentSelections}\n        onSave={handleModalSave}\n      />\n    </>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare function HierarchyEditButton({ id, collectionSlug, hasUpdatePermission, title, }: {
+    collectionSlug: string;
+    hasUpdatePermission: boolean;
+    id: number | string;
+    title: string;
+}): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/EditButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAA;AASnD,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,cAAc,EACd,mBAAmB,EACnB,KAAK,GACN,EAAE;IACD,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,qBA8BA"}

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

@@ -0,0 +1,93 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useCallback, useMemo } from 'react';
+import { GearIcon } from '../../../icons/Gear/index.js';
+import { useHierarchy } from '../../../providers/Hierarchy/index.js';
+import { useRouteCache } from '../../../providers/RouteCache/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { useDocumentDrawer } from '../../DocumentDrawer/index.js';
+export function HierarchyEditButton(t0) {
+  const $ = _c(14);
+  const {
+    id,
+    collectionSlug,
+    hasUpdatePermission,
+    title
+  } = t0;
+  const {
+    refreshTree
+  } = useHierarchy();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const {
+    t
+  } = useTranslation();
+  let t1;
+  if ($[0] !== collectionSlug || $[1] !== id) {
+    t1 = {
+      id,
+      collectionSlug
+    };
+    $[0] = collectionSlug;
+    $[1] = id;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const drawerProps = t1;
+  const [DocumentDrawer,, t2] = useDocumentDrawer(drawerProps);
+  const {
+    closeDrawer,
+    openDrawer
+  } = t2;
+  let t3;
+  if ($[3] !== clearRouteCache || $[4] !== closeDrawer || $[5] !== collectionSlug || $[6] !== refreshTree) {
+    t3 = () => {
+      closeDrawer();
+      clearRouteCache();
+      refreshTree(collectionSlug);
+    };
+    $[3] = clearRouteCache;
+    $[4] = closeDrawer;
+    $[5] = collectionSlug;
+    $[6] = refreshTree;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  const handleSave = t3;
+  if (!hasUpdatePermission) {
+    return null;
+  }
+  let t4;
+  if ($[8] !== DocumentDrawer || $[9] !== handleSave || $[10] !== openDrawer || $[11] !== t || $[12] !== title) {
+    t4 = _jsxs(_Fragment, {
+      children: [_jsx(Button, {
+        "aria-label": t("general:editLabel", {
+          label: title
+        }),
+        buttonStyle: "ghost",
+        className: "hierarchy-edit-button",
+        icon: _jsx(GearIcon, {}),
+        margin: false,
+        onClick: openDrawer
+      }), _jsx(DocumentDrawer, {
+        onSave: handleSave
+      })]
+    });
+    $[8] = DocumentDrawer;
+    $[9] = handleSave;
+    $[10] = openDrawer;
+    $[11] = t;
+    $[12] = title;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  return t4;
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","GearIcon","useHierarchy","useRouteCache","useTranslation","Button","useDocumentDrawer","HierarchyEditButton","t0","$","id","collectionSlug","hasUpdatePermission","title","refreshTree","clearRouteCache","t","t1","drawerProps","DocumentDrawer","t2","closeDrawer","openDrawer","t3","handleSave","t4","_jsxs","_Fragment","children","_jsx","label","buttonStyle","className","icon","margin","onClick","onSave"],"sources":["../../../../src/elements/Hierarchy/EditButton/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo } from 'react'\n\nimport { GearIcon } from '../../../icons/Gear/index.js'\nimport { useHierarchy } from '../../../providers/Hierarchy/index.js'\nimport { useRouteCache } from '../../../providers/RouteCache/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useDocumentDrawer } from '../../DocumentDrawer/index.js'\n\nexport function HierarchyEditButton({\n  id,\n  collectionSlug,\n  hasUpdatePermission,\n  title,\n}: {\n  collectionSlug: string\n  hasUpdatePermission: boolean\n  id: number | string\n  title: string\n}) {\n  const { refreshTree } = useHierarchy()\n  const { clearRouteCache } = useRouteCache()\n  const { t } = useTranslation()\n  const drawerProps = useMemo(() => ({ id, collectionSlug }), [id, collectionSlug])\n  const [DocumentDrawer, , { closeDrawer, openDrawer }] = useDocumentDrawer(drawerProps)\n\n  const handleSave = useCallback(() => {\n    closeDrawer()\n    clearRouteCache()\n    refreshTree(collectionSlug)\n  }, [clearRouteCache, closeDrawer, collectionSlug, refreshTree])\n\n  if (!hasUpdatePermission) {\n    return null\n  }\n\n  return (\n    <>\n      <Button\n        aria-label={t('general:editLabel', { label: title })}\n        buttonStyle=\"ghost\"\n        className=\"hierarchy-edit-button\"\n        icon={<GearIcon />}\n        margin={false}\n        onClick={openDrawer}\n      />\n      <DocumentDrawer onSave={handleSave} />\n    </>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,iBAAiB,QAAQ;AAElC,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAZ,EAAA;EAA6B;IAAAa,EAAA;IAAAC,cAAA;IAAAC,mBAAA;IAAAC;EAAA,IAAAL,EAUnC;EACC;IAAAM;EAAA,IAAwBZ,YAAA;EACxB;IAAAa;EAAA,IAA4BZ,aAAA;EAC5B;IAAAa;EAAA,IAAcZ,cAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAC,EAAA;IACqBO,EAAA;MAAAP,EAAA;MAAAC;IAAA;IAAqBF,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAAxD,MAAAS,WAAA,GAAmCD,EAAqB;EACxD,OAAAE,cAAA,GAAAC,EAAA,IAAwDd,iBAAA,CAAkBY,WAAA;EAAjD;IAAAG,WAAA;IAAAC;EAAA,IAAAF,EAA2B;EAAA,IAAAG,EAAA;EAAA,IAAAd,CAAA,QAAAM,eAAA,IAAAN,CAAA,QAAAY,WAAA,IAAAZ,CAAA,QAAAE,cAAA,IAAAF,CAAA,QAAAK,WAAA;IAErBS,EAAA,GAAAA,CAAA;MAC7BF,WAAA;MACAN,eAAA;MACAD,WAAA,CAAYH,cAAA;IAAA;IACdF,CAAA,MAAAM,eAAA;IAAAN,CAAA,MAAAY,WAAA;IAAAZ,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAK,WAAA;IAAAL,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAJA,MAAAe,UAAA,GAAmBD,EAI2C;EAAA,KAEzDX,mBAAA;IAAA;EAAA;EAAA,IAAAa,EAAA;EAAA,IAAAhB,CAAA,QAAAU,cAAA,IAAAV,CAAA,QAAAe,UAAA,IAAAf,CAAA,SAAAa,UAAA,IAAAb,CAAA,SAAAO,CAAA,IAAAP,CAAA,SAAAI,KAAA;IAKHY,EAAA,GAAAC,KAAA,CAAAC,SAAA;MAAAC,QAAA,GACEC,IAAA,CAAAxB,MAAA;QAAA,cACcW,CAAA,CAAE;UAAAc,KAAA,EAA8BjB;QAAA,CAAM;QAAAkB,WAAA,EACtC;QAAAC,SAAA,EACF;QAAAC,IAAA,EACJJ,IAAA,CAAA5B,QAAA,IAAC;QAAAiC,MAAA;QAAAC,OAAA,EAEEb;MAAA,C,GAEXO,IAAA,CAACV,cAAA;QAAAiB,MAAA,EAAuBZ;MAAA,C;;;;;;;;;;;SAT1BC,E","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectedHierarchies.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Field/SelectedHierarchies.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAMnE,OAAO,2BAA2B,CAAA;AASlC,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"}
+{"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,2BAA2B,CAAA;AASlC,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,CAyIlE,CAAA"}

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

@@ -4,6 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { formatAdminURL } from 'payload/shared';
 import * as qs from 'qs-esm';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useBranchParam } from '../../../providers/Branch/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { Chip } from '../../Chip/index.js';
@@ -24,6 +25,7 @@ export const SelectedHierarchies = ({
   const {
     i18n
   } = useTranslation();
+  const branch = useBranchParam();
   const [items, setItems] = useState([]);
   const [isInitialLoad, setIsInitialLoad] = useState(true);
   const prevSelectedIdsRef = useRef('');
@@ -50,6 +52,7 @@ export const SelectedHierarchies = ({
     const fetchItems = async () => {
       const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id';
       const query = {
+        branch,
         depth: 0,
         limit: selectedIds.length,
         select: {
@@ -96,7 +99,7 @@ export const SelectedHierarchies = ({
       }
     };
     void fetchItems();
-  }, [selectedIds, selectedIdsKey, hierarchySlug, collectionConfig, serverURL, api, i18n.language]);
+  }, [branch, selectedIds, selectedIdsKey, hierarchySlug, collectionConfig, serverURL, api, i18n.language]);
   if (isInitialLoad) {
     return /*#__PURE__*/_jsx("div", {
       className: `${baseClass}__loading`,

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

@@ -1 +1 @@
-{"version":3,"file":"SelectedHierarchies.js","names":["formatAdminURL","qs","React","useEffect","useMemo","useRef","useState","useConfig","useTranslation","Chip","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","disabled","icon"],"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 { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Chip } from '../../Chip/index.js'\nimport { Spinner } from '../../Spinner/index.js'\nimport './SelectedHierarchies.css'\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=\"sm\" />\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  return (\n    <Chip\n      className={`${baseClass}__pill`}\n      disabled={readOnly}\n      icon={Icon}\n      onRemove={() => onRemove({ id: item.id })}\n      size=\"medium\"\n    >\n      {item.title}\n    </Chip>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectedHierarchies.js","names":["formatAdminURL","qs","React","useEffect","useMemo","useRef","useState","useBranchParam","useConfig","useTranslation","Chip","Spinner","baseClass","SelectedHierarchies","hierarchySlug","Icon","onRemove","readOnly","selectedIds","config","getEntityConfig","i18n","branch","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","disabled","icon"],"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 { useBranchParam } from '../../../providers/Branch/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Chip } from '../../Chip/index.js'\nimport { Spinner } from '../../Spinner/index.js'\nimport './SelectedHierarchies.css'\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 branch = useBranchParam()\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        branch,\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  }, [\n    branch,\n    selectedIds,\n    selectedIdsKey,\n    hierarchySlug,\n    collectionConfig,\n    serverURL,\n    api,\n    i18n.language,\n  ])\n\n  if (isInitialLoad) {\n    return (\n      <div className={`${baseClass}__loading`}>\n        <Spinner size=\"sm\" />\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  return (\n    <Chip\n      className={`${baseClass}__pill`}\n      disabled={readOnly}\n      icon={Icon}\n      onRemove={() => onRemove({ id: item.id })}\n      size=\"medium\"\n    >\n      {item.title}\n    </Chip>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Field/getHierarchyFilterOptions.d.ts

@@ -0,0 +1,9 @@
+import type { FilterOptionsResult, SanitizedHierarchyConfig, Where } from 'payload';
+export declare const getHierarchyFilterOptions: ({ baseFilter, documentCollectionSlug, filterOptions, hierarchyConfig, hierarchySlug, }: {
+    baseFilter?: null | Where;
+    documentCollectionSlug?: string;
+    filterOptions?: FilterOptionsResult;
+    hierarchyConfig?: Pick<SanitizedHierarchyConfig, 'collectionSpecific' | 'relatedCollections'>;
+    hierarchySlug: string;
+}) => FilterOptionsResult | undefined;
+//# sourceMappingURL=getHierarchyFilterOptions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getHierarchyFilterOptions.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Field/getHierarchyFilterOptions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAInF,eAAO,MAAM,yBAAyB,2FAMnC;IACD,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,eAAe,CAAC,EAAE,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,oBAAoB,CAAC,CAAA;IAC7F,aAAa,EAAE,MAAM,CAAA;CACtB,KAAG,mBAAmB,GAAG,SAkCzB,CAAA"}

package/dist/elements/Hierarchy/Field/getHierarchyFilterOptions.js

@@ -0,0 +1,41 @@
+import { combineWhereConstraints } from 'payload/shared';
+export const getHierarchyFilterOptions = ({
+  baseFilter,
+  documentCollectionSlug,
+  filterOptions,
+  hierarchyConfig,
+  hierarchySlug
+}) => {
+  const existingFilter = filterOptions?.[hierarchySlug];
+  if (existingFilter === false) {
+    return filterOptions;
+  }
+  let collectionFilter;
+  if (documentCollectionSlug && hierarchyConfig?.collectionSpecific) {
+    const typeFieldName = hierarchyConfig.collectionSpecific.fieldName;
+    const configuredTypes = Object.keys(hierarchyConfig.relatedCollections);
+    collectionFilter = {
+      or: [{
+        [typeFieldName]: {
+          in: [documentCollectionSlug]
+        }
+      }, {
+        [typeFieldName]: {
+          exists: false
+        }
+      }, ...(configuredTypes.length > 0 ? [{
+        [typeFieldName]: {
+          not_in: configuredTypes
+        }
+      }] : [])]
+    };
+  }
+  if (!baseFilter && !collectionFilter) {
+    return filterOptions;
+  }
+  return {
+    ...filterOptions,
+    [hierarchySlug]: combineWhereConstraints([typeof existingFilter === 'object' ? existingFilter : undefined, baseFilter ?? undefined, collectionFilter])
+  };
+};
+//# sourceMappingURL=getHierarchyFilterOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getHierarchyFilterOptions.js","names":["combineWhereConstraints","getHierarchyFilterOptions","baseFilter","documentCollectionSlug","filterOptions","hierarchyConfig","hierarchySlug","existingFilter","collectionFilter","collectionSpecific","typeFieldName","fieldName","configuredTypes","Object","keys","relatedCollections","or","in","exists","length","not_in","undefined"],"sources":["../../../../src/elements/Hierarchy/Field/getHierarchyFilterOptions.ts"],"sourcesContent":["import type { FilterOptionsResult, SanitizedHierarchyConfig, Where } from 'payload'\n\nimport { combineWhereConstraints } from 'payload/shared'\n\nexport const getHierarchyFilterOptions = ({\n  baseFilter,\n  documentCollectionSlug,\n  filterOptions,\n  hierarchyConfig,\n  hierarchySlug,\n}: {\n  baseFilter?: null | Where\n  documentCollectionSlug?: string\n  filterOptions?: FilterOptionsResult\n  hierarchyConfig?: Pick<SanitizedHierarchyConfig, 'collectionSpecific' | 'relatedCollections'>\n  hierarchySlug: string\n}): FilterOptionsResult | undefined => {\n  const existingFilter = filterOptions?.[hierarchySlug]\n\n  if (existingFilter === false) {\n    return filterOptions\n  }\n\n  let collectionFilter: undefined | Where\n\n  if (documentCollectionSlug && hierarchyConfig?.collectionSpecific) {\n    const typeFieldName = hierarchyConfig.collectionSpecific.fieldName\n    const configuredTypes = Object.keys(hierarchyConfig.relatedCollections)\n\n    collectionFilter = {\n      or: [\n        { [typeFieldName]: { in: [documentCollectionSlug] } },\n        { [typeFieldName]: { exists: false } },\n        ...(configuredTypes.length > 0 ? [{ [typeFieldName]: { not_in: configuredTypes } }] : []),\n      ],\n    }\n  }\n\n  if (!baseFilter && !collectionFilter) {\n    return filterOptions\n  }\n\n  return {\n    ...filterOptions,\n    [hierarchySlug]: combineWhereConstraints([\n      typeof existingFilter === 'object' ? existingFilter : undefined,\n      baseFilter ?? undefined,\n      collectionFilter,\n    ]),\n  }\n}\n"],"mappings":"AAEA,SAASA,uBAAuB,QAAQ;AAExC,OAAO,MAAMC,yBAAA,GAA4BA,CAAC;EACxCC,UAAU;EACVC,sBAAsB;EACtBC,aAAa;EACbC,eAAe;EACfC;AAAa,CAOd;EACC,MAAMC,cAAA,GAAiBH,aAAA,GAAgBE,aAAA,CAAc;EAErD,IAAIC,cAAA,KAAmB,OAAO;IAC5B,OAAOH,aAAA;EACT;EAEA,IAAII,gBAAA;EAEJ,IAAIL,sBAAA,IAA0BE,eAAA,EAAiBI,kBAAA,EAAoB;IACjE,MAAMC,aAAA,GAAgBL,eAAA,CAAgBI,kBAAkB,CAACE,SAAS;IAClE,MAAMC,eAAA,GAAkBC,MAAA,CAAOC,IAAI,CAACT,eAAA,CAAgBU,kBAAkB;IAEtEP,gBAAA,GAAmB;MACjBQ,EAAA,EAAI,CACF;QAAE,CAACN,aAAA,GAAgB;UAAEO,EAAA,EAAI,CAACd,sBAAA;QAAwB;MAAE,GACpD;QAAE,CAACO,aAAA,GAAgB;UAAEQ,MAAA,EAAQ;QAAM;MAAE,G,IACjCN,eAAA,CAAgBO,MAAM,GAAG,IAAI,CAAC;QAAE,CAACT,aAAA,GAAgB;UAAEU,MAAA,EAAQR;QAAgB;MAAE,EAAE,GAAG,EAAE;IAE5F;EACF;EAEA,IAAI,CAACV,UAAA,IAAc,CAACM,gBAAA,EAAkB;IACpC,OAAOJ,aAAA;EACT;EAEA,OAAO;IACL,GAAGA,aAAa;IAChB,CAACE,aAAA,GAAgBN,uBAAA,CAAwB,CACvC,OAAOO,cAAA,KAAmB,WAAWA,cAAA,GAAiBc,SAAA,EACtDnB,UAAA,IAAcmB,SAAA,EACdb,gBAAA,CACD;EACH;AACF","ignoreList":[]}

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

@@ -1 +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;AAkBnD,OAAO,aAAa,CAAA;AAMpB,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"}
+{"version":3,"file":"index.client.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Field/index.client.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,4BAA4B,EAAqB,MAAM,SAAS,CAAA;AAG9E,OAAO,KAAyC,MAAM,OAAO,CAAA;AAgB7D,OAAO,aAAa,CAAA;AAQpB,MAAM,MAAM,yBAAyB,GAAG;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,4BAA4B,CAAA;AAEjG,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA8NpE,CAAA"}