@payloadcms/ui 4.0.0-internal.011fd46 → 4.0.0-internal.0731f09

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

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

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

@@ -1 +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":[]}
+{"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,KAApBC,SAAoB,GAApB,CAAoB,GAApBD,EAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAR,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAE,OAAA;IAEYM,EAAA,GAAAA,CAAA;MAC9BN,OAAA,CAAQ;QAAAD;MAAK;IAAA,CACf;IAAAD,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;MACE,IAAIA,CAAA,CAAAC,GAAK,KAAK,OAAqB,IAAVD,CAAA,CAAAC,GAAK,KAAK;QACjCD,CAAA,CAAAE,cAAgB;QAChBX,OAAA,CAAQ;UAAAD;QAAK;MAAA;IACf,CACF;IAAAD,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;EAAA,IAAAf,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAK,gBAAA;IAAAW,GAAA;MAIb,IAAI,CAACb,IAAA;QACHY,EAAA,GAAO;QAAP,MAAAC,GAAA;MAAO;MAGT,MAAAC,QAAA,GAAiBd,IAAA,CAAAe,KAAU,CAAC;MAE5B,IAAID,QAAA,CAAAE,MAAe,IAAId,gBAAA;QACrBU,EAAA,GAAOZ,IAAA;QAAP,MAAAa,GAAA;MAAO;MAGTD,EAAA,GAAO,WAAWE,QAAA,CAAAG,KAAc,CAAC,CAACf,gBAAA,EAAAgB,IAAsB,CAAC;IAAA;IAAArB,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAK,gBAAA;IAAAL,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EAX3D,MAAAsB,aAAA,GAAsBP,EAYK;EAAA,IAAAQ,EAAA;EAAA,IAAAvB,CAAA,QAAAS,WAAA,IAAAT,CAAA,SAAAc,aAAA,IAAAd,CAAA,SAAAI,KAAA,IAAAJ,CAAA,SAAAsB,aAAA;IAGzBC,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EACY5B,SAAA;MAAAK,OAAA,EACFO,WAAA;MAAAiB,SAAA,EACEZ,aAAA;MAAAa,IAAA,EACN;MAAAC,QAAA,EACK;MAAAC,QAAA,E,CAEVC,IAAA,CAAC;QAAAL,SAAA,EAAe,GAAG5B,SAAA,SAAkB;QAAAgC,QAAA,EAAGzB;UACvCkB,a,IAAiBQ,IAAA,CAAC;QAAAL,SAAA,EAAe,GAAG5B,SAAA,QAAiB;QAAAgC,QAAA,EAAGP;;;;;;;;;;;SAR3DC,E;CAWJ","ignoreList":[]}

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

@@ -1 +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":[]}
+{"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;EAEd,IAAIY,OAAA,CAAAI,MAAc,KAAK,CAAM,IAAzB,CAAyBR,SAAA;IAAA,IAAAS,EAAA;IAAA,IAAAX,CAAA,QAAAK,KAAA,IAAAL,CAAA,QAAAS,CAAA;MACpBE,EAAA,GAAAC,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAGhB,SAAA,SAAkB;QAAAiB,QAAA,EAAGL,CAAA,CAAE,uBAAuB;UAAAJ;QAAQ;;;;;;;;WAAzEM,E;;EACT,IAAAA,EAAA;EAAA,IAAAX,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAG,UAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAM,OAAA,IAAAN,CAAA,QAAAO,UAAA,IAAAP,CAAA,QAAAQ,SAAA;IAAA,IAAAO,EAAA;IAAA,IAAAf,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAO,UAAA;MAKmBQ,EAAA,GAAAC,MAAA,IACXJ,IAAA,CAAChB,yBAAA;QAAAqB,EAAA,EACKD,MAAA,CAAAC,EAAS;QAAAC,OAAA,EAEJd,QAAA;QAAAe,IAAA,EACHH,MAAA,CAAAG,IAAW;QAAAC,KAAA,EAEVC,MAAA,CAAOL,MAAM,CAACT,UAAA,CAAwB,IAATS,MAAA,CAAAC,EAAS;SAJxCD,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,EAAehB,SAAA;MAAAiB,QAAA,E,CACdF,IAAA,CAAC;QAAAC,SAAA,EAAe,GAAGhB,SAAA,QAAiB;QAAAiB,QAAA,EACjCR,OAAA,CAAAiB,GAAW,CAACR,EAGK;UAQpBH,IAAA,CAACjB,WAAA;QAAAkB,SAAA,EACY,GAAGhB,SAAA,aAAsB;QAAA2B,YAAA,EACtBlB,OAAA,CAAAI,MAAc;QAAAe,OAAA,EACnBxB,WAAA;QAAAC,SAAA;QAAAC,UAAA;QAAAK;;;;;;;;;;;;;;SAhBbG,E;CAuBJ","ignoreList":[]}

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;AAWtD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2I1D,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AACpE,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA"}
+{"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"}

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

@@ -4,7 +4,6 @@ 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';
@@ -34,6 +33,7 @@ export const HierarchySearch = t0 => {
     getEntityConfig
   } = useConfig();
   const [inputValue, setInputValue] = useState("");
+  const [completedQuery, setCompletedQuery] = useState("");
   const collectionConfig = getEntityConfig({
     collectionSlug
   });
@@ -58,6 +58,7 @@ export const HierarchySearch = t0 => {
   if ($[0] !== onActiveChange || $[1] !== search) {
     t1 = async query => {
       await search(query);
+      setCompletedQuery(query);
       onActiveChange(true);
     };
     $[0] = onActiveChange;
@@ -148,18 +149,16 @@ export const HierarchySearch = t0 => {
         buttonClassName: `${baseClass}__filter`,
         caret: false,
         horizontalAlign: "right",
-        render: () => _jsx(PopupList.RadioGroup, {
+        popupType: "menu",
+        render: () => _jsx(PopupList.CheckboxGroup, {
           children: collectionSpecificOptions.map(t6 => {
             const {
               label,
               value: value_0
             } = t6;
             const isActive_0 = selectedFilters?.includes(value_0);
-            return _jsx(PopupList.Button, {
+            return _jsx(PopupList.CheckboxGroupItem, {
               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({
@@ -174,9 +173,11 @@ export const HierarchySearch = t0 => {
           const {
             active,
             onClick,
-            onKeyDown
+            onKeyDown,
+            ...ariaProps
           } = t7;
           return _jsx(Button, {
+            ...ariaProps,
             "aria-label": t("general:filter"),
             buttonStyle: "secondary",
             className: `${baseClass}__filter`,
@@ -194,6 +195,15 @@ export const HierarchySearch = t0 => {
         },
         verticalAlign: "bottom"
       })]
+    }), _jsx("div", {
+      "aria-atomic": "true",
+      className: "sr-only",
+      role: "status",
+      children: isActive && !isLoading ? totalDocs === 0 ? t("hierarchy:noResults", {
+        query: completedQuery
+      }) : t("hierarchy:searchResults", {
+        count: totalDocs
+      }) : ""
     }), 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","CheckIcon","FilterIcon","useConfig","useTranslation","Button","Popup","PopupList","SearchInput","HierarchySearchResults","useHierarchySearch","baseClass","HierarchySearch","t0","$","collectionSlug","collectionSpecificOptions","isActive","onActiveChange","onFilterChange","onSelect","selectedFilters","i18n","t","getEntityConfig","inputValue","setInputValue","collectionConfig","titleField","admin","useAsTitle","collectionLabel","labels","plural","hierarchyConfig","hierarchy","clearResults","hasNextPage","isLoading","loadMore","results","search","totalDocs","parentFieldName","titlePathField","titlePathFieldName","t1","query","handleSearch","t2","handleClear","t3","value","handleInputChange","t4","t5","id","handleSelect","t6","selectedValues","handleFilterChange","hasFilters","length","hasActiveFilters","_jsxs","className","children","_jsx","onChange","onClear","onSearch","placeholder","label","buttonClassName","caret","horizontalAlign","render","RadioGroup","map","value_0","isActive_0","includes","active","icon","size","onClick","newSelectedValues","filter","v","onKeyDown","t7","buttonStyle","extraButtonProps","hasBadgeCutout","onLoadMore","HierarchySearchResultItem"],"sources":["../../../../src/elements/Hierarchy/Search/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { useCallback, useState } from 'react'\n\nimport type { HierarchySearchProps } from './types.js'\n\nimport { CheckIcon } from '../../../icons/Check/index.js'\nimport { FilterIcon } from '../../../icons/Filter/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { SearchInput } from '../../Search/SearchInput/index.js'\nimport { HierarchySearchResults } from './HierarchySearchResults.js'\nimport { useHierarchySearch } from './useHierarchySearch.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-search'\n\nexport const HierarchySearch: React.FC<HierarchySearchProps> = ({\n  collectionSlug,\n  collectionSpecificOptions,\n  isActive,\n  onActiveChange,\n  onFilterChange,\n  onSelect,\n  selectedFilters,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n  const [inputValue, setInputValue] = useState('')\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n  const titleField = collectionConfig?.admin?.useAsTitle || 'id'\n  const collectionLabel = getTranslation(collectionConfig?.labels?.plural, i18n)\n  const hierarchyConfig =\n    collectionConfig?.hierarchy && typeof collectionConfig.hierarchy === 'object'\n      ? collectionConfig.hierarchy\n      : null\n\n  const { clearResults, hasNextPage, isLoading, loadMore, results, search, totalDocs } =\n    useHierarchySearch({\n      collectionSlug,\n      parentFieldName: hierarchyConfig?.parentFieldName,\n      titleField,\n      titlePathField: hierarchyConfig?.titlePathFieldName,\n    })\n\n  const handleSearch = useCallback(\n    async (query: string) => {\n      await search(query)\n      onActiveChange(true)\n    },\n    [search, onActiveChange],\n  )\n\n  const handleClear = useCallback(() => {\n    setInputValue('')\n    clearResults()\n    onActiveChange(false)\n  }, [clearResults, onActiveChange])\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      setInputValue(value)\n      if (!value && isActive) {\n        clearResults()\n        onActiveChange(false)\n      }\n    },\n    [isActive, clearResults, onActiveChange],\n  )\n\n  const handleSelect = useCallback(\n    ({ id }: { id: number | string }) => {\n      onSelect({ id })\n      handleClear()\n    },\n    [onSelect, handleClear],\n  )\n\n  const handleFilterChange = useCallback(\n    ({ selectedValues }: { selectedValues: string[] }) => {\n      onFilterChange?.(selectedValues)\n    },\n    [onFilterChange],\n  )\n\n  const hasFilters = collectionSpecificOptions && collectionSpecificOptions.length > 0\n  const hasActiveFilters = selectedFilters && selectedFilters.length > 0\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__controls`}>\n        <SearchInput\n          onChange={handleInputChange}\n          onClear={handleClear}\n          onSearch={handleSearch}\n          placeholder={t('hierarchy:searchLabel', { label: collectionLabel })}\n          value={inputValue}\n        />\n        {hasFilters && (\n          <Popup\n            buttonClassName={`${baseClass}__filter`}\n            caret={false}\n            horizontalAlign=\"right\"\n            render={() => (\n              <PopupList.RadioGroup>\n                {collectionSpecificOptions.map(({ label, value }) => {\n                  const isActive = selectedFilters?.includes(value)\n                  return (\n                    <PopupList.Button\n                      active={isActive}\n                      icon={isActive ? <CheckIcon size={16} /> : undefined}\n                      key={value}\n                      onClick={() => {\n                        const newSelectedValues = isActive\n                          ? selectedFilters.filter((v) => v !== value)\n                          : [...selectedFilters, value]\n                        handleFilterChange({ selectedValues: newSelectedValues })\n                      }}\n                    >\n                      {label}\n                    </PopupList.Button>\n                  )\n                })}\n              </PopupList.RadioGroup>\n            )}\n            renderButton={({ active, onClick, onKeyDown }) => (\n              <Button\n                aria-label={t('general:filter')}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__filter`}\n                extraButtonProps={{ onKeyDown }}\n                icon={<FilterIcon hasBadgeCutout={hasActiveFilters} size={16} />}\n                onClick={onClick}\n                round\n                selected={active}\n              />\n            )}\n            verticalAlign=\"bottom\"\n          />\n        )}\n      </div>\n      {isActive && (\n        <HierarchySearchResults\n          hasNextPage={hasNextPage}\n          isLoading={isLoading}\n          onLoadMore={loadMore}\n          onSelect={handleSelect}\n          query={inputValue}\n          results={results}\n          titleField={titleField}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport { HierarchySearchResultItem } from './HierarchySearchResultItem.js'\nexport { HierarchySearchResults } from './HierarchySearchResults.js'\nexport type { HierarchySearchProps, SearchResult } from './types.js'\nexport { useHierarchySearch } from './useHierarchySearch.js'\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","React","useCallback","useState","FilterIcon","useConfig","useTranslation","Button","Popup","PopupList","SearchInput","HierarchySearchResults","useHierarchySearch","baseClass","HierarchySearch","t0","$","collectionSlug","collectionSpecificOptions","isActive","onActiveChange","onFilterChange","onSelect","selectedFilters","i18n","t","getEntityConfig","inputValue","setInputValue","completedQuery","setCompletedQuery","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","popupType","render","CheckboxGroup","map","value_0","isActive_0","includes","CheckboxGroupItem","active","onClick","newSelectedValues","filter","v","t7","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","hasBadgeCutout","size","selected","role","count","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 { FilterIcon } from '../../../icons/Filter/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport { SearchInput } from '../../Search/SearchInput/index.js'\nimport { HierarchySearchResults } from './HierarchySearchResults.js'\nimport { useHierarchySearch } from './useHierarchySearch.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-search'\n\nexport const HierarchySearch: React.FC<HierarchySearchProps> = ({\n  collectionSlug,\n  collectionSpecificOptions,\n  isActive,\n  onActiveChange,\n  onFilterChange,\n  onSelect,\n  selectedFilters,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { getEntityConfig } = useConfig()\n  const [inputValue, setInputValue] = useState('')\n  const [completedQuery, setCompletedQuery] = 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      setCompletedQuery(query)\n      onActiveChange(true)\n    },\n    [search, onActiveChange],\n  )\n\n  const handleClear = useCallback(() => {\n    setInputValue('')\n    clearResults()\n    onActiveChange(false)\n  }, [clearResults, onActiveChange])\n\n  const handleInputChange = useCallback(\n    (value: string) => {\n      setInputValue(value)\n      if (!value && isActive) {\n        clearResults()\n        onActiveChange(false)\n      }\n    },\n    [isActive, clearResults, onActiveChange],\n  )\n\n  const handleSelect = useCallback(\n    ({ id }: { id: number | string }) => {\n      onSelect({ id })\n      handleClear()\n    },\n    [onSelect, handleClear],\n  )\n\n  const handleFilterChange = useCallback(\n    ({ selectedValues }: { selectedValues: string[] }) => {\n      onFilterChange?.(selectedValues)\n    },\n    [onFilterChange],\n  )\n\n  const hasFilters = collectionSpecificOptions && collectionSpecificOptions.length > 0\n  const hasActiveFilters = selectedFilters && selectedFilters.length > 0\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__controls`}>\n        <SearchInput\n          onChange={handleInputChange}\n          onClear={handleClear}\n          onSearch={handleSearch}\n          placeholder={t('hierarchy:searchLabel', { label: collectionLabel })}\n          value={inputValue}\n        />\n        {hasFilters && (\n          <Popup\n            buttonClassName={`${baseClass}__filter`}\n            caret={false}\n            horizontalAlign=\"right\"\n            popupType=\"menu\"\n            render={() => (\n              <PopupList.CheckboxGroup>\n                {collectionSpecificOptions.map(({ label, value }) => {\n                  const isActive = selectedFilters?.includes(value)\n                  return (\n                    <PopupList.CheckboxGroupItem\n                      active={isActive}\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.CheckboxGroupItem>\n                  )\n                })}\n              </PopupList.CheckboxGroup>\n            )}\n            renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n              <Button\n                {...ariaProps}\n                aria-label={t('general:filter')}\n                buttonStyle=\"secondary\"\n                className={`${baseClass}__filter`}\n                extraButtonProps={{ onKeyDown }}\n                icon={<FilterIcon hasBadgeCutout={hasActiveFilters} size={16} />}\n                onClick={onClick}\n                round\n                selected={active}\n              />\n            )}\n            verticalAlign=\"bottom\"\n          />\n        )}\n      </div>\n      <div aria-atomic=\"true\" className=\"sr-only\" role=\"status\">\n        {isActive && !isLoading\n          ? totalDocs === 0\n            ? t('hierarchy:noResults', { query: completedQuery })\n            : t('hierarchy:searchResults', { count: totalDocs })\n          : ''}\n      </div>\n      {isActive && (\n        <HierarchySearchResults\n          hasNextPage={hasNextPage}\n          isLoading={isLoading}\n          onLoadMore={loadMore}\n          onSelect={handleSelect}\n          query={inputValue}\n          results={results}\n          titleField={titleField}\n          totalDocs={totalDocs}\n        />\n      )}\n    </div>\n  )\n}\n\nexport { HierarchySearchResultItem } from './HierarchySearchResultItem.js'\nexport { HierarchySearchResults } from './HierarchySearchResults.js'\nexport type { HierarchySearchProps, SearchResult } from './types.js'\nexport { useHierarchySearch } from './useHierarchySearch.js'\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useHierarchySearch.js","names":["formatAdminURL","qs","useCallback","useState","useConfig","useLocale","useHierarchySearch","collectionSlug","limit","parentFieldName","titleField","titlePathField","results","setResults","isLoading","setIsLoading","hasNextPage","setHasNextPage","totalDocs","setTotalDocs","page","setPage","currentQuery","setCurrentQuery","config","routes","api","serverURL","code","locale","fetchResults","append","pageToFetch","query","queryString","stringify","computeHierarchyPaths","select","where","contains","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","Error","data","json","docs","map","doc","prev","search","loadMore","clearResults"],"sources":["../../../../src/elements/Hierarchy/Search/useHierarchySearch.ts"],"sourcesContent":["'use client'\n\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { useCallback, useState } from 'react'\n\nimport type { SearchResult } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\n\ntype UseHierarchySearchArgs = {\n  collectionSlug: string\n  limit?: number\n  parentFieldName?: string\n  titleField: string\n  titlePathField?: string\n}\n\ntype UseHierarchySearchReturn = {\n  clearResults: () => void\n  hasNextPage: boolean\n  isLoading: boolean\n  loadMore: () => Promise<void>\n  results: SearchResult[]\n  search: (query: string) => Promise<void>\n  totalDocs: number\n}\n\nexport const useHierarchySearch = ({\n  collectionSlug,\n  limit = 15,\n  parentFieldName = 'parent',\n  titleField,\n  titlePathField = '_h_titlePath',\n}: UseHierarchySearchArgs): UseHierarchySearchReturn => {\n  const [results, setResults] = useState<SearchResult[]>([])\n  const [isLoading, setIsLoading] = useState(false)\n  const [hasNextPage, setHasNextPage] = useState(false)\n  const [totalDocs, setTotalDocs] = useState(0)\n  const [page, setPage] = useState(1)\n  const [currentQuery, setCurrentQuery] = useState('')\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const { code: locale } = useLocale()\n\n  const fetchResults = useCallback(\n    async ({\n      append,\n      pageToFetch,\n      query,\n    }: {\n      append: boolean\n      pageToFetch: number\n      query: string\n    }) => {\n      setIsLoading(true)\n\n      try {\n        const queryString = qs.stringify(\n          {\n            computeHierarchyPaths: true,\n            limit,\n            locale,\n            page: pageToFetch,\n            select: {\n              [parentFieldName]: true,\n              [titleField]: true,\n              [titlePathField]: true,\n            },\n            where: {\n              [titleField]: { contains: query },\n            },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n          serverURL,\n        })\n\n        const response = await fetch(url, { credentials: 'include' })\n\n        if (!response.ok) {\n          throw new Error('Search failed')\n        }\n\n        const data = await response.json()\n        const docs: SearchResult[] = (data.docs || []).map((doc: Record<string, unknown>) => ({\n          ...doc,\n          path: doc[titlePathField] || '',\n        }))\n\n        setResults(append ? (prev) => [...prev, ...docs] : docs)\n        setHasNextPage(data.hasNextPage || false)\n        setTotalDocs(data.totalDocs || 0)\n        setPage(pageToFetch)\n        setCurrentQuery(query)\n      } catch {\n        if (!append) {\n          setResults([])\n          setHasNextPage(false)\n          setTotalDocs(0)\n        }\n      } finally {\n        setIsLoading(false)\n      }\n    },\n    [api, collectionSlug, limit, locale, parentFieldName, serverURL, titleField, titlePathField],\n  )\n\n  const search = useCallback(\n    async (query: string) => {\n      await fetchResults({ append: false, pageToFetch: 1, query })\n    },\n    [fetchResults],\n  )\n\n  const loadMore = useCallback(async () => {\n    if (isLoading || !hasNextPage || !currentQuery) {\n      return\n    }\n\n    await fetchResults({ append: true, pageToFetch: page + 1, query: currentQuery })\n  }, [isLoading, hasNextPage, currentQuery, page, fetchResults])\n\n  const clearResults = useCallback(() => {\n    setResults([])\n    setHasNextPage(false)\n    setTotalDocs(0)\n    setPage(1)\n    setCurrentQuery('')\n  }, [])\n\n  return {\n    clearResults,\n    hasNextPage,\n    isLoading,\n    loadMore,\n    results,\n    search,\n    totalDocs,\n  }\n}\n"],"mappings":"AAAA;;AAEA,SAASA,cAAc,QAAQ;AAC/B,YAAYC,EAAA,MAAQ;AACpB,SAASC,WAAW,EAAEC,QAAQ,QAAQ;AAItC,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAoB1B,OAAO,MAAMC,kBAAA,GAAqBA,CAAC;EACjCC,cAAc;EACdC,KAAA,GAAQ,EAAE;EACVC,eAAA,GAAkB,QAAQ;EAC1BC,UAAU;EACVC,cAAA,GAAiB;AAAc,CACR;EACvB,MAAM,CAACC,OAAA,EAASC,UAAA,CAAW,GAAGV,QAAA,CAAyB,EAAE;EACzD,MAAM,CAACW,SAAA,EAAWC,YAAA,CAAa,GAAGZ,QAAA,CAAS;EAC3C,MAAM,CAACa,WAAA,EAAaC,cAAA,CAAe,GAAGd,QAAA,CAAS;EAC/C,MAAM,CAACe,SAAA,EAAWC,YAAA,CAAa,GAAGhB,QAAA,CAAS;EAC3C,MAAM,CAACiB,IAAA,EAAMC,OAAA,CAAQ,GAAGlB,QAAA,CAAS;EACjC,MAAM,CAACmB,YAAA,EAAcC,eAAA,CAAgB,GAAGpB,QAAA,CAAS;EAEjD,MAAM;IACJqB,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG,CAAE;MACfC;IAAS;EACV,CACF,GAAGvB,SAAA;EACJ,MAAM;IAAEwB,IAAA,EAAMC;EAAM,CAAE,GAAGxB,SAAA;EAEzB,MAAMyB,YAAA,GAAe5B,WAAA,CACnB,OAAO;IACL6B,MAAM;IACNC,WAAW;IACXC;EAAK,CAKN;IACClB,YAAA,CAAa;IAEb,IAAI;MACF,MAAMmB,WAAA,GAAcjC,EAAA,CAAGkC,SAAS,CAC9B;QACEC,qBAAA,EAAuB;QACvB5B,KAAA;QACAqB,MAAA;QACAT,IAAA,EAAMY,WAAA;QACNK,MAAA,EAAQ;UACN,CAAC5B,eAAA,GAAkB;UACnB,CAACC,UAAA,GAAa;UACd,CAACC,cAAA,GAAiB;QACpB;QACA2B,KAAA,EAAO;UACL,CAAC5B,UAAA,GAAa;YAAE6B,QAAA,EAAUN;UAAM;QAClC;MACF,GACA;QAAEO,cAAA,EAAgB;MAAK;MAGzB,MAAMC,GAAA,GAAMzC,cAAA,CAAe;QACzB0C,QAAA,EAAUhB,GAAA;QACViB,IAAA,EAAM,IAAIpC,cAAA,GAAiB2B,WAAA,EAAa;QACxCP;MACF;MAEA,MAAMiB,QAAA,GAAW,MAAMC,KAAA,CAAMJ,GAAA,EAAK;QAAEK,WAAA,EAAa;MAAU;MAE3D,IAAI,CAACF,QAAA,CAASG,EAAE,EAAE;QAChB,MAAM,IAAIC,KAAA,CAAM;MAClB;MAEA,MAAMC,IAAA,GAAO,MAAML,QAAA,CAASM,IAAI;MAChC,MAAMC,IAAA,GAAuB,CAACF,IAAA,CAAKE,IAAI,IAAI,EAAE,EAAEC,GAAG,CAAEC,GAAA,KAAkC;QACpF,GAAGA,GAAG;QACNV,IAAA,EAAMU,GAAG,CAAC1C,cAAA,CAAe,IAAI;MAC/B;MAEAE,UAAA,CAAWkB,MAAA,GAAUuB,IAAA,IAAS,C,GAAIA,IAAA,E,GAASH,IAAA,CAAK,GAAGA,IAAA;MACnDlC,cAAA,CAAegC,IAAA,CAAKjC,WAAW,IAAI;MACnCG,YAAA,CAAa8B,IAAA,CAAK/B,SAAS,IAAI;MAC/BG,OAAA,CAAQW,WAAA;MACRT,eAAA,CAAgBU,KAAA;IAClB,EAAE,MAAM;MACN,IAAI,CAACF,MAAA,EAAQ;QACXlB,UAAA,CAAW,EAAE;QACbI,cAAA,CAAe;QACfE,YAAA,CAAa;MACf;IACF,UAAU;MACRJ,YAAA,CAAa;IACf;EACF,GACA,CAACW,GAAA,EAAKnB,cAAA,EAAgBC,KAAA,EAAOqB,MAAA,EAAQpB,eAAA,EAAiBkB,SAAA,EAAWjB,UAAA,EAAYC,cAAA,CAAe;EAG9F,MAAM4C,MAAA,GAASrD,WAAA,CACb,MAAO+B,OAAA;IACL,MAAMH,YAAA,CAAa;MAAEC,MAAA,EAAQ;MAAOC,WAAA,EAAa;MAAGC,KAAA,EAAAA;IAAM;EAC5D,GACA,CAACH,YAAA,CAAa;EAGhB,MAAM0B,QAAA,GAAWtD,WAAA,CAAY;IAC3B,IAAIY,SAAA,IAAa,CAACE,WAAA,IAAe,CAACM,YAAA,EAAc;MAC9C;IACF;IAEA,MAAMQ,YAAA,CAAa;MAAEC,MAAA,EAAQ;MAAMC,WAAA,EAAaZ,IAAA,GAAO;MAAGa,KAAA,EAAOX;IAAa;EAChF,GAAG,CAACR,SAAA,EAAWE,WAAA,EAAaM,YAAA,EAAcF,IAAA,EAAMU,YAAA,CAAa;EAE7D,MAAM2B,YAAA,GAAevD,WAAA,CAAY;IAC/BW,UAAA,CAAW,EAAE;IACbI,cAAA,CAAe;IACfE,YAAA,CAAa;IACbE,OAAA,CAAQ;IACRE,eAAA,CAAgB;EAClB,GAAG,EAAE;EAEL,OAAO;IACLkC,YAAA;IACAzC,WAAA;IACAF,SAAA;IACA0C,QAAA;IACA5C,OAAA;IACA2C,MAAA;IACArC;EACF;AACF","ignoreList":[]}
+{"version":3,"file":"useHierarchySearch.js","names":["formatAdminURL","qs","useCallback","useState","useConfig","useLocale","useHierarchySearch","collectionSlug","limit","parentFieldName","titleField","titlePathField","results","setResults","isLoading","setIsLoading","hasNextPage","setHasNextPage","totalDocs","setTotalDocs","page","setPage","currentQuery","setCurrentQuery","config","routes","api","serverURL","currentLocale","locale","code","fetchResults","append","pageToFetch","query","queryString","stringify","computeHierarchyPaths","select","where","contains","addQueryPrefix","url","apiRoute","path","response","fetch","credentials","ok","Error","data","json","docs","map","doc","prev","search","loadMore","clearResults"],"sources":["../../../../src/elements/Hierarchy/Search/useHierarchySearch.ts"],"sourcesContent":["'use client'\n\nimport { formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport { useCallback, useState } from 'react'\n\nimport type { SearchResult } from './types.js'\n\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\n\ntype UseHierarchySearchArgs = {\n  collectionSlug: string\n  limit?: number\n  parentFieldName?: string\n  titleField: string\n  titlePathField?: string\n}\n\ntype UseHierarchySearchReturn = {\n  clearResults: () => void\n  hasNextPage: boolean\n  isLoading: boolean\n  loadMore: () => Promise<void>\n  results: SearchResult[]\n  search: (query: string) => Promise<void>\n  totalDocs: number\n}\n\nexport const useHierarchySearch = ({\n  collectionSlug,\n  limit = 15,\n  parentFieldName = 'parent',\n  titleField,\n  titlePathField = '_h_titlePath',\n}: UseHierarchySearchArgs): UseHierarchySearchReturn => {\n  const [results, setResults] = useState<SearchResult[]>([])\n  const [isLoading, setIsLoading] = useState(false)\n  const [hasNextPage, setHasNextPage] = useState(false)\n  const [totalDocs, setTotalDocs] = useState(0)\n  const [page, setPage] = useState(1)\n  const [currentQuery, setCurrentQuery] = useState('')\n\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n\n  const fetchResults = useCallback(\n    async ({\n      append,\n      pageToFetch,\n      query,\n    }: {\n      append: boolean\n      pageToFetch: number\n      query: string\n    }) => {\n      setIsLoading(true)\n\n      try {\n        const queryString = qs.stringify(\n          {\n            computeHierarchyPaths: true,\n            limit,\n            locale,\n            page: pageToFetch,\n            select: {\n              [parentFieldName]: true,\n              [titleField]: true,\n              [titlePathField]: true,\n            },\n            where: {\n              [titleField]: { contains: query },\n            },\n          },\n          { addQueryPrefix: true },\n        )\n\n        const url = formatAdminURL({\n          apiRoute: api,\n          path: `/${collectionSlug}${queryString}`,\n          serverURL,\n        })\n\n        const response = await fetch(url, { credentials: 'include' })\n\n        if (!response.ok) {\n          throw new Error('Search failed')\n        }\n\n        const data = await response.json()\n        const docs: SearchResult[] = (data.docs || []).map((doc: Record<string, unknown>) => ({\n          ...doc,\n          path: doc[titlePathField] || '',\n        }))\n\n        setResults(append ? (prev) => [...prev, ...docs] : docs)\n        setHasNextPage(data.hasNextPage || false)\n        setTotalDocs(data.totalDocs || 0)\n        setPage(pageToFetch)\n        setCurrentQuery(query)\n      } catch {\n        if (!append) {\n          setResults([])\n          setHasNextPage(false)\n          setTotalDocs(0)\n        }\n      } finally {\n        setIsLoading(false)\n      }\n    },\n    [api, collectionSlug, limit, locale, parentFieldName, serverURL, titleField, titlePathField],\n  )\n\n  const search = useCallback(\n    async (query: string) => {\n      await fetchResults({ append: false, pageToFetch: 1, query })\n    },\n    [fetchResults],\n  )\n\n  const loadMore = useCallback(async () => {\n    if (isLoading || !hasNextPage || !currentQuery) {\n      return\n    }\n\n    await fetchResults({ append: true, pageToFetch: page + 1, query: currentQuery })\n  }, [isLoading, hasNextPage, currentQuery, page, fetchResults])\n\n  const clearResults = useCallback(() => {\n    setResults([])\n    setHasNextPage(false)\n    setTotalDocs(0)\n    setPage(1)\n    setCurrentQuery('')\n  }, [])\n\n  return {\n    clearResults,\n    hasNextPage,\n    isLoading,\n    loadMore,\n    results,\n    search,\n    totalDocs,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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;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"}
+{"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;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,CAsI1B,CAAA"}

package/dist/elements/Hierarchy/Tree/HierarchySidebarTab.js

@@ -3,6 +3,7 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { formatAdminURL } from 'payload/shared';
+import * as qs from 'qs-esm';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { useConfig } from '../../../providers/Config/index.js';
 import { useHierarchy } from '../../../providers/Hierarchy/index.js';
@@ -13,7 +14,7 @@ import { HydrateHierarchyProvider } from '../HydrateProvider/index.js';
 import { HierarchySearch } from '../Search/index.js';
 import { HierarchyTree } from './index.js';
 export const HierarchySidebarTab = t0 => {
-  const $ = _c(40);
+  const $ = _c(44);
   const {
     baseFilter,
     collectionSpecificOptions,
@@ -57,83 +58,112 @@ export const HierarchySidebarTab = t0 => {
     treeRefreshKeys
   } = useHierarchy();
   const sidebarTabs = useSidebarTabs();
-  const tabSlug = `hierarchy-${hierarchyCollectionSlug}`;
+  const resolvedParentFieldName = parentFieldName ?? "parent";
   let t4;
-  if ($[2] !== hierarchyCollectionSlug || $[3] !== treeRefreshKeys) {
-    t4 = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0;
-    $[2] = hierarchyCollectionSlug;
-    $[3] = treeRefreshKeys;
+  if ($[2] !== resolvedParentFieldName || $[3] !== searchParams) {
+    t4 = searchParams.get(resolvedParentFieldName);
+    $[2] = resolvedParentFieldName;
+    $[3] = searchParams;
     $[4] = t4;
   } else {
     t4 = $[4];
   }
-  const treeRefreshKey = t4;
-  const prevTreeRefreshKeyRef = useRef(treeRefreshKey);
+  const currentParentParam = t4;
+  const tabSlug = `hierarchy-${hierarchyCollectionSlug}`;
+  const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug;
   let t5;
+  if ($[5] !== hierarchyCollectionSlug || $[6] !== treeRefreshKeys) {
+    t5 = treeRefreshKeys.get(hierarchyCollectionSlug) ?? 0;
+    $[5] = hierarchyCollectionSlug;
+    $[6] = treeRefreshKeys;
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  const treeRefreshKey = t5;
+  const prevTreeRefreshKeyRef = useRef(treeRefreshKey);
   let t6;
-  if ($[5] !== sidebarTabs || $[6] !== tabSlug || $[7] !== treeRefreshKey) {
-    t5 = () => {
+  let t7;
+  if ($[8] !== currentParentParam || $[9] !== isActiveTab || $[10] !== resolvedParentFieldName || $[11] !== sidebarTabs || $[12] !== tabSlug || $[13] !== treeRefreshKey) {
+    t6 = () => {
       if (prevTreeRefreshKeyRef.current !== treeRefreshKey) {
         prevTreeRefreshKeyRef.current = treeRefreshKey;
-        sidebarTabs?.reloadTabContent(tabSlug);
+        sidebarTabs?.reloadTabContent(tabSlug, {
+          searchParams: isActiveTab && currentParentParam ? {
+            [resolvedParentFieldName]: currentParentParam
+          } : undefined
+        });
       }
     };
-    t6 = [treeRefreshKey, sidebarTabs, tabSlug];
-    $[5] = sidebarTabs;
-    $[6] = tabSlug;
-    $[7] = treeRefreshKey;
-    $[8] = t5;
-    $[9] = t6;
+    t7 = [treeRefreshKey, sidebarTabs, tabSlug, isActiveTab, currentParentParam, resolvedParentFieldName];
+    $[8] = currentParentParam;
+    $[9] = isActiveTab;
+    $[10] = resolvedParentFieldName;
+    $[11] = sidebarTabs;
+    $[12] = tabSlug;
+    $[13] = treeRefreshKey;
+    $[14] = t6;
+    $[15] = t7;
   } else {
-    t5 = $[8];
-    t6 = $[9];
+    t6 = $[14];
+    t7 = $[15];
   }
-  useEffect(t5, t6);
-  let t7;
-  if ($[10] !== adminRoute || $[11] !== baseFilter || $[12] !== collectionSpecificOptions || $[13] !== hierarchyCollectionSlug || $[14] !== icon || $[15] !== initialData || $[16] !== initialExpandedNodes || $[17] !== initialSelectedFilters || $[18] !== isSearchActive || $[19] !== parentFieldName || $[20] !== router || $[21] !== searchParams || $[22] !== selectedFilters || $[23] !== selectedNodeIdFromServer || $[24] !== setSelectedFiltersContext || $[25] !== sidebarTabs?.activeTabSlug || $[26] !== startRouteTransition || $[27] !== tabSlug || $[28] !== treeLimit || $[29] !== typeFieldName || $[30] !== useAsTitle) {
-    const parentParam = searchParams.get(parentFieldName ?? "parent");
-    const isActiveTab = sidebarTabs?.activeTabSlug === tabSlug;
-    const selectedNodeId = isActiveTab ? parentParam ?? selectedNodeIdFromServer ?? undefined : undefined;
-    const baseFilterKey = baseFilter ? JSON.stringify(baseFilter) : "";
-    let t8;
-    if ($[32] !== setSelectedFiltersContext) {
-      t8 = filters => {
-        setSelectedFiltersLocal(filters);
-        setSelectedFiltersContext(filters);
-      };
-      $[32] = setSelectedFiltersContext;
-      $[33] = t8;
-    } else {
-      t8 = $[33];
-    }
-    const handleFilterChange = t8;
-    let t9;
-    if ($[34] !== adminRoute || $[35] !== hierarchyCollectionSlug || $[36] !== parentFieldName || $[37] !== router || $[38] !== startRouteTransition) {
-      t9 = t10 => {
-        const {
-          id
-        } = t10;
-        const queryParam = parentFieldName ?? "parent";
-        const url = formatAdminURL({
-          adminRoute,
-          path: `/collections/${hierarchyCollectionSlug}/hierarchy?${queryParam}=${id}`
-        });
-        startRouteTransition(() => {
-          router.push(url);
-          router.refresh();
-        });
-      };
-      $[34] = adminRoute;
-      $[35] = hierarchyCollectionSlug;
-      $[36] = parentFieldName;
-      $[37] = router;
-      $[38] = startRouteTransition;
-      $[39] = t9;
-    } else {
-      t9 = $[39];
-    }
-    const handleNavigateToParent = t9;
-    t7 = _jsxs(_Fragment, {
+  useEffect(t6, t7);
+  const selectedNodeId = isActiveTab ? currentParentParam ?? selectedNodeIdFromServer ?? undefined : undefined;
+  let t8;
+  if ($[16] !== baseFilter) {
+    t8 = baseFilter ? JSON.stringify(baseFilter) : "";
+    $[16] = baseFilter;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  const baseFilterKey = t8;
+  let t9;
+  if ($[18] !== setSelectedFiltersContext) {
+    t9 = filters => {
+      setSelectedFiltersLocal(filters);
+      setSelectedFiltersContext(filters);
+    };
+    $[18] = setSelectedFiltersContext;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  const handleFilterChange = t9;
+  let t10;
+  if ($[20] !== adminRoute || $[21] !== hierarchyCollectionSlug || $[22] !== resolvedParentFieldName || $[23] !== router || $[24] !== startRouteTransition) {
+    t10 = t11 => {
+      const {
+        id
+      } = t11;
+      const url = formatAdminURL({
+        adminRoute,
+        path: `/collections/${hierarchyCollectionSlug}${qs.stringify({
+          [resolvedParentFieldName]: id,
+          view: "hierarchy"
+        }, {
+          addQueryPrefix: true
+        })}`
+      });
+      startRouteTransition(() => {
+        router.push(url);
+        router.refresh();
+      });
+    };
+    $[20] = adminRoute;
+    $[21] = hierarchyCollectionSlug;
+    $[22] = resolvedParentFieldName;
+    $[23] = router;
+    $[24] = startRouteTransition;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  const handleNavigateToParent = t10;
+  let t11;
+  if ($[26] !== baseFilter || $[27] !== baseFilterKey || $[28] !== collectionSpecificOptions || $[29] !== handleFilterChange || $[30] !== handleNavigateToParent || $[31] !== hierarchyCollectionSlug || $[32] !== icon || $[33] !== initialData || $[34] !== initialExpandedNodes || $[35] !== initialSelectedFilters || $[36] !== isSearchActive || $[37] !== parentFieldName || $[38] !== selectedFilters || $[39] !== selectedNodeId || $[40] !== treeLimit || $[41] !== typeFieldName || $[42] !== useAsTitle) {
+    t11 = _jsxs(_Fragment, {
       children: [_jsx(HydrateHierarchyProvider, {
         baseFilter,
         collectionSlug: hierarchyCollectionSlug,
@@ -166,31 +196,27 @@ export const HierarchySidebarTab = t0 => {
         }, `${hierarchyCollectionSlug}-${baseFilterKey}`)]
       })]
     });
-    $[10] = adminRoute;
-    $[11] = baseFilter;
-    $[12] = collectionSpecificOptions;
-    $[13] = hierarchyCollectionSlug;
-    $[14] = icon;
-    $[15] = initialData;
-    $[16] = initialExpandedNodes;
-    $[17] = initialSelectedFilters;
-    $[18] = isSearchActive;
-    $[19] = parentFieldName;
-    $[20] = router;
-    $[21] = searchParams;
-    $[22] = selectedFilters;
-    $[23] = selectedNodeIdFromServer;
-    $[24] = setSelectedFiltersContext;
-    $[25] = sidebarTabs?.activeTabSlug;
-    $[26] = startRouteTransition;
-    $[27] = tabSlug;
-    $[28] = treeLimit;
-    $[29] = typeFieldName;
-    $[30] = useAsTitle;
-    $[31] = t7;
+    $[26] = baseFilter;
+    $[27] = baseFilterKey;
+    $[28] = collectionSpecificOptions;
+    $[29] = handleFilterChange;
+    $[30] = handleNavigateToParent;
+    $[31] = hierarchyCollectionSlug;
+    $[32] = icon;
+    $[33] = initialData;
+    $[34] = initialExpandedNodes;
+    $[35] = initialSelectedFilters;
+    $[36] = isSearchActive;
+    $[37] = parentFieldName;
+    $[38] = selectedFilters;
+    $[39] = selectedNodeId;
+    $[40] = treeLimit;
+    $[41] = typeFieldName;
+    $[42] = useAsTitle;
+    $[43] = t11;
   } else {
-    t7 = $[31];
+    t11 = $[43];
   }
-  return t7;
+  return t11;
 };
 //# sourceMappingURL=HierarchySidebarTab.js.map