npm - @payloadcms/ui - Versions diffs - 4.0.0-internal.2fddfc0 → 4.0.0-internal.31ba7ee - Mend

@payloadcms/ui 4.0.0-internal.2fddfc0 → 4.0.0-internal.31ba7ee

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1809) hide show

package/dist/elements/Hierarchy/ColumnBrowser/Column/index.js CHANGED Viewed

@@ -2,7 +2,7 @@
 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 React, { useCallback, useId } from 'react';
 import { PlusIcon } from '../../../../icons/Plus/index.js';
 import { useTranslation } from '../../../../providers/Translation/index.js';
 import { Button } from '../../../Button/index.js';
@@ -12,7 +12,7 @@ import { ColumnItem } from '../ColumnItem/index.js';
 import './index.css';
 const baseClass = 'hierarchy-column';
 export const Column = t0 => {
-  const $ = _c(37);
+  const $ = _c(39);
   const {
     ancestorsWithSelections,
     canCreate,
@@ -37,11 +37,13 @@ export const Column = t0 => {
   const {
     t
   } = useTranslation();
+  const titleID = useId();
+  const createID = useId();
   let t1;
-  if ($[0] !== ancestorsWithSelections || $[1] !== canCreate || $[2] !== collectionLabel || $[3] !== disabled || $[4] !== disabledIds || $[5] !== expandedId || $[6] !== filterByCollection || $[7] !== hasNextPage || $[8] !== isLoading || $[9] !== items || $[10] !== onCreateNew || $[11] !== onExpand || $[12] !== onLoadMore || $[13] !== onSelect || $[14] !== parentId || $[15] !== parentTitle || $[16] !== pathToColumn || $[17] !== selectedIds || $[18] !== t || $[19] !== totalDocs) {
+  if ($[0] !== ancestorsWithSelections || $[1] !== canCreate || $[2] !== collectionLabel || $[3] !== createID || $[4] !== disabled || $[5] !== disabledIds || $[6] !== expandedId || $[7] !== filterByCollection || $[8] !== hasNextPage || $[9] !== isLoading || $[10] !== items || $[11] !== onCreateNew || $[12] !== onExpand || $[13] !== onLoadMore || $[14] !== onSelect || $[15] !== parentId || $[16] !== parentTitle || $[17] !== pathToColumn || $[18] !== selectedIds || $[19] !== t || $[20] !== titleID || $[21] !== totalDocs) {
     const headerTitle = parentTitle || (parentId === null ? t("general:all") : "");
     let t2;
-    if ($[21] !== items || $[22] !== onSelect || $[23] !== pathToColumn) {
+    if ($[23] !== items || $[24] !== onSelect || $[25] !== pathToColumn) {
       t2 = t3 => {
         const {
           id
@@ -56,30 +58,30 @@ export const Column = t0 => {
           path: fullPath
         });
       };
-      $[21] = items;
-      $[22] = onSelect;
-      $[23] = pathToColumn;
-      $[24] = t2;
+      $[23] = items;
+      $[24] = onSelect;
+      $[25] = pathToColumn;
+      $[26] = t2;
     } else {
-      t2 = $[24];
+      t2 = $[26];
     }
     const handleSelect = t2;
     let t3;
-    if ($[25] !== onCreateNew || $[26] !== parentId) {
+    if ($[27] !== onCreateNew || $[28] !== parentId) {
       t3 = () => {
         onCreateNew({
           parentId
         });
       };
-      $[25] = onCreateNew;
-      $[26] = parentId;
-      $[27] = t3;
+      $[27] = onCreateNew;
+      $[28] = parentId;
+      $[29] = t3;
     } else {
-      t3 = $[27];
+      t3 = $[29];
     }
     const handleCreateNew = t3;
     let t4;
-    if ($[28] !== ancestorsWithSelections || $[29] !== disabled || $[30] !== disabledIds || $[31] !== expandedId || $[32] !== filterByCollection || $[33] !== handleSelect || $[34] !== onExpand || $[35] !== selectedIds) {
+    if ($[30] !== ancestorsWithSelections || $[31] !== disabled || $[32] !== disabledIds || $[33] !== expandedId || $[34] !== filterByCollection || $[35] !== handleSelect || $[36] !== onExpand || $[37] !== selectedIds) {
       t4 = item_0 => _jsx(ColumnItem, {
         disabled: Boolean(disabled || disabledIds?.has(item_0.id)),
         filterByCollection,
@@ -90,29 +92,33 @@ export const Column = t0 => {
         onExpand,
         onSelect: handleSelect
       }, String(item_0.id));
-      $[28] = ancestorsWithSelections;
-      $[29] = disabled;
-      $[30] = disabledIds;
-      $[31] = expandedId;
-      $[32] = filterByCollection;
-      $[33] = handleSelect;
-      $[34] = onExpand;
-      $[35] = selectedIds;
-      $[36] = t4;
+      $[30] = ancestorsWithSelections;
+      $[31] = disabled;
+      $[32] = disabledIds;
+      $[33] = expandedId;
+      $[34] = filterByCollection;
+      $[35] = handleSelect;
+      $[36] = onExpand;
+      $[37] = selectedIds;
+      $[38] = t4;
     } else {
-      t4 = $[36];
+      t4 = $[38];
     }
     t1 = _jsxs("div", {
       className: baseClass,
       children: [_jsxs("div", {
         className: `${baseClass}__header`,
-        children: [_jsx("span", {
+        children: [_jsx("h3", {
           className: `${baseClass}__header-title`,
+          id: titleID,
           children: headerTitle
-        }), canCreate && _jsxs(Button, {
+        }), canCreate && _jsx(Button, {
           buttonStyle: "ghost",
           className: `${baseClass}__add-button`,
           disabled,
+          extraButtonProps: {
+            "aria-labelledby": `${createID} ${titleID}`
+          },
           icon: _jsx(PlusIcon, {
             size: 16
           }),
@@ -120,7 +126,12 @@ export const Column = t0 => {
           margin: false,
           onClick: handleCreateNew,
           size: "medium",
-          children: ["New ", collectionLabel]
+          children: _jsx("span", {
+            id: createID,
+            children: t("general:newLabel", {
+              label: collectionLabel
+            })
+          })
         })]
       }), _jsxs("div", {
         className: `${baseClass}__items`,
@@ -142,26 +153,28 @@ export const Column = t0 => {
     $[0] = ancestorsWithSelections;
     $[1] = canCreate;
     $[2] = collectionLabel;
-    $[3] = disabled;
-    $[4] = disabledIds;
-    $[5] = expandedId;
-    $[6] = filterByCollection;
-    $[7] = hasNextPage;
-    $[8] = isLoading;
-    $[9] = items;
-    $[10] = onCreateNew;
-    $[11] = onExpand;
-    $[12] = onLoadMore;
-    $[13] = onSelect;
-    $[14] = parentId;
-    $[15] = parentTitle;
-    $[16] = pathToColumn;
-    $[17] = selectedIds;
-    $[18] = t;
-    $[19] = totalDocs;
-    $[20] = t1;
+    $[3] = createID;
+    $[4] = disabled;
+    $[5] = disabledIds;
+    $[6] = expandedId;
+    $[7] = filterByCollection;
+    $[8] = hasNextPage;
+    $[9] = isLoading;
+    $[10] = items;
+    $[11] = onCreateNew;
+    $[12] = onExpand;
+    $[13] = onLoadMore;
+    $[14] = onSelect;
+    $[15] = parentId;
+    $[16] = parentTitle;
+    $[17] = pathToColumn;
+    $[18] = selectedIds;
+    $[19] = t;
+    $[20] = titleID;
+    $[21] = totalDocs;
+    $[22] = t1;
   } else {
-    t1 = $[20];
+    t1 = $[22];
   }
   return t1;
 };

package/dist/elements/Hierarchy/ColumnBrowser/Column/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useCallback","PlusIcon","useTranslation","Button","LoadMoreRow","Spinner","ColumnItem","baseClass","Column","t0","$","ancestorsWithSelections","canCreate","collectionLabel","disabled","disabledIds","expandedId","filterByCollection","hasNextPage","isLoading","items","onCreateNew","onExpand","onLoadMore","onSelect","parentId","parentTitle","pathToColumn","selectedIds","totalDocs","t","t1","headerTitle","t2","t3","id","item","find","i","fullPath","title","path","handleSelect","handleCreateNew","t4","item_0","_jsx","Boolean","has","hasSelectedDescendants","isExpanded","isSelected","String","_jsxs","className","children","buttonStyle","icon","size","margin","onClick","map","loadingText","currentCount","length","hasMore"],"sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/Column/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback } from 'react'\n\nimport type { ColumnProps } from '../types.js'\n\nimport { PlusIcon } from '../../../../icons/Plus/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { LoadMoreRow } from '../../../LoadMoreRow/index.js'\nimport { Spinner } from '../../../Spinner/index.js'\nimport { ColumnItem } from '../ColumnItem/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-column'\n\nexport const Column: React.FC<ColumnProps> = ({\n ancestorsWithSelections,\n canCreate,\n collectionLabel,\n disabled,\n disabledIds,\n expandedId,\n filterByCollection,\n hasNextPage,\n isLoading,\n items,\n onCreateNew,\n onExpand,\n onLoadMore,\n onSelect,\n parentId,\n parentTitle,\n pathToColumn,\n selectedIds,\n totalDocs,\n}) => {\n const { t } = useTranslation()\n\n const headerTitle = parentTitle \|\| (parentId === null ? t('general:all') : '')\n\n const handleSelect = useCallback(\n ({ id }: { id: number \| string }) => {\n const item = items.find((i) => i.id === id)\n const fullPath = item ? [...pathToColumn, { id: item.id, title: item.title }] : pathToColumn\n onSelect({ id, path: fullPath })\n },\n [items, onSelect, pathToColumn],\n )\n\n const handleCreateNew = useCallback(() => {\n onCreateNew({ parentId })\n }, [onCreateNew, parentId])\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__header`}>\n <~~span~~ className={`${baseClass}__header-title`}>{headerTitle}</~~span~~>\n {canCreate && (\n <Button\n buttonStyle=\"ghost\"\n className={`${baseClass}__add-button`}\n disabled={disabled}\n icon={<PlusIcon size={16} />}\n iconPosition=\"left\"\n margin={false}\n onClick={handleCreateNew}\n size=\"medium\"\n >\n ~~New~~ {collectionLabel}\n </Button>\n )}\n </div>\n\n <div className={`${baseClass}__items`}>\n {items.map((item) => (\n <ColumnItem\n disabled={Boolean(disabled \|\| disabledIds?.has(item.id))}\n filterByCollection={filterByCollection}\n hasSelectedDescendants={ancestorsWithSelections.has(item.id)}\n isExpanded={expandedId === item.id}\n isSelected={selectedIds.has(item.id)}\n item={item}\n key={String(item.id)}\n onExpand={onExpand}\n onSelect={handleSelect}\n />\n ))}\n\n {isLoading && (\n <div className={`${baseClass}__loading`}>\n <Spinner loadingText={null} size=\"sm\" />\n </div>\n )}\n\n {!disabled && !isLoading && totalDocs > 0 && (\n <LoadMoreRow\n className={`${baseClass}__load-more`}\n currentCount={items.length}\n hasMore={hasNextPage}\n onLoadMore={onLoadMore}\n totalDocs={totalDocs}\n />\n )}\n </div>\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,WAAW,QAAQ;~~AAInC~~,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,WAAW,QAAQ;AAC5B,SAASC,OAAO,QAAQ;AACxB,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,MAAA,GAAgCC,EAAA;EAAA,MAAAC,CAAA,~~GAAAZ~~,EAAA;EAAC;~~IAAAa~~,uBAAA;IAAAC,SAAA;IAAAC,eAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,kBAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,KAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,WAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC;EAAA,IAAApB,EAoB7C;EACC;IAAAqB;EAAA,IAAc5B,cAAA;EAAA,~~IAAA6B~~,EAAA;EAAA,~~IAAArB~~,CAAA,QAAAC,uBAAA,IAAAD,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAG,eAAA,IAAAH,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAK,WAAA,IAAAL,CAAA,QAAAM,UAAA,IAAAN,CAAA,QAAAO,kBAAA,IAAAP,CAAA,QAAAQ,WAAA,IAAAR,CAAA,QAAAS,SAAA,IAAAT,CAAA,~~QAAAU~~,KAAA,IAAAV,CAAA,SAAAW,WAAA,IAAAX,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAa,UAAA,IAAAb,CAAA,SAAAc,QAAA,IAAAd,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAgB,WAAA,IAAAhB,CAAA,SAAAiB,YAAA,IAAAjB,CAAA,SAAAkB,WAAA,IAAAlB,CAAA,SAAAoB,CAAA,IAAApB,CAAA,SAAAmB,SAAA;~~IAEd~~,~~MAAAG~~,WAAA,~~GAAoBN~~,WAAA,KAAgBD,QAAA,SAAa,GAAOK,CAAA,CAAE,iBAAiB,EAAC;IAAA,~~IAAAG~~,EAAA;IAAA,~~IAAAvB~~,CAAA,SAAAU,KAAA,IAAAV,CAAA,SAAAc,QAAA,IAAAd,CAAA,SAAAiB,YAAA;~~MAG1EM~~,EAAA,GAAAC,EAAA;QAAC;UAAAC;QAAA,IAAAD,EAA+B;QAC9B,MAAAE,IAAA,~~GAAahB~~,KAAA,~~CAAAiB~~,IAAA,CAAAC,CAAA,IAAkBA,CAAA,CAAAH,EAAA,KAASA,EAAA;QACxC,MAAAI,QAAA,GAAiBH,IAAA,~~OAAWT~~,YAAA;~~UAAAQ~~,EAAA,EAAoBC,IAAA,CAAAD,EAAA;UAAAK,KAAA,EAAgBJ,IAAA,CAAAI;QAAA,~~KAAgBb~~,YAAA;QAChFH,QAAA;~~UAAAW~~,EAAA;UAAAM,IAAA,EAAqBF;QAAA,CAAS;MAAA;~~MAChC7B~~,CAAA,OAAAU,KAAA;MAAAV,CAAA,OAAAc,QAAA;MAAAd,CAAA,OAAAiB,YAAA;MAAAjB,CAAA,~~OAAAuB~~,EAAA;IAAA;MAAAA,EAAA,~~GAAAvB~~,CAAA;IAAA;IALF,~~MAAAgC~~,YAAA,GAAqBT,EAMY;IAAA,IAAAC,EAAA;IAAA,~~IAAAxB~~,CAAA,SAAAW,WAAA,IAAAX,CAAA,SAAAe,QAAA;~~MAGGS~~,EAAA,GAAAA,CAAA;~~QAClCb~~,WAAA;UAAAI;QAAA,CAAuB;MAAA;MACzBf,CAAA,OAAAW,WAAA;MAAAX,CAAA,OAAAe,QAAA;MAAAf,CAAA,~~OAAAwB~~,EAAA;IAAA;MAAAA,EAAA,~~GAAAxB~~,CAAA;IAAA;IAFA,~~MAAAiC~~,eAAA,GAAwBT,EAEE;IAAA,IAAAU,EAAA;IAAA,~~IAAAlC~~,CAAA,SAAAC,uBAAA,IAAAD,CAAA,SAAAI,QAAA,IAAAJ,CAAA,SAAAK,WAAA,IAAAL,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAO,kBAAA,IAAAP,CAAA,~~SAAAgC~~,YAAA,~~IAAAhC~~,CAAA,SAAAY,QAAA,IAAAZ,CAAA,SAAAkB,WAAA;~~MAuBTgB~~,EAAA,GAAAC,MAAA,IACTC,IAAA,~~CAAAxC~~,UAAA;QAAAQ,QAAA,~~EACYiC~~,OAAA,~~CAAQjC~~,QAAA,IAAYC,WAAA,~~EAAAiC~~,GAAA,CAAiBZ,MAAA,CAAAD,EAAA,CAAO;~~QAAAlB~~,kBAAA;~~QAAAgC~~,sBAAA,~~EAE9BtC~~,uBAAA,~~CAAAqC~~,GAAA,CAA4BZ,MAAA,CAAAD,EAAO;QAAAe,UAAA,EAC/~~ClC~~,UAAA,~~KAAeoB~~,MAAA,CAAAD,EAAO;QAAAgB,UAAA,~~EACtBvB~~,WAAA,~~CAAAoB~~,GAAA,CAAgBZ,MAAA,CAAAD,EAAO;QAAAC,IAAA,EAC7BA,MAAA;~~QAAAd~~,QAAA;QAAAE,QAAA,~~EAGIkB~~;MAAA,GAFLU,MAAA,CAAOhB,MAAA,CAAAD,EAAO;~~MAAAzB~~,CAAA,OAAAC,uBAAA;MAAAD,CAAA,OAAAI,QAAA;MAAAJ,CAAA,OAAAK,WAAA;MAAAL,CAAA,OAAAM,UAAA;MAAAN,CAAA,OAAAO,kBAAA;MAAAP,CAAA,~~OAAAgC~~,YAAA;~~MAAAhC~~,CAAA,OAAAY,QAAA;MAAAZ,CAAA,OAAAkB,WAAA;MAAAlB,CAAA,~~OAAAkC~~,EAAA;IAAA;MAAAA,EAAA,~~GAAAlC~~,CAAA;IAAA;~~IA5B3BqB~~,EAAA,GAAAsB,KAAA,CAAC;MAAAC,SAAA,~~EAAA/C~~,SAAA;~~MAAAgD~~,QAAA,GACCF,KAAA,CAAC;QAAAC,SAAA,EAAe,~~GAAA/C~~,SAAA,UAAsB;~~QAAAgD~~,QAAA,GACpCT,IAAA,CAAC;UAAAQ,SAAA,~~EAAgB~~,~~GAAA/C~~,SAAA,gBAA4B;~~UAAAgD~~,QAAA,~~EAAGvB~~;QAAA,C,~~GAC/CpB~~,SAAA,~~IACCyC~~,~~KAAA~~,~~CAAAlD~~,MAAA;~~UAAAqD~~,WAAA,EACc;UAAAF,SAAA,EACD,~~GAAA/C~~,SAAA,cAA0B;UAAAO,QAAA;~~UAAA2C~~,IAAA,~~EAE/BX~~,IAAA,~~CAAA7C~~,QAAA;~~YAAAyD~~,IAAA;UAAA,C;wBACO;UAAAC,MAAA;UAAAC,OAAA,~~EAEJjB~~,eAAA;~~UAAAe~~,IAAA,EACJ;~~UAAAH~~,QAAA,~~GACN~~,~~QACM1C~~,~~eAAA~~;QAAA,C;~~UAKXwC~~,KAAA,CAAC;QAAAC,SAAA,EAAe,~~GAAA/C~~,SAAA,SAAqB;~~QAAAgD~~,QAAA,~~GAClCnC~~,KAAA,~~CAAAyC~~,GAAA,~~CAAUjB~~,EAQY,~~GAMtBzB~~,SAAA,~~IACC2B~~,IAAA,CAAC;UAAAQ,SAAA,EAAe,~~GAAA/C~~,SAAA,WAAuB;~~UAAAgD~~,QAAA,EACrCT,IAAA,~~CAAAzC~~,OAAA;~~YAAAyD~~,WAAA;~~YAAAJ~~,IAAA,EAAiC;UAAA,C;YAIpC,~~CAAC5C~~,QAAA,KAAaK,SAAA,IAAaU,SAAA,IAAY,~~IACtCiB~~,IAAA,~~CAAA1C~~,WAAA;~~UAAAkD~~,SAAA,EACa,~~GAAA/C~~,SAAA,aAAyB;~~UAAAwD~~,YAAA,~~EACtB3C~~,KAAA,~~CAAA4C~~,MAAA;UAAAC,OAAA,~~EACL/C~~,WAAA;UAAAK,UAAA;UAAAM;QAAA,C~~;;;;;;;;;;;;;;;;;;;;;;;;;;;SA5CjBE~~,E;~~CAoDJ~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useId","PlusIcon","useTranslation","Button","LoadMoreRow","Spinner","ColumnItem","baseClass","Column","t0","$","ancestorsWithSelections","canCreate","collectionLabel","disabled","disabledIds","expandedId","filterByCollection","hasNextPage","isLoading","items","onCreateNew","onExpand","onLoadMore","onSelect","parentId","parentTitle","pathToColumn","selectedIds","totalDocs","t","titleID","createID","t1","headerTitle","t2","t3","id","item","find","i","fullPath","title","path","handleSelect","handleCreateNew","t4","item_0","_jsx","Boolean","has","hasSelectedDescendants","isExpanded","isSelected","String","_jsxs","className","children","buttonStyle","extraButtonProps","icon","size","margin","onClick","label","map","loadingText","currentCount","length","hasMore"],"sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/Column/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useId } from 'react'\n\nimport type { ColumnProps } from '../types.js'\n\nimport { PlusIcon } from '../../../../icons/Plus/index.js'\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport { Button } from '../../../Button/index.js'\nimport { LoadMoreRow } from '../../../LoadMoreRow/index.js'\nimport { Spinner } from '../../../Spinner/index.js'\nimport { ColumnItem } from '../ColumnItem/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-column'\n\nexport const Column: React.FC<ColumnProps> = ({\n ancestorsWithSelections,\n canCreate,\n collectionLabel,\n disabled,\n disabledIds,\n expandedId,\n filterByCollection,\n hasNextPage,\n isLoading,\n items,\n onCreateNew,\n onExpand,\n onLoadMore,\n onSelect,\n parentId,\n parentTitle,\n pathToColumn,\n selectedIds,\n totalDocs,\n}) => {\n const { t } = useTranslation()\n const titleID = useId()\n const createID = useId()\n\n const headerTitle = parentTitle \|\| (parentId === null ? t('general:all') : '')\n\n const handleSelect = useCallback(\n ({ id }: { id: number \| string }) => {\n const item = items.find((i) => i.id === id)\n const fullPath = item ? [...pathToColumn, { id: item.id, title: item.title }] : pathToColumn\n onSelect({ id, path: fullPath })\n },\n [items, onSelect, pathToColumn],\n )\n\n const handleCreateNew = useCallback(() => {\n onCreateNew({ parentId })\n }, [onCreateNew, parentId])\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__header`}>\n <h3 className={`${baseClass}__header-title`} id={titleID}>\n {headerTitle}\n </h3>\n {canCreate && (\n <Button\n buttonStyle=\"ghost\"\n className={`${baseClass}__add-button`}\n disabled={disabled}\n extraButtonProps={{ 'aria-labelledby': `${createID} ${titleID}` }}\n icon={<PlusIcon size={16} />}\n iconPosition=\"left\"\n margin={false}\n onClick={handleCreateNew}\n size=\"medium\"\n >\n <span id={createID}>{t('general:newLabel', { label: collectionLabel })}</span>\n </Button>\n )}\n </div>\n\n <div className={`${baseClass}__items`}>\n {items.map((item) => (\n <ColumnItem\n disabled={Boolean(disabled \|\| disabledIds?.has(item.id))}\n filterByCollection={filterByCollection}\n hasSelectedDescendants={ancestorsWithSelections.has(item.id)}\n isExpanded={expandedId === item.id}\n isSelected={selectedIds.has(item.id)}\n item={item}\n key={String(item.id)}\n onExpand={onExpand}\n onSelect={handleSelect}\n />\n ))}\n\n {isLoading && (\n <div className={`${baseClass}__loading`}>\n <Spinner loadingText={null} size=\"sm\" />\n </div>\n )}\n\n {!disabled && !isLoading && totalDocs > 0 && (\n <LoadMoreRow\n className={`${baseClass}__load-more`}\n currentCount={items.length}\n hasMore={hasNextPage}\n onLoadMore={onLoadMore}\n totalDocs={totalDocs}\n />\n )}\n </div>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hierarchy/ColumnBrowser/ColumnItem/index.css CHANGED Viewed

@@ -4,10 +4,10 @@
     align-items: center;
     padding: var(--spacer-1) var(--spacer-2);
     cursor: pointer;
-    transition: background-color 80ms ease;
     user-select: none;
     gap: var(--spacer-2-5);
     border-radius: var(--button-radius);
+    margin-inline: var(--spacer-1);
     &:first-child {
       margin-top: var(--spacer-1);

package/dist/elements/Hierarchy/ColumnBrowser/ColumnItem/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/ColumnItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,~~KAA+B~~,MAAM,OAAO,CAAA;~~AAEnD~~,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAKlD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,~~CAoGhD~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/ColumnItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAKlD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuGhD,CAAA"}

package/dist/elements/Hierarchy/ColumnBrowser/ColumnItem/index.js CHANGED Viewed

@@ -2,14 +2,14 @@
 import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useId, useMemo } from 'react';
 import { CheckboxInput } from '../../../../fields/Checkbox/Input.js';
 import { ChevronIcon } from '../../../../icons/Chevron/index.js';
 import { isSuperset } from '../../../../utilities/isSuperset.js';
 import './index.css';
 const baseClass = 'hierarchy-column-item';
 export const ColumnItem = t0 => {
-  const $ = _c(27);
+  const $ = _c(29);
   const {
     disabled,
     filterByCollection,
@@ -26,6 +26,7 @@ export const ColumnItem = t0 => {
     hasChildren,
     title
   } = item;
+  const titleId = useId();
   let t1;
   bb0: {
     if (disabled) {
@@ -98,33 +99,36 @@ export const ColumnItem = t0 => {
     t4 = $[11];
   }
   const handleKeyDown = t4;
-  const t5 = isExpanded && `${baseClass}--expanded`;
-  const t6 = isSelected && `${baseClass}--selected`;
-  const t7 = isDisabled && `${baseClass}--disabled`;
-  let t8;
-  if ($[12] !== t5 || $[13] !== t6 || $[14] !== t7) {
-    t8 = [baseClass, t5, t6, t7].filter(Boolean);
-    $[12] = t5;
-    $[13] = t6;
-    $[14] = t7;
-    $[15] = t8;
+  const t5 = isSelected ? "location" : undefined;
+  const t6 = isExpanded && `${baseClass}--expanded`;
+  const t7 = isSelected && `${baseClass}--selected`;
+  const t8 = isDisabled && `${baseClass}--disabled`;
+  let t9;
+  if ($[12] !== t6 || $[13] !== t7 || $[14] !== t8) {
+    t9 = [baseClass, t6, t7, t8].filter(Boolean);
+    $[12] = t6;
+    $[13] = t7;
+    $[14] = t8;
+    $[15] = t9;
   } else {
-    t8 = $[15];
+    t9 = $[15];
   }
-  const t9 = t8.join(" ");
-  const t10 = isDisabled ? undefined : handleRowClick;
-  const t11 = isDisabled ? -1 : 0;
-  let t12;
-  if ($[16] !== handleCheckboxToggle || $[17] !== handleKeyDown || $[18] !== hasChildren || $[19] !== hasSelectedDescendants || $[20] !== isDisabled || $[21] !== isSelected || $[22] !== t10 || $[23] !== t11 || $[24] !== t9 || $[25] !== title) {
-    t12 = _jsxs("div", {
-      className: t9,
-      onClick: t10,
+  const t10 = t9.join(" ");
+  const t11 = isDisabled ? undefined : handleRowClick;
+  const t12 = isDisabled ? -1 : 0;
+  let t13;
+  if ($[16] !== handleCheckboxToggle || $[17] !== handleKeyDown || $[18] !== hasChildren || $[19] !== hasSelectedDescendants || $[20] !== isDisabled || $[21] !== isSelected || $[22] !== t10 || $[23] !== t11 || $[24] !== t12 || $[25] !== t5 || $[26] !== title || $[27] !== titleId) {
+    t13 = _jsxs("div", {
+      "aria-current": t5,
+      className: t10,
+      onClick: t11,
       onKeyDown: handleKeyDown,
       role: "button",
-      tabIndex: t11,
+      tabIndex: t12,
       children: [_jsx("div", {
         className: `${baseClass}__checkbox`,
         children: _jsx(CheckboxInput, {
+          "aria-labelledby": titleId,
           checked: isSelected,
           onToggle: handleCheckboxToggle,
           readOnly: isDisabled,
@@ -132,6 +136,7 @@ export const ColumnItem = t0 => {
         })
       }), _jsx("span", {
         className: `${baseClass}__title`,
+        id: titleId,
         title,
         children: title
       }), hasSelectedDescendants && !isSelected && _jsx("span", {
@@ -151,12 +156,14 @@ export const ColumnItem = t0 => {
     $[21] = isSelected;
     $[22] = t10;
     $[23] = t11;
-    $[24] = t9;
-    $[25] = title;
-    $[26] = t12;
+    $[24] = t12;
+    $[25] = t5;
+    $[26] = title;
+    $[27] = titleId;
+    $[28] = t13;
   } else {
-    t12 = $[26];
+    t13 = $[28];
   }
-  return t12;
+  return t13;
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/Hierarchy/ColumnBrowser/ColumnItem/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useMemo","CheckboxInput","ChevronIcon","isSuperset","baseClass","ColumnItem","t0","$","disabled","filterByCollection","hasSelectedDescendants","isExpanded","isSelected","item","onExpand","onSelect","id","allowedCollections","hasChildren","title","t1","bb0","length","isDisabled","t2","e","stopPropagation","handleCheckboxToggle","t3","e_0","target","closest","handleRowClick","t4","e_1","key","preventDefault","handleKeyDown","t5","t6","t7","t8","filter","Boolean","t9","join","~~t10~~","~~undefined~~","~~t11~~","~~t12","~~_jsxs","className","onClick","onKeyDown","role","tabIndex","children","_jsx","checked","onToggle","readOnly","variant","direction"],"sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/ColumnItem/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useMemo } from 'react'\n\nimport type { ColumnItemProps } from '../types.js'\n\nimport { CheckboxInput } from '../../../../fields/Checkbox/Input.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { isSuperset } from '../../../../utilities/isSuperset.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-column-item'\n\nexport const ColumnItem: React.FC<ColumnItemProps> = ({\n disabled,\n filterByCollection,\n hasSelectedDescendants,\n isExpanded,\n isSelected,\n item,\n onExpand,\n onSelect,\n}) => {\n const { id, allowedCollections, hasChildren, title } = item\n\n // Disable selection if:\n // 1. This item is in the disabledIds set (e.g., being moved)\n // 2. Folder doesn't allow ALL required collections\n const isDisabled = useMemo(() => {\n if (disabled) {\n return true\n }\n if (!filterByCollection \|\| filterByCollection.length === 0) {\n return false\n }\n return !isSuperset(allowedCollections, filterByCollection)\n }, [allowedCollections, disabled, filterByCollection])\n\n const handleCheckboxToggle = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n e.stopPropagation()\n if (isDisabled) {\n return\n }\n onSelect({ id })\n },\n [id, isDisabled, onSelect],\n )\n\n const handleRowClick = useCallback(\n (e: React.MouseEvent) => {\n // Don't expand when clicking the checkbox\n if ((e.target as HTMLElement).closest(`.${baseClass}__checkbox`)) {\n return\n }\n if (hasChildren) {\n onExpand({ id })\n }\n },\n [hasChildren, id, onExpand],\n )\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault()\n if (hasChildren) {\n onExpand({ id })\n }\n }\n },\n [hasChildren, id, onExpand],\n )\n\n return (\n <div\n className={[\n baseClass,\n isExpanded && `${baseClass}--expanded`,\n isSelected && `${baseClass}--selected`,\n isDisabled && `${baseClass}--disabled`,\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={isDisabled ? undefined : handleRowClick}\n onKeyDown={handleKeyDown}\n role=\"button\"\n tabIndex={isDisabled ? -1 : 0}\n >\n <div className={`${baseClass}__checkbox`}>\n <CheckboxInput\n checked={isSelected}\n onToggle={handleCheckboxToggle}\n readOnly={isDisabled}\n variant=\"muted\"\n />\n </div>\n\n <span className={`${baseClass}__title`} title={title}>\n {title}\n </span>\n\n {hasSelectedDescendants && !isSelected && (\n <span className={`${baseClass}__descendant-indicator`} />\n )}\n\n {hasChildren && (\n <span className={`${baseClass}__chevron`}>\n <ChevronIcon direction=\"right\" />\n </span>\n )}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,WAAW,EAAEC,OAAO,QAAQ;~~AAI5C~~,SAASC,aAAa,QAAQ;AAC9B,SAASC,WAAW,QAAQ;AAC5B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,~~GAAAV~~,EAAA;EAAC;~~IAAAW~~,QAAA;IAAAC,kBAAA;IAAAC,sBAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAT,EASrD;EACC;IAAAU,EAAA;IAAAC,kBAAA;IAAAC,WAAA;IAAAC;EAAA,IAAuDN,IAAA;EAAA,~~IAAAO~~,EAAA;EAAAC,GAAA;IAAA,~~IAMjDb~~,QAAA;~~MACFY~~,EAAA;MAAO,MAAAC,GAAA;IAAA;IAAA,IAEL,~~CAACZ~~,kBAAA,IAAsBA,kBAAA,~~CAAAa~~,MAAA,MAA8B;MACvDF,EAAA;MAAO,MAAAC,GAAA;IAAA;IAETD,EAAA,~~IAAQjB~~,UAAA,CAAWc,kBAAA,EAAoBR,kBAAA;EAAA;EAPzC,~~MAAAc~~,UAAA,GAAmBH,EAQkC;EAAA,IAAAI,EAAA;EAAA,~~IAAAjB~~,CAAA,QAAAS,EAAA,IAAAT,CAAA,~~QAAAgB~~,UAAA,~~IAAAhB~~,CAAA,QAAAQ,QAAA;~~IAGnDS~~,EAAA,GAAAC,CAAA;MACEA,CAAA,CAAAC,eAAA,CAAiB;MAAA,IACbH,UAAA;QAAA;MAAA;~~MAGJR~~,QAAA;QAAAC;MAAA,CAAc;IAAA;IAChBT,CAAA,MAAAS,EAAA;IAAAT,CAAA,~~MAAAgB~~,UAAA;~~IAAAhB~~,CAAA,MAAAQ,QAAA;IAAAR,CAAA,~~MAAAiB~~,EAAA;EAAA;IAAAA,EAAA,~~GAAAjB~~,CAAA;EAAA;EAPF,~~MAAAoB~~,oBAAA,GAA6BH,EAQD;EAAA,IAAAI,EAAA;EAAA,~~IAAArB~~,CAAA,QAAAW,WAAA,IAAAX,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAO,QAAA;~~IAI1Bc~~,EAAA,GAAAC,GAAA;MAAA,IAEMJ,GAAC,CAAAK,MAAA,CAAAC,OAAA,CAAiC,~~IAAA3B~~,SAAA,YAAyB;QAAA;MAAA;MAAA,IAG3Dc,WAAA;QACFJ,QAAA;UAAAE;QAAA,CAAc;MAAA;IAAA;IAElBT,CAAA,MAAAW,WAAA;IAAAX,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAO,QAAA;IAAAP,CAAA,~~MAAAqB~~,EAAA;EAAA;IAAAA,EAAA,~~GAAArB~~,CAAA;EAAA;EATF,~~MAAAyB~~,cAAA,GAAuBJ,EAUM;EAAA,IAAAK,EAAA;EAAA,~~IAAA1B~~,CAAA,QAAAW,WAAA,IAAAX,CAAA,QAAAS,EAAA,IAAAT,CAAA,SAAAO,QAAA;~~IAI3BmB~~,EAAA,GAAAC,GAAA;MAAA,IACMT,GAAA,CAAAU,GAAA,KAAU,WAAWV,GAAA,CAAAU,GAAA,KAAU;QACjCV,GAAA,CAAAW,cAAA,CAAgB;QAAA,~~IACZlB~~,WAAA;UACFJ,QAAA;YAAAE;UAAA,CAAc;QAAA;MAAA;IAAA;IAGpBT,CAAA,MAAAW,WAAA;IAAAX,CAAA,MAAAS,EAAA;IAAAT,CAAA,OAAAO,QAAA;IAAAP,CAAA,~~OAAA0B~~,EAAA;EAAA;IAAAA,EAAA,~~GAAA1B~~,CAAA;EAAA;EARF,~~MAAA8B~~,aAAA,GAAsBJ,EASO;~~EAOvB~~,MAAAK,EAAA,GAAA3B,UAAA,IAAc,GAAAP,SAAA,YAAwB;EACtC,~~MAAAmC~~,EAAA,~~GAAA3B~~,UAAA,IAAc,GAAAR,SAAA,YAAwB;EACtC,~~MAAAoC~~,EAAA,~~GAAAjB~~,UAAA,IAAc,~~GAAAnB~~,SAAA,YAAwB;EAAA,~~IAAAqC~~,EAAA;EAAA,~~IAAAlC~~,CAAA,~~SAAA+B~~,EAAA,~~IAAA/B~~,CAAA,~~SAAAgC~~,EAAA,~~IAAAhC~~,CAAA,~~SAAAiC~~,EAAA;IAJ7BC,EAAA,~~IAAArC~~,SAAA,~~EAETkC~~,EAAsC,EACtCC,EAAsC,EACtCC,EAAsC,EAAAE,MAAA,CAAAC,OAE9B;~~IAAApC~~,CAAA,~~OAAA+B~~,EAAA;~~IAAA/B~~,CAAA,~~OAAAgC~~,EAAA;~~IAAAhC~~,CAAA,~~OAAAiC~~,EAAA;~~IAAAjC~~,CAAA,~~OAAAkC~~,EAAA;EAAA;IAAAA,EAAA,~~GAAAlC~~,CAAA;EAAA;EANC,~~MAAAqC~~,~~EAAA~~,GAAAH,EAMD,CAAAI,IAAA,CACF;EACC,MAAAC,GAAA,~~GAAAvB~~,UAAA,~~GAAAwB~~,SAAA,~~GAAyBf~~,cAAA;EAGxB,~~MAAAgB~~,GAAA,~~GAAAzB~~,UAAA,SAAkB;EAAA,~~IAAA0B~~,GAAA;EAAA,~~IAAA1C~~,CAAA,~~SAAAoB~~,oBAAA,~~IAAApB~~,CAAA,~~SAAA8B~~,aAAA,~~IAAA9B~~,CAAA,SAAAW,WAAA,IAAAX,CAAA,SAAAG,sBAAA,IAAAH,CAAA,~~SAAAgB~~,UAAA,~~IAAAhB~~,CAAA,SAAAK,UAAA,IAAAL,CAAA,~~SAAAuC~~,GAAA,~~IAAAvC~~,CAAA,~~SAAAyC~~,GAAA,~~IAAAzC~~,CAAA,~~SAAAqC~~,EAAA,~~IAAArC~~,CAAA,SAAAY,KAAA;~~IAZ9B8B~~,GAAA,GAAAC,KAAA,CAAC;~~MAAAC~~,SAAA,~~EACYP~~,~~EAOH~~;~~MAAAQ~~,OAAA,~~EACCN~~,GAAyB;~~MAAAO~~,SAAA,~~EACvBhB~~,aAAA;~~MAAAiB~~,IAAA,EACN;MAAAC,QAAA,EACKP,GAAkB;MAAAQ,QAAA,GAE5BC,IAAA,CAAC;QAAAN,SAAA,EAAe,~~GAAA/C~~,SAAA,YAAwB;~~QAAAoD~~,QAAA,EACtCC,IAAA,~~CAAAxD~~,aAAA;~~UAAAyD~~,OAAA,~~EACW9C~~,UAAA;~~UAAA+C~~,QAAA,~~EACChC~~,oBAAA;~~UAAAiC~~,QAAA,~~EACArC~~,UAAA;~~UAAAsC~~,OAAA,EACF;QAAA,C;UAIZJ,IAAA,CAAC;QAAAN,SAAA,EAAgB,~~GAAA/C~~,SAAA,SAAqB;~~QAAAe~~,KAAA;~~QAAAqC~~,QAAA,~~EACnCrC~~;MAAA,C,GAGFT,sBAAA,KAA2BE,UAAA,~~IAC1B6C~~,IAAA,CAAC;QAAAN,SAAA,EAAgB,~~GAAA/C~~,SAAA;MAAoC,C,GAGtDc,WAAA,~~IACCuC~~,IAAA,CAAC;QAAAN,SAAA,EAAgB,~~GAAA/C~~,SAAA,WAAuB;~~QAAAoD~~,QAAA,EACtCC,IAAA,~~CAAAvD~~,WAAA;~~UAAA4D~~,SAAA,EAAuB;QAAA,C~~;;;;;;;;;;;;;;;;;SAjC7Bb~~,G;~~CAsCJ~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","React","useCallback","useId","useMemo","CheckboxInput","ChevronIcon","isSuperset","baseClass","ColumnItem","t0","$","disabled","filterByCollection","hasSelectedDescendants","isExpanded","isSelected","item","onExpand","onSelect","id","allowedCollections","hasChildren","title","titleId","t1","bb0","length","isDisabled","t2","e","stopPropagation","handleCheckboxToggle","t3","e_0","target","closest","handleRowClick","t4","e_1","key","preventDefault","handleKeyDown","t5","undefined","t6","t7","t8","t9","filter","Boolean","t10","join","t11","t12","t13","_jsxs","className","onClick","onKeyDown","role","tabIndex","children","_jsx","checked","onToggle","readOnly","variant","direction"],"sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/ColumnItem/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useId, useMemo } from 'react'\n\nimport type { ColumnItemProps } from '../types.js'\n\nimport { CheckboxInput } from '../../../../fields/Checkbox/Input.js'\nimport { ChevronIcon } from '../../../../icons/Chevron/index.js'\nimport { isSuperset } from '../../../../utilities/isSuperset.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-column-item'\n\nexport const ColumnItem: React.FC<ColumnItemProps> = ({\n disabled,\n filterByCollection,\n hasSelectedDescendants,\n isExpanded,\n isSelected,\n item,\n onExpand,\n onSelect,\n}) => {\n const { id, allowedCollections, hasChildren, title } = item\n const titleId = useId()\n\n // Disable selection if:\n // 1. This item is in the disabledIds set (e.g., being moved)\n // 2. Folder doesn't allow ALL required collections\n const isDisabled = useMemo(() => {\n if (disabled) {\n return true\n }\n if (!filterByCollection \|\| filterByCollection.length === 0) {\n return false\n }\n return !isSuperset(allowedCollections, filterByCollection)\n }, [allowedCollections, disabled, filterByCollection])\n\n const handleCheckboxToggle = useCallback(\n (e: React.ChangeEvent<HTMLInputElement>) => {\n e.stopPropagation()\n if (isDisabled) {\n return\n }\n onSelect({ id })\n },\n [id, isDisabled, onSelect],\n )\n\n const handleRowClick = useCallback(\n (e: React.MouseEvent) => {\n // Don't expand when clicking the checkbox\n if ((e.target as HTMLElement).closest(`.${baseClass}__checkbox`)) {\n return\n }\n if (hasChildren) {\n onExpand({ id })\n }\n },\n [hasChildren, id, onExpand],\n )\n\n const handleKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault()\n if (hasChildren) {\n onExpand({ id })\n }\n }\n },\n [hasChildren, id, onExpand],\n )\n\n return (\n <div\n aria-current={isSelected ? 'location' : undefined}\n className={[\n baseClass,\n isExpanded && `${baseClass}--expanded`,\n isSelected && `${baseClass}--selected`,\n isDisabled && `${baseClass}--disabled`,\n ]\n .filter(Boolean)\n .join(' ')}\n onClick={isDisabled ? undefined : handleRowClick}\n onKeyDown={handleKeyDown}\n role=\"button\"\n tabIndex={isDisabled ? -1 : 0}\n >\n <div className={`${baseClass}__checkbox`}>\n <CheckboxInput\n aria-labelledby={titleId}\n checked={isSelected}\n onToggle={handleCheckboxToggle}\n readOnly={isDisabled}\n variant=\"muted\"\n />\n </div>\n\n <span className={`${baseClass}__title`} id={titleId} title={title}>\n {title}\n </span>\n\n {hasSelectedDescendants && !isSelected && (\n <span className={`${baseClass}__descendant-indicator`} />\n )}\n\n {hasChildren && (\n <span className={`${baseClass}__chevron`}>\n <ChevronIcon direction=\"right\" />\n </span>\n )}\n </div>\n )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,WAAW,EAAEC,KAAK,EAAEC,OAAO,QAAQ;AAInD,SAASC,aAAa,QAAQ;AAC9B,SAASC,WAAW,QAAQ;AAC5B,SAASC,UAAU,QAAQ;AAC3B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,UAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,QAAA;IAAAC,kBAAA;IAAAC,sBAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAT,EASrD;EACC;IAAAU,EAAA;IAAAC,kBAAA;IAAAC,WAAA;IAAAC;EAAA,IAAuDN,IAAA;EACvD,MAAAO,OAAA,GAAgBrB,KAAA;EAAA,IAAAsB,EAAA;EAAAC,GAAA;IAAA,IAMVd,QAAA;MACFa,EAAA;MAAO,MAAAC,GAAA;IAAA;IAAA,IAEL,CAACb,kBAAA,IAAsBA,kBAAA,CAAAc,MAAA,MAA8B;MACvDF,EAAA;MAAO,MAAAC,GAAA;IAAA;IAETD,EAAA,IAAQlB,UAAA,CAAWc,kBAAA,EAAoBR,kBAAA;EAAA;EAPzC,MAAAe,UAAA,GAAmBH,EAQkC;EAAA,IAAAI,EAAA;EAAA,IAAAlB,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAiB,UAAA,IAAAjB,CAAA,QAAAQ,QAAA;IAGnDU,EAAA,GAAAC,CAAA;MACEA,CAAA,CAAAC,eAAA,CAAiB;MAAA,IACbH,UAAA;QAAA;MAAA;MAGJT,QAAA;QAAAC;MAAA,CAAc;IAAA;IAChBT,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAiB,UAAA;IAAAjB,CAAA,MAAAQ,QAAA;IAAAR,CAAA,MAAAkB,EAAA;EAAA;IAAAA,EAAA,GAAAlB,CAAA;EAAA;EAPF,MAAAqB,oBAAA,GAA6BH,EAQD;EAAA,IAAAI,EAAA;EAAA,IAAAtB,CAAA,QAAAW,WAAA,IAAAX,CAAA,QAAAS,EAAA,IAAAT,CAAA,QAAAO,QAAA;IAI1Be,EAAA,GAAAC,GAAA;MAAA,IAEMJ,GAAC,CAAAK,MAAA,CAAAC,OAAA,CAAiC,IAAA5B,SAAA,YAAyB;QAAA;MAAA;MAAA,IAG3Dc,WAAA;QACFJ,QAAA;UAAAE;QAAA,CAAc;MAAA;IAAA;IAElBT,CAAA,MAAAW,WAAA;IAAAX,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAO,QAAA;IAAAP,CAAA,MAAAsB,EAAA;EAAA;IAAAA,EAAA,GAAAtB,CAAA;EAAA;EATF,MAAA0B,cAAA,GAAuBJ,EAUM;EAAA,IAAAK,EAAA;EAAA,IAAA3B,CAAA,QAAAW,WAAA,IAAAX,CAAA,QAAAS,EAAA,IAAAT,CAAA,SAAAO,QAAA;IAI3BoB,EAAA,GAAAC,GAAA;MAAA,IACMT,GAAA,CAAAU,GAAA,KAAU,WAAWV,GAAA,CAAAU,GAAA,KAAU;QACjCV,GAAA,CAAAW,cAAA,CAAgB;QAAA,IACZnB,WAAA;UACFJ,QAAA;YAAAE;UAAA,CAAc;QAAA;MAAA;IAAA;IAGpBT,CAAA,MAAAW,WAAA;IAAAX,CAAA,MAAAS,EAAA;IAAAT,CAAA,OAAAO,QAAA;IAAAP,CAAA,OAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EARF,MAAA+B,aAAA,GAAsBJ,EASO;EAKX,MAAAK,EAAA,GAAA3B,UAAA,GAAa,aAAA4B,SAAa;EAGtC,MAAAC,EAAA,GAAA9B,UAAA,IAAc,GAAAP,SAAA,YAAwB;EACtC,MAAAsC,EAAA,GAAA9B,UAAA,IAAc,GAAAR,SAAA,YAAwB;EACtC,MAAAuC,EAAA,GAAAnB,UAAA,IAAc,GAAApB,SAAA,YAAwB;EAAA,IAAAwC,EAAA;EAAA,IAAArC,CAAA,SAAAkC,EAAA,IAAAlC,CAAA,SAAAmC,EAAA,IAAAnC,CAAA,SAAAoC,EAAA;IAJ7BC,EAAA,IAAAxC,SAAA,EAETqC,EAAsC,EACtCC,EAAsC,EACtCC,EAAsC,EAAAE,MAAA,CAAAC,OAE9B;IAAAvC,CAAA,OAAAkC,EAAA;IAAAlC,CAAA,OAAAmC,EAAA;IAAAnC,CAAA,OAAAoC,EAAA;IAAApC,CAAA,OAAAqC,EAAA;EAAA;IAAAA,EAAA,GAAArC,CAAA;EAAA;EANC,MAAAwC,GAAA,GAAAH,EAMD,CAAAI,IAAA,CACF;EACC,MAAAC,GAAA,GAAAzB,UAAA,GAAAgB,SAAA,GAAyBP,cAAA;EAGxB,MAAAiB,GAAA,GAAA1B,UAAA,SAAkB;EAAA,IAAA2B,GAAA;EAAA,IAAA5C,CAAA,SAAAqB,oBAAA,IAAArB,CAAA,SAAA+B,aAAA,IAAA/B,CAAA,SAAAW,WAAA,IAAAX,CAAA,SAAAG,sBAAA,IAAAH,CAAA,SAAAiB,UAAA,IAAAjB,CAAA,SAAAK,UAAA,IAAAL,CAAA,SAAAwC,GAAA,IAAAxC,CAAA,SAAA0C,GAAA,IAAA1C,CAAA,SAAA2C,GAAA,IAAA3C,CAAA,SAAAgC,EAAA,IAAAhC,CAAA,SAAAY,KAAA,IAAAZ,CAAA,SAAAa,OAAA;IAb9B+B,GAAA,GAAAC,KAAA,CAAC;MAAA,gBACeb,EAA0B;MAAAc,SAAA,EAC7BN,GAOH;MAAAO,OAAA,EACCL,GAAyB;MAAAM,SAAA,EACvBjB,aAAA;MAAAkB,IAAA,EACN;MAAAC,QAAA,EACKP,GAAkB;MAAAQ,QAAA,GAE5BC,IAAA,CAAC;QAAAN,SAAA,EAAe,GAAAjD,SAAA,YAAwB;QAAAsD,QAAA,EACtCC,IAAA,CAAA1D,aAAA;UAAA,mBACmBmB,OAAA;UAAAwC,OAAA,EACRhD,UAAA;UAAAiD,QAAA,EACCjC,oBAAA;UAAAkC,QAAA,EACAtC,UAAA;UAAAuC,OAAA,EACF;QAAA,C;UAIZJ,IAAA,CAAC;QAAAN,SAAA,EAAgB,GAAAjD,SAAA,SAAqB;QAAAY,EAAA,EAAMI,OAAA;QAAAD,KAAA;QAAAuC,QAAA,EACzCvC;MAAA,C,GAGFT,sBAAA,KAA2BE,UAAA,IAC1B+C,IAAA,CAAC;QAAAN,SAAA,EAAgB,GAAAjD,SAAA;MAAoC,C,GAGtDc,WAAA,IACCyC,IAAA,CAAC;QAAAN,SAAA,EAAgB,GAAAjD,SAAA,WAAuB;QAAAsD,QAAA,EACtCC,IAAA,CAAAzD,WAAA;UAAA8D,SAAA,EAAuB;QAAA,C;;;;;;;;;;;;;;;;;;;SAnC7Bb,G;CAwCJ","ignoreList":[]}

package/dist/elements/Hierarchy/ColumnBrowser/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/ColumnBrowser/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAE5F,OAAO,KAAK,EAGV,2BAA2B,EAC3B,yBAAyB,EAC1B,MAAM,YAAY,CAAA;AASnB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,sBAAsB,~~GAAmC,8MAcnE~~;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,yBAAyB,GAAG,IAAI,CAAC,CAAA;CAAE,GAAG,2BAA2B,sBA0d3F,CAAA;AAED,YAAY,EACV,cAAc,EACd,2BAA2B,EAC3B,yBAAyB,EACzB,WAAW,GACZ,MAAM,YAAY,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/ColumnBrowser/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAwE,MAAM,OAAO,CAAA;AAE5F,OAAO,KAAK,EAGV,2BAA2B,EAC3B,yBAAyB,EAC1B,MAAM,YAAY,CAAA;AASnB,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,sBAAsB,iNAchC;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,yBAAyB,GAAG,IAAI,CAAC,CAAA;CAAE,GAAG,2BAA2B,sBA0d3F,CAAA;AAED,YAAY,EACV,cAAc,EACd,2BAA2B,EAC3B,yBAAyB,EACzB,WAAW,GACZ,MAAM,YAAY,CAAA"}

package/dist/elements/Hierarchy/ColumnBrowser/types.d.ts CHANGED Viewed

@@ -40,7 +40,7 @@ export type ColumnProps = {
     hasNextPage: boolean;
     isLoading: boolean;
     items: ColumnItemData[];
-    /** Called when user clicks "New" button - parent should open drawer with parentId */
+    /** Called when user clicks "New" button - parent should open modal with parentId */
     onCreateNew: (params: {
         parentId: null | number | string;
     }) => void;

package/dist/elements/Hierarchy/ColumnBrowser/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/ColumnBrowser/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAGpC,MAAM,MAAM,cAAc,GAAG;IAC3B,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,WAAW,EAAE,OAAO,CAAA;IACpB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2EAA2E;IAC3E,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,sBAAsB,EAAE,OAAO,CAAA;IAC/B,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,cAAc,CAAA;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CACpD,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,uBAAuB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC7C,4CAA4C;IAC5C,SAAS,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAClC,UAAU,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IAClC,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,~~qFAAqF~~;~~IACrF~~,WAAW,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnE,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,IAAI,EAAE,WAAW,EAAE,CAAA;KAAE,KAAK,IAAI,CAAA;IACxE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACjC,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,yBAAyB,GAAG;IACtC,4CAA4C;IAC5C,aAAa,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACnE,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,uBAAuB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAC7C,2EAA2E;IAC3E,UAAU,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;IACzB,6FAA6F;IAC7F,WAAW,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IAClC;;;;;;;;OAQG;IACH,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,uBAAuB,EAAE,MAAM,CAAA;IAC/B,mBAAmB,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACzC,8DAA8D;IAC9D,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gEAAgE;IAChE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IACpE,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,IAAI,EAAE,WAAW,EAAE,CAAA;KAAE,KAAK,IAAI,CAAA;IACxE,eAAe,EAAE,MAAM,CAAA;IACvB,WAAW,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/ColumnBrowser/types.ts"],"names":[],"mappings":"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"}

package/dist/elements/Hierarchy/ColumnBrowser/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/ColumnBrowser/types.ts"],"sourcesContent":["import type { Where } from 'payload'\nimport type React from 'react'\n\nexport type ColumnItemData = {\n /** For folders with collectionSpecific config, the allowed collection slugs /\n allowedCollections?: string[]\n hasChildren: boolean\n id: number \| string\n title: string\n}\n\nexport type PathSegment = {\n id: number \| string\n title: string\n}\n\nexport type ColumnItemProps = {\n disabled?: boolean\n /* Required collections that the folder must allow (for superset check) /\n filterByCollection?: string[]\n hasSelectedDescendants: boolean\n isExpanded: boolean\n isSelected: boolean\n item: ColumnItemData\n onExpand: (params: { id: number \| string }) => void\n onSelect: (params: { id: number \| string }) => void\n}\n\nexport type ColumnProps = {\n ancestorsWithSelections: Set<number \| string>\n /* Whether user can create new documents /\n canCreate: boolean\n /* Label for the collection (e.g., \"Folder\") /\n collectionLabel: string\n disabled?: boolean\n /* IDs that should be disabled (e.g., items being moved can't be selected as destination) /\n disabledIds?: Set<number \| string>\n expandedId: null \| number \| string\n /* Required collections for superset check (passed to ColumnItem) /\n filterByCollection?: string[]\n hasNextPage: boolean\n isLoading: boolean\n items: ColumnItemData[]\n /* Called when user clicks \"New\" button - parent should open ~~drawer~~ with parentId /\n onCreateNew: (params: { parentId: null \| number \| string }) => void\n onExpand: (params: { id: number \| string }) => void\n onLoadMore: () => void\n onSelect: (params: { id: number \| string; path: PathSegment[] }) => void\n parentId: null \| number \| string\n parentTitle?: string\n pathToColumn: PathSegment[]\n selectedIds: Set<number \| string>\n totalDocs: number\n}\n\nexport type ColumnState = {\n hasNextPage: boolean\n isLoading: boolean\n items: ColumnItemData[]\n page: number\n parentId: null \| number \| string\n parentTitle?: string\n totalDocs: number\n}\n\nexport type HierarchyColumnBrowserRef = {\n /* Refetch a specific column by parentId /\n refreshColumn: (parentId: null \| number \| string) => Promise<void>\n}\n\nexport type HierarchyColumnBrowserProps = {\n ancestorsWithSelections: Set<number \| string>\n /* Base filter constraint (e.g., tenant filter) to apply to all queries /\n baseFilter?: null \| Where\n /* IDs that should be disabled (e.g., items being moved can't be selected as destination) /\n disabledIds?: Set<number \| string>\n /\n Filters hierarchy items based on collection type restrictions:\n * - `undefined`: No filtering, show all folders\n * - `[]` (empty array): No filtering, show all folders (no constraints)\n * - `['posts', ...]`: Show folders accepting ANY of these collections OR unrestricted folders\n \n Note: Query uses ANY semantics due to PG hasMany enum limitations.\n * Client-side enforcement can disable selection of folders that don't allow ALL required collections.\n /\n filterByCollection?: string[]\n hierarchyCollectionSlug: string\n initialExpandedPath?: (number \| string)[]\n /* Whether the initial expanded path is still being loaded /\n isLoadingPath?: boolean\n /* Called when user clicks \"New\" button to create a new item */\n onCreateNew?: (params: { parentId: null \| number \| string }) => void\n onSelect: (params: { id: number \| string; path: PathSegment[] }) => void\n parentFieldName: string\n selectedIds: Set<number \| string>\n useAsTitle?: string\n}\n"],"mappings":"AAsEA","ignoreList":[]}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../src/elements/Hierarchy/ColumnBrowser/types.ts"],"sourcesContent":["import type { Where } from 'payload'\nimport type React from 'react'\n\nexport type ColumnItemData = {\n /** For folders with collectionSpecific config, the allowed collection slugs /\n allowedCollections?: string[]\n hasChildren: boolean\n id: number \| string\n title: string\n}\n\nexport type PathSegment = {\n id: number \| string\n title: string\n}\n\nexport type ColumnItemProps = {\n disabled?: boolean\n /* Required collections that the folder must allow (for superset check) /\n filterByCollection?: string[]\n hasSelectedDescendants: boolean\n isExpanded: boolean\n isSelected: boolean\n item: ColumnItemData\n onExpand: (params: { id: number \| string }) => void\n onSelect: (params: { id: number \| string }) => void\n}\n\nexport type ColumnProps = {\n ancestorsWithSelections: Set<number \| string>\n /* Whether user can create new documents /\n canCreate: boolean\n /* Label for the collection (e.g., \"Folder\") /\n collectionLabel: string\n disabled?: boolean\n /* IDs that should be disabled (e.g., items being moved can't be selected as destination) /\n disabledIds?: Set<number \| string>\n expandedId: null \| number \| string\n /* Required collections for superset check (passed to ColumnItem) /\n filterByCollection?: string[]\n hasNextPage: boolean\n isLoading: boolean\n items: ColumnItemData[]\n /* Called when user clicks \"New\" button - parent should open modal with parentId /\n onCreateNew: (params: { parentId: null \| number \| string }) => void\n onExpand: (params: { id: number \| string }) => void\n onLoadMore: () => void\n onSelect: (params: { id: number \| string; path: PathSegment[] }) => void\n parentId: null \| number \| string\n parentTitle?: string\n pathToColumn: PathSegment[]\n selectedIds: Set<number \| string>\n totalDocs: number\n}\n\nexport type ColumnState = {\n hasNextPage: boolean\n isLoading: boolean\n items: ColumnItemData[]\n page: number\n parentId: null \| number \| string\n parentTitle?: string\n totalDocs: number\n}\n\nexport type HierarchyColumnBrowserRef = {\n /* Refetch a specific column by parentId /\n refreshColumn: (parentId: null \| number \| string) => Promise<void>\n}\n\nexport type HierarchyColumnBrowserProps = {\n ancestorsWithSelections: Set<number \| string>\n /* Base filter constraint (e.g., tenant filter) to apply to all queries /\n baseFilter?: null \| Where\n /* IDs that should be disabled (e.g., items being moved can't be selected as destination) /\n disabledIds?: Set<number \| string>\n /\n Filters hierarchy items based on collection type restrictions:\n * - `undefined`: No filtering, show all folders\n * - `[]` (empty array): No filtering, show all folders (no constraints)\n * - `['posts', ...]`: Show folders accepting ANY of these collections OR unrestricted folders\n \n Note: Query uses ANY semantics due to PG hasMany enum limitations.\n * Client-side enforcement can disable selection of folders that don't allow ALL required collections.\n /\n filterByCollection?: string[]\n hierarchyCollectionSlug: string\n initialExpandedPath?: (number \| string)[]\n /* Whether the initial expanded path is still being loaded /\n isLoadingPath?: boolean\n /* Called when user clicks \"New\" button to create a new item */\n onCreateNew?: (params: { parentId: null \| number \| string }) => void\n onSelect: (params: { id: number \| string; path: PathSegment[] }) => void\n parentFieldName: string\n selectedIds: Set<number \| string>\n useAsTitle?: string\n}\n"],"mappings":"AAsEA","ignoreList":[]}

package/dist/elements/Hierarchy/DocHeaderButton/index.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { useConfig } from '../../../providers/Config/index.js';
 import { useDocumentInfo } from '../../../providers/DocumentInfo/index.js';
 import { useTranslation } from '../../../providers/Translation/index.js';
 import { Button } from '../../Button/index.js';
-import { useHierarchyDrawer } from '../Drawer/useHierarchyDrawer.js';
+import { useHierarchyModal } from '../Modal/useHierarchyModal.js';
 import './index.css';
 const baseClass = 'hierarchy-button';
 export const HierarchyButtonClient = ({
@@ -44,13 +44,13 @@ export const HierarchyButtonClient = ({
   });
   const useAsTitle = collectionConfig?.admin?.useAsTitle || 'name';
   const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug;
-  // When in hierarchy collection, let the drawer use allowedCollections from context
+  // When in hierarchy collection, let the modal use allowedCollections from context
   // When in other collections, filter by that collection's slug
   // Memoize to prevent new array references on every render
   const filterByCollection = useMemo(() => isHierarchyCollection || !documentCollectionSlug ? undefined : [documentCollectionSlug], [isHierarchyCollection, documentCollectionSlug]);
-  const [HierarchyDrawer,, {
-    openDrawer
-  }] = useHierarchyDrawer({
+  const [HierarchyModal,, {
+    openModal
+  }] = useHierarchyModal({
     filterByCollection,
     hierarchyCollectionSlug,
     Icon
@@ -87,8 +87,8 @@ export const HierarchyButtonClient = ({
     };
     void fetchItemName();
   }, [currentId, hierarchyCollectionSlug, config.routes.api, config.serverURL, useAsTitle, t]);
-  const handleDrawerSave = useCallback(({
-    closeDrawer,
+  const handleModalSave = useCallback(({
+    closeModal,
     selections
   }) => {
     const ids = Array.from(selections.keys());
@@ -101,13 +101,13 @@ export const HierarchyButtonClient = ({
       });
       setModified(true);
     }
-    closeDrawer();
+    closeModal();
   }, [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified]);
   const handleClick = useCallback(() => {
     if (!readOnly) {
-      openDrawer();
+      openModal();
     }
-  }, [openDrawer, readOnly]);
+  }, [openModal, readOnly]);
   const label = isLoading ? `${t('general:loading')}...` : displayName;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Button, {
@@ -119,10 +119,10 @@ export const HierarchyButtonClient = ({
       margin: false,
       onClick: handleClick,
       children: label
-    }), /*#__PURE__*/_jsx(HierarchyDrawer, {
+    }), /*#__PURE__*/_jsx(HierarchyModal, {
       hasMany: hasMany,
       initialSelections: currentId ? [currentId] : undefined,
-      onSave: handleDrawerSave
+      onSave: handleModalSave
     })]
   });
 };

package/dist/elements/Hierarchy/DocHeaderButton/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["formatAdminURL","React","useCallback","useEffect","useMemo","useState","useForm","useFormFields","useConfig","useDocumentInfo","useTranslation","Button","~~useHierarchyDrawer~~","baseClass","HierarchyButtonClient","fieldName","hasMany","hierarchyCollectionSlug","Icon","readOnly","readOnlyFromProps","SmallIcon","t","config","getEntityConfig","collectionSlug","documentCollectionSlug","disabled","formDisabled","setModified","dispatchField","_","dispatch","currentFieldValue","fields","currentId","value","displayName","setDisplayName","isLoading","setIsLoading","collectionConfig","useAsTitle","admin","isHierarchyCollection","filterByCollection","undefined","~~HierarchyDrawer~~","~~openDrawer~~","fetchItemName","response","fetch","apiRoute","routes","api","path","serverURL","credentials","ok","itemData","json","title","name","id","String","~~handleDrawerSave~~","~~closeDrawer~~","selections","ids","Array","from","keys","newValue","type","handleClick","label","_jsxs","_Fragment","_jsx","buttonStyle","className","filter","Boolean","join","icon","iconPosition","margin","onClick","initialSelections","onSave"],"sources":["../../../../src/elements/Hierarchy/DocHeaderButton/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectionWithPath } from '../~~Drawer~~/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { ~~useHierarchyDrawer~~ } from '../~~Drawer~~/~~useHierarchyDrawer~~.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-button'\n\nexport type HierarchyButtonClientProps = {\n fieldName: string\n hasMany?: boolean\n hierarchyCollectionSlug: string\n Icon?: React.ReactNode\n readOnly?: boolean\n SmallIcon?: React.ReactNode\n}\n\nexport const HierarchyButtonClient: React.FC<HierarchyButtonClientProps> = ({\n fieldName,\n hasMany = false,\n hierarchyCollectionSlug,\n Icon,\n readOnly: readOnlyFromProps,\n SmallIcon,\n}) => {\n const { t } = useTranslation()\n const { config, getEntityConfig } = useConfig()\n const { collectionSlug: documentCollectionSlug } = useDocumentInfo()\n const { disabled: formDisabled, setModified } = useForm()\n const readOnly = readOnlyFromProps \|\| formDisabled\n const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n\n const currentFieldValue = useFormFields(([fields]) => (fields && fields?.[fieldName]) \|\| null)\n const currentId = currentFieldValue?.value as null \| number \| string\n\n const [displayName, setDisplayName] = useState<string>('')\n const [isLoading, setIsLoading] = useState(true)\n\n const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n const useAsTitle = collectionConfig?.admin?.useAsTitle \|\| 'name'\n\n const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug\n\n // When in hierarchy collection, let the ~~drawer~~ use allowedCollections from context\n // When in other collections, filter by that collection's slug\n // Memoize to prevent new array references on every render\n const filterByCollection = useMemo(\n () => (isHierarchyCollection \|\| !documentCollectionSlug ? undefined : [documentCollectionSlug]),\n [isHierarchyCollection, documentCollectionSlug],\n )\n\n const [~~HierarchyDrawer~~, , { ~~openDrawer~~ }] = ~~useHierarchyDrawer~~({\n filterByCollection,\n hierarchyCollectionSlug,\n Icon,\n })\n\n // Fetch item name when currentId changes\n useEffect(() => {\n const fetchItemName = async () => {\n if (currentId && (typeof currentId === 'string' \|\| typeof currentId === 'number')) {\n setIsLoading(true)\n try {\n const response = await fetch(\n formatAdminURL({\n apiRoute: config.routes.api,\n path: `/${hierarchyCollectionSlug}/${currentId}`,\n serverURL: config.serverURL,\n }),\n { credentials: 'include' },\n )\n\n if (response.ok) {\n const itemData = await response.json()\n const title = itemData?.[useAsTitle] \|\| itemData?.name \|\| itemData?.id\n\n setDisplayName(String(title))\n } else {\n setDisplayName(t('general:none'))\n }\n } catch {\n setDisplayName(t('general:none'))\n } finally {\n setIsLoading(false)\n }\n } else {\n setDisplayName(t('general:none'))\n setIsLoading(false)\n }\n }\n\n void fetchItemName()\n }, [currentId, hierarchyCollectionSlug, config.routes.api, config.serverURL, useAsTitle, t])\n\n const ~~handleDrawerSave~~ = useCallback(\n ({\n ~~closeDrawer~~,\n selections,\n }: {\n ~~closeDrawer~~: () => void\n selections: Map<number \| string, SelectionWithPath>\n }) => {\n const ids = Array.from(selections.keys())\n const newValue = hasMany ? ids : (ids[0] ?? null)\n\n if (currentFieldValue?.value !== newValue) {\n dispatchField({\n type: 'UPDATE',\n path: fieldName,\n value: newValue,\n })\n setModified(true)\n }\n ~~closeDrawer~~()\n },\n [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified],\n )\n\n const handleClick = useCallback(() => {\n if (!readOnly) {\n ~~openDrawer~~()\n }\n }, [~~openDrawer~~, readOnly])\n\n const label = isLoading ? `${t('general:loading')}...` : displayName\n\n return (\n <>\n <Button\n buttonStyle=\"secondary\"\n className={[baseClass, readOnly && `${baseClass}--read-only`].filter(Boolean).join(' ')}\n disabled={readOnly}\n icon={SmallIcon ?? Icon}\n iconPosition=\"left\"\n margin={false}\n onClick={handleClick}\n >\n {label}\n </Button>\n <~~HierarchyDrawer~~\n hasMany={hasMany}\n initialSelections={currentId ? [currentId] : undefined}\n onSave={~~handleDrawerSave~~}\n />\n </>\n )\n}\n"],"mappings":"AAAA;;;AACA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ;AAIjE,SAASC,OAAO,EAAEC,aAAa,QAAQ;AACvC,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AACvB,SAASC,~~kBAAkB~~,QAAQ;~~AACnC~~,OAAO;AAEP,MAAMC,SAAA,GAAY;AAWlB,OAAO,MAAMC,qBAAA,GAA8DA,CAAC;EAC1EC,SAAS;EACTC,OAAA,GAAU,KAAK;EACfC,uBAAuB;EACvBC,IAAI;EACJC,QAAA,EAAUC,iBAAiB;EAC3BC;AAAS,CACV;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGZ,cAAA;EACd,MAAM;IAAEa,MAAM;IAAEC;EAAe,CAAE,GAAGhB,SAAA;EACpC,MAAM;IAAEiB,cAAA,EAAgBC;EAAsB,CAAE,GAAGjB,eAAA;EACnD,MAAM;IAAEkB,QAAA,EAAUC,YAAY;IAAEC;EAAW,CAAE,GAAGvB,OAAA;EAChD,MAAMa,QAAA,GAAWC,iBAAA,IAAqBQ,YAAA;EACtC,MAAME,aAAA,GAAgBvB,aAAA,CAAc,CAAC,CAACwB,CAAA,EAAGC,QAAA,CAAS,KAAKA,QAAA;EAEvD,MAAMC,iBAAA,GAAoB1B,aAAA,CAAc,CAAC,CAAC2B,MAAA,CAAO,KAAKA,MAAC,IAAUA,MAAA,GAASnB,SAAA,CAAU,IAAK;EACzF,MAAMoB,SAAA,GAAYF,iBAAA,EAAmBG,KAAA;EAErC,MAAM,CAACC,WAAA,EAAaC,cAAA,CAAe,GAAGjC,QAAA,CAAiB;EACvD,MAAM,CAACkC,SAAA,EAAWC,YAAA,CAAa,GAAGnC,QAAA,CAAS;EAE3C,MAAMoC,gBAAA,GAAmBjB,eAAA,CAAgB;IAAEC,cAAA,EAAgBR;EAAwB;EACnF,MAAMyB,UAAA,GAAaD,gBAAA,EAAkBE,KAAA,EAAOD,UAAA,IAAc;EAE1D,MAAME,qBAAA,GAAwBlB,sBAAA,KAA2BT,uBAAA;EAEzD;EACA;EACA;EACA,MAAM4B,kBAAA,GAAqBzC,OAAA,CACzB,MAAOwC,qBAAA,IAAyB,CAAClB,sBAAA,GAAyBoB,SAAA,GAAY,CAACpB,sBAAA,CAAuB,EAC9F,CAACkB,qBAAA,EAAuBlB,sBAAA,CAAuB;EAGjD,MAAM,CAACqB,~~eAAA~~,~~GAAmB~~;IAAEC;~~EAAU~~,CAAE,CAAC,GAAGpC,~~kBAAA~~,~~CAAmB~~;~~IAC7DiC~~,kBAAA;IACA5B,uBAAA;IACAC;EACF;EAEA;EACAf,SAAA,CAAU;IACR,MAAM8C,aAAA,GAAgB,MAAAA,CAAA;MACpB,IAAId,SAAA,KAAc,OAAOA,SAAA,KAAc,YAAY,OAAOA,SAAA,KAAc,QAAO,GAAI;QACjFK,YAAA,CAAa;QACb,IAAI;UACF,MAAMU,QAAA,GAAW,MAAMC,KAAA,CACrBnD,cAAA,CAAe;YACboD,QAAA,EAAU7B,MAAA,CAAO8B,MAAM,CAACC,GAAG;YAC3BC,IAAA,EAAM,IAAItC,uBAAA,IAA2BkB,SAAA,EAAW;YAChDqB,SAAA,EAAWjC,MAAA,CAAOiC;UACpB,IACA;YAAEC,WAAA,EAAa;UAAU;UAG3B,IAAIP,QAAA,CAASQ,EAAE,EAAE;YACf,MAAMC,QAAA,GAAW,MAAMT,QAAA,CAASU,IAAI;YACpC,MAAMC,KAAA,GAAQF,QAAA,GAAWjB,UAAA,CAAW,IAAIiB,QAAA,EAAUG,IAAA,IAAQH,QAAA,EAAUI,EAAA;YAEpEzB,cAAA,CAAe0B,MAAA,CAAOH,KAAA;UACxB,OAAO;YACLvB,cAAA,CAAehB,CAAA,CAAE;UACnB;QACF,EAAE,MAAM;UACNgB,cAAA,CAAehB,CAAA,CAAE;QACnB,UAAU;UACRkB,YAAA,CAAa;QACf;MACF,OAAO;QACLF,cAAA,CAAehB,CAAA,CAAE;QACjBkB,YAAA,CAAa;MACf;IACF;IAEA,KAAKS,aAAA;EACP,GAAG,CAACd,SAAA,EAAWlB,uBAAA,EAAyBM,MAAA,CAAO8B,MAAM,CAACC,GAAG,EAAE/B,MAAA,CAAOiC,SAAS,EAAEd,UAAA,EAAYpB,CAAA,CAAE;EAE3F,MAAM2C,~~gBAAA~~,~~GAAmB~~/D,WAAA,~~CACvB~~,CAAC;IACCgE,~~WAAW~~;~~IACXC~~;EAAU,CAIX;IACC,MAAMC,GAAA,GAAMC,KAAA,CAAMC,IAAI,CAACH,UAAA,CAAWI,IAAI;IACtC,MAAMC,QAAA,GAAWxD,OAAA,GAAUoD,GAAA,GAAOA,GAAG,CAAC,EAAE,IAAI;IAE5C,IAAInC,iBAAA,EAAmBG,KAAA,KAAUoC,QAAA,EAAU;MACzC1C,aAAA,CAAc;QACZ2C,IAAA,EAAM;QACNlB,IAAA,EAAMxC,SAAA;QACNqB,KAAA,EAAOoC;MACT;MACA3C,WAAA,CAAY;IACd;IACAqC,~~WAAA~~;EACF,GACA,CAACjC,iBAAA,EAAmBG,KAAA,EAAON,aAAA,EAAef,SAAA,EAAWC,OAAA,EAASa,WAAA,CAAY;EAG5E,MAAM6C,WAAA,GAAcxE,WAAA,CAAY;IAC9B,IAAI,CAACiB,QAAA,EAAU;MACb6B,~~UAAA~~;IACF;EACF,GAAG,CAACA,~~UAAA~~,~~EAAY7B~~,QAAA,CAAS;~~EAEzB~~,MAAMwD,KAAA,GAAQpC,SAAA,GAAY,GAAGjB,CAAA,CAAE,uBAAuB,GAAGe,WAAA;EAEzD,oBACEuC,KAAA,CAAAC,SAAA;4BACEC,IAAA,CAACnE,MAAA;MACCoE,WAAA,EAAY;MACZC,SAAA,EAAW,CAACnE,SAAA,EAAWM,QAAA,IAAY,GAAGN,SAAA,aAAsB,CAAC,CAACoE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;MACnFxD,QAAA,EAAUR,QAAA;MACViE,IAAA,EAAM/D,SAAA,IAAaH,IAAA;MACnBmE,YAAA,EAAa;MACbC,MAAA,EAAQ;MACRC,OAAA,EAASb,WAAA;gBAERC;qBAEHG,IAAA,CAAC/B,~~eAAA~~;MACC/B,OAAA,EAASA,OAAA;MACTwE,iBAAA,EAAmBrD,SAAA,GAAY,CAACA,SAAA,CAAU,GAAGW,SAAA;MAC7C2C,MAAA,EAAQxB;;;AAIhB","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["formatAdminURL","React","useCallback","useEffect","useMemo","useState","useForm","useFormFields","useConfig","useDocumentInfo","useTranslation","Button","useHierarchyModal","baseClass","HierarchyButtonClient","fieldName","hasMany","hierarchyCollectionSlug","Icon","readOnly","readOnlyFromProps","SmallIcon","t","config","getEntityConfig","collectionSlug","documentCollectionSlug","disabled","formDisabled","setModified","dispatchField","_","dispatch","currentFieldValue","fields","currentId","value","displayName","setDisplayName","isLoading","setIsLoading","collectionConfig","useAsTitle","admin","isHierarchyCollection","filterByCollection","undefined","HierarchyModal","openModal","fetchItemName","response","fetch","apiRoute","routes","api","path","serverURL","credentials","ok","itemData","json","title","name","id","String","handleModalSave","closeModal","selections","ids","Array","from","keys","newValue","type","handleClick","label","_jsxs","_Fragment","_jsx","buttonStyle","className","filter","Boolean","join","icon","iconPosition","margin","onClick","initialSelections","onSave"],"sources":["../../../../src/elements/Hierarchy/DocHeaderButton/index.tsx"],"sourcesContent":["'use client'\nimport { formatAdminURL } from 'payload/shared'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\n\nimport type { SelectionWithPath } from '../Modal/types.js'\n\nimport { useForm, useFormFields } from '../../../forms/Form/context.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../../providers/DocumentInfo/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\nimport { useHierarchyModal } from '../Modal/useHierarchyModal.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-button'\n\nexport type HierarchyButtonClientProps = {\n fieldName: string\n hasMany?: boolean\n hierarchyCollectionSlug: string\n Icon?: React.ReactNode\n readOnly?: boolean\n SmallIcon?: React.ReactNode\n}\n\nexport const HierarchyButtonClient: React.FC<HierarchyButtonClientProps> = ({\n fieldName,\n hasMany = false,\n hierarchyCollectionSlug,\n Icon,\n readOnly: readOnlyFromProps,\n SmallIcon,\n}) => {\n const { t } = useTranslation()\n const { config, getEntityConfig } = useConfig()\n const { collectionSlug: documentCollectionSlug } = useDocumentInfo()\n const { disabled: formDisabled, setModified } = useForm()\n const readOnly = readOnlyFromProps \|\| formDisabled\n const dispatchField = useFormFields(([_, dispatch]) => dispatch)\n\n const currentFieldValue = useFormFields(([fields]) => (fields && fields?.[fieldName]) \|\| null)\n const currentId = currentFieldValue?.value as null \| number \| string\n\n const [displayName, setDisplayName] = useState<string>('')\n const [isLoading, setIsLoading] = useState(true)\n\n const collectionConfig = getEntityConfig({ collectionSlug: hierarchyCollectionSlug })\n const useAsTitle = collectionConfig?.admin?.useAsTitle \|\| 'name'\n\n const isHierarchyCollection = documentCollectionSlug === hierarchyCollectionSlug\n\n // When in hierarchy collection, let the modal use allowedCollections from context\n // When in other collections, filter by that collection's slug\n // Memoize to prevent new array references on every render\n const filterByCollection = useMemo(\n () => (isHierarchyCollection \|\| !documentCollectionSlug ? undefined : [documentCollectionSlug]),\n [isHierarchyCollection, documentCollectionSlug],\n )\n\n const [HierarchyModal, , { openModal }] = useHierarchyModal({\n filterByCollection,\n hierarchyCollectionSlug,\n Icon,\n })\n\n // Fetch item name when currentId changes\n useEffect(() => {\n const fetchItemName = async () => {\n if (currentId && (typeof currentId === 'string' \|\| typeof currentId === 'number')) {\n setIsLoading(true)\n try {\n const response = await fetch(\n formatAdminURL({\n apiRoute: config.routes.api,\n path: `/${hierarchyCollectionSlug}/${currentId}`,\n serverURL: config.serverURL,\n }),\n { credentials: 'include' },\n )\n\n if (response.ok) {\n const itemData = await response.json()\n const title = itemData?.[useAsTitle] \|\| itemData?.name \|\| itemData?.id\n\n setDisplayName(String(title))\n } else {\n setDisplayName(t('general:none'))\n }\n } catch {\n setDisplayName(t('general:none'))\n } finally {\n setIsLoading(false)\n }\n } else {\n setDisplayName(t('general:none'))\n setIsLoading(false)\n }\n }\n\n void fetchItemName()\n }, [currentId, hierarchyCollectionSlug, config.routes.api, config.serverURL, useAsTitle, t])\n\n const handleModalSave = useCallback(\n ({\n closeModal,\n selections,\n }: {\n closeModal: () => void\n selections: Map<number \| string, SelectionWithPath>\n }) => {\n const ids = Array.from(selections.keys())\n const newValue = hasMany ? ids : (ids[0] ?? null)\n\n if (currentFieldValue?.value !== newValue) {\n dispatchField({\n type: 'UPDATE',\n path: fieldName,\n value: newValue,\n })\n setModified(true)\n }\n closeModal()\n },\n [currentFieldValue?.value, dispatchField, fieldName, hasMany, setModified],\n )\n\n const handleClick = useCallback(() => {\n if (!readOnly) {\n openModal()\n }\n }, [openModal, readOnly])\n\n const label = isLoading ? `${t('general:loading')}...` : displayName\n\n return (\n <>\n <Button\n buttonStyle=\"secondary\"\n className={[baseClass, readOnly && `${baseClass}--read-only`].filter(Boolean).join(' ')}\n disabled={readOnly}\n icon={SmallIcon ?? Icon}\n iconPosition=\"left\"\n margin={false}\n onClick={handleClick}\n >\n {label}\n </Button>\n <HierarchyModal\n hasMany={hasMany}\n initialSelections={currentId ? [currentId] : undefined}\n onSave={handleModalSave}\n />\n </>\n )\n}\n"],"mappings":"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","ignoreList":[]}