@payloadcms/ui 3.80.0-internal.60d6f94 → 3.80.0-internal.8d9ec7c

package/dist/elements/HierarchySearch/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/HierarchySearch/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/HierarchySearch/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/HierarchySearch/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { HierarchySearchProps } from './types.js';
+import './index.scss';
+export declare const HierarchySearch: React.FC<HierarchySearchProps>;
+export { HierarchySearchInput } from './HierarchySearchInput.js';
+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/HierarchySearch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/HierarchySearch/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAOtD,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwF1D,CAAA;AAED,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AAChE,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/HierarchySearch/index.js

@@ -0,0 +1,144 @@
+'use client';
+
+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 { useConfig } from '../../providers/Config/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { HierarchySearchInput } from './HierarchySearchInput.js';
+import { HierarchySearchResults } from './HierarchySearchResults.js';
+import { useHierarchySearch } from './useHierarchySearch.js';
+import './index.scss';
+const baseClass = 'hierarchy-search';
+export const HierarchySearch = t0 => {
+  const $ = _c(13);
+  const {
+    collectionSlug,
+    collectionSpecificOptions,
+    isActive,
+    onActiveChange,
+    onFilterChange,
+    onSelect,
+    selectedFilters
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    getEntityConfig
+  } = useConfig();
+  const [inputValue, setInputValue] = useState("");
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const titleField = collectionConfig?.admin?.useAsTitle || "id";
+  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n);
+  const hierarchyConfig = collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === "object" ? collectionConfig.hierarchy : null;
+  const {
+    clearResults,
+    hasNextPage,
+    isLoading,
+    loadMore,
+    results,
+    search,
+    totalDocs
+  } = useHierarchySearch({
+    collectionSlug,
+    parentFieldName: hierarchyConfig?.parentFieldName,
+    titleField,
+    titlePathField: hierarchyConfig?.titlePathFieldName
+  });
+  let t1;
+  if ($[0] !== onActiveChange || $[1] !== search) {
+    t1 = async query => {
+      await search(query);
+      onActiveChange(true);
+    };
+    $[0] = onActiveChange;
+    $[1] = search;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const handleSearch = t1;
+  let t2;
+  if ($[3] !== clearResults || $[4] !== onActiveChange) {
+    t2 = () => {
+      setInputValue("");
+      clearResults();
+      onActiveChange(false);
+    };
+    $[3] = clearResults;
+    $[4] = onActiveChange;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  const handleClear = t2;
+  let t3;
+  if ($[6] !== clearResults || $[7] !== isActive || $[8] !== onActiveChange) {
+    t3 = value => {
+      setInputValue(value);
+      if (!value && isActive) {
+        clearResults();
+        onActiveChange(false);
+      }
+    };
+    $[6] = clearResults;
+    $[7] = isActive;
+    $[8] = onActiveChange;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  const handleInputChange = t3;
+  let t4;
+  if ($[10] !== handleClear || $[11] !== onSelect) {
+    t4 = t5 => {
+      const {
+        id
+      } = t5;
+      onSelect({
+        id
+      });
+      handleClear();
+    };
+    $[10] = handleClear;
+    $[11] = onSelect;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  const handleSelect = t4;
+  return _jsxs("div", {
+    className: baseClass,
+    children: [_jsx(HierarchySearchInput, {
+      collectionSpecificOptions,
+      onChange: handleInputChange,
+      onClear: handleClear,
+      onFilterChange,
+      onSearch: handleSearch,
+      placeholder: t("hierarchy:searchLabel", {
+        label: collectionLabel
+      }),
+      selectedFilters,
+      value: inputValue
+    }), isActive && _jsx(HierarchySearchResults, {
+      hasNextPage,
+      isLoading,
+      onLoadMore: loadMore,
+      onSelect: handleSelect,
+      query: inputValue,
+      results,
+      titleField,
+      totalDocs
+    })]
+  });
+};
+export { HierarchySearchInput } from './HierarchySearchInput.js';
+export { HierarchySearchResultItem } from './HierarchySearchResultItem.js';
+export { HierarchySearchResults } from './HierarchySearchResults.js';
+export { useHierarchySearch } from './useHierarchySearch.js';
+//# sourceMappingURL=index.js.map

package/dist/elements/HierarchySearch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useState","useConfig","useTranslation","HierarchySearchInput","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","_jsxs","className","children","_jsx","onChange","onClear","onSearch","placeholder","label","onLoadMore","HierarchySearchResultItem"],"sources":["../../../src/elements/HierarchySearch/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 { HierarchySearchInput } from './HierarchySearchInput.js'\nimport { HierarchySearchResults } from './HierarchySearchResults.js'\nimport { useHierarchySearch } from './useHierarchySearch.js'\nimport './index.scss'\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  return (\n    <div className={baseClass}>\n      <HierarchySearchInput\n        collectionSpecificOptions={collectionSpecificOptions}\n        onChange={handleInputChange}\n        onClear={handleClear}\n        onFilterChange={onFilterChange}\n        onSearch={handleSearch}\n        placeholder={t('hierarchy:searchLabel', { label: collectionLabel })}\n        selectedFilters={selectedFilters}\n        value={inputValue}\n      />\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 { HierarchySearchInput } from './HierarchySearchInput.js'\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/HierarchySearch/index.scss

@@ -0,0 +1,212 @@
+@use '../../scss/styles.scss';
+
+.hierarchy-search {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.hierarchy-search-input {
+  --input-icon-inline-start-padding: calc(var(--base) * 0.4);
+  --input-icon-inline-end-padding: calc(var(--base) * 0.3);
+  --icon-width: calc(
+    (var(--base) * 0.8) + var(--input-icon-inline-start-padding) +
+      var(--input-icon-inline-end-padding)
+  );
+
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  margin-bottom: calc(var(--base) * 0.5);
+  background: var(--theme-elevation-50);
+  border-radius: var(--style-radius-s);
+
+  &__icon-container {
+    grid-column: 1 / 2;
+    grid-row: 1 / 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--icon-width);
+    color: var(--theme-elevation-400);
+    pointer-events: none;
+    z-index: 1;
+    padding-inline-start: var(--input-icon-inline-start-padding);
+    padding-inline-end: var(--input-icon-inline-end-padding);
+  }
+
+  .icon--search {
+    color: var(--theme-elevation-400);
+    height: calc(var(--base) * 0.8);
+    width: calc(var(--base) * 0.8);
+    pointer-events: none;
+    z-index: 1;
+    top: -1px;
+    position: relative;
+  }
+
+  &__input {
+    grid-column: 1 / 4;
+    grid-row: 1 / 2;
+    background: transparent;
+    font-size: 13px;
+    color: var(--theme-elevation-800);
+    outline: none;
+    padding: calc(var(--base) * 0.5);
+    padding-inline-start: var(--icon-width);
+    border-radius: inherit;
+    border: 1px solid transparent;
+
+    &::placeholder {
+      color: var(--theme-elevation-400);
+    }
+
+    &:focus-visible {
+      border-color: var(--theme-elevation-400);
+    }
+  }
+
+  &__actions {
+    grid-column: 3 / 4;
+    grid-row: 1 / 2;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: calc(var(--base) * 0.25);
+    padding: 0 calc(var(--base) * 0.5);
+    z-index: 1;
+  }
+
+  &__filter,
+  &__clear {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    color: var(--theme-elevation-400);
+    z-index: 1;
+    padding: 0;
+    width: calc(var(--base) * 1);
+    height: calc(var(--base) * 1);
+    border-radius: var(--style-radius-s);
+    border: 1px solid transparent;
+
+    &:hover,
+    &:focus-visible {
+      color: var(--theme-elevation-550);
+      background-color: var(--theme-elevation-100);
+      border-color: var(--theme-elevation-150);
+    }
+  }
+
+  &__filter {
+    &--active {
+      color: var(--theme-success-500);
+
+      &:hover,
+      &:focus-visible {
+        color: var(--theme-success-600);
+      }
+    }
+
+    .icon--filter {
+      width: calc(var(--base) * 0.8);
+      height: calc(var(--base) * 0.8);
+    }
+  }
+
+  &__clear {
+    .icon--x {
+      width: calc(var(--base) * 0.8);
+      height: calc(var(--base) * 0.8);
+    }
+  }
+}
+
+.hierarchy-search-results {
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  max-height: calc(100vh - 200px);
+  width: calc(100% + var(--nav-padding-inline-start) + var(--nav-padding-inline-end));
+  margin-left: calc(-1 * var(--nav-padding-inline-start));
+
+  &__list {
+    display: flex;
+    flex-direction: column;
+  }
+
+  &__empty {
+    color: var(--theme-elevation-500);
+    padding: calc(var(--base) * 0.2) 0;
+  }
+
+  &__load-more {
+    margin-top: calc(var(--base) * 0.2);
+    padding-left: calc(
+      var(--nav-padding-inline-start) - 2px
+    ); // align "L" pipe icon with left edge of search results
+    padding-right: var(--nav-padding-inline-end);
+    border: none;
+    background: transparent;
+    color: var(--theme-elevation-550);
+    cursor: pointer;
+    font-size: 12px;
+
+    &:hover {
+      color: var(--theme-elevation-800);
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+      opacity: 0.5;
+    }
+  }
+}
+
+.hierarchy-search-result-item {
+  display: flex;
+  flex-direction: column;
+  cursor: pointer;
+  transition: background-color 150ms ease;
+  padding-block: calc(var(--base) * 0.4);
+  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(--style-radius-s);
+  margin-inline-start: calc(0.5 * var(--nav-padding-inline-start));
+  margin-inline-end: calc(0.5 * var(--nav-padding-inline-end));
+  gap: 4px;
+  border: 1px solid transparent;
+
+  &:hover {
+    .hierarchy-search-result-item__title {
+      color: var(--theme-text);
+      text-decoration: underline;
+    }
+    .hierarchy-search-result-item__path {
+      color: var(--theme-elevation-550);
+    }
+  }
+
+  &:focus {
+    outline: none;
+    border-color: var(--theme-elevation-500);
+
+    .hierarchy-search-result-item__title {
+      text-decoration: underline;
+    }
+  }
+
+  &__title {
+    color: var(--theme-elevation-800);
+    line-height: 1;
+    @extend %small;
+  }
+
+  &__path {
+    color: var(--theme-elevation-400);
+    line-height: 1;
+    @extend %small;
+  }
+}

package/dist/elements/HierarchySearch/types.d.ts

@@ -0,0 +1,21 @@
+export type SearchResult = {
+    [key: string]: unknown;
+    _h_titlePath?: string;
+    id: number | string;
+    path: string;
+};
+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;
+    selectedFilters?: string[];
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/HierarchySearch/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/HierarchySearch/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/HierarchySearch/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/HierarchySearch/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/HierarchySearch/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/HierarchySearch/useHierarchySearch.d.ts

@@ -0,0 +1,20 @@
+import type { SearchResult } from './types.js';
+type UseHierarchySearchArgs = {
+    collectionSlug: string;
+    limit?: number;
+    parentFieldName?: string;
+    titleField: string;
+    titlePathField?: string;
+};
+type UseHierarchySearchReturn = {
+    clearResults: () => void;
+    hasNextPage: boolean;
+    isLoading: boolean;
+    loadMore: () => Promise<void>;
+    results: SearchResult[];
+    search: (query: string) => Promise<void>;
+    totalDocs: number;
+};
+export declare const useHierarchySearch: ({ collectionSlug, limit, parentFieldName, titleField, titlePathField, }: UseHierarchySearchArgs) => UseHierarchySearchReturn;
+export {};
+//# sourceMappingURL=useHierarchySearch.d.ts.map

package/dist/elements/HierarchySearch/useHierarchySearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHierarchySearch.d.ts","sourceRoot":"","sources":["../../../src/elements/HierarchySearch/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"}

package/dist/elements/HierarchySearch/useHierarchySearch.js

@@ -0,0 +1,122 @@
+'use client';
+
+import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
+import { useCallback, useState } from 'react';
+import { useConfig } from '../../providers/Config/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+export const useHierarchySearch = ({
+  collectionSlug,
+  limit = 15,
+  parentFieldName = 'parent',
+  titleField,
+  titlePathField = '_h_titlePath'
+}) => {
+  const [results, setResults] = useState([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [hasNextPage, setHasNextPage] = useState(false);
+  const [totalDocs, setTotalDocs] = useState(0);
+  const [page, setPage] = useState(1);
+  const [currentQuery, setCurrentQuery] = useState('');
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const {
+    code: locale
+  } = useLocale();
+  const fetchResults = useCallback(async ({
+    append,
+    pageToFetch,
+    query
+  }) => {
+    setIsLoading(true);
+    try {
+      const queryString = qs.stringify({
+        computeHierarchyPaths: true,
+        limit,
+        locale,
+        page: pageToFetch,
+        select: {
+          [parentFieldName]: true,
+          [titleField]: true,
+          [titlePathField]: true
+        },
+        where: {
+          [titleField]: {
+            contains: query
+          }
+        }
+      }, {
+        addQueryPrefix: true
+      });
+      const url = formatAdminURL({
+        apiRoute: api,
+        path: `/${collectionSlug}${queryString}`,
+        serverURL
+      });
+      const response = await fetch(url, {
+        credentials: 'include'
+      });
+      if (!response.ok) {
+        throw new Error('Search failed');
+      }
+      const data = await response.json();
+      const docs = (data.docs || []).map(doc => ({
+        ...doc,
+        path: doc[titlePathField] || ''
+      }));
+      setResults(append ? prev => [...prev, ...docs] : docs);
+      setHasNextPage(data.hasNextPage || false);
+      setTotalDocs(data.totalDocs || 0);
+      setPage(pageToFetch);
+      setCurrentQuery(query);
+    } catch {
+      if (!append) {
+        setResults([]);
+        setHasNextPage(false);
+        setTotalDocs(0);
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  }, [api, collectionSlug, limit, locale, parentFieldName, serverURL, titleField, titlePathField]);
+  const search = useCallback(async query_0 => {
+    await fetchResults({
+      append: false,
+      pageToFetch: 1,
+      query: query_0
+    });
+  }, [fetchResults]);
+  const loadMore = useCallback(async () => {
+    if (isLoading || !hasNextPage || !currentQuery) {
+      return;
+    }
+    await fetchResults({
+      append: true,
+      pageToFetch: page + 1,
+      query: currentQuery
+    });
+  }, [isLoading, hasNextPage, currentQuery, page, fetchResults]);
+  const clearResults = useCallback(() => {
+    setResults([]);
+    setHasNextPage(false);
+    setTotalDocs(0);
+    setPage(1);
+    setCurrentQuery('');
+  }, []);
+  return {
+    clearResults,
+    hasNextPage,
+    isLoading,
+    loadMore,
+    results,
+    search,
+    totalDocs
+  };
+};
+//# sourceMappingURL=useHierarchySearch.js.map