@payloadcms/ui 4.0.0-internal.016994f → 4.0.0-internal.0731f09

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Modal/types.ts"],"sourcesContent":["import type { Where } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nexport type SelectionWithPath = {\n  id: number | string\n  path: Array<{ id: number | string; title: string }>\n}\n\nexport type UseHierarchyModalArgs = {\n  /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */\n  disabledIds?: Set<number | string>\n  /**\n   * When provided, filters hierarchy items to only show those that accept these collections.\n   * Used with collectionSpecific hierarchy config.\n   */\n  filterByCollection?: string[]\n  hierarchyCollectionSlug: string\n  Icon?: React.ReactNode\n}\n\nexport type HierarchyModalProps = {\n  /**\n   * Label for the footer's primary action.\n   * Defaults to \"Confirm\" when `hasMany`, otherwise \"Move\".\n   */\n  readonly confirmLabel?: string\n  readonly hasMany?: boolean\n  /**\n   * The item(s) already assigned when the modal opens.\n   * In multi-select mode these start checked; in single-select mode the first entry is shown\n   * in the footer as the origin of the move and the browser expands to reveal it.\n   */\n  readonly initialSelections?: (number | string)[]\n  readonly onMoveToRoot?: () => void\n  readonly onSave: (params: {\n    closeModal: () => void\n    selections: Map<number | string, SelectionWithPath>\n  }) => void\n  readonly showMoveToRoot?: boolean\n  /**\n   * Header title, e.g. `Move \"My Post\"` or \"Move 3 Documents\".\n   * Defaults to \"Select {collection label}\".\n   */\n  readonly title?: string\n}\n\nexport type HierarchyModalInternalProps = {\n  /** Base filter constraint (e.g., tenant filter) to apply to all queries */\n  readonly baseFilter?: null | Where\n  readonly closeModal: () => void\n  /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */\n  readonly disabledIds?: Set<number | string>\n  /**\n   * When provided, filters hierarchy items to only show those that accept these collections.\n   * Used with collectionSpecific hierarchy config.\n   */\n  readonly filterByCollection?: string[]\n  readonly hierarchyCollectionSlug: string\n  readonly Icon?: React.ReactNode\n  readonly modalSlug: string\n  readonly parentFieldName: string\n  readonly reopenCount?: number\n  readonly useAsTitle?: string\n} & HierarchyModalProps\n\nexport type HierarchyModalTogglerProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  modalSlug?: string\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type UseHierarchyModal = (args: UseHierarchyModalArgs) => [\n  React.FC<HierarchyModalProps>,\n  React.FC<Omit<HierarchyModalTogglerProps, 'modalSlug'>>,\n  {\n    closeModal: () => void\n    isModalOpen: boolean\n    modalDepth: number\n    modalSlug: string\n    openModal: () => void\n    toggleModal: () => void\n  },\n]\n\n// Backward-compatible aliases\nexport type HierarchyDrawerProps = HierarchyModalProps\nexport type HierarchyDrawerInternalProps = HierarchyModalInternalProps\nexport type HierarchyDrawerTogglerProps = HierarchyModalTogglerProps\n\n// Re-export column browser types for backwards compatibility\nexport type { ColumnItemData } from '../ColumnBrowser/types.js'\n"],"mappings":"AA2FA;AACA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Modal/types.ts"],"sourcesContent":["import type { Where } from 'payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nexport type SelectionWithPath = {\n  id: number | string\n  path: Array<{ id: number | string; title: string }>\n}\n\nexport type UseHierarchyModalArgs = {\n  /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */\n  disabledIds?: Set<number | string>\n  /**\n   * When provided, filters hierarchy items to only show those that accept these collections.\n   * Used with collectionSpecific hierarchy config.\n   */\n  filterByCollection?: string[]\n  hierarchyCollectionSlug: string\n  Icon?: React.ReactNode\n}\n\nexport type HierarchyModalProps = {\n  readonly confirmLabel?: string\n  readonly hasMany?: boolean\n  readonly initialSelections?: (number | string)[]\n  /** Disables the confirm and move to root actions while a save is running */\n  readonly isBusy?: boolean\n  readonly onMoveToRoot?: () => void\n  readonly onSave: (params: {\n    closeModal: () => void\n    selections: Map<number | string, SelectionWithPath>\n  }) => void\n  readonly showMoveToRoot?: boolean\n  readonly title?: string\n}\n\nexport type HierarchyModalInternalProps = {\n  /** Base filter constraint (e.g., tenant filter) to apply to all queries */\n  readonly baseFilter?: null | Where\n  readonly closeModal: () => void\n  /** IDs that should be disabled (e.g., items being moved can't be selected as destination) */\n  readonly disabledIds?: Set<number | string>\n  /**\n   * When provided, filters hierarchy items to only show those that accept these collections.\n   * Used with collectionSpecific hierarchy config.\n   */\n  readonly filterByCollection?: string[]\n  readonly hierarchyCollectionSlug: string\n  readonly Icon?: React.ReactNode\n  readonly modalSlug: string\n  readonly parentFieldName: string\n  readonly reopenCount?: number\n  readonly useAsTitle?: string\n} & HierarchyModalProps\n\nexport type HierarchyModalTogglerProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  modalSlug?: string\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type UseHierarchyModal = (args: UseHierarchyModalArgs) => [\n  React.FC<HierarchyModalProps>,\n  React.FC<Omit<HierarchyModalTogglerProps, 'modalSlug'>>,\n  {\n    closeModal: () => void\n    isModalOpen: boolean\n    modalDepth: number\n    modalSlug: string\n    openModal: () => void\n    toggleModal: () => void\n  },\n]\n\n// Backward-compatible aliases\nexport type HierarchyDrawerProps = HierarchyModalProps\nexport type HierarchyDrawerInternalProps = HierarchyModalInternalProps\nexport type HierarchyDrawerTogglerProps = HierarchyModalTogglerProps\n\n// Re-export column browser types for backwards compatibility\nexport type { ColumnItemData } from '../ColumnBrowser/types.js'\n"],"mappings":"AAgFA;AACA","ignoreList":[]}

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

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

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

@@ -71,7 +71,7 @@ export const useHierarchyModal = ({
   const parentFieldName = hierarchyConfig?.parentFieldName;
   // Use explicit prop if provided, otherwise fall back to allowedCollections from context
   // - allowedCollections is null/undefined: no filtering (undefined)
-  // - allowedCollections is []: folder accepts everything, show only unrestricted destinations ([])
+  // - allowedCollections is []: no collection requirements ([])
   // - allowedCollections has values: show folders accepting those types
   // Memoize to prevent new array references on every render
   const filterByCollection = useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"useHierarchyModal.js","names":["useModal","React","useCallback","useId","useMemo","useRef","useState","useConfig","useEditDepth","useHierarchy","DrawerToggler","ModalToggler","baseClass","HierarchyModal","formatHierarchyModalSlug","depth","uuid","HierarchyModalToggler","children","className","disabled","modalSlug","onClick","rest","_jsx","filter","Boolean","join","slug","useHierarchyModal","disabledIds","filterByCollection","filterByCollectionProp","hierarchyCollectionSlug","Icon","getEntityConfig","allowedCollections","baseFilter","collectionConfig","collectionSlug","useAsTitle","admin","hierarchyConfig","hierarchy","undefined","parentFieldName","map","c","modalDepth","closeModal","openModal","toggleModal","reopenCount","setReopenCount","closeModalRef","openModalRef","toggleModalRef","current","toggleHierarchyModal","closeHierarchyModal","openHierarchyModal","count","MemoizedModal","ModalComponent","props","MemoizedModalToggler","TogglerComponent","MemoizedModalState","isModalOpen"],"sources":["../../../../src/elements/Hierarchy/Modal/useHierarchyModal.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useId, useMemo, useRef, useState } from 'react'\n\nimport type { HierarchyModalProps, HierarchyModalTogglerProps, UseHierarchyModal } 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 as ModalToggler } from '../../Drawer/index.js'\nimport { baseClass, HierarchyModal } from './index.js'\n\nexport const formatHierarchyModalSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string\n}): string => `hierarchy-modal_${depth}_${uuid}`\n\nexport const HierarchyModalToggler: React.FC<HierarchyModalTogglerProps> = ({\n  children,\n  className,\n  disabled,\n  modalSlug,\n  onClick,\n  ...rest\n}) => {\n  return (\n    <ModalToggler\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      onClick={onClick}\n      slug={modalSlug}\n      {...rest}\n    >\n      {children}\n    </ModalToggler>\n  )\n}\n\n/**\n * Hook for using a hierarchy modal for selecting hierarchy items.\n *\n * @example\n * ```tsx\n * const [HierarchyModal, HierarchyModalToggler, { closeModal, openModal }] = useHierarchyModal({\n *   collectionSlug: 'categories',\n * })\n *\n * return (\n *   <>\n *     <HierarchyModal\n *       onSave={(selections) => console.log(selections)}\n *       hasMany={true}\n *     />\n *     <HierarchyModalToggler>Select Categories</HierarchyModalToggler>\n *   </>\n * )\n * ```\n */\nexport const useHierarchyModal: UseHierarchyModal = ({\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 modalDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, openModal, toggleModal } = useModal()\n  const [reopenCount, setReopenCount] = useState(0)\n\n  const modalSlug = formatHierarchyModalSlug({\n    depth: modalDepth,\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 toggleHierarchyModal = useCallback(() => {\n    toggleModalRef.current(modalSlug)\n  }, [modalSlug])\n\n  const closeHierarchyModal = useCallback(() => {\n    closeModalRef.current(modalSlug)\n  }, [modalSlug])\n\n  const openHierarchyModal = useCallback(() => {\n    setReopenCount((count) => count + 1)\n    openModalRef.current(modalSlug)\n  }, [modalSlug])\n\n  const MemoizedModal = useMemo(() => {\n    const ModalComponent: React.FC<HierarchyModalProps> = (props) => (\n      <HierarchyModal\n        key={modalSlug}\n        {...props}\n        baseFilter={baseFilter}\n        closeModal={closeHierarchyModal}\n        disabledIds={disabledIds}\n        filterByCollection={filterByCollection}\n        hierarchyCollectionSlug={hierarchyCollectionSlug}\n        Icon={Icon}\n        modalSlug={modalSlug}\n        parentFieldName={parentFieldName}\n        reopenCount={reopenCount}\n        useAsTitle={useAsTitle}\n      />\n    )\n\n    return ModalComponent\n  }, [\n    baseFilter,\n    closeHierarchyModal,\n    disabledIds,\n    filterByCollection,\n    Icon,\n    modalSlug,\n    parentFieldName,\n    reopenCount,\n    hierarchyCollectionSlug,\n    useAsTitle,\n  ])\n\n  const MemoizedModalToggler = useMemo(() => {\n    const TogglerComponent: React.FC<Omit<HierarchyModalTogglerProps, 'modalSlug'>> = (props) => (\n      <HierarchyModalToggler {...props} modalSlug={modalSlug} />\n    )\n\n    return TogglerComponent\n  }, [modalSlug])\n\n  const MemoizedModalState = useMemo(\n    () => ({\n      closeModal: closeHierarchyModal,\n      modalDepth,\n      modalSlug,\n      // Note: Not tracking isModalOpen to prevent re-renders when other modals change state\n      // Consumers needing this can use useModal() directly\n      isModalOpen: false,\n      openModal: openHierarchyModal,\n      toggleModal: toggleHierarchyModal,\n    }),\n    [closeHierarchyModal, modalDepth, modalSlug, openHierarchyModal, toggleHierarchyModal],\n  )\n\n  return [MemoizedModal, MemoizedModalToggler, MemoizedModalState]\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useHierarchyModal.js","names":["useModal","React","useCallback","useId","useMemo","useRef","useState","useConfig","useEditDepth","useHierarchy","DrawerToggler","ModalToggler","baseClass","HierarchyModal","formatHierarchyModalSlug","depth","uuid","HierarchyModalToggler","children","className","disabled","modalSlug","onClick","rest","_jsx","filter","Boolean","join","slug","useHierarchyModal","disabledIds","filterByCollection","filterByCollectionProp","hierarchyCollectionSlug","Icon","getEntityConfig","allowedCollections","baseFilter","collectionConfig","collectionSlug","useAsTitle","admin","hierarchyConfig","hierarchy","undefined","parentFieldName","map","c","modalDepth","closeModal","openModal","toggleModal","reopenCount","setReopenCount","closeModalRef","openModalRef","toggleModalRef","current","toggleHierarchyModal","closeHierarchyModal","openHierarchyModal","count","MemoizedModal","ModalComponent","props","MemoizedModalToggler","TogglerComponent","MemoizedModalState","isModalOpen"],"sources":["../../../../src/elements/Hierarchy/Modal/useHierarchyModal.tsx"],"sourcesContent":["'use client'\nimport { useModal } from '@faceless-ui/modal'\nimport React, { useCallback, useId, useMemo, useRef, useState } from 'react'\n\nimport type { HierarchyModalProps, HierarchyModalTogglerProps, UseHierarchyModal } 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 as ModalToggler } from '../../Drawer/index.js'\nimport { baseClass, HierarchyModal } from './index.js'\n\nexport const formatHierarchyModalSlug = ({\n  depth,\n  uuid,\n}: {\n  depth: number\n  uuid: string\n}): string => `hierarchy-modal_${depth}_${uuid}`\n\nexport const HierarchyModalToggler: React.FC<HierarchyModalTogglerProps> = ({\n  children,\n  className,\n  disabled,\n  modalSlug,\n  onClick,\n  ...rest\n}) => {\n  return (\n    <ModalToggler\n      className={[className, `${baseClass}__toggler`].filter(Boolean).join(' ')}\n      disabled={disabled}\n      onClick={onClick}\n      slug={modalSlug}\n      {...rest}\n    >\n      {children}\n    </ModalToggler>\n  )\n}\n\n/**\n * Hook for using a hierarchy modal for selecting hierarchy items.\n *\n * @example\n * ```tsx\n * const [HierarchyModal, HierarchyModalToggler, { closeModal, openModal }] = useHierarchyModal({\n *   collectionSlug: 'categories',\n * })\n *\n * return (\n *   <>\n *     <HierarchyModal\n *       onSave={(selections) => console.log(selections)}\n *       hasMany={true}\n *     />\n *     <HierarchyModalToggler>Select Categories</HierarchyModalToggler>\n *   </>\n * )\n * ```\n */\nexport const useHierarchyModal: UseHierarchyModal = ({\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\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 []: no collection requirements ([])\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 modalDepth = useEditDepth()\n  const uuid = useId()\n  const { closeModal, openModal, toggleModal } = useModal()\n  const [reopenCount, setReopenCount] = useState(0)\n\n  const modalSlug = formatHierarchyModalSlug({\n    depth: modalDepth,\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 toggleHierarchyModal = useCallback(() => {\n    toggleModalRef.current(modalSlug)\n  }, [modalSlug])\n\n  const closeHierarchyModal = useCallback(() => {\n    closeModalRef.current(modalSlug)\n  }, [modalSlug])\n\n  const openHierarchyModal = useCallback(() => {\n    setReopenCount((count) => count + 1)\n    openModalRef.current(modalSlug)\n  }, [modalSlug])\n\n  const MemoizedModal = useMemo(() => {\n    const ModalComponent: React.FC<HierarchyModalProps> = (props) => (\n      <HierarchyModal\n        key={modalSlug}\n        {...props}\n        baseFilter={baseFilter}\n        closeModal={closeHierarchyModal}\n        disabledIds={disabledIds}\n        filterByCollection={filterByCollection}\n        hierarchyCollectionSlug={hierarchyCollectionSlug}\n        Icon={Icon}\n        modalSlug={modalSlug}\n        parentFieldName={parentFieldName}\n        reopenCount={reopenCount}\n        useAsTitle={useAsTitle}\n      />\n    )\n\n    return ModalComponent\n  }, [\n    baseFilter,\n    closeHierarchyModal,\n    disabledIds,\n    filterByCollection,\n    Icon,\n    modalSlug,\n    parentFieldName,\n    reopenCount,\n    hierarchyCollectionSlug,\n    useAsTitle,\n  ])\n\n  const MemoizedModalToggler = useMemo(() => {\n    const TogglerComponent: React.FC<Omit<HierarchyModalTogglerProps, 'modalSlug'>> = (props) => (\n      <HierarchyModalToggler {...props} modalSlug={modalSlug} />\n    )\n\n    return TogglerComponent\n  }, [modalSlug])\n\n  const MemoizedModalState = useMemo(\n    () => ({\n      closeModal: closeHierarchyModal,\n      modalDepth,\n      modalSlug,\n      // Note: Not tracking isModalOpen to prevent re-renders when other modals change state\n      // Consumers needing this can use useModal() directly\n      isModalOpen: false,\n      openModal: openHierarchyModal,\n      toggleModal: toggleHierarchyModal,\n    }),\n    [closeHierarchyModal, modalDepth, modalSlug, openHierarchyModal, toggleHierarchyModal],\n  )\n\n  return [MemoizedModal, MemoizedModalToggler, MemoizedModalState]\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import './index.css';
 export declare const baseClass = "move-many";
 type MoveManyProps = {
     /** Current parent ID - modal will open expanded to this location */
@@ -10,17 +9,13 @@ type MoveManyProps = {
     Icon?: React.ReactNode;
     /** Callback after successful move */
     onSuccess?: () => void;
-    /**
-     * Collection slugs the destination folder must accept (via its `allowedCollections` config).
-     * Pass the selected items' own collection slugs, plus any `allowedCollections` of selected
-     * folders, so the picker only shows folders that can hold every selected item.
-     */
+    /** Collection slugs required by the selected documents at the destination. */
     requiredCollections?: string[];
     /** Selections grouped by collection slug */
     selections: Record<string, {
         ids: (number | string)[];
     }>;
 };
-export declare function MoveMany({ currentParentID, hierarchySlug, Icon, onSuccess, requiredCollections, selections, }: MoveManyProps): React.JSX.Element;
+export declare function MoveMany({ currentParentID, hierarchySlug, Icon, onSuccess, requiredCollections: requiredCollectionsProp, selections, }: MoveManyProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAanD,OAAO,aAAa,CAAA;AAEpB,eAAO,MAAM,SAAS,cAAc,CAAA;AAEpC,KAAK,aAAa,GAAG;IACnB,oEAAoE;IACpE,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,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,EACf,aAAa,EACb,IAAI,EACJ,SAAS,EACT,mBAAmB,EACnB,UAAU,GACX,EAAE,aAAa,qBAuLf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAkBrE,eAAO,MAAM,SAAS,cAAc,CAAA;AAEpC,KAAK,aAAa,GAAG;IACnB,oEAAoE;IACpE,eAAe,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IACxC,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC9B,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,EACf,aAAa,EACb,IAAI,EACJ,SAAS,EACT,mBAAmB,EAAE,uBAAuB,EAC5C,UAAU,GACX,EAAE,aAAa,qBAkQf"}

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

@@ -2,17 +2,19 @@
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import React, { useCallback, useMemo } from 'react';
-import { ArrowIcon } from '../../../icons/Arrow/index.js';
-import { XIcon } from '../../../icons/X/index.js';
+import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import React, { useCallback, useMemo, useRef, 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 { getEffectiveHierarchyCollections, getHierarchyCollectionRestrictions } from '../../../utilities/hierarchyCollectionRestrictions.js';
 import { ListSelectionButton } from '../../ListSelection/index.js';
-import { Popup, PopupList } from '../../Popup/index.js';
+import { HierarchyActionsMenu } from '../ActionsMenu/index.js';
 import { useHierarchyModal } from '../Modal/useHierarchyModal.js';
-import { moveDocuments } from '../move/moveDocuments.js';
-import './index.css';
 export const baseClass = 'move-many';
 /**
  * Gets the parent field name from the hierarchy config.
@@ -26,16 +28,15 @@ export function MoveMany({
   hierarchySlug,
   Icon,
   onSuccess,
-  requiredCollections,
+  requiredCollections: requiredCollectionsProp,
   selections
 }) {
   const {
     i18n,
     t
   } = useTranslation();
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const {
     config: {
       collections,
@@ -44,6 +45,44 @@ export function MoveMany({
       }
     }
   } = useConfig();
+  const {
+    getSelectionsWithMetadata
+  } = useDocumentSelection();
+  const hierarchyCollectionConfig = collections.find(c => c.slug === hierarchySlug);
+  const {
+    relatedCollectionSlugs
+  } = useMemo(() => getHierarchyCollectionRestrictions({
+    collectionConfig: hierarchyCollectionConfig
+  }), [hierarchyCollectionConfig]);
+  // Compute required collections from selection metadata
+  // For related items: add their collection slug
+  // For folders: add their allowedCollections values
+  const inferredRequiredCollections = useMemo(() => {
+    const selectionsWithMeta = getSelectionsWithMetadata();
+    const required = new Set();
+    for (const [collectionSlug, {
+      selections: items
+    }] of Object.entries(selectionsWithMeta)) {
+      if (collectionSlug === hierarchySlug) {
+        // For folders, add their allowedCollections to required set
+        for (const {
+          metadata
+        } of items) {
+          for (const slug of getEffectiveHierarchyCollections({
+            allowedCollections: metadata.allowedCollections,
+            relatedCollectionSlugs
+          })) {
+            required.add(slug);
+          }
+        }
+      } else {
+        // For related items, add their collection slug
+        required.add(collectionSlug);
+      }
+    }
+    return required.size > 0 ? Array.from(required) : undefined;
+  }, [getSelectionsWithMetadata, hierarchySlug, relatedCollectionSlugs]);
+  const requiredCollections = requiredCollectionsProp ?? inferredRequiredCollections;
   // Folders being moved cannot be selected as destination (can't move into themselves)
   const disabledIds = useMemo(() => {
     const parentIds = selections[hierarchySlug]?.ids;
@@ -66,10 +105,10 @@ export function MoveMany({
   } = useMemo(() => {
     let totalCount = 0;
     const labels = [];
-    for (const [collectionSlug, {
+    for (const [collectionSlug_0, {
       ids
     }] of Object.entries(selections)) {
-      const config = collections.find(c => c.slug === collectionSlug);
+      const config = collections.find(c_0 => c_0.slug === collectionSlug_0);
       if (config && ids.length > 0) {
         totalCount += ids.length;
         const collectionLabel = getTranslation(ids.length > 1 ? config.labels.plural : config.labels.singular, i18n);
@@ -79,125 +118,140 @@ export function MoveMany({
     return {
       count: totalCount,
       label: labels.join(', '),
-      // Mixed selections read better as "Move 3 Documents" than "Move 3 Posts, Pages"
       modalTitleLabel: labels.length === 1 ? labels[0] : t(totalCount === 1 ? 'general:document' : 'general:documents')
     };
   }, [selections, collections, i18n, t]);
-  const hierarchyCollectionConfig = collections.find(c_0 => c_0.slug === hierarchySlug);
   const parentFieldName = getParentFieldName(hierarchyCollectionConfig);
-  // e.g. "Folder" / "Tag" - the hierarchy collection the selected documents are filed under.
-  const hierarchyLabel = getTranslation(hierarchyCollectionConfig?.labels?.singular, i18n);
   // Check if hierarchy has a valid parentFieldName
   const canMove = parentFieldName !== undefined;
-  // Performs the move immediately - there is no separate confirmation step, so the browse
-  // modal is closed as soon as a destination is chosen rather than staying open behind one.
-  const performMove = useCallback(async destination => {
-    const {
-      hasErrors,
-      totalMoved
-    } = await moveDocuments({
-      apiRoute: api,
-      destination,
-      i18n,
-      label,
-      locale,
-      parentFieldName,
-      selections,
-      t
-    });
-    if (!hasErrors || totalMoved > 0) {
-      onSuccess?.();
+  const hierarchyLabel = getTranslation(hierarchyCollectionConfig?.labels?.singular || hierarchySlug, i18n) || hierarchySlug;
+  const isMovingRef = useRef(false);
+  const [isMoving, setIsMoving] = useState(false);
+  const moveDocuments = useCallback(async destination => {
+    // A ref, not state, so a second click in the same frame still sees the first move
+    if (isMovingRef.current) {
+      return;
     }
-  }, [selections, parentFieldName, locale, api, i18n, t, label, onSuccess]);
-  const handleDrawerSave = useCallback(({
+    isMovingRef.current = true;
+    setIsMoving(true);
+    let totalMoved = 0;
+    let hasErrors = false;
+    try {
+      for (const [collectionSlug_1, {
+        ids: ids_0
+      }] of Object.entries(selections)) {
+        if (ids_0.length === 0) {
+          continue;
+        }
+        const queryString = qs.stringify({
+          locale,
+          where: {
+            id: {
+              in: ids_0
+            }
+          }
+        }, {
+          addQueryPrefix: true
+        });
+        const url = formatAdminURL({
+          apiRoute: api,
+          path: `/${collectionSlug_1}${queryString}`
+        });
+        const response = await requests.patch(url, {
+          body: JSON.stringify({
+            [parentFieldName]: destination.id
+          }),
+          headers: {
+            'Accept-Language': i18n.language,
+            'Content-Type': 'application/json',
+            credentials: 'include'
+          }
+        });
+        const json = await response.json();
+        if (response.status >= 400) {
+          hasErrors = true;
+          if (json?.errors?.length > 0) {
+            toast.error(json.message || t('error:unknown'), {
+              description: json.errors.map(error => error.message).join('\n')
+            });
+          } else {
+            toast.error(json?.message || t('error:unknown'));
+          }
+          continue;
+        }
+        const movedCount = json?.docs?.length || 0;
+        totalMoved += movedCount;
+        if (json?.errors?.length > 0) {
+          hasErrors = true;
+          toast.error(json.message, {
+            description: json.errors.map(error_0 => error_0.message).join('\n')
+          });
+        }
+      }
+      if (totalMoved > 0) {
+        const successKey = destination.id === null ? 'hierarchy:itemsMovedToRoot' : 'hierarchy:itemsMovedTo';
+        toast.success(t(successKey, {
+          destination: destination.title,
+          title: label
+        }));
+      }
+      if (!hasErrors || totalMoved > 0) {
+        closeModal();
+        onSuccess?.();
+      }
+    } catch (_err) {
+      toast.error(t('error:unknown'));
+    } finally {
+      isMovingRef.current = false;
+      setIsMoving(false);
+    }
+  }, [closeModal, selections, parentFieldName, locale, api, i18n, t, label, onSuccess]);
+  const handleModalSave = useCallback(({
     selections: selectionsMap
   }) => {
-    if (selectionsMap.size === 0) {
+    const firstSelection = selectionsMap.values().next().value;
+    if (!firstSelection) {
       return;
     }
-    const firstSelection = selectionsMap.values().next().value;
-    const destinationId = firstSelection?.id ?? null;
-    const destinationTitle = firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId);
-    closeModal();
-    void performMove({
-      id: destinationId,
+    const destinationTitle = firstSelection.path[firstSelection.path.length - 1]?.title || String(firstSelection.id);
+    void moveDocuments({
+      id: firstSelection.id,
       title: destinationTitle
     });
-  }, [closeModal, performMove]);
+  }, [moveDocuments]);
   const handleMoveToRoot = useCallback(() => {
-    closeModal();
-    void performMove({
+    void moveDocuments({
       id: null,
       title: t('hierarchy:noParent')
     });
-  }, [closeModal, performMove, t]);
-  // Every document in a folder-scoped listing shares that folder, so a known parent is what makes
-  // "Remove from Folder" safe to offer for the whole selection.
-  const canRemoveFromFolder = currentParentID !== null && currentParentID !== undefined && canMove;
-  const handleRemoveFromFolder = useCallback(async () => {
-    await performMove({
-      id: null,
-      title: t('hierarchy:noParent')
-    });
-  }, [performMove, t]);
+  }, [moveDocuments, t]);
+  const canRemoveFromHierarchy = currentParentID !== null && currentParentID !== undefined;
+  const initialSelections = currentParentID === null || currentParentID === undefined ? undefined : [currentParentID];
   if (count === 0 || !canMove) {
     return null;
   }
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [canRemoveFromFolder ? /*#__PURE__*/_jsx(Popup, {
-      caret: false,
-      className: `${baseClass}__popup`,
-      horizontalAlign: "left",
-      portalClassName: `${baseClass}__popup-content`,
-      render: ({
-        close
-      }) => /*#__PURE__*/_jsxs(PopupList.MenuItem, {
-        children: [/*#__PURE__*/_jsx(PopupList.Button, {
-          icon: /*#__PURE__*/_jsx(ArrowIcon, {
-            direction: "right"
-          }),
-          onClick: () => {
-            close();
-            openHierarchyModal();
-          },
-          children: "Move to..."
-        }), /*#__PURE__*/_jsx(PopupList.Button, {
-          icon: /*#__PURE__*/_jsx(XIcon, {}),
-          onClick: () => {
-            close();
-            void handleRemoveFromFolder();
-          },
-          children: `Remove from ${hierarchyLabel}`
-        })]
-      }),
-      renderButton: ({
-        active,
-        onClick,
-        onKeyDown
-      }) => /*#__PURE__*/_jsx(ListSelectionButton, {
+    children: [/*#__PURE__*/_jsx(HierarchyActionsMenu, {
+      hasActions: canRemoveFromHierarchy,
+      hierarchyLabel: hierarchyLabel,
+      onMove: openHierarchyModal,
+      onRemove: handleMoveToRoot,
+      renderTrigger: triggerProps => /*#__PURE__*/_jsx(ListSelectionButton, {
         "aria-label": t('general:move'),
         className: `${baseClass}__toggle`,
-        extraButtonProps: {
-          'aria-expanded': active,
-          'aria-haspopup': 'menu',
-          onKeyDown
-        },
-        onClick: onClick,
-        selected: active,
+        extraButtonProps: triggerProps?.extraButtonProps,
+        onClick: triggerProps?.onClick ?? openHierarchyModal,
+        selected: triggerProps?.selected,
         children: t('general:move')
       }),
-      size: "fit-content",
-      verticalAlign: "bottom"
-    }) : /*#__PURE__*/_jsx(ListSelectionButton, {
-      "aria-label": t('general:move'),
-      className: `${baseClass}__toggle`,
-      onClick: openHierarchyModal,
-      children: t('general:move')
+      showActionIcons: true
     }), /*#__PURE__*/_jsx(HierarchyModal, {
+      confirmLabel: t('general:confirm'),
       hasMany: false,
-      initialSelections: currentParentID ? [currentParentID] : null,
+      initialSelections: initialSelections,
+      isBusy: isMoving,
       onMoveToRoot: handleMoveToRoot,
-      onSave: handleDrawerSave,
+      onSave: handleModalSave,
       showMoveToRoot: true,
       title: t('general:moveCount', {
         count,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","ArrowIcon","XIcon","useConfig","useLocale","useTranslation","ListSelectionButton","Popup","PopupList","useHierarchyModal","moveDocuments","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentParentID","hierarchySlug","Icon","onSuccess","requiredCollections","selections","i18n","t","code","locale","collections","routes","api","disabledIds","parentIds","ids","length","Set","HierarchyModal","closeModal","openModal","openHierarchyModal","filterByCollection","hierarchyCollectionSlug","count","label","modalTitleLabel","totalCount","labels","collectionSlug","Object","entries","find","c","slug","collectionLabel","plural","singular","push","join","hierarchyCollectionConfig","hierarchyLabel","canMove","performMove","destination","hasErrors","totalMoved","apiRoute","handleDrawerSave","selectionsMap","size","firstSelection","values","next","value","destinationId","id","destinationTitle","path","title","String","handleMoveToRoot","canRemoveFromFolder","handleRemoveFromFolder","_jsxs","Fragment","_jsx","caret","className","horizontalAlign","portalClassName","render","close","MenuItem","Button","icon","direction","onClick","renderButton","active","onKeyDown","extraButtonProps","selected","verticalAlign","hasMany","initialSelections","onMoveToRoot","onSave","showMoveToRoot"],"sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { SelectionWithPath } from '../Modal/types.js'\n\nimport { ArrowIcon } from '../../../icons/Arrow/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\nimport { moveDocuments } from '../move/moveDocuments.js'\nimport './index.css'\n\nexport const baseClass = 'move-many'\n\ntype MoveManyProps = {\n  /** Current parent ID - modal 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 modal */\n  Icon?: React.ReactNode\n  /** Callback after successful move */\n  onSuccess?: () => void\n  /**\n   * Collection slugs the destination folder must accept (via its `allowedCollections` config).\n   * Pass the selected items' own collection slugs, plus any `allowedCollections` of selected\n   * folders, so the picker only shows folders that can hold every selected item.\n   */\n  requiredCollections?: string[]\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,\n  hierarchySlug,\n  Icon,\n  onSuccess,\n  requiredCollections,\n  selections,\n}: MoveManyProps) {\n  const { i18n, t } = useTranslation()\n  const { code: locale } = useLocale()\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  // Folders being moved cannot be selected as destination (can't move into themselves)\n  const disabledIds = useMemo(() => {\n    const parentIds = selections[hierarchySlug]?.ids\n    return parentIds?.length ? new Set(parentIds) : undefined\n  }, [selections, hierarchySlug])\n\n  const [HierarchyModal, , { closeModal, openModal: openHierarchyModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection: requiredCollections,\n    hierarchyCollectionSlug: hierarchySlug,\n    Icon,\n  })\n\n  // Calculate total count and label\n  const { count, label, modalTitleLabel } = 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      // Mixed selections read better as \"Move 3 Documents\" than \"Move 3 Posts, Pages\"\n      modalTitleLabel:\n        labels.length === 1\n          ? labels[0]\n          : t(totalCount === 1 ? 'general:document' : 'general:documents'),\n    }\n  }, [selections, collections, i18n, t])\n\n  const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n  const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n  // e.g. \"Folder\" / \"Tag\" - the hierarchy collection the selected documents are filed under.\n  const hierarchyLabel = getTranslation(hierarchyCollectionConfig?.labels?.singular, i18n)\n\n  // Check if hierarchy has a valid parentFieldName\n  const canMove = parentFieldName !== undefined\n\n  // Performs the move immediately - there is no separate confirmation step, so the browse\n  // modal is closed as soon as a destination is chosen rather than staying open behind one.\n  const performMove = useCallback(\n    async (destination: { id: null | number | string; title: string }) => {\n      const { hasErrors, totalMoved } = await moveDocuments({\n        apiRoute: api,\n        destination,\n        i18n,\n        label,\n        locale,\n        parentFieldName,\n        selections,\n        t,\n      })\n\n      if (!hasErrors || totalMoved > 0) {\n        onSuccess?.()\n      }\n    },\n    [selections, parentFieldName, locale, api, i18n, t, label, onSuccess],\n  )\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 ?? null\n      const destinationTitle =\n        firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId)\n\n      closeModal()\n      void performMove({ id: destinationId, title: destinationTitle })\n    },\n    [closeModal, performMove],\n  )\n\n  const handleMoveToRoot = useCallback(() => {\n    closeModal()\n    void performMove({ id: null, title: t('hierarchy:noParent') })\n  }, [closeModal, performMove, t])\n\n  // Every document in a folder-scoped listing shares that folder, so a known parent is what makes\n  // \"Remove from Folder\" safe to offer for the whole selection.\n  const canRemoveFromFolder = currentParentID !== null && currentParentID !== undefined && canMove\n\n  const handleRemoveFromFolder = useCallback(async () => {\n    await performMove({ id: null, title: t('hierarchy:noParent') })\n  }, [performMove, t])\n\n  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      {canRemoveFromFolder ? (\n        <Popup\n          caret={false}\n          className={`${baseClass}__popup`}\n          horizontalAlign=\"left\"\n          portalClassName={`${baseClass}__popup-content`}\n          render={({ close }) => (\n            <PopupList.MenuItem>\n              <PopupList.Button\n                icon={<ArrowIcon direction=\"right\" />}\n                onClick={() => {\n                  close()\n                  openHierarchyModal()\n                }}\n              >\n                Move to...\n              </PopupList.Button>\n              <PopupList.Button\n                icon={<XIcon />}\n                onClick={() => {\n                  close()\n                  void handleRemoveFromFolder()\n                }}\n              >\n                {`Remove from ${hierarchyLabel}`}\n              </PopupList.Button>\n            </PopupList.MenuItem>\n          )}\n          renderButton={({ active, onClick, onKeyDown }) => (\n            <ListSelectionButton\n              aria-label={t('general:move')}\n              className={`${baseClass}__toggle`}\n              extraButtonProps={{\n                'aria-expanded': active,\n                'aria-haspopup': 'menu',\n                onKeyDown,\n              }}\n              onClick={onClick}\n              selected={active}\n            >\n              {t('general:move')}\n            </ListSelectionButton>\n          )}\n          size=\"fit-content\"\n          verticalAlign=\"bottom\"\n        />\n      ) : (\n        <ListSelectionButton\n          aria-label={t('general:move')}\n          className={`${baseClass}__toggle`}\n          onClick={openHierarchyModal}\n        >\n          {t('general:move')}\n        </ListSelectionButton>\n      )}\n      <HierarchyModal\n        hasMany={false}\n        initialSelections={currentParentID ? [currentParentID] : null}\n        onMoveToRoot={handleMoveToRoot}\n        onSave={handleDrawerSave}\n        showMoveToRoot\n        title={t('general:moveCount', { count, label: modalTitleLabel })}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["getTranslation","formatAdminURL","qs","React","useCallback","useMemo","useRef","useState","toast","useConfig","useDocumentSelection","useLocale","useTranslation","requests","getEffectiveHierarchyCollections","getHierarchyCollectionRestrictions","ListSelectionButton","HierarchyActionsMenu","useHierarchyModal","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentParentID","hierarchySlug","Icon","onSuccess","requiredCollections","requiredCollectionsProp","selections","i18n","t","currentLocale","locale","code","collections","routes","api","getSelectionsWithMetadata","hierarchyCollectionConfig","find","c","slug","relatedCollectionSlugs","collectionConfig","inferredRequiredCollections","selectionsWithMeta","required","Set","collectionSlug","items","Object","entries","metadata","allowedCollections","add","size","Array","from","disabledIds","parentIds","ids","length","HierarchyModal","closeModal","openModal","openHierarchyModal","filterByCollection","hierarchyCollectionSlug","count","label","modalTitleLabel","totalCount","labels","collectionLabel","plural","singular","push","join","canMove","hierarchyLabel","isMovingRef","isMoving","setIsMoving","moveDocuments","destination","current","totalMoved","hasErrors","queryString","stringify","where","id","in","addQueryPrefix","url","apiRoute","path","response","patch","body","JSON","headers","language","credentials","json","status","errors","error","message","description","map","movedCount","docs","successKey","success","title","_err","handleModalSave","selectionsMap","firstSelection","values","next","value","destinationTitle","String","handleMoveToRoot","canRemoveFromHierarchy","initialSelections","_jsxs","Fragment","_jsx","hasActions","onMove","onRemove","renderTrigger","triggerProps","className","extraButtonProps","onClick","selected","showActionIcons","confirmLabel","hasMany","isBusy","onMoveToRoot","onSave","showMoveToRoot"],"sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../Modal/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 {\n  getEffectiveHierarchyCollections,\n  getHierarchyCollectionRestrictions,\n} from '../../../utilities/hierarchyCollectionRestrictions.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { HierarchyActionsMenu } from '../ActionsMenu/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\n\nexport const baseClass = 'move-many'\n\ntype MoveManyProps = {\n  /** Current parent ID - modal 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 modal */\n  Icon?: React.ReactNode\n  /** Callback after successful move */\n  onSuccess?: () => void\n  /** Collection slugs required by the selected documents at the destination. */\n  requiredCollections?: string[]\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,\n  hierarchySlug,\n  Icon,\n  onSuccess,\n  requiredCollections: requiredCollectionsProp,\n  selections,\n}: MoveManyProps) {\n  const { i18n, t } = useTranslation()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { getSelectionsWithMetadata } = useDocumentSelection()\n  const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n\n  const { relatedCollectionSlugs } = useMemo(\n    () => getHierarchyCollectionRestrictions({ collectionConfig: hierarchyCollectionConfig }),\n    [hierarchyCollectionConfig],\n  )\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 inferredRequiredCollections = 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          for (const slug of getEffectiveHierarchyCollections({\n            allowedCollections: metadata.allowedCollections,\n            relatedCollectionSlugs,\n          })) {\n            required.add(slug)\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, relatedCollectionSlugs])\n\n  const requiredCollections = requiredCollectionsProp ?? inferredRequiredCollections\n\n  // Folders being moved cannot be selected as destination (can't move into themselves)\n  const disabledIds = useMemo(() => {\n    const parentIds = selections[hierarchySlug]?.ids\n    return parentIds?.length ? new Set(parentIds) : undefined\n  }, [selections, hierarchySlug])\n\n  const [HierarchyModal, , { closeModal, openModal: openHierarchyModal }] = useHierarchyModal({\n    disabledIds,\n    filterByCollection: requiredCollections,\n    hierarchyCollectionSlug: hierarchySlug,\n    Icon,\n  })\n\n  // Calculate total count and label\n  const { count, label, modalTitleLabel } = 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      modalTitleLabel:\n        labels.length === 1\n          ? labels[0]\n          : t(totalCount === 1 ? 'general:document' : 'general:documents'),\n    }\n  }, [selections, collections, i18n, t])\n\n  const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n\n  // Check if hierarchy has a valid parentFieldName\n  const canMove = parentFieldName !== undefined\n\n  const hierarchyLabel =\n    getTranslation(hierarchyCollectionConfig?.labels?.singular || hierarchySlug, i18n) ||\n    hierarchySlug\n  const isMovingRef = useRef(false)\n  const [isMoving, setIsMoving] = useState(false)\n\n  const moveDocuments = useCallback(\n    async (destination: { id: null | number | string; title: string }) => {\n      // A ref, not state, so a second click in the same frame still sees the first move\n      if (isMovingRef.current) {\n        return\n      }\n\n      isMovingRef.current = true\n      setIsMoving(true)\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\n                .map((error: { message: string }) => error.message)\n                .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          closeModal()\n          onSuccess?.()\n        }\n      } catch (_err) {\n        toast.error(t('error:unknown'))\n      } finally {\n        isMovingRef.current = false\n        setIsMoving(false)\n      }\n    },\n    [closeModal, selections, parentFieldName, locale, api, i18n, t, label, onSuccess],\n  )\n\n  const handleModalSave = useCallback(\n    ({ selections: selectionsMap }: { selections: Map<number | string, SelectionWithPath> }) => {\n      const firstSelection = selectionsMap.values().next().value\n\n      if (!firstSelection) {\n        return\n      }\n\n      const destinationTitle =\n        firstSelection.path[firstSelection.path.length - 1]?.title || String(firstSelection.id)\n\n      void moveDocuments({ id: firstSelection.id, title: destinationTitle })\n    },\n    [moveDocuments],\n  )\n\n  const handleMoveToRoot = useCallback(() => {\n    void moveDocuments({ id: null, title: t('hierarchy:noParent') })\n  }, [moveDocuments, t])\n\n  const canRemoveFromHierarchy = currentParentID !== null && currentParentID !== undefined\n  const initialSelections =\n    currentParentID === null || currentParentID === undefined ? undefined : [currentParentID]\n\n  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <HierarchyActionsMenu\n        hasActions={canRemoveFromHierarchy}\n        hierarchyLabel={hierarchyLabel}\n        onMove={openHierarchyModal}\n        onRemove={handleMoveToRoot}\n        renderTrigger={(triggerProps) => (\n          <ListSelectionButton\n            aria-label={t('general:move')}\n            className={`${baseClass}__toggle`}\n            extraButtonProps={triggerProps?.extraButtonProps}\n            onClick={triggerProps?.onClick ?? openHierarchyModal}\n            selected={triggerProps?.selected}\n          >\n            {t('general:move')}\n          </ListSelectionButton>\n        )}\n        showActionIcons\n      />\n      <HierarchyModal\n        confirmLabel={t('general:confirm')}\n        hasMany={false}\n        initialSelections={initialSelections}\n        isBusy={isMoving}\n        onMoveToRoot={handleMoveToRoot}\n        onSave={handleModalSave}\n        showMoveToRoot\n        title={t('general:moveCount', { count, label: modalTitleLabel })}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/Search/HierarchySearchResultItem.js

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useMemo } from 'react';
 const baseClass = 'hierarchy-search-result-item';
 export const HierarchySearchResultItem = t0 => {
-  const $ = _c(11);
+  const $ = _c(14);
   const {
     id,
     onClick,
@@ -46,21 +46,28 @@ export const HierarchySearchResultItem = t0 => {
   }
   const handleKeyDown = t3;
   let t4;
-  bb0: {
-    if (!path) {
-      t4 = "";
-      break bb0;
-    }
-    const segments = path.split(" / ");
-    if (segments.length <= truncateSegments) {
-      t4 = path;
-      break bb0;
+  if ($[6] !== path || $[7] !== truncateSegments) {
+    bb0: {
+      if (!path) {
+        t4 = "";
+        break bb0;
+      }
+      const segments = path.split(" / ");
+      if (segments.length <= truncateSegments) {
+        t4 = path;
+        break bb0;
+      }
+      t4 = "... / " + segments.slice(-truncateSegments).join(" / ");
     }
-    t4 = "... / " + segments.slice(-truncateSegments).join(" / ");
+    $[6] = path;
+    $[7] = truncateSegments;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
   }
   const truncatedPath = t4;
   let t5;
-  if ($[6] !== handleClick || $[7] !== handleKeyDown || $[8] !== title || $[9] !== truncatedPath) {
+  if ($[9] !== handleClick || $[10] !== handleKeyDown || $[11] !== title || $[12] !== truncatedPath) {
     t5 = _jsxs("div", {
       className: baseClass,
       onClick: handleClick,
@@ -75,13 +82,13 @@ export const HierarchySearchResultItem = t0 => {
         children: truncatedPath
       })]
     });
-    $[6] = handleClick;
-    $[7] = handleKeyDown;
-    $[8] = title;
-    $[9] = truncatedPath;
-    $[10] = t5;
+    $[9] = handleClick;
+    $[10] = handleKeyDown;
+    $[11] = title;
+    $[12] = truncatedPath;
+    $[13] = t5;
   } else {
-    t5 = $[10];
+    t5 = $[13];
   }
   return t5;
 };