@payloadcms/ui 4.0.0-internal.af6aad0 → 4.0.0-internal.b8e7c89

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

@@ -1,14 +1,21 @@
 'use client';
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
 import { getTranslation } from '@payloadcms/translations';
-import React, { useCallback, useMemo } from 'react';
+import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import React, { useCallback, useMemo, useState } from 'react';
+import { toast } from 'sonner';
 import { useConfig } from '../../../providers/Config/index.js';
+import { useDocumentSelection } from '../../../providers/DocumentSelection/index.js';
 import { useLocale } from '../../../providers/Locale/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { requests } from '../../../utilities/api.js';
+import { ConfirmationModal } from '../../ConfirmationModal/index.js';
 import { ListSelectionButton } from '../../ListSelection/index.js';
+import { Translation } from '../../Translation/index.js';
 import { useHierarchyModal } from '../Modal/useHierarchyModal.js';
-import { moveDocuments } from '../move/moveDocuments.js';
 export const baseClass = 'move-many';
 /**
  * Gets the parent field name from the hierarchy config.
@@ -21,17 +28,19 @@ export function MoveMany({
   currentParentID,
   hierarchySlug,
   Icon,
+  modalPrefix,
   onSuccess,
-  requiredCollections,
   selections
 }) {
   const {
     i18n,
     t
   } = useTranslation();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const {
-    code: locale
-  } = useLocale();
+    openModal
+  } = useModal();
   const {
     config: {
       collections,
@@ -40,6 +49,38 @@ export function MoveMany({
       }
     }
   } = useConfig();
+  const {
+    getSelectionsWithMetadata
+  } = useDocumentSelection();
+  const [destination, setDestination] = useState(null);
+  const confirmMoveDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-move-many`;
+  // Compute required collections from selection metadata
+  // For related items: add their collection slug
+  // For folders: add their allowedCollections values
+  const requiredCollections = 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) {
+          if (metadata.allowedCollections) {
+            for (const slug of metadata.allowedCollections) {
+              required.add(slug);
+            }
+          }
+        }
+      } else {
+        // For related items, add their collection slug
+        required.add(collectionSlug);
+      }
+    }
+    return required.size > 0 ? Array.from(required) : undefined;
+  }, [getSelectionsWithMetadata, hierarchySlug]);
   // Folders being moved cannot be selected as destination (can't move into themselves)
   const disabledIds = useMemo(() => {
     const parentIds = selections[hierarchySlug]?.ids;
@@ -57,15 +98,14 @@ export function MoveMany({
   // Calculate total count and label
   const {
     count,
-    label,
-    modalTitleLabel
+    label
   } = 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 => c.slug === collectionSlug_0);
       if (config && ids.length > 0) {
         totalCount += ids.length;
         const collectionLabel = getTranslation(ids.length > 1 ? config.labels.plural : config.labels.singular, i18n);
@@ -74,35 +114,13 @@ 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')
+      label: labels.join(', ')
     };
-  }, [selections, collections, i18n, t]);
+  }, [selections, collections, i18n]);
   const hierarchyCollectionConfig = collections.find(c_0 => c_0.slug === hierarchySlug);
   const parentFieldName = getParentFieldName(hierarchyCollectionConfig);
   // 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?.();
-    }
-  }, [selections, parentFieldName, locale, api, i18n, t, label, onSuccess]);
   const handleDrawerSave = useCallback(({
     selections: selectionsMap
   }) => {
@@ -110,21 +128,96 @@ export function MoveMany({
       return;
     }
     const firstSelection = selectionsMap.values().next().value;
-    const destinationId = firstSelection?.id ?? null;
+    const destinationId = firstSelection?.id;
     const destinationTitle = firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId);
-    closeModal();
-    void performMove({
+    setDestination({
       id: destinationId,
       title: destinationTitle
     });
-  }, [closeModal, performMove]);
+    openModal(confirmMoveDrawerSlug);
+  }, [openModal, confirmMoveDrawerSlug]);
   const handleMoveToRoot = useCallback(() => {
-    closeModal();
-    void performMove({
+    setDestination({
       id: null,
       title: t('hierarchy:noParent')
     });
-  }, [closeModal, performMove, t]);
+    openModal(confirmMoveDrawerSlug);
+  }, [openModal, confirmMoveDrawerSlug, t]);
+  const handleConfirmMove = useCallback(async () => {
+    if (destination === null) {
+      return;
+    }
+    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 {
+      setDestination(null);
+    }
+  }, [closeModal, destination, selections, parentFieldName, locale, api, i18n, t, label, onSuccess]);
   if (count === 0 || !canMove) {
     return null;
   }
@@ -139,11 +232,44 @@ export function MoveMany({
       initialSelections: currentParentID ? [currentParentID] : null,
       onMoveToRoot: handleMoveToRoot,
       onSave: handleDrawerSave,
-      showMoveToRoot: true,
-      title: t('general:moveCount', {
-        count,
-        label: modalTitleLabel
-      })
+      showMoveToRoot: true
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: /*#__PURE__*/_jsx("p", {
+        children: destination?.id === null ? /*#__PURE__*/_jsx(Translation, {
+          elements: {
+            '1': ({
+              children
+            }) => /*#__PURE__*/_jsx("strong", {
+              children: children
+            })
+          },
+          i18nKey: "hierarchy:moveItemsToRootConfirmation",
+          t: t,
+          variables: {
+            count,
+            label
+          }
+        }) : /*#__PURE__*/_jsx(Translation, {
+          elements: {
+            '1': ({
+              children: children_0
+            }) => /*#__PURE__*/_jsx("strong", {
+              children: children_0
+            })
+          },
+          i18nKey: "general:moveConfirm",
+          t: t,
+          variables: {
+            count,
+            destination: destination?.title || '',
+            label
+          }
+        })
+      }),
+      confirmingLabel: t('general:moving'),
+      heading: t('general:confirmMove'),
+      modalSlug: confirmMoveDrawerSlug,
+      onConfirm: handleConfirmMove
     })]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getTranslation","React","useCallback","useMemo","useConfig","useLocale","useTranslation","ListSelectionButton","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","canMove","performMove","destination","hasErrors","totalMoved","apiRoute","handleDrawerSave","selectionsMap","size","firstSelection","values","next","value","destinationId","id","destinationTitle","path","title","String","handleMoveToRoot","_jsxs","Fragment","_jsx","className","onClick","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 { 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 { useHierarchyModal } from '../Modal/useHierarchyModal.js'\nimport { moveDocuments } from '../move/moveDocuments.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  /**\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\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  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:move')}\n        className={`${baseClass}__toggle`}\n        onClick={openHierarchyModal}\n      >\n        {t('general:move')}\n      </ListSelectionButton>\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":["useModal","getTranslation","formatAdminURL","qs","React","useCallback","useMemo","useState","toast","useConfig","useDocumentSelection","useLocale","useTranslation","requests","ConfirmationModal","ListSelectionButton","Translation","useHierarchyModal","baseClass","getParentFieldName","hierarchyConfig","config","hierarchy","undefined","parentFieldName","MoveMany","currentParentID","hierarchySlug","Icon","modalPrefix","onSuccess","selections","i18n","t","currentLocale","locale","code","openModal","collections","routes","api","getSelectionsWithMetadata","destination","setDestination","confirmMoveDrawerSlug","requiredCollections","selectionsWithMeta","required","Set","collectionSlug","items","Object","entries","metadata","allowedCollections","slug","add","size","Array","from","disabledIds","parentIds","ids","length","HierarchyModal","closeModal","openHierarchyModal","filterByCollection","hierarchyCollectionSlug","count","label","totalCount","labels","find","c","collectionLabel","plural","singular","push","join","hierarchyCollectionConfig","canMove","handleDrawerSave","selectionsMap","firstSelection","values","next","value","destinationId","id","destinationTitle","path","title","String","handleMoveToRoot","handleConfirmMove","totalMoved","hasErrors","queryString","stringify","where","in","addQueryPrefix","url","apiRoute","response","patch","body","JSON","headers","language","credentials","json","status","errors","error","message","description","map","movedCount","docs","successKey","success","_err","_jsxs","Fragment","_jsx","className","onClick","hasMany","initialSelections","onMoveToRoot","onSave","showMoveToRoot","elements","1","children","i18nKey","variables","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../../src/elements/Hierarchy/MoveMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { SelectionWithPath } from '../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 { ConfirmationModal } from '../../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../../ListSelection/index.js'\nimport { Translation } from '../../Translation/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  /** When multiple MoveMany components are rendered on the page, this will differentiate them */\n  modalPrefix?: string\n  /** Callback after successful move */\n  onSuccess?: () => void\n  /** Selections grouped by collection slug */\n  selections: Record<string, { ids: (number | string)[] }>\n}\n\n/**\n * Gets the parent field name from the hierarchy config.\n */\nfunction getParentFieldName(\n  hierarchyConfig: ClientCollectionConfig | undefined,\n): string | undefined {\n  const config =\n    hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object'\n      ? hierarchyConfig.hierarchy\n      : undefined\n  return config?.parentFieldName\n}\n\nexport function MoveMany({\n  currentParentID,\n  hierarchySlug,\n  Icon,\n  modalPrefix,\n  onSuccess,\n  selections,\n}: MoveManyProps) {\n  const { i18n, t } = useTranslation()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const { openModal } = useModal()\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { getSelectionsWithMetadata } = useDocumentSelection()\n\n  const [destination, setDestination] = useState<{\n    id: null | number | string\n    title: string\n  } | null>(null)\n\n  const confirmMoveDrawerSlug = `${modalPrefix ? `${modalPrefix}-` : ''}confirm-move-many`\n\n  // Compute required collections from selection metadata\n  // For related items: add their collection slug\n  // For folders: add their allowedCollections values\n  const requiredCollections = useMemo(() => {\n    const selectionsWithMeta = getSelectionsWithMetadata()\n    const required = new Set<string>()\n\n    for (const [collectionSlug, { selections: items }] of Object.entries(selectionsWithMeta)) {\n      if (collectionSlug === hierarchySlug) {\n        // For folders, add their allowedCollections to required set\n        for (const { metadata } of items) {\n          if (metadata.allowedCollections) {\n            for (const slug of metadata.allowedCollections) {\n              required.add(slug)\n            }\n          }\n        }\n      } else {\n        // For related items, add their collection slug\n        required.add(collectionSlug)\n      }\n    }\n\n    return required.size > 0 ? Array.from(required) : undefined\n  }, [getSelectionsWithMetadata, hierarchySlug])\n\n  // Folders being moved cannot be selected as destination (can't move into themselves)\n  const disabledIds = useMemo(() => {\n    const 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 } = useMemo(() => {\n    let totalCount = 0\n    const labels: string[] = []\n\n    for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n      const config = collections.find((c) => c.slug === collectionSlug)\n\n      if (config && ids.length > 0) {\n        totalCount += ids.length\n        const collectionLabel = getTranslation(\n          ids.length > 1 ? config.labels.plural : config.labels.singular,\n          i18n,\n        )\n        labels.push(collectionLabel)\n      }\n    }\n\n    return {\n      count: totalCount,\n      label: labels.join(', '),\n    }\n  }, [selections, collections, i18n])\n\n  const hierarchyCollectionConfig = collections.find((c) => c.slug === hierarchySlug)\n  const parentFieldName = getParentFieldName(hierarchyCollectionConfig)\n\n  // Check if hierarchy has a valid parentFieldName\n  const canMove = parentFieldName !== undefined\n\n  const handleDrawerSave = useCallback(\n    ({ selections: selectionsMap }: { selections: Map<number | string, SelectionWithPath> }) => {\n      if (selectionsMap.size === 0) {\n        return\n      }\n\n      const firstSelection = selectionsMap.values().next().value\n      const destinationId = firstSelection?.id\n      const destinationTitle =\n        firstSelection?.path?.[firstSelection.path.length - 1]?.title || String(destinationId)\n\n      setDestination({ id: destinationId, title: destinationTitle })\n      openModal(confirmMoveDrawerSlug)\n    },\n    [openModal, confirmMoveDrawerSlug],\n  )\n\n  const handleMoveToRoot = useCallback(() => {\n    setDestination({ id: null, title: t('hierarchy:noParent') })\n    openModal(confirmMoveDrawerSlug)\n  }, [openModal, confirmMoveDrawerSlug, t])\n\n  const handleConfirmMove = useCallback(async () => {\n    if (destination === null) {\n      return\n    }\n\n    let totalMoved = 0\n    let hasErrors = false\n\n    try {\n      for (const [collectionSlug, { ids }] of Object.entries(selections)) {\n        if (ids.length === 0) {\n          continue\n        }\n\n        const queryString = qs.stringify(\n          {\n            locale,\n            where: { id: { in: ids } },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n        })\n\n        const response = await requests.patch(url, {\n          body: JSON.stringify({ [parentFieldName]: destination.id }),\n          headers: {\n            'Accept-Language': i18n.language,\n            'Content-Type': 'application/json',\n            credentials: 'include',\n          },\n        })\n\n        const json = await response.json()\n\n        if (response.status >= 400) {\n          hasErrors = true\n\n          if (json?.errors?.length > 0) {\n            toast.error(json.message || t('error:unknown'), {\n              description: json.errors\n                .map((error: { message: string }) => error.message)\n                .join('\\n'),\n            })\n          } else {\n            toast.error(json?.message || t('error:unknown'))\n          }\n\n          continue\n        }\n\n        const movedCount = json?.docs?.length || 0\n        totalMoved += movedCount\n\n        if (json?.errors?.length > 0) {\n          hasErrors = true\n          toast.error(json.message, {\n            description: json.errors.map((error: { message: string }) => error.message).join('\\n'),\n          })\n        }\n      }\n\n      if (totalMoved > 0) {\n        const successKey =\n          destination.id === null ? 'hierarchy:itemsMovedToRoot' : 'hierarchy:itemsMovedTo'\n\n        toast.success(\n          t(successKey, {\n            destination: destination.title,\n            title: label,\n          }),\n        )\n      }\n\n      if (!hasErrors || totalMoved > 0) {\n        closeModal()\n        onSuccess?.()\n      }\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setDestination(null)\n    }\n  }, [closeModal, destination, selections, parentFieldName, locale, api, i18n, t, label, onSuccess])\n\n  if (count === 0 || !canMove) {\n    return null\n  }\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:move')}\n        className={`${baseClass}__toggle`}\n        onClick={openHierarchyModal}\n      >\n        {t('general:move')}\n      </ListSelectionButton>\n      <HierarchyModal\n        hasMany={false}\n        initialSelections={currentParentID ? [currentParentID] : null}\n        onMoveToRoot={handleMoveToRoot}\n        onSave={handleDrawerSave}\n        showMoveToRoot\n      />\n      <ConfirmationModal\n        body={\n          <p>\n            {destination?.id === null ? (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"hierarchy:moveItemsToRootConfirmation\"\n                t={t}\n                variables={{\n                  count,\n                  label,\n                }}\n              />\n            ) : (\n              <Translation\n                elements={{\n                  '1': ({ children }) => <strong>{children}</strong>,\n                }}\n                i18nKey=\"general:moveConfirm\"\n                t={t}\n                variables={{\n                  count,\n                  destination: destination?.title || '',\n                  label,\n                }}\n              />\n            )}\n          </p>\n        }\n        confirmingLabel={t('general:moving')}\n        heading={t('general:confirmMove')}\n        modalSlug={confirmMoveDrawerSlug}\n        onConfirm={handleConfirmMove}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AACtD,SAASC,KAAK,QAAQ;AAItB,SAASC,SAAS,QAAQ;AAC1B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,QAAQ,QAAQ;AACzB,SAASC,iBAAiB,QAAQ;AAClC,SAASC,mBAAmB,QAAQ;AACpC,SAASC,WAAW,QAAQ;AAC5B,SAASC,iBAAiB,QAAQ;AAElC,OAAO,MAAMC,SAAA,GAAY;AAiBzB;;;AAGA,SAASC,mBACPC,eAAmD;EAEnD,MAAMC,MAAA,GACJD,eAAA,EAAiBE,SAAA,IAAa,OAAOF,eAAA,CAAgBE,SAAS,KAAK,WAC/DF,eAAA,CAAgBE,SAAS,GACzBC,SAAA;EACN,OAAOF,MAAA,EAAQG,eAAA;AACjB;AAEA,OAAO,SAASC,SAAS;EACvBC,eAAe;EACfC,aAAa;EACbC,IAAI;EACJC,WAAW;EACXC,SAAS;EACTC;AAAU,CACI;EACd,MAAM;IAAEC,IAAI;IAAEC;EAAC,CAAE,GAAGrB,cAAA;EACpB,MAAMsB,aAAA,GAAgBvB,SAAA;EACtB,MAAMwB,MAAA,GAASD,aAAA,EAAeE,IAAA;EAC9B,MAAM;IAAEC;EAAS,CAAE,GAAGrC,QAAA;EACtB,MAAM;IACJqB,MAAA,EAAQ;MACNiB,WAAW;MACXC,MAAA,EAAQ;QAAEC;MAAG;IAAE;EAChB,CACF,GAAG/B,SAAA;EAEJ,MAAM;IAAEgC;EAAyB,CAAE,GAAG/B,oBAAA;EAEtC,MAAM,CAACgC,WAAA,EAAaC,cAAA,CAAe,GAAGpC,QAAA,CAG5B;EAEV,MAAMqC,qBAAA,GAAwB,GAAGf,WAAA,GAAc,GAAGA,WAAA,GAAc,GAAG,qBAAqB;EAExF;EACA;EACA;EACA,MAAMgB,mBAAA,GAAsBvC,OAAA,CAAQ;IAClC,MAAMwC,kBAAA,GAAqBL,yBAAA;IAC3B,MAAMM,QAAA,GAAW,IAAIC,GAAA;IAErB,KAAK,MAAM,CAACC,cAAA,EAAgB;MAAElB,UAAA,EAAYmB;IAAK,CAAE,CAAC,IAAIC,MAAA,CAAOC,OAAO,CAACN,kBAAA,GAAqB;MACxF,IAAIG,cAAA,KAAmBtB,aAAA,EAAe;QACpC;QACA,KAAK,MAAM;UAAE0B;QAAQ,CAAE,IAAIH,KAAA,EAAO;UAChC,IAAIG,QAAA,CAASC,kBAAkB,EAAE;YAC/B,KAAK,MAAMC,IAAA,IAAQF,QAAA,CAASC,kBAAkB,EAAE;cAC9CP,QAAA,CAASS,GAAG,CAACD,IAAA;YACf;UACF;QACF;MACF,OAAO;QACL;QACAR,QAAA,CAASS,GAAG,CAACP,cAAA;MACf;IACF;IAEA,OAAOF,QAAA,CAASU,IAAI,GAAG,IAAIC,KAAA,CAAMC,IAAI,CAACZ,QAAA,IAAYxB,SAAA;EACpD,GAAG,CAACkB,yBAAA,EAA2Bd,aAAA,CAAc;EAE7C;EACA,MAAMiC,WAAA,GAActD,OAAA,CAAQ;IAC1B,MAAMuD,SAAA,GAAY9B,UAAU,CAACJ,aAAA,CAAc,EAAEmC,GAAA;IAC7C,OAAOD,SAAA,EAAWE,MAAA,GAAS,IAAIf,GAAA,CAAIa,SAAA,IAAatC,SAAA;EAClD,GAAG,CAACQ,UAAA,EAAYJ,aAAA,CAAc;EAE9B,MAAM,CAACqC,cAAA,GAAkB;IAAEC,UAAU;IAAE5B,SAAA,EAAW6B;EAAkB,CAAE,CAAC,GAAGjD,iBAAA,CAAkB;IAC1F2C,WAAA;IACAO,kBAAA,EAAoBtB,mBAAA;IACpBuB,uBAAA,EAAyBzC,aAAA;IACzBC;EACF;EAEA;EACA,MAAM;IAAEyC,KAAK;IAAEC;EAAK,CAAE,GAAGhE,OAAA,CAAQ;IAC/B,IAAIiE,UAAA,GAAa;IACjB,MAAMC,MAAA,GAAmB,EAAE;IAE3B,KAAK,MAAM,CAACvB,gBAAA,EAAgB;MAAEa;IAAG,CAAE,CAAC,IAAIX,MAAA,CAAOC,OAAO,CAACrB,UAAA,GAAa;MAClE,MAAMV,MAAA,GAASiB,WAAA,CAAYmC,IAAI,CAAEC,CAAA,IAAMA,CAAA,CAAEnB,IAAI,KAAKN,gBAAA;MAElD,IAAI5B,MAAA,IAAUyC,GAAA,CAAIC,MAAM,GAAG,GAAG;QAC5BQ,UAAA,IAAcT,GAAA,CAAIC,MAAM;QACxB,MAAMY,eAAA,GAAkB1E,cAAA,CACtB6D,GAAA,CAAIC,MAAM,GAAG,IAAI1C,MAAA,CAAOmD,MAAM,CAACI,MAAM,GAAGvD,MAAA,CAAOmD,MAAM,CAACK,QAAQ,EAC9D7C,IAAA;QAEFwC,MAAA,CAAOM,IAAI,CAACH,eAAA;MACd;IACF;IAEA,OAAO;MACLN,KAAA,EAAOE,UAAA;MACPD,KAAA,EAAOE,MAAA,CAAOO,IAAI,CAAC;IACrB;EACF,GAAG,CAAChD,UAAA,EAAYO,WAAA,EAAaN,IAAA,CAAK;EAElC,MAAMgD,yBAAA,GAA4B1C,WAAA,CAAYmC,IAAI,CAAEC,GAAA,IAAMA,GAAA,CAAEnB,IAAI,KAAK5B,aAAA;EACrE,MAAMH,eAAA,GAAkBL,kBAAA,CAAmB6D,yBAAA;EAE3C;EACA,MAAMC,OAAA,GAAUzD,eAAA,KAAoBD,SAAA;EAEpC,MAAM2D,gBAAA,GAAmB7E,WAAA,CACvB,CAAC;IAAE0B,UAAA,EAAYoD;EAAa,CAA2D;IACrF,IAAIA,aAAA,CAAc1B,IAAI,KAAK,GAAG;MAC5B;IACF;IAEA,MAAM2B,cAAA,GAAiBD,aAAA,CAAcE,MAAM,GAAGC,IAAI,GAAGC,KAAK;IAC1D,MAAMC,aAAA,GAAgBJ,cAAA,EAAgBK,EAAA;IACtC,MAAMC,gBAAA,GACJN,cAAA,EAAgBO,IAAA,GAAOP,cAAA,CAAeO,IAAI,CAAC5B,MAAM,GAAG,EAAE,EAAE6B,KAAA,IAASC,MAAA,CAAOL,aAAA;IAE1E7C,cAAA,CAAe;MAAE8C,EAAA,EAAID,aAAA;MAAeI,KAAA,EAAOF;IAAiB;IAC5DrD,SAAA,CAAUO,qBAAA;EACZ,GACA,CAACP,SAAA,EAAWO,qBAAA,CAAsB;EAGpC,MAAMkD,gBAAA,GAAmBzF,WAAA,CAAY;IACnCsC,cAAA,CAAe;MAAE8C,EAAA,EAAI;MAAMG,KAAA,EAAO3D,CAAA,CAAE;IAAsB;IAC1DI,SAAA,CAAUO,qBAAA;EACZ,GAAG,CAACP,SAAA,EAAWO,qBAAA,EAAuBX,CAAA,CAAE;EAExC,MAAM8D,iBAAA,GAAoB1F,WAAA,CAAY;IACpC,IAAIqC,WAAA,KAAgB,MAAM;MACxB;IACF;IAEA,IAAIsD,UAAA,GAAa;IACjB,IAAIC,SAAA,GAAY;IAEhB,IAAI;MACF,KAAK,MAAM,CAAChD,gBAAA,EAAgB;QAAEa,GAAG,EAAHA;MAAG,CAAE,CAAC,IAAIX,MAAA,CAAOC,OAAO,CAACrB,UAAA,GAAa;QAClE,IAAI+B,KAAA,CAAIC,MAAM,KAAK,GAAG;UACpB;QACF;QAEA,MAAMmC,WAAA,GAAc/F,EAAA,CAAGgG,SAAS,CAC9B;UACEhE,MAAA;UACAiE,KAAA,EAAO;YAAEX,EAAA,EAAI;cAAEY,EAAA,EAAIvC;YAAI;UAAE;QAC3B,GACA;UAAEwC,cAAA,EAAgB;QAAK;QAGzB,MAAMC,GAAA,GAAMrG,cAAA,CAAe;UACzBsG,QAAA,EAAUhE,GAAA;UACVmD,IAAA,EAAM,IAAI1C,gBAAA,GAAiBiD,WAAA;QAC7B;QAEA,MAAMO,QAAA,GAAW,MAAM5F,QAAA,CAAS6F,KAAK,CAACH,GAAA,EAAK;UACzCI,IAAA,EAAMC,IAAA,CAAKT,SAAS,CAAC;YAAE,CAAC3E,eAAA,GAAkBkB,WAAA,CAAY+C;UAAG;UACzDoB,OAAA,EAAS;YACP,mBAAmB7E,IAAA,CAAK8E,QAAQ;YAChC,gBAAgB;YAChBC,WAAA,EAAa;UACf;QACF;QAEA,MAAMC,IAAA,GAAO,MAAMP,QAAA,CAASO,IAAI;QAEhC,IAAIP,QAAA,CAASQ,MAAM,IAAI,KAAK;UAC1BhB,SAAA,GAAY;UAEZ,IAAIe,IAAA,EAAME,MAAA,EAAQnD,MAAA,GAAS,GAAG;YAC5BvD,KAAA,CAAM2G,KAAK,CAACH,IAAA,CAAKI,OAAO,IAAInF,CAAA,CAAE,kBAAkB;cAC9CoF,WAAA,EAAaL,IAAA,CAAKE,MAAM,CACrBI,GAAG,CAAEH,KAAA,IAA+BA,KAAA,CAAMC,OAAO,EACjDrC,IAAI,CAAC;YACV;UACF,OAAO;YACLvE,KAAA,CAAM2G,KAAK,CAACH,IAAA,EAAMI,OAAA,IAAWnF,CAAA,CAAE;UACjC;UAEA;QACF;QAEA,MAAMsF,UAAA,GAAaP,IAAA,EAAMQ,IAAA,EAAMzD,MAAA,IAAU;QACzCiC,UAAA,IAAcuB,UAAA;QAEd,IAAIP,IAAA,EAAME,MAAA,EAAQnD,MAAA,GAAS,GAAG;UAC5BkC,SAAA,GAAY;UACZzF,KAAA,CAAM2G,KAAK,CAACH,IAAA,CAAKI,OAAO,EAAE;YACxBC,WAAA,EAAaL,IAAA,CAAKE,MAAM,CAACI,GAAG,CAAEH,OAAA,IAA+BA,OAAA,CAAMC,OAAO,EAAErC,IAAI,CAAC;UACnF;QACF;MACF;MAEA,IAAIiB,UAAA,GAAa,GAAG;QAClB,MAAMyB,UAAA,GACJ/E,WAAA,CAAY+C,EAAE,KAAK,OAAO,+BAA+B;QAE3DjF,KAAA,CAAMkH,OAAO,CACXzF,CAAA,CAAEwF,UAAA,EAAY;UACZ/E,WAAA,EAAaA,WAAA,CAAYkD,KAAK;UAC9BA,KAAA,EAAOtB;QACT;MAEJ;MAEA,IAAI,CAAC2B,SAAA,IAAaD,UAAA,GAAa,GAAG;QAChC/B,UAAA;QACAnC,SAAA;MACF;IACF,EAAE,OAAO6F,IAAA,EAAM;MACbnH,KAAA,CAAM2G,KAAK,CAAClF,CAAA,CAAE;IAChB,UAAU;MACRU,cAAA,CAAe;IACjB;EACF,GAAG,CAACsB,UAAA,EAAYvB,WAAA,EAAaX,UAAA,EAAYP,eAAA,EAAiBW,MAAA,EAAQK,GAAA,EAAKR,IAAA,EAAMC,CAAA,EAAGqC,KAAA,EAAOxC,SAAA,CAAU;EAEjG,IAAIuC,KAAA,KAAU,KAAK,CAACY,OAAA,EAAS;IAC3B,OAAO;EACT;EAEA,oBACE2C,KAAA,CAACxH,KAAA,CAAMyH,QAAQ;4BACbC,IAAA,CAAC/G,mBAAA;MACC,cAAYkB,CAAA,CAAE;MACd8F,SAAA,EAAW,GAAG7G,SAAA,UAAmB;MACjC8G,OAAA,EAAS9D,kBAAA;gBAERjC,CAAA,CAAE;qBAEL6F,IAAA,CAAC9D,cAAA;MACCiE,OAAA,EAAS;MACTC,iBAAA,EAAmBxG,eAAA,GAAkB,CAACA,eAAA,CAAgB,GAAG;MACzDyG,YAAA,EAAcrC,gBAAA;MACdsC,MAAA,EAAQlD,gBAAA;MACRmD,cAAc;qBAEhBP,IAAA,CAAChH,iBAAA;MACC6F,IAAA,eACEmB,IAAA,CAAC;kBACEpF,WAAA,EAAa+C,EAAA,KAAO,oBACnBqC,IAAA,CAAC9G,WAAA;UACCsH,QAAA,EAAU;YACR,KAAKC,CAAC;cAAEC;YAAQ,CAAE,kBAAKV,IAAA,CAAC;wBAAQU;;UAClC;UACAC,OAAA,EAAQ;UACRxG,CAAA,EAAGA,CAAA;UACHyG,SAAA,EAAW;YACTrE,KAAA;YACAC;UACF;0BAGFwD,IAAA,CAAC9G,WAAA;UACCsH,QAAA,EAAU;YACR,KAAKC,CAAC;cAAEC,QAAQ,EAARA;YAAQ,CAAE,kBAAKV,IAAA,CAAC;wBAAQU;;UAClC;UACAC,OAAA,EAAQ;UACRxG,CAAA,EAAGA,CAAA;UACHyG,SAAA,EAAW;YACTrE,KAAA;YACA3B,WAAA,EAAaA,WAAA,EAAakD,KAAA,IAAS;YACnCtB;UACF;;;MAKRqE,eAAA,EAAiB1G,CAAA,CAAE;MACnB2G,OAAA,EAAS3G,CAAA,CAAE;MACX4G,SAAA,EAAWjG,qBAAA;MACXkG,SAAA,EAAW/C;;;AAInB","ignoreList":[]}

package/dist/elements/Hierarchy/Search/index.css

@@ -3,18 +3,25 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    padding: var(--spacer-2-5) var(--spacer-2) var(--spacer-1) var(--spacer-2-5);
   }
 
   .hierarchy-search__controls {
     display: flex;
-    gap: var(--spacer-1);
+    gap: var(--spacer-2);
 
     .search-input {
       flex: 1;
     }
   }
 
+  .hierarchy-search__filter {
+    flex-shrink: 0;
+  }
+
+  .hierarchy-search__filter:hover:not(.btn--selected) {
+    background: var(--color-bg-tertiary);
+  }
+
   .hierarchy-search-results {
     display: flex;
     flex-direction: column;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAQtD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsF1D,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAWtD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2I1D,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}

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

@@ -4,22 +4,27 @@ import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import React, { useCallback, useState } from 'react';
+import { CheckIcon } from '../../../icons/Check/index.js';
+import { FilterIcon } from '../../../icons/Filter/index.js';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { Popup, PopupList } from '../../Popup/index.js';
 import { SearchInput } from '../../Search/SearchInput/index.js';
-import { HierarchyCreateNewButton } from '../CreateNewButton/index.js';
 import { HierarchySearchResults } from './HierarchySearchResults.js';
 import { useHierarchySearch } from './useHierarchySearch.js';
 import './index.css';
 const baseClass = 'hierarchy-search';
 export const HierarchySearch = t0 => {
-  const $ = _c(13);
+  const $ = _c(15);
   const {
     collectionSlug,
+    collectionSpecificOptions,
     isActive,
     onActiveChange,
+    onFilterChange,
     onSelect,
-    parentId
+    selectedFilters
   } = t0;
   const {
     i18n,
@@ -111,6 +116,22 @@ export const HierarchySearch = t0 => {
     t4 = $[12];
   }
   const handleSelect = t4;
+  let t5;
+  if ($[13] !== onFilterChange) {
+    t5 = t6 => {
+      const {
+        selectedValues
+      } = t6;
+      onFilterChange?.(selectedValues);
+    };
+    $[13] = onFilterChange;
+    $[14] = t5;
+  } else {
+    t5 = $[14];
+  }
+  const handleFilterChange = t5;
+  const hasFilters = collectionSpecificOptions && collectionSpecificOptions.length > 0;
+  const hasActiveFilters = selectedFilters && selectedFilters.length > 0;
   return _jsxs("div", {
     className: baseClass,
     children: [_jsxs("div", {
@@ -123,9 +144,55 @@ export const HierarchySearch = t0 => {
           label: collectionLabel
         }),
         value: inputValue
-      }), _jsx(HierarchyCreateNewButton, {
-        collectionSlug,
-        parentId
+      }), hasFilters && _jsx(Popup, {
+        buttonClassName: `${baseClass}__filter`,
+        caret: false,
+        horizontalAlign: "right",
+        render: () => _jsx(PopupList.RadioGroup, {
+          children: collectionSpecificOptions.map(t6 => {
+            const {
+              label,
+              value: value_0
+            } = t6;
+            const isActive_0 = selectedFilters?.includes(value_0);
+            return _jsx(PopupList.Button, {
+              active: isActive_0,
+              icon: isActive_0 ? _jsx(CheckIcon, {
+                size: 16
+              }) : undefined,
+              onClick: () => {
+                const newSelectedValues = isActive_0 ? selectedFilters.filter(v => v !== value_0) : [...selectedFilters, value_0];
+                handleFilterChange({
+                  selectedValues: newSelectedValues
+                });
+              },
+              children: label
+            }, value_0);
+          })
+        }),
+        renderButton: t7 => {
+          const {
+            active,
+            onClick,
+            onKeyDown
+          } = t7;
+          return _jsx(Button, {
+            "aria-label": t("general:filter"),
+            buttonStyle: "secondary",
+            className: `${baseClass}__filter`,
+            extraButtonProps: {
+              onKeyDown
+            },
+            icon: _jsx(FilterIcon, {
+              hasBadgeCutout: hasActiveFilters,
+              size: 16
+            }),
+            onClick,
+            round: true,
+            selected: active
+          });
+        },
+        verticalAlign: "bottom"
       })]
     }), isActive && _jsx(HierarchySearchResults, {
       hasNextPage,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useState","useConfig","useTranslation","SearchInput","HierarchyCreateNewButton","HierarchySearchResults","useHierarchySearch","baseClass","HierarchySearch","t0","$","collectionSlug","isActive","onActiveChange","onSelect","parentId","i18n","t","getEntityConfig","inputValue","setInputValue","collectionConfig","titleField","admin","useAsTitle","collectionLabel","labels","plural","hierarchyConfig","hierarchy","clearResults","hasNextPage","isLoading","loadMore","results","search","totalDocs","parentFieldName","titlePathField","titlePathFieldName","t1","query","handleSearch","t2","handleClear","t3","value","handleInputChange","t4","t5","id","handleSelect","_jsxs","className","children","_jsx","onChange","onClear","onSearch","placeholder","label","onLoadMore","HierarchySearchResultItem"],"sources":["../../../../src/elements/Hierarchy/Search/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useState } from 'react'\n\nimport type { HierarchySearchProps } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { SearchInput } from '../../Search/SearchInput/index.js'\nimport { HierarchyCreateNewButton } from '../CreateNewButton/index.js'\nimport { HierarchySearchResults } from './HierarchySearchResults.js'\nimport { useHierarchySearch } from './useHierarchySearch.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-search'\n\nexport const HierarchySearch: React.FC<HierarchySearchProps> = ({\n  collectionSlug,\n  isActive,\n  onActiveChange,\n  onSelect,\n  parentId,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n  const [inputValue, setInputValue] = useState('')\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const titleField = collectionConfig?.admin?.useAsTitle || 'id'\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : null\n\n  const { clearResults, hasNextPage, isLoading, loadMore, results, search, totalDocs } =\n    useHierarchySearch({\n      collectionSlug,\n      parentFieldName: hierarchyConfig?.parentFieldName,\n      titleField,\n      titlePathField: hierarchyConfig?.titlePathFieldName,\n    })\n\n  const handleSearch = useCallback(\n    async (query: string) => {\n      await search(query)\n      onActiveChange(true)\n    },\n    [search, onActiveChange],\n  )\n\n  const handleClear = useCallback(() => {\n    setInputValue('')\n    clearResults()\n    onActiveChange(false)\n  }, [clearResults, onActiveChange])\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      setInputValue(value)\n      if (!value && isActive) {\n        clearResults()\n        onActiveChange(false)\n      }\n    },\n    [isActive, clearResults, onActiveChange],\n  )\n\n  const handleSelect = useCallback(\n    ({ id }: { id: number | string }) => {\n      onSelect({ id })\n      handleClear()\n    },\n    [onSelect, handleClear],\n  )\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__controls`}>\n        <SearchInput\n          onChange={handleInputChange}\n          onClear={handleClear}\n          onSearch={handleSearch}\n          placeholder={t('hierarchy:searchLabel', { label: collectionLabel })}\n          value={inputValue}\n        />\n        <HierarchyCreateNewButton collectionSlug={collectionSlug} parentId={parentId} />\n      </div>\n      {isActive && (\n        <HierarchySearchResults\n          hasNextPage={hasNextPage}\n          isLoading={isLoading}\n          onLoadMore={loadMore}\n          onSelect={handleSelect}\n          query={inputValue}\n          results={results}\n          titleField={titleField}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport { HierarchySearchResultItem } from './HierarchySearchResultItem.js'\nexport { HierarchySearchResults } from './HierarchySearchResults.js'\nexport type { HierarchySearchProps, SearchResult } from './types.js'\nexport { useHierarchySearch } from './useHierarchySearch.js'\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,QAAQ,QAAQ;AAI7C,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,SAASC,wBAAwB,QAAQ;AACzC,SAASC,sBAAsB,QAAQ;AACvC,SAASC,kBAAkB,QAAQ;AACnC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,eAAA,GAAkDC,EAAA;EAAA,MAAAC,CAAA,GAAAd,EAAA;EAAC;IAAAe,cAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAN,EAM/D;EACC;IAAAO,IAAA;IAAAC;EAAA,IAAoBf,cAAA;EACpB;IAAAgB;EAAA,IAA4BjB,SAAA;EAC5B,OAAAkB,UAAA,EAAAC,aAAA,IAAoCpB,QAAA,CAAS;EAE7C,MAAAqB,gBAAA,GAAyBH,eAAA;IAAAP;EAAA,CAAiC;EAC1D,MAAAW,UAAA,GAAmBD,gBAAA,EAAAE,KAAA,EAAAC,UAAA,IAAuC;EAC1D,MAAAC,eAAA,GAAwB5B,cAAA,CAAewB,gBAAA,EAAAK,MAAA,EAAAC,MAAA,EAAkCX,IAAA;EACzE,MAAAY,eAAA,GACEP,gBAAA,EAAAQ,SAAA,IAA+B,OAAOR,gBAAA,CAAAQ,SAAA,KAA+B,WACjER,gBAAA,CAAAQ,SAAA,OACA;EAEN;IAAAC,YAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC;EAAA,IACE9B,kBAAA;IAAAK,cAAA;IAAA0B,eAAA,EAEmBT,eAAA,EAAAS,eAAA;IAAAf,UAAA;IAAAgB,cAAA,EAEDV,eAAA,EAAAW;EAAA,CAClB;EAAA,IAAAC,EAAA;EAAA,IAAA9B,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAyB,MAAA;IAGAK,EAAA,SAAAC,KAAA;MAAA,MACQN,MAAA,CAAOM,KAAA;MACb5B,cAAA,KAAe;IAAA;IACjBH,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAyB,MAAA;IAAAzB,CAAA,MAAA8B,EAAA;EAAA;IAAAA,EAAA,GAAA9B,CAAA;EAAA;EAJF,MAAAgC,YAAA,GAAqBF,EAKK;EAAA,IAAAG,EAAA;EAAA,IAAAjC,CAAA,QAAAoB,YAAA,IAAApB,CAAA,QAAAG,cAAA;IAGM8B,EAAA,GAAAA,CAAA;MAC9BvB,aAAA,CAAc;MACdU,YAAA;MACAjB,cAAA,MAAe;IAAA;IACjBH,CAAA,MAAAoB,YAAA;IAAApB,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAiC,EAAA;EAAA;IAAAA,EAAA,GAAAjC,CAAA;EAAA;EAJA,MAAAkC,WAAA,GAAoBD,EAIa;EAAA,IAAAE,EAAA;EAAA,IAAAnC,CAAA,QAAAoB,YAAA,IAAApB,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,cAAA;IAG/BgC,EAAA,GAAAC,KAAA;MACE1B,aAAA,CAAc0B,KAAA;MAAA,IACV,CAACA,KAAA,IAASlC,QAAA;QACZkB,YAAA;QACAjB,cAAA,MAAe;MAAA;IAAA;IAEnBH,CAAA,MAAAoB,YAAA;IAAApB,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EAPF,MAAAqC,iBAAA,GAA0BF,EAQgB;EAAA,IAAAG,EAAA;EAAA,IAAAtC,CAAA,SAAAkC,WAAA,IAAAlC,CAAA,SAAAI,QAAA;IAIxCkC,EAAA,GAAAC,EAAA;MAAC;QAAAC;MAAA,IAAAD,EAA+B;MAC9BnC,QAAA;QAAAoC;MAAA,CAAc;MACdN,WAAA;IAAA;IACFlC,CAAA,OAAAkC,WAAA;IAAAlC,CAAA,OAAAI,QAAA;IAAAJ,CAAA,OAAAsC,EAAA;EAAA;IAAAA,EAAA,GAAAtC,CAAA;EAAA;EAJF,MAAAyC,YAAA,GAAqBH,EAKI;EAAA,OAIvBI,KAAA,CAAC;IAAAC,SAAA,EAAA9C,SAAA;IAAA+C,QAAA,GACCF,KAAA,CAAC;MAAAC,SAAA,EAAe,GAAA9C,SAAA,YAAwB;MAAA+C,QAAA,GACtCC,IAAA,CAAApD,WAAA;QAAAqD,QAAA,EACYT,iBAAA;QAAAU,OAAA,EACDb,WAAA;QAAAc,QAAA,EACChB,YAAA;QAAAiB,WAAA,EACG1C,CAAA,CAAE;UAAA2C,KAAA,EAAkCnC;QAAA,CAAgB;QAAAqB,KAAA,EAC1D3B;MAAA,C,GAEToC,IAAA,CAAAnD,wBAAA;QAAAO,cAAA;QAAAI;MAAA,C;QAEDH,QAAA,IACC2C,IAAA,CAAAlD,sBAAA;MAAA0B,WAAA;MAAAC,SAAA;MAAA6B,UAAA,EAGc5B,QAAA;MAAAnB,QAAA,EACFqC,YAAA;MAAAV,KAAA,EACHtB,UAAA;MAAAe,OAAA;MAAAZ,UAAA;MAAAc;IAAA,C;;CAQjB;AAEA,SAAS0B,yBAAyB,QAAQ;AAC1C,SAASzD,sBAAsB,QAAQ;AAEvC,SAASC,kBAAkB,QAAQ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useState","CheckIcon","FilterIcon","useConfig","useTranslation","Button","Popup","PopupList","SearchInput","HierarchySearchResults","useHierarchySearch","baseClass","HierarchySearch","t0","$","collectionSlug","collectionSpecificOptions","isActive","onActiveChange","onFilterChange","onSelect","selectedFilters","i18n","t","getEntityConfig","inputValue","setInputValue","collectionConfig","titleField","admin","useAsTitle","collectionLabel","labels","plural","hierarchyConfig","hierarchy","clearResults","hasNextPage","isLoading","loadMore","results","search","totalDocs","parentFieldName","titlePathField","titlePathFieldName","t1","query","handleSearch","t2","handleClear","t3","value","handleInputChange","t4","t5","id","handleSelect","t6","selectedValues","handleFilterChange","hasFilters","length","hasActiveFilters","_jsxs","className","children","_jsx","onChange","onClear","onSearch","placeholder","label","buttonClassName","caret","horizontalAlign","render","RadioGroup","map","value_0","isActive_0","includes","active","icon","size","onClick","newSelectedValues","filter","v","onKeyDown","t7","buttonStyle","extraButtonProps","hasBadgeCutout","onLoadMore","HierarchySearchResultItem"],"sources":["../../../../src/elements/Hierarchy/Search/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useState } from 'react'\n\nimport type { HierarchySearchProps } from './types.js'\n\nimport { CheckIcon } from '../../../icons/Check/index.js'\nimport { FilterIcon } from '../../../icons/Filter/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { SearchInput } from '../../Search/SearchInput/index.js'\nimport { HierarchySearchResults } from './HierarchySearchResults.js'\nimport { useHierarchySearch } from './useHierarchySearch.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-search'\n\nexport const HierarchySearch: React.FC<HierarchySearchProps> = ({\n  collectionSlug,\n  collectionSpecificOptions,\n  isActive,\n  onActiveChange,\n  onFilterChange,\n  onSelect,\n  selectedFilters,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n  const [inputValue, setInputValue] = useState('')\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const titleField = collectionConfig?.admin?.useAsTitle || 'id'\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : null\n\n  const { clearResults, hasNextPage, isLoading, loadMore, results, search, totalDocs } =\n    useHierarchySearch({\n      collectionSlug,\n      parentFieldName: hierarchyConfig?.parentFieldName,\n      titleField,\n      titlePathField: hierarchyConfig?.titlePathFieldName,\n    })\n\n  const handleSearch = useCallback(\n    async (query: string) => {\n      await search(query)\n      onActiveChange(true)\n    },\n    [search, onActiveChange],\n  )\n\n  const handleClear = useCallback(() => {\n    setInputValue('')\n    clearResults()\n    onActiveChange(false)\n  }, [clearResults, onActiveChange])\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      setInputValue(value)\n      if (!value && isActive) {\n        clearResults()\n        onActiveChange(false)\n      }\n    },\n    [isActive, clearResults, onActiveChange],\n  )\n\n  const handleSelect = useCallback(\n    ({ id }: { id: number | string }) => {\n      onSelect({ id })\n      handleClear()\n    },\n    [onSelect, handleClear],\n  )\n\n  const handleFilterChange = useCallback(\n    ({ selectedValues }: { selectedValues: string[] }) => {\n      onFilterChange?.(selectedValues)\n    },\n    [onFilterChange],\n  )\n\n  const hasFilters = collectionSpecificOptions && collectionSpecificOptions.length > 0\n  const hasActiveFilters = selectedFilters && selectedFilters.length > 0\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__controls`}>\n        <SearchInput\n          onChange={handleInputChange}\n          onClear={handleClear}\n          onSearch={handleSearch}\n          placeholder={t('hierarchy:searchLabel', { label: collectionLabel })}\n          value={inputValue}\n        />\n        {hasFilters && (\n          <Popup\n            buttonClassName={`${baseClass}__filter`}\n            caret={false}\n            horizontalAlign=\"right\"\n            render={() => (\n              <PopupList.RadioGroup>\n                {collectionSpecificOptions.map(({ label, value }) => {\n                  const isActive = selectedFilters?.includes(value)\n                  return (\n                    <PopupList.Button\n                      active={isActive}\n                      icon={isActive ? <CheckIcon size={16} /> : undefined}\n                      key={value}\n                      onClick={() => {\n                        const newSelectedValues = isActive\n                          ? selectedFilters.filter((v) => v !== value)\n                          : [...selectedFilters, value]\n                        handleFilterChange({ selectedValues: newSelectedValues })\n                      }}\n                    >\n                      {label}\n                    </PopupList.Button>\n                  )\n                })}\n              </PopupList.RadioGroup>\n            )}\n            renderButton={({ active, onClick, onKeyDown }) => (\n              <Button\n                aria-label={t('general:filter')}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__filter`}\n                extraButtonProps={{ onKeyDown }}\n                icon={<FilterIcon hasBadgeCutout={hasActiveFilters} size={16} />}\n                onClick={onClick}\n                round\n                selected={active}\n              />\n            )}\n            verticalAlign=\"bottom\"\n          />\n        )}\n      </div>\n      {isActive && (\n        <HierarchySearchResults\n          hasNextPage={hasNextPage}\n          isLoading={isLoading}\n          onLoadMore={loadMore}\n          onSelect={handleSelect}\n          query={inputValue}\n          results={results}\n          titleField={titleField}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport { HierarchySearchResultItem } from './HierarchySearchResultItem.js'\nexport { HierarchySearchResults } from './HierarchySearchResults.js'\nexport type { HierarchySearchProps, SearchResult } from './types.js'\nexport { useHierarchySearch } from './useHierarchySearch.js'\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,12 +6,16 @@ export type SearchResult = {
 };
 export type HierarchySearchProps = {
     collectionSlug: string;
+    collectionSpecificOptions?: {
+        label: string;
+        value: string;
+    }[];
     isActive: boolean;
     onActiveChange: (isActive: boolean) => void;
+    onFilterChange?: (values: string[]) => void;
     onSelect: ({ id }: {
         id: number | string;
     }) => void;
-    /** Document new items are created under. `null` creates at the root level. */
-    parentId: null | number | string;
+    selectedFilters?: string[];
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,8EAA8E;IAC9E,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,MAAM,CAAA;IACtB,yBAAyB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC3C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Search/types.ts"],"sourcesContent":["export type SearchResult = {\n  [key: string]: unknown\n  _h_titlePath?: string\n  id: number | string\n  path: string\n}\n\nexport type HierarchySearchProps = {\n  collectionSlug: string\n  isActive: boolean\n  onActiveChange: (isActive: boolean) => void\n  onSelect: ({ id }: { id: number | string }) => void\n  /** Document new items are created under. `null` creates at the root level. */\n  parentId: null | number | string\n}\n"],"mappings":"AAOA","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/Search/types.ts"],"sourcesContent":["export type SearchResult = {\n  [key: string]: unknown\n  _h_titlePath?: string\n  id: number | string\n  path: string\n}\n\nexport type HierarchySearchProps = {\n  collectionSlug: string\n  collectionSpecificOptions?: { label: string; value: string }[]\n  isActive: boolean\n  onActiveChange: (isActive: boolean) => void\n  onFilterChange?: (values: string[]) => void\n  onSelect: ({ id }: { id: number | string }) => void\n  selectedFilters?: string[]\n}\n"],"mappings":"AAOA","ignoreList":[]}

package/dist/elements/Hierarchy/Search/useHierarchySearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHierarchySearch.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/useHierarchySearch.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB,4EAM5B,sBAAsB,KAAG,wBAmH3B,CAAA"}
+{"version":3,"file":"useHierarchySearch.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/useHierarchySearch.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,kBAAkB,4EAM5B,sBAAsB,KAAG,wBAoH3B,CAAA"}

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

@@ -26,9 +26,8 @@ export const useHierarchySearch = ({
       serverURL
     }
   } = useConfig();
-  const {
-    code: locale
-  } = useLocale();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
   const fetchResults = useCallback(async ({
     append,
     pageToFetch,