@payloadcms/ui 4.0.0-internal.5b1e7cd → 4.0.0-internal.5e065b3

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

@@ -0,0 +1,263 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@payloadcms/translations';
+import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import React, { 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 { HierarchyActionsMenu } from '../ActionsMenu/index.js';
+import { useHierarchyModal } from '../Modal/useHierarchyModal.js';
+export const baseClass = 'move-many';
+/**
+ * Gets the parent field name from the hierarchy config.
+ */
+function getParentFieldName(hierarchyConfig) {
+  const config = hierarchyConfig?.hierarchy && typeof hierarchyConfig.hierarchy === 'object' ? hierarchyConfig.hierarchy : undefined;
+  return config?.parentFieldName;
+}
+export function MoveMany({
+  currentParentID,
+  hierarchySlug,
+  Icon,
+  onSuccess,
+  requiredCollections: requiredCollectionsProp,
+  selections
+}) {
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const currentLocale = useLocale();
+  const locale = currentLocale?.code;
+  const {
+    config: {
+      collections,
+      routes: {
+        api
+      }
+    }
+  } = 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;
+    return parentIds?.length ? new Set(parentIds) : undefined;
+  }, [selections, hierarchySlug]);
+  const [HierarchyModal,, {
+    closeModal,
+    openModal: openHierarchyModal
+  }] = useHierarchyModal({
+    disabledIds,
+    filterByCollection: requiredCollections,
+    hierarchyCollectionSlug: hierarchySlug,
+    Icon
+  });
+  // Calculate total count and label
+  const {
+    count,
+    label,
+    modalTitleLabel
+  } = useMemo(() => {
+    let totalCount = 0;
+    const labels = [];
+    for (const [collectionSlug_0, {
+      ids
+    }] of Object.entries(selections)) {
+      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);
+        labels.push(collectionLabel);
+      }
+    }
+    return {
+      count: totalCount,
+      label: labels.join(', '),
+      modalTitleLabel: labels.length === 1 ? labels[0] : t(totalCount === 1 ? 'general:document' : 'general:documents')
+    };
+  }, [selections, collections, i18n, t]);
+  const parentFieldName = getParentFieldName(hierarchyCollectionConfig);
+  // Check if hierarchy has a valid parentFieldName
+  const canMove = parentFieldName !== undefined;
+  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;
+    }
+    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
+  }) => {
+    const firstSelection = selectionsMap.values().next().value;
+    if (!firstSelection) {
+      return;
+    }
+    const destinationTitle = firstSelection.path[firstSelection.path.length - 1]?.title || String(firstSelection.id);
+    void moveDocuments({
+      id: firstSelection.id,
+      title: destinationTitle
+    });
+  }, [moveDocuments]);
+  const handleMoveToRoot = useCallback(() => {
+    void moveDocuments({
+      id: null,
+      title: t('hierarchy:noParent')
+    });
+  }, [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: [/*#__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: triggerProps?.extraButtonProps,
+        onClick: triggerProps?.onClick ?? openHierarchyModal,
+        selected: triggerProps?.selected,
+        children: t('general:move')
+      }),
+      showActionIcons: true
+    }), /*#__PURE__*/_jsx(HierarchyModal, {
+      confirmLabel: t('general:confirm'),
+      hasMany: false,
+      initialSelections: initialSelections,
+      isBusy: isMoving,
+      onMoveToRoot: handleMoveToRoot,
+      onSave: handleModalSave,
+      showMoveToRoot: true,
+      title: t('general:moveCount', {
+        count,
+        label: modalTitleLabel
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+type HierarchySearchResultItemProps = {
+    id: number | string;
+    onClick: ({ id }: {
+        id: number | string;
+    }) => void;
+    path: string;
+    title: string;
+    truncateSegments?: number;
+};
+export declare const HierarchySearchResultItem: React.FC<HierarchySearchResultItemProps>;
+export {};
+//# sourceMappingURL=HierarchySearchResultItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySearchResultItem.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResultItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAInD,KAAK,8BAA8B,GAAG;IACpC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAClD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA+C9E,CAAA"}

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

@@ -0,0 +1,88 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+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 {
+    id,
+    onClick,
+    path,
+    title,
+    truncateSegments: t1
+  } = t0;
+  const truncateSegments = t1 === undefined ? 3 : t1;
+  let t2;
+  if ($[0] !== id || $[1] !== onClick) {
+    t2 = () => {
+      onClick({
+        id
+      });
+    };
+    $[0] = id;
+    $[1] = onClick;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const handleClick = t2;
+  let t3;
+  if ($[3] !== id || $[4] !== onClick) {
+    t3 = e => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onClick({
+          id
+        });
+      }
+    };
+    $[3] = id;
+    $[4] = onClick;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const handleKeyDown = t3;
+  let t4;
+  bb0: {
+    if (!path) {
+      t4 = "";
+      break bb0;
+    }
+    const segments = path.split(" / ");
+    if (segments.length <= truncateSegments) {
+      t4 = path;
+      break bb0;
+    }
+    t4 = "... / " + segments.slice(-truncateSegments).join(" / ");
+  }
+  const truncatedPath = t4;
+  let t5;
+  if ($[6] !== handleClick || $[7] !== handleKeyDown || $[8] !== title || $[9] !== truncatedPath) {
+    t5 = _jsxs("div", {
+      className: baseClass,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      role: "button",
+      tabIndex: 0,
+      children: [_jsx("div", {
+        className: `${baseClass}__title`,
+        children: title
+      }), truncatedPath && _jsx("div", {
+        className: `${baseClass}__path`,
+        children: truncatedPath
+      })]
+    });
+    $[6] = handleClick;
+    $[7] = handleKeyDown;
+    $[8] = title;
+    $[9] = truncatedPath;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  return t5;
+};
+//# sourceMappingURL=HierarchySearchResultItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySearchResultItem.js","names":["c","_c","React","useCallback","useMemo","baseClass","HierarchySearchResultItem","t0","$","id","onClick","path","title","truncateSegments","t1","undefined","t2","handleClick","t3","e","key","preventDefault","handleKeyDown","t4","bb0","segments","split","length","slice","join","truncatedPath","t5","_jsxs","className","onKeyDown","role","tabIndex","children","_jsx"],"sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResultItem.tsx"],"sourcesContent":["'use client'\n\nimport React, { useCallback, useMemo } from 'react'\n\nconst baseClass = 'hierarchy-search-result-item'\n\ntype HierarchySearchResultItemProps = {\n  id: number | string\n  onClick: ({ id }: { id: number | string }) => void\n  path: string\n  title: string\n  truncateSegments?: number\n}\n\nexport const HierarchySearchResultItem: React.FC<HierarchySearchResultItemProps> = ({\n  id,\n  onClick,\n  path,\n  title,\n  truncateSegments = 3,\n}) => {\n  const handleClick = useCallback(() => {\n    onClick({ id })\n  }, [id, onClick])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        onClick({ id })\n      }\n    },\n    [id, onClick],\n  )\n\n  const truncatedPath = useMemo(() => {\n    if (!path) {\n      return ''\n    }\n\n    const segments = path.split(' / ')\n\n    if (segments.length <= truncateSegments) {\n      return path\n    }\n\n    return '... / ' + segments.slice(-truncateSegments).join(' / ')\n  }, [path, truncateSegments])\n\n  return (\n    <div\n      className={baseClass}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div className={`${baseClass}__title`}>{title}</div>\n      {truncatedPath && <div className={`${baseClass}__path`}>{truncatedPath}</div>}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;AAE5C,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,yBAAA,GAAsEC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,EAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,KAAA;IAAAC,gBAAA,EAAAC;EAAA,IAAAP,EAMnF;EADC,MAAAM,gBAAA,GAAAC,EAAoB,KAAAC,SAAA,OAApBD,EAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAE,OAAA;IAEYM,EAAA,GAAAA,CAAA;MAC9BN,OAAA;QAAAD;MAAA,CAAa;IAAA;IACfD,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAFA,MAAAS,WAAA,GAAoBD,EAEJ;EAAA,IAAAE,EAAA;EAAA,IAAAV,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAE,OAAA;IAGdQ,EAAA,GAAAC,CAAA;MAAA,IACMA,CAAA,CAAAC,GAAA,KAAU,WAAWD,CAAA,CAAAC,GAAA,KAAU;QACjCD,CAAA,CAAAE,cAAA,CAAgB;QAChBX,OAAA;UAAAD;QAAA,CAAa;MAAA;IAAA;IAEjBD,CAAA,MAAAC,EAAA;IAAAD,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EANF,MAAAc,aAAA,GAAsBJ,EAOP;EAAA,IAAAK,EAAA;EAAAC,GAAA;IAAA,KAIRb,IAAA;MACHY,EAAA,GAAO;MAAA,MAAAC,GAAA;IAAA;IAGT,MAAAC,QAAA,GAAiBd,IAAA,CAAAe,KAAA,CAAW;IAAA,IAExBD,QAAA,CAAAE,MAAA,IAAmBd,gBAAA;MACrBU,EAAA,GAAOZ,IAAA;MAAA,MAAAa,GAAA;IAAA;IAGTD,EAAA,GAAO,WAAWE,QAAA,CAAAG,KAAA,EAAgBf,gBAAA,EAAAgB,IAAA,CAAuB;EAAA;EAX3D,MAAAC,aAAA,GAAsBP,EAYK;EAAA,IAAAQ,EAAA;EAAA,IAAAvB,CAAA,QAAAS,WAAA,IAAAT,CAAA,QAAAc,aAAA,IAAAd,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAsB,aAAA;IAGzBC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAA5B,SAAA;MAAAK,OAAA,EAEUO,WAAA;MAAAiB,SAAA,EACEZ,aAAA;MAAAa,IAAA,EACN;MAAAC,QAAA;MAAAC,QAAA,GAGLC,IAAA,CAAC;QAAAL,SAAA,EAAe,GAAA5B,SAAA,SAAqB;QAAAgC,QAAA,EAAGzB;MAAA,C,GACvCkB,aAAA,IAAiBQ,IAAA,CAAC;QAAAL,SAAA,EAAe,GAAA5B,SAAA,QAAoB;QAAAgC,QAAA,EAAGP;MAAA,C;;;;;;;;;;SAR3DC,E;CAWJ","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { SearchResult } from './types.js';
+type HierarchySearchResultsProps = {
+    hasNextPage: boolean;
+    isLoading: boolean;
+    onLoadMore: () => void;
+    onSelect: ({ id }: {
+        id: number | string;
+    }) => void;
+    query: string;
+    results: SearchResult[];
+    titleField: string;
+    totalDocs: number;
+};
+export declare const HierarchySearchResults: React.FC<HierarchySearchResultsProps>;
+export {};
+//# sourceMappingURL=HierarchySearchResults.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySearchResults.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResults.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAQ9C,KAAK,2BAA2B,GAAG;IACjC,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAwCxE,CAAA"}

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

@@ -0,0 +1,85 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { LoadMoreRow } from '../../LoadMoreRow/index.js';
+import { HierarchySearchResultItem } from './HierarchySearchResultItem.js';
+const baseClass = 'hierarchy-search-results';
+export const HierarchySearchResults = t0 => {
+  const $ = _c(14);
+  const {
+    hasNextPage,
+    isLoading,
+    onLoadMore,
+    onSelect,
+    query,
+    results,
+    titleField,
+    totalDocs
+  } = t0;
+  const {
+    t
+  } = useTranslation();
+  if (results.length === 0 && !isLoading) {
+    let t1;
+    if ($[0] !== query || $[1] !== t) {
+      t1 = _jsx("div", {
+        className: `${baseClass}__empty`,
+        children: t("hierarchy:noResults", {
+          query
+        })
+      });
+      $[0] = query;
+      $[1] = t;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  }
+  let t1;
+  if ($[3] !== hasNextPage || $[4] !== isLoading || $[5] !== onLoadMore || $[6] !== onSelect || $[7] !== results || $[8] !== titleField || $[9] !== totalDocs) {
+    let t2;
+    if ($[11] !== onSelect || $[12] !== titleField) {
+      t2 = result => _jsx(HierarchySearchResultItem, {
+        id: result.id,
+        onClick: onSelect,
+        path: result.path,
+        title: String(result[titleField] || result.id)
+      }, result.id);
+      $[11] = onSelect;
+      $[12] = titleField;
+      $[13] = t2;
+    } else {
+      t2 = $[13];
+    }
+    t1 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx("div", {
+        className: `${baseClass}__list`,
+        children: results.map(t2)
+      }), _jsx(LoadMoreRow, {
+        className: `${baseClass}__load-more`,
+        currentCount: results.length,
+        hasMore: hasNextPage,
+        isLoading,
+        onLoadMore,
+        totalDocs
+      })]
+    });
+    $[3] = hasNextPage;
+    $[4] = isLoading;
+    $[5] = onLoadMore;
+    $[6] = onSelect;
+    $[7] = results;
+    $[8] = titleField;
+    $[9] = totalDocs;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  return t1;
+};
+//# sourceMappingURL=HierarchySearchResults.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchySearchResults.js","names":["c","_c","React","useTranslation","LoadMoreRow","HierarchySearchResultItem","baseClass","HierarchySearchResults","t0","$","hasNextPage","isLoading","onLoadMore","onSelect","query","results","titleField","totalDocs","t","length","t1","_jsx","className","children","t2","result","id","onClick","path","title","String","_jsxs","map","currentCount","hasMore"],"sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchResults.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport type { SearchResult } from './types.js'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { LoadMoreRow } from '../../LoadMoreRow/index.js'\nimport { HierarchySearchResultItem } from './HierarchySearchResultItem.js'\n\nconst baseClass = 'hierarchy-search-results'\n\ntype HierarchySearchResultsProps = {\n  hasNextPage: boolean\n  isLoading: boolean\n  onLoadMore: () => void\n  onSelect: ({ id }: { id: number | string }) => void\n  query: string\n  results: SearchResult[]\n  titleField: string\n  totalDocs: number\n}\n\nexport const HierarchySearchResults: React.FC<HierarchySearchResultsProps> = ({\n  hasNextPage,\n  isLoading,\n  onLoadMore,\n  onSelect,\n  query,\n  results,\n  titleField,\n  totalDocs,\n}) => {\n  const { t } = useTranslation()\n\n  if (results.length === 0 && !isLoading) {\n    return <div className={`${baseClass}__empty`}>{t('hierarchy:noResults', { query })}</div>\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__list`}>\n        {results.map((result) => (\n          <HierarchySearchResultItem\n            id={result.id}\n            key={result.id}\n            onClick={onSelect}\n            path={result.path}\n            // eslint-disable-next-line @typescript-eslint/no-base-to-string\n            title={String(result[titleField] || result.id)}\n          />\n        ))}\n      </div>\n      <LoadMoreRow\n        className={`${baseClass}__load-more`}\n        currentCount={results.length}\n        hasMore={hasNextPage}\n        isLoading={isLoading}\n        onLoadMore={onLoadMore}\n        totalDocs={totalDocs}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,MAAW;AAIlB,SAASC,cAAc,QAAQ;AAC/B,SAASC,WAAW,QAAQ;AAC5B,SAASC,yBAAyB,QAAQ;AAE1C,MAAMC,SAAA,GAAY;AAalB,OAAO,MAAMC,sBAAA,GAAgEC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,WAAA;IAAAC,SAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAT,EAS7E;EACC;IAAAU;EAAA,IAAcf,cAAA;EAAA,IAEVY,OAAA,CAAAI,MAAA,MAAmB,KAAMR,SAAA;IAAA,IAAAS,EAAA;IAAA,IAAAX,CAAA,QAAAK,KAAA,IAAAL,CAAA,QAAAS,CAAA;MACpBE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAAhB,SAAA,SAAqB;QAAAiB,QAAA,EAAGL,CAAA,CAAE;UAAAJ;QAAA,CAA+B;MAAA,C;;;;;;;WAAzEM,E;;;;;;MAMUI,EAAA,GAAAC,MAAA,IACXJ,IAAA,CAAAhB,yBAAA;QAAAqB,EAAA,EACMD,MAAA,CAAAC,EAAA;QAAAC,OAAA,EAEKd,QAAA;QAAAe,IAAA,EACHH,MAAA,CAAAG,IAAA;QAAAC,KAAA,EAECC,MAAA,CAAOL,MAAM,CAACT,UAAA,KAAeS,MAAA,CAAAC,EAAS;MAAA,GAJxCD,MAAA,CAAAC,EAAS;MAAAjB,CAAA,OAAAI,QAAA;MAAAJ,CAAA,OAAAO,UAAA;MAAAP,CAAA,OAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IALtBW,EAAA,GAAAW,KAAA,CAAC;MAAAT,SAAA,EAAAhB,SAAA;MAAAiB,QAAA,GACCF,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAAhB,SAAA,QAAoB;QAAAiB,QAAA,EACjCR,OAAA,CAAAiB,GAAA,CAAYR,EAGK;MAAA,C,GAQpBH,IAAA,CAAAjB,WAAA;QAAAkB,SAAA,EACa,GAAAhB,SAAA,aAAyB;QAAA2B,YAAA,EACtBlB,OAAA,CAAAI,MAAA;QAAAe,OAAA,EACLxB,WAAA;QAAAC,SAAA;QAAAC,UAAA;QAAAK;MAAA,C;;;;;;;;;;;;;SAhBbG,E;CAuBJ","ignoreList":[]}

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

@@ -0,0 +1,106 @@
+@layer payload-default {
+  .hierarchy-search {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .hierarchy-search__controls {
+    display: flex;
+    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;
+    overflow-y: auto;
+    max-height: calc(100vh - 200px);
+    margin-top: var(--spacer-2);
+  }
+
+  .hierarchy-search-results__list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacer-1);
+  }
+
+  .hierarchy-search-results__empty {
+    color: var(--color-text-secondary);
+    padding: var(--spacer-1) 0;
+  }
+
+  .hierarchy-search-results__load-more {
+    margin-top: var(--spacer-1);
+    padding-left: calc(var(--spacer-1) + 1px); /* Align with text, accounting for 1px border */
+    padding-right: var(--nav-padding-inline-end);
+    border: none;
+    background: transparent;
+    color: var(--color-text-secondary);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--color-text);
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+  }
+
+  .hierarchy-search-result-item {
+    display: flex;
+    flex-direction: column;
+    cursor: pointer;
+    padding-block: var(--spacer-1);
+    padding-inline-start: calc(var(--nav-padding-inline-start) * 0.5);
+    padding-inline-end: calc(var(--nav-padding-inline-end) * 0.5);
+    border-radius: var(--radius-medium);
+    gap: var(--spacer-1);
+    background: transparent;
+    border: var(--stroke-width-small) solid transparent;
+
+    &:hover {
+      background-color: var(--color-bg-transparent-hover);
+    }
+
+    &:active {
+      background-color: var(--color-bg-transparent-pressed);
+    }
+
+    &:hover .hierarchy-search-result-item__title {
+      color: var(--color-text);
+    }
+
+    &:hover .hierarchy-search-result-item__path {
+      color: var(--color-text-secondary);
+    }
+
+    &:focus-visible {
+      outline: none;
+      border-color: var(--accessibility-focus-color);
+    }
+  }
+
+  .hierarchy-search-result-item__title {
+    color: var(--color-text);
+    line-height: 1;
+  }
+
+  .hierarchy-search-result-item__path {
+    color: var(--color-text-tertiary);
+    line-height: 1;
+  }
+}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { HierarchySearchProps } from './types.js';
+import './index.css';
+export declare const HierarchySearch: React.FC<HierarchySearchProps>;
+export { HierarchySearchResultItem } from './HierarchySearchResultItem.js';
+export { HierarchySearchResults } from './HierarchySearchResults.js';
+export type { HierarchySearchProps, SearchResult } from './types.js';
+export { useHierarchySearch } from './useHierarchySearch.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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;AAUtD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqJ1D,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"}