@payloadcms/ui 4.0.0-internal.38b7f1d → 4.0.0-internal.c2b57ce

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

@@ -1 +1 @@
-{"version":3,"file":"SelectedHierarchies.js","names":["c","_c","formatAdminURL","qs","React","useEffect","useMemo","useRef","useState","XIcon","useConfig","useTranslation","Pill","Spinner","baseClass","SelectedHierarchies","hierarchySlug","Icon","onRemove","readOnly","selectedIds","config","getEntityConfig","i18n","items","setItems","isInitialLoad","setIsInitialLoad","prevSelectedIdsRef","routes","api","serverURL","collectionConfig","collectionSlug","selectedIdsKey","slice","sort","join","length","current","fetchItems","useAsTitle","admin","query","depth","limit","select","where","id","in","queryString","stringify","url","apiRoute","path","response","fetch","credentials","headers","language","ok","data","json","fetchedItems","docs","map","doc","docId","titleValue","title","String","orderedItems","find","item","filter","undefined","_jsx","className","size","SelectedPill","t0","$","t","t1","e","preventDefault","stopPropagation","handleRemove","t2","_jsxs","pillStyle","children","Boolean","disabled","onClick","type"],"sources":["../../../../src/elements/Hierarchy/Field/SelectedHierarchies.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\n\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Pill } from '../../Pill/index.js'\nimport { Spinner } from '../../Spinner/index.js'\nimport './SelectedHierarchies.scss'\n\nconst baseClass = 'selected-hierarchies'\n\ntype HierarchyItem = {\n  id: number | string\n  title: string\n}\n\nexport type SelectedHierarchiesProps = {\n  hierarchySlug: string\n  Icon?: React.ReactNode\n  onRemove: ({ id }: { id: number | string }) => void\n  readOnly?: boolean\n  selectedIds: (number | string)[]\n}\n\nexport const SelectedHierarchies: React.FC<SelectedHierarchiesProps> = ({\n  hierarchySlug,\n  Icon,\n  onRemove,\n  readOnly = false,\n  selectedIds,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const [items, setItems] = useState<HierarchyItem[]>([])\n  const [isInitialLoad, setIsInitialLoad] = useState(true)\n\n  const prevSelectedIdsRef = useRef<string>('')\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchySlug })\n\n  const selectedIdsKey = useMemo(() => selectedIds.slice().sort().join(','), [selectedIds])\n\n  useEffect(() => {\n    if (!selectedIds || selectedIds.length === 0) {\n      setItems([])\n      setIsInitialLoad(false)\n      return\n    }\n\n    if (prevSelectedIdsRef.current === selectedIdsKey) {\n      return\n    }\n    prevSelectedIdsRef.current = selectedIdsKey\n\n    const fetchItems = async () => {\n      const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n\n      const query = {\n        depth: 0,\n        limit: selectedIds.length,\n        select: {\n          [useAsTitle]: true,\n        },\n        where: {\n          id: {\n            in: selectedIds,\n          },\n        },\n      }\n\n      const queryString = qs.stringify(query)\n\n      try {\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${hierarchySlug}?${queryString}`,\n          serverURL,\n        })\n\n        const response = await fetch(url, {\n          credentials: 'include',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n        })\n\n        if (response.ok) {\n          const data = await response.json()\n          const fetchedItems: HierarchyItem[] = data.docs.map((doc: Record<string, unknown>) => {\n            const docId = doc.id as number | string\n            const titleValue = doc[useAsTitle] ?? docId\n            const title =\n              typeof titleValue === 'string' || typeof titleValue === 'number'\n                ? String(titleValue)\n                : String(docId)\n            return {\n              id: docId,\n              title,\n            }\n          })\n\n          // Order by selectedIds to preserve selection order\n          const orderedItems = selectedIds\n            .map((id) => fetchedItems.find((item) => item.id === id))\n            .filter((item): item is HierarchyItem => item !== undefined)\n\n          setItems(orderedItems)\n        }\n      } catch {\n        // Silently fail - items will remain empty\n      } finally {\n        setIsInitialLoad(false)\n      }\n    }\n\n    void fetchItems()\n  }, [selectedIds, selectedIdsKey, hierarchySlug, collectionConfig, serverURL, api, i18n.language])\n\n  if (isInitialLoad) {\n    return (\n      <div className={`${baseClass}__loading`}>\n        <Spinner size=\"small\" />\n      </div>\n    )\n  }\n\n  if (items.length === 0) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__pills`}>\n        {items.map((item) => (\n          <SelectedPill\n            Icon={Icon}\n            item={item}\n            key={item.id}\n            onRemove={onRemove}\n            readOnly={readOnly}\n          />\n        ))}\n      </div>\n    </div>\n  )\n}\n\ntype SelectedPillProps = {\n  Icon?: React.ReactNode\n  item: HierarchyItem\n  onRemove: ({ id }: { id: number | string }) => void\n  readOnly: boolean\n}\n\nconst SelectedPill: React.FC<SelectedPillProps> = ({ Icon, item, onRemove, readOnly }) => {\n  const { t } = useTranslation()\n\n  const handleRemove = (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n    onRemove({ id: item.id })\n  }\n\n  return (\n    <Pill className={`${baseClass}__pill`} pillStyle=\"light\" size=\"small\">\n      {Boolean(Icon) && <span className={`${baseClass}__pill-icon`}>{Icon}</span>}\n      <span className={`${baseClass}__pill-label`}>{item.title}</span>\n      <button\n        aria-label={t('general:remove')}\n        className={`${baseClass}__pill-remove`}\n        disabled={readOnly}\n        onClick={readOnly ? undefined : handleRemove}\n        type=\"button\"\n      >\n        <XIcon />\n      </button>\n    </Pill>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectedHierarchies.js","names":["formatAdminURL","qs","React","useEffect","useMemo","useRef","useState","useConfig","useTranslation","Chip","Spinner","baseClass","SelectedHierarchies","hierarchySlug","Icon","onRemove","readOnly","selectedIds","config","getEntityConfig","i18n","items","setItems","isInitialLoad","setIsInitialLoad","prevSelectedIdsRef","routes","api","serverURL","collectionConfig","collectionSlug","selectedIdsKey","slice","sort","join","length","current","fetchItems","useAsTitle","admin","query","depth","limit","select","where","id","in","queryString","stringify","url","apiRoute","path","response","fetch","credentials","headers","language","ok","data","json","fetchedItems","docs","map","doc","docId","titleValue","title","String","orderedItems","find","item","filter","undefined","_jsx","className","size","SelectedPill","disabled","icon"],"sources":["../../../../src/elements/Hierarchy/Field/SelectedHierarchies.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { useEffect, useMemo, useRef, useState } from 'react'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Chip } from '../../Chip/index.js'\nimport { Spinner } from '../../Spinner/index.js'\nimport './SelectedHierarchies.scss'\n\nconst baseClass = 'selected-hierarchies'\n\ntype HierarchyItem = {\n  id: number | string\n  title: string\n}\n\nexport type SelectedHierarchiesProps = {\n  hierarchySlug: string\n  Icon?: React.ReactNode\n  onRemove: ({ id }: { id: number | string }) => void\n  readOnly?: boolean\n  selectedIds: (number | string)[]\n}\n\nexport const SelectedHierarchies: React.FC<SelectedHierarchiesProps> = ({\n  hierarchySlug,\n  Icon,\n  onRemove,\n  readOnly = false,\n  selectedIds,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { i18n } = useTranslation()\n  const [items, setItems] = useState<HierarchyItem[]>([])\n  const [isInitialLoad, setIsInitialLoad] = useState(true)\n\n  const prevSelectedIdsRef = useRef<string>('')\n\n  const {\n    routes: { api },\n    serverURL,\n  } = config\n\n  const collectionConfig = getEntityConfig({ collectionSlug: hierarchySlug })\n\n  const selectedIdsKey = useMemo(() => selectedIds.slice().sort().join(','), [selectedIds])\n\n  useEffect(() => {\n    if (!selectedIds || selectedIds.length === 0) {\n      setItems([])\n      setIsInitialLoad(false)\n      return\n    }\n\n    if (prevSelectedIdsRef.current === selectedIdsKey) {\n      return\n    }\n    prevSelectedIdsRef.current = selectedIdsKey\n\n    const fetchItems = async () => {\n      const useAsTitle = collectionConfig?.admin?.useAsTitle || 'id'\n\n      const query = {\n        depth: 0,\n        limit: selectedIds.length,\n        select: {\n          [useAsTitle]: true,\n        },\n        where: {\n          id: {\n            in: selectedIds,\n          },\n        },\n      }\n\n      const queryString = qs.stringify(query)\n\n      try {\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${hierarchySlug}?${queryString}`,\n          serverURL,\n        })\n\n        const response = await fetch(url, {\n          credentials: 'include',\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n        })\n\n        if (response.ok) {\n          const data = await response.json()\n          const fetchedItems: HierarchyItem[] = data.docs.map((doc: Record<string, unknown>) => {\n            const docId = doc.id as number | string\n            const titleValue = doc[useAsTitle] ?? docId\n            const title =\n              typeof titleValue === 'string' || typeof titleValue === 'number'\n                ? String(titleValue)\n                : String(docId)\n            return {\n              id: docId,\n              title,\n            }\n          })\n\n          // Order by selectedIds to preserve selection order\n          const orderedItems = selectedIds\n            .map((id) => fetchedItems.find((item) => item.id === id))\n            .filter((item): item is HierarchyItem => item !== undefined)\n\n          setItems(orderedItems)\n        }\n      } catch {\n        // Silently fail - items will remain empty\n      } finally {\n        setIsInitialLoad(false)\n      }\n    }\n\n    void fetchItems()\n  }, [selectedIds, selectedIdsKey, hierarchySlug, collectionConfig, serverURL, api, i18n.language])\n\n  if (isInitialLoad) {\n    return (\n      <div className={`${baseClass}__loading`}>\n        <Spinner size=\"sm\" />\n      </div>\n    )\n  }\n\n  if (items.length === 0) {\n    return null\n  }\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__pills`}>\n        {items.map((item) => (\n          <SelectedPill\n            Icon={Icon}\n            item={item}\n            key={item.id}\n            onRemove={onRemove}\n            readOnly={readOnly}\n          />\n        ))}\n      </div>\n    </div>\n  )\n}\n\ntype SelectedPillProps = {\n  Icon?: React.ReactNode\n  item: HierarchyItem\n  onRemove: ({ id }: { id: number | string }) => void\n  readOnly: boolean\n}\n\nconst SelectedPill: React.FC<SelectedPillProps> = ({ Icon, item, onRemove, readOnly }) => {\n  return (\n    <Chip\n      className={`${baseClass}__pill`}\n      disabled={readOnly}\n      icon={Icon}\n      onRemove={() => onRemove({ id: item.id })}\n      size=\"medium\"\n    >\n      {item.title}\n    </Chip>\n  )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AACpB,OAAOC,KAAA,IAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAE5D,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,IAAI,QAAQ;AACrB,SAASC,OAAO,QAAQ;AACxB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAelB,OAAO,MAAMC,mBAAA,GAA0DA,CAAC;EACtEC,aAAa;EACbC,IAAI;EACJC,QAAQ;EACRC,QAAA,GAAW,KAAK;EAChBC;AAAW,CACZ;EACC,MAAM;IAAEC,MAAM;IAAEC;EAAe,CAAE,GAAGZ,SAAA;EACpC,MAAM;IAAEa;EAAI,CAAE,GAAGZ,cAAA;EACjB,MAAM,CAACa,KAAA,EAAOC,QAAA,CAAS,GAAGhB,QAAA,CAA0B,EAAE;EACtD,MAAM,CAACiB,aAAA,EAAeC,gBAAA,CAAiB,GAAGlB,QAAA,CAAS;EAEnD,MAAMmB,kBAAA,GAAqBpB,MAAA,CAAe;EAE1C,MAAM;IACJqB,MAAA,EAAQ;MAAEC;IAAG,CAAE;IACfC;EAAS,CACV,GAAGV,MAAA;EAEJ,MAAMW,gBAAA,GAAmBV,eAAA,CAAgB;IAAEW,cAAA,EAAgBjB;EAAc;EAEzE,MAAMkB,cAAA,GAAiB3B,OAAA,CAAQ,MAAMa,WAAA,CAAYe,KAAK,GAAGC,IAAI,GAAGC,IAAI,CAAC,MAAM,CAACjB,WAAA,CAAY;EAExFd,SAAA,CAAU;IACR,IAAI,CAACc,WAAA,IAAeA,WAAA,CAAYkB,MAAM,KAAK,GAAG;MAC5Cb,QAAA,CAAS,EAAE;MACXE,gBAAA,CAAiB;MACjB;IACF;IAEA,IAAIC,kBAAA,CAAmBW,OAAO,KAAKL,cAAA,EAAgB;MACjD;IACF;IACAN,kBAAA,CAAmBW,OAAO,GAAGL,cAAA;IAE7B,MAAMM,UAAA,GAAa,MAAAA,CAAA;MACjB,MAAMC,UAAA,GAAaT,gBAAA,EAAkBU,KAAA,EAAOD,UAAA,IAAc;MAE1D,MAAME,KAAA,GAAQ;QACZC,KAAA,EAAO;QACPC,KAAA,EAAOzB,WAAA,CAAYkB,MAAM;QACzBQ,MAAA,EAAQ;UACN,CAACL,UAAA,GAAa;QAChB;QACAM,KAAA,EAAO;UACLC,EAAA,EAAI;YACFC,EAAA,EAAI7B;UACN;QACF;MACF;MAEA,MAAM8B,WAAA,GAAc9C,EAAA,CAAG+C,SAAS,CAACR,KAAA;MAEjC,IAAI;QACF,MAAMS,GAAA,GAAMjD,cAAA,CAAe;UACzBkD,QAAA,EAAUvB,GAAA;UACVwB,IAAA,EAAM,IAAItC,aAAA,IAAiBkC,WAAA,EAAa;UACxCnB;QACF;QAEA,MAAMwB,QAAA,GAAW,MAAMC,KAAA,CAAMJ,GAAA,EAAK;UAChCK,WAAA,EAAa;UACbC,OAAA,EAAS;YACP,mBAAmBnC,IAAA,CAAKoC;UAC1B;QACF;QAEA,IAAIJ,QAAA,CAASK,EAAE,EAAE;UACf,MAAMC,IAAA,GAAO,MAAMN,QAAA,CAASO,IAAI;UAChC,MAAMC,YAAA,GAAgCF,IAAA,CAAKG,IAAI,CAACC,GAAG,CAAEC,GAAA;YACnD,MAAMC,KAAA,GAAQD,GAAA,CAAIlB,EAAE;YACpB,MAAMoB,UAAA,GAAaF,GAAG,CAACzB,UAAA,CAAW,IAAI0B,KAAA;YACtC,MAAME,KAAA,GACJ,OAAOD,UAAA,KAAe,YAAY,OAAOA,UAAA,KAAe,WACpDE,MAAA,CAAOF,UAAA,IACPE,MAAA,CAAOH,KAAA;YACb,OAAO;cACLnB,EAAA,EAAImB,KAAA;cACJE;YACF;UACF;UAEA;UACA,MAAME,YAAA,GAAenD,WAAA,CAClB6C,GAAG,CAAEjB,EAAA,IAAOe,YAAA,CAAaS,IAAI,CAAEC,IAAA,IAASA,IAAA,CAAKzB,EAAE,KAAKA,EAAA,GACpD0B,MAAM,CAAED,MAAA,IAAgCA,MAAA,KAASE,SAAA;UAEpDlD,QAAA,CAAS8C,YAAA;QACX;MACF,EAAE,MAAM;QACN;MAAA,CACF,SAAU;QACR5C,gBAAA,CAAiB;MACnB;IACF;IAEA,KAAKa,UAAA;EACP,GAAG,CAACpB,WAAA,EAAac,cAAA,EAAgBlB,aAAA,EAAegB,gBAAA,EAAkBD,SAAA,EAAWD,GAAA,EAAKP,IAAA,CAAKoC,QAAQ,CAAC;EAEhG,IAAIjC,aAAA,EAAe;IACjB,oBACEkD,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAG/D,SAAA,WAAoB;gBACrC,aAAA8D,IAAA,CAAC/D,OAAA;QAAQiE,IAAA,EAAK;;;EAGpB;EAEA,IAAItD,KAAA,CAAMc,MAAM,KAAK,GAAG;IACtB,OAAO;EACT;EAEA,oBACEsC,IAAA,CAAC;IAAIC,SAAA,EAAW/D,SAAA;cACd,aAAA8D,IAAA,CAAC;MAAIC,SAAA,EAAW,GAAG/D,SAAA,SAAkB;gBAClCU,KAAA,CAAMyC,GAAG,CAAEQ,MAAA,iBACVG,IAAA,CAACG,YAAA;QACC9D,IAAA,EAAMA,IAAA;QACNwD,IAAA,EAAMA,MAAA;QAENvD,QAAA,EAAUA,QAAA;QACVC,QAAA,EAAUA;SAFLsD,MAAA,CAAKzB,EAAE;;;AAQxB;AASA,MAAM+B,YAAA,GAA4CA,CAAC;EAAE9D,IAAI;EAAEwD,IAAI;EAAEvD,QAAQ;EAAEC;AAAQ,CAAE;EACnF,oBACEyD,IAAA,CAAChE,IAAA;IACCiE,SAAA,EAAW,GAAG/D,SAAA,QAAiB;IAC/BkE,QAAA,EAAU7D,QAAA;IACV8D,IAAA,EAAMhE,IAAA;IACNC,QAAA,EAAUA,CAAA,KAAMA,QAAA,CAAS;MAAE8B,EAAA,EAAIyB,IAAA,CAAKzB;IAAG;IACvC8B,IAAA,EAAK;cAEJL,IAAA,CAAKJ;;AAGZ","ignoreList":[]}

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

@@ -14,7 +14,7 @@
       gap: calc(var(--base) * 0.25);
       align-items: center;
       background-color: var(--theme-elevation-50);
-      border: 1px solid var(--theme-elevation-150);
+      border: var(--stroke-width-small) solid var(--theme-elevation-150);
       padding-inline-end: calc(var(--base) * 0.2);
 
       .pill__label {

package/dist/elements/Hierarchy/Field/index.scss

@@ -2,6 +2,12 @@
 
 @layer payload-default {
   .hierarchy-field {
+    .field-type__wrap {
+      gap: var(--spacer-2);
+      flex-direction: column;
+      display: flex;
+    }
+
     .field-label {
       display: flex;
       font-size: 18px;

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

@@ -1,16 +1,9 @@
 import React from 'react';
-type FilterOption = {
-    label: string;
-    value: string;
-};
 type HierarchySearchInputProps = {
-    collectionSpecificOptions?: FilterOption[];
     onChange: (value: string) => void;
     onClear: () => void;
-    onFilterChange?: (values: string[]) => void;
     onSearch: (value: string) => void;
     placeholder?: string;
-    selectedFilters?: string[];
     value: string;
 };
 export declare const HierarchySearchInput: React.FC<HierarchySearchInputProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"HierarchySearchInput.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,yBAAyB,GAAG;IAC/B,yBAAyB,CAAC,EAAE,YAAY,EAAE,CAAA;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0FpE,CAAA"}
+{"version":3,"file":"HierarchySearchInput.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAQ1C,KAAK,yBAAyB,GAAG;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwDpE,CAAA"}

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

@@ -3,113 +3,93 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback } from 'react';
-import { FilterIcon } from '../../../icons/Filter/index.js';
 import { SearchIcon } from '../../../icons/Search/index.js';
 import { XIcon } from '../../../icons/X/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
-import { CheckboxPopup } from '../../CheckboxPopup/index.js';
 const baseClass = 'hierarchy-search-input';
 export const HierarchySearchInput = t0 => {
-  const $ = _c(9);
+  const $ = _c(15);
   const {
-    collectionSpecificOptions,
     onChange,
     onClear,
-    onFilterChange,
     onSearch,
     placeholder,
-    selectedFilters: t1,
     value
   } = t0;
-  const selectedFilters = t1 === undefined ? [] : t1;
   const {
     t
   } = useTranslation();
-  let t2;
+  let t1;
   if ($[0] !== onChange) {
-    t2 = e => {
+    t1 = e => {
       onChange(e.target.value);
     };
     $[0] = onChange;
-    $[1] = t2;
+    $[1] = t1;
   } else {
-    t2 = $[1];
+    t1 = $[1];
   }
-  const handleChange = t2;
-  let t3;
+  const handleChange = t1;
+  let t2;
   if ($[2] !== onSearch || $[3] !== value) {
-    t3 = e_0 => {
+    t2 = e_0 => {
       if (e_0.key === "Enter" && value.length > 0) {
         onSearch(value);
       }
     };
     $[2] = onSearch;
     $[3] = value;
-    $[4] = t3;
+    $[4] = t2;
   } else {
-    t3 = $[4];
+    t2 = $[4];
   }
-  const handleKeyDown = t3;
-  let t4;
+  const handleKeyDown = t2;
+  let t3;
   if ($[5] !== onClear) {
-    t4 = () => {
+    t3 = () => {
       onClear();
     };
     $[5] = onClear;
-    $[6] = t4;
+    $[6] = t3;
   } else {
-    t4 = $[6];
+    t3 = $[6];
   }
-  const handleClear = t4;
-  let t5;
-  if ($[7] !== onFilterChange) {
-    t5 = t6 => {
-      const {
-        selectedValues
-      } = t6;
-      onFilterChange?.(selectedValues);
-    };
-    $[7] = onFilterChange;
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  const handleFilterChange = t5;
-  const hasFilters = collectionSpecificOptions && collectionSpecificOptions.length > 0;
-  const hasActiveFilters = selectedFilters.length > 0;
+  const handleClear = t3;
   const hasValue = value.length > 0;
-  return _jsxs("div", {
-    className: baseClass,
-    children: [_jsx("div", {
-      className: `${baseClass}__icon-container`,
-      children: _jsx(SearchIcon, {})
-    }), _jsx("input", {
-      "aria-label": placeholder,
-      className: `${baseClass}__input`,
-      onChange: handleChange,
-      onKeyDown: handleKeyDown,
-      placeholder,
-      type: "text",
-      value
-    }), _jsxs("div", {
-      className: `${baseClass}__actions`,
-      children: [hasValue && _jsx("button", {
+  let t4;
+  if ($[7] !== handleChange || $[8] !== handleClear || $[9] !== handleKeyDown || $[10] !== hasValue || $[11] !== placeholder || $[12] !== t || $[13] !== value) {
+    t4 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx("div", {
+        className: `${baseClass}__icon-container`,
+        children: _jsx(SearchIcon, {})
+      }), _jsx("input", {
+        "aria-label": placeholder,
+        className: `${baseClass}__input`,
+        onChange: handleChange,
+        onKeyDown: handleKeyDown,
+        placeholder,
+        type: "text",
+        value
+      }), hasValue && _jsx("button", {
         "aria-label": t("general:clear"),
         className: `${baseClass}__clear`,
         onClick: handleClear,
         type: "button",
         children: _jsx(XIcon, {})
-      }), hasFilters && _jsx(CheckboxPopup, {
-        Button: _jsx("div", {
-          "aria-label": t("general:filter"),
-          className: [`${baseClass}__filter`, hasActiveFilters && `${baseClass}__filter--active`].filter(Boolean).join(" "),
-          children: _jsx(FilterIcon, {})
-        }),
-        onChange: handleFilterChange,
-        options: collectionSpecificOptions,
-        selectedValues: selectedFilters
       })]
-    })]
-  });
+    });
+    $[7] = handleChange;
+    $[8] = handleClear;
+    $[9] = handleKeyDown;
+    $[10] = hasValue;
+    $[11] = placeholder;
+    $[12] = t;
+    $[13] = value;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
 };
 //# sourceMappingURL=HierarchySearchInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HierarchySearchInput.js","names":["c","_c","React","useCallback","FilterIcon","SearchIcon","XIcon","useTranslation","CheckboxPopup","baseClass","HierarchySearchInput","t0","$","collectionSpecificOptions","onChange","onClear","onFilterChange","onSearch","placeholder","selectedFilters","t1","value","undefined","t","t2","e","target","handleChange","t3","e_0","key","length","handleKeyDown","t4","handleClear","t5","t6","selectedValues","handleFilterChange","hasFilters","hasActiveFilters","hasValue","_jsxs","className","children","_jsx","onKeyDown","type","onClick","Button","filter","Boolean","join","options"],"sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchInput.tsx"],"sourcesContent":["'use client'\n\nimport type { ChangeEvent, KeyboardEvent } from 'react'\n\nimport React, { useCallback } from 'react'\n\nimport { FilterIcon } from '../../../icons/Filter/index.js'\nimport { SearchIcon } from '../../../icons/Search/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { CheckboxPopup } from '../../CheckboxPopup/index.js'\n\nconst baseClass = 'hierarchy-search-input'\n\ntype FilterOption = {\n  label: string\n  value: string\n}\n\ntype HierarchySearchInputProps = {\n  collectionSpecificOptions?: FilterOption[]\n  onChange: (value: string) => void\n  onClear: () => void\n  onFilterChange?: (values: string[]) => void\n  onSearch: (value: string) => void\n  placeholder?: string\n  selectedFilters?: string[]\n  value: string\n}\n\nexport const HierarchySearchInput: React.FC<HierarchySearchInputProps> = ({\n  collectionSpecificOptions,\n  onChange,\n  onClear,\n  onFilterChange,\n  onSearch,\n  placeholder,\n  selectedFilters = [],\n  value,\n}) => {\n  const { t } = useTranslation()\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange(e.target.value)\n    },\n    [onChange],\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter' && value.length > 0) {\n        onSearch(value)\n      }\n    },\n    [value, onSearch],\n  )\n\n  const handleClear = useCallback(() => {\n    onClear()\n  }, [onClear])\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.length > 0\n  const hasValue = value.length > 0\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__icon-container`}>\n        <SearchIcon />\n      </div>\n      <input\n        aria-label={placeholder}\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        type=\"text\"\n        value={value}\n      />\n      <div className={`${baseClass}__actions`}>\n        {hasValue && (\n          <button\n            aria-label={t('general:clear')}\n            className={`${baseClass}__clear`}\n            onClick={handleClear}\n            type=\"button\"\n          >\n            <XIcon />\n          </button>\n        )}\n        {hasFilters && (\n          <CheckboxPopup\n            Button={\n              <div\n                aria-label={t('general:filter')}\n                className={[\n                  `${baseClass}__filter`,\n                  hasActiveFilters && `${baseClass}__filter--active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n              >\n                <FilterIcon />\n              </div>\n            }\n            onChange={handleFilterChange}\n            options={collectionSpecificOptions}\n            selectedValues={selectedFilters}\n          />\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HierarchySearchInput.js","names":["c","_c","React","useCallback","SearchIcon","XIcon","useTranslation","baseClass","HierarchySearchInput","t0","$","onChange","onClear","onSearch","placeholder","value","t","t1","e","target","handleChange","t2","e_0","key","length","handleKeyDown","t3","handleClear","hasValue","t4","_jsxs","className","children","_jsx","onKeyDown","type","onClick"],"sources":["../../../../src/elements/Hierarchy/Search/HierarchySearchInput.tsx"],"sourcesContent":["'use client'\n\nimport type { ChangeEvent, KeyboardEvent } from 'react'\n\nimport React, { useCallback } from 'react'\n\nimport { SearchIcon } from '../../../icons/Search/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nconst baseClass = 'hierarchy-search-input'\n\ntype HierarchySearchInputProps = {\n  onChange: (value: string) => void\n  onClear: () => void\n  onSearch: (value: string) => void\n  placeholder?: string\n  value: string\n}\n\nexport const HierarchySearchInput: React.FC<HierarchySearchInputProps> = ({\n  onChange,\n  onClear,\n  onSearch,\n  placeholder,\n  value,\n}) => {\n  const { t } = useTranslation()\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      onChange(e.target.value)\n    },\n    [onChange],\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter' && value.length > 0) {\n        onSearch(value)\n      }\n    },\n    [value, onSearch],\n  )\n\n  const handleClear = useCallback(() => {\n    onClear()\n  }, [onClear])\n\n  const hasValue = value.length > 0\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__icon-container`}>\n        <SearchIcon />\n      </div>\n      <input\n        aria-label={placeholder}\n        className={`${baseClass}__input`}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        placeholder={placeholder}\n        type=\"text\"\n        value={value}\n      />\n      {hasValue && (\n        <button\n          aria-label={t('general:clear')}\n          className={`${baseClass}__clear`}\n          onClick={handleClear}\n          type=\"button\"\n        >\n          <XIcon />\n        </button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,WAAW,QAAQ;AAEnC,SAASC,UAAU,QAAQ;AAC3B,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAUlB,OAAO,MAAMC,oBAAA,GAA4DC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,QAAA;IAAAC,OAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC;EAAA,IAAAN,EAMzE;EACC;IAAAO;EAAA,IAAcV,cAAA;EAAA,IAAAW,EAAA;EAAA,IAAAP,CAAA,QAAAC,QAAA;IAEZM,EAAA,GAAAC,CAAA;MACEP,QAAA,CAASO,CAAA,CAAAC,MAAA,CAAAJ,KAAc;IAAA;IACzBL,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAHF,MAAAU,YAAA,GAAqBH,EAIT;EAAA,IAAAI,EAAA;EAAA,IAAAX,CAAA,QAAAG,QAAA,IAAAH,CAAA,QAAAK,KAAA;IAIVM,EAAA,GAAAC,GAAA;MAAA,IACMJ,GAAA,CAAAK,GAAA,KAAU,WAAWR,KAAA,CAAAS,MAAA,IAAe;QACtCX,QAAA,CAASE,KAAA;MAAA;IAAA;IAEbL,CAAA,MAAAG,QAAA;IAAAH,CAAA,MAAAK,KAAA;IAAAL,CAAA,MAAAW,EAAA;EAAA;IAAAA,EAAA,GAAAX,CAAA;EAAA;EALF,MAAAe,aAAA,GAAsBJ,EAMH;EAAA,IAAAK,EAAA;EAAA,IAAAhB,CAAA,QAAAE,OAAA;IAGac,EAAA,GAAAA,CAAA;MAC9Bd,OAAA;IAAA;IACFF,CAAA,MAAAE,OAAA;IAAAF,CAAA,MAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAFA,MAAAiB,WAAA,GAAoBD,EAER;EAEZ,MAAAE,QAAA,GAAiBb,KAAA,CAAAS,MAAA,IAAe;EAAA,IAAAK,EAAA;EAAA,IAAAnB,CAAA,QAAAU,YAAA,IAAAV,CAAA,QAAAiB,WAAA,IAAAjB,CAAA,QAAAe,aAAA,IAAAf,CAAA,SAAAkB,QAAA,IAAAlB,CAAA,SAAAI,WAAA,IAAAJ,CAAA,SAAAM,CAAA,IAAAN,CAAA,SAAAK,KAAA;IAG9Bc,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAxB,SAAA;MAAAyB,QAAA,GACCC,IAAA,CAAC;QAAAF,SAAA,EAAe,GAAAxB,SAAA,kBAA8B;QAAAyB,QAAA,EAC5CC,IAAA,CAAA7B,UAAA,IAAC;MAAA,C,GAEH6B,IAAA,CAAC;QAAA,cACanB,WAAA;QAAAiB,SAAA,EACD,GAAAxB,SAAA,SAAqB;QAAAI,QAAA,EACtBS,YAAA;QAAAc,SAAA,EACCT,aAAA;QAAAX,WAAA;QAAAqB,IAAA,EAEN;QAAApB;MAAA,C,GAGNa,QAAA,IACCK,IAAA,CAAC;QAAA,cACajB,CAAA,CAAE;QAAAe,SAAA,EACH,GAAAxB,SAAA,SAAqB;QAAA6B,OAAA,EACvBT,WAAA;QAAAQ,IAAA,EACJ;QAAAH,QAAA,EAELC,IAAA,CAAA5B,KAAA,IAAC;MAAA,C;;;;;;;;;;;;;SApBPwB,E;CAyBJ","ignoreList":[]}

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

@@ -5,13 +5,31 @@
     width: 100%;
   }
 
+  .hierarchy-search__controls {
+    display: flex;
+    align-items: center;
+    gap: var(--spacer-2);
+  }
+
+  .hierarchy-search__filter {
+    flex-shrink: 0;
+    width: var(--spacer-4);
+    height: var(--spacer-4);
+    background: var(--color-bg-secondary);
+  }
+
+  .hierarchy-search__filter:hover:not(.btn--selected) {
+    background: var(--color-bg-tertiary);
+  }
+
   .hierarchy-search-input {
     display: flex;
     align-items: center;
+    flex: 1;
     height: var(--spacer-4);
     background: var(--color-bg-secondary);
     border-radius: var(--radius-medium);
-    border: 1px solid transparent;
+    border: var(--stroke-width-small) solid transparent;
     padding-inline-end: var(--spacer-2);
 
     &:has(input:focus-visible) {
@@ -56,15 +74,6 @@
     }
   }
 
-  .hierarchy-search-input__actions {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: var(--spacer-1);
-    margin-inline-start: var(--spacer-1);
-  }
-
-  .hierarchy-search-input__filter,
   .hierarchy-search-input__clear {
     display: flex;
     align-items: center;
@@ -77,6 +86,7 @@
     width: var(--spacer-3);
     height: var(--spacer-3);
     border-radius: var(--radius-small);
+    margin-inline-start: var(--spacer-1);
 
     &:hover,
     &:focus-visible {
@@ -84,16 +94,6 @@
     }
   }
 
-  .hierarchy-search-input__filter--active {
-    color: var(--color-icon-success);
-
-    &:hover,
-    &:focus-visible {
-      color: var(--color-icon-success);
-    }
-  }
-
-  .hierarchy-search-input__filter .icon--filter,
   .hierarchy-search-input__clear .icon--x {
     width: var(--spacer-3);
     height: var(--spacer-3);
@@ -104,13 +104,13 @@
     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));
+    margin-top: var(--spacer-2);
   }
 
   .hierarchy-search-results__list {
     display: flex;
     flex-direction: column;
+    gap: var(--spacer-1);
   }
 
   .hierarchy-search-results__empty {
@@ -120,13 +120,12 @@
 
   .hierarchy-search-results__load-more {
     margin-top: var(--spacer-1);
-    padding-left: calc(var(--nav-padding-inline-start) - 2px);
+    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;
-    font-size: var(--text-body-small-font-size);
 
     &:hover {
       color: var(--color-text);
@@ -142,32 +141,33 @@
     display: flex;
     flex-direction: column;
     cursor: pointer;
-    transition: background-color 150ms ease;
     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-small);
-    margin-inline-start: calc(0.5 * var(--nav-padding-inline-start));
-    margin-inline-end: calc(0.5 * var(--nav-padding-inline-end));
+    border-radius: var(--radius-medium);
     gap: var(--spacer-1);
-    border: 1px solid transparent;
+    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);
-      text-decoration: underline;
     }
 
     &:hover .hierarchy-search-result-item__path {
       color: var(--color-text-secondary);
     }
 
-    &:focus {
+    &:focus-visible {
       outline: none;
-      border-color: var(--color-border-strong);
-    }
-
-    &:focus .hierarchy-search-result-item__title {
-      text-decoration: underline;
+      border-color: var(--accessibility-focus-color);
     }
   }
 

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;AAOtD,OAAO,aAAa,CAAA;AAIpB,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"}
+{"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,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/Hierarchy/Search/index.js

@@ -4,15 +4,19 @@ 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 { HierarchySearchInput } from './HierarchySearchInput.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,
@@ -112,19 +116,84 @@ 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: [_jsx(HierarchySearchInput, {
-      collectionSpecificOptions,
-      onChange: handleInputChange,
-      onClear: handleClear,
-      onFilterChange,
-      onSearch: handleSearch,
-      placeholder: t("hierarchy:searchLabel", {
-        label: collectionLabel
-      }),
-      selectedFilters,
-      value: inputValue
+    children: [_jsxs("div", {
+      className: `${baseClass}__controls`,
+      children: [_jsx(HierarchySearchInput, {
+        onChange: handleInputChange,
+        onClear: handleClear,
+        onSearch: handleSearch,
+        placeholder: t("hierarchy:searchLabel", {
+          label: collectionLabel
+        }),
+        value: inputValue
+      }), 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: "ghost",
+            className: `${baseClass}__filter`,
+            extraButtonProps: {
+              onKeyDown
+            },
+            icon: _jsx(FilterIcon, {
+              hasBadgeCutout: hasActiveFilters,
+              size: 16
+            }),
+            onClick,
+            round: true,
+            selected: active
+          });
+        },
+        verticalAlign: "bottom"
+      })]
     }), isActive && _jsx(HierarchySearchResults, {
       hasNextPage,
       isLoading,

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

@@ -1 +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/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 { HierarchySearchInput } from './HierarchySearchInput.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  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":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useState","CheckIcon","FilterIcon","useConfig","useTranslation","Button","Popup","PopupList","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","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 { HierarchySearchInput } from './HierarchySearchInput.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        <HierarchySearchInput\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=\"ghost\"\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 { 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/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,GAAI,yEAMhC,sBAAsB,KAAG,wBAmH3B,CAAA"}

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HierarchySidebarTab.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAIpD,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAUtD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CACxC;IACE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,yBAAyB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,uBAAuB,EAAE,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACzC,oBAAoB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC1C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,qBAAqB,CA+G1B,CAAA"}
+{"version":3,"file":"HierarchySidebarTab.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/Tree/HierarchySidebarTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAGpD,OAAO,KAAmD,MAAM,OAAO,CAAA;AAEvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAWtD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CACxC;IACE,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACpC,yBAAyB,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,uBAAuB,EAAE,MAAM,CAAA;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAA;IACzC,oBAAoB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC1C,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,cAAc,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,qBAAqB,CAgH1B,CAAA"}