@payloadcms/ui 4.0.0-internal.016994f → 4.0.0-internal.0731f09

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","HtmlDiff","escapeDiffHTML","unescapeDiffHTML","baseClass","getHTMLDiffComponents","fromHTML","postProcess","toHTML","tokenizeByCharacter","diffHTML","oldHTML","newHTML","getSideBySideContents","From","_jsx","className","dangerouslySetInnerHTML","__html","To"],"sources":["../../../src/elements/HTMLDiff/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HtmlDiff } from './diff/index.js'\nimport './colors.css'\nimport './index.css'\n\nexport { escapeDiffHTML, unescapeDiffHTML } from './escapeHtml.js'\n\nconst baseClass = 'html-diff'\n\nexport const getHTMLDiffComponents = ({\n  fromHTML,\n  postProcess,\n  toHTML,\n  tokenizeByCharacter,\n}: {\n  fromHTML: string\n  /**\n   * Optional function to transform the HTML output after diffing.\n   * Useful for converting escape sequences to HTML entities.\n   */\n  postProcess?: (html: string) => string\n  toHTML: string\n  tokenizeByCharacter?: boolean\n}): {\n  From: React.ReactNode\n  To: React.ReactNode\n} => {\n  const diffHTML = new HtmlDiff(fromHTML, toHTML, {\n    tokenizeByCharacter,\n  })\n\n  let [oldHTML, newHTML] = diffHTML.getSideBySideContents()\n\n  if (postProcess) {\n    oldHTML = postProcess(oldHTML)\n    newHTML = postProcess(newHTML)\n  }\n\n  const From = oldHTML ? (\n    <div\n      className={`${baseClass}__diff-old html-diff`}\n      dangerouslySetInnerHTML={{ __html: oldHTML }}\n    />\n  ) : null\n\n  const To = newHTML ? (\n    <div\n      className={`${baseClass}__diff-new html-diff`}\n      dangerouslySetInnerHTML={{ __html: newHTML }}\n    />\n  ) : null\n\n  return { From, To }\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,OAAO;AACP,OAAO;AAEP,SAASC,cAAc,EAAEC,gBAAgB,QAAQ;AAEjD,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,qBAAA,GAAwBA,CAAC;EACpCC,QAAQ;EACRC,WAAW;EACXC,MAAM;EACNC;AAAmB,CAUpB;EAIC,MAAMC,QAAA,GAAW,IAAIT,QAAA,CAASK,QAAA,EAAUE,MAAA,EAAQ;IAC9CC;EACF;EAEA,IAAI,CAACE,OAAA,EAASC,OAAA,CAAQ,GAAGF,QAAA,CAASG,qBAAqB;EAEvD,IAAIN,WAAA,EAAa;IACfI,OAAA,GAAUJ,WAAA,CAAYI,OAAA;IACtBC,OAAA,GAAUL,WAAA,CAAYK,OAAA;EACxB;EAEA,MAAME,IAAA,GAAOH,OAAA,gBACXI,IAAA,CAAC;IACCC,SAAA,EAAW,GAAGZ,SAAA,sBAA+B;IAC7Ca,uBAAA,EAAyB;MAAEC,MAAA,EAAQP;IAAQ;OAE3C;EAEJ,MAAMQ,EAAA,GAAKP,OAAA,gBACTG,IAAA,CAAC;IACCC,SAAA,EAAW,GAAGZ,SAAA,sBAA+B;IAC7Ca,uBAAA,EAAyB;MAAEC,MAAA,EAAQN;IAAQ;OAE3C;EAEJ,OAAO;IAAEE,IAAA;IAAMK;EAAG;AACpB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","HtmlDiff","escapeDiffHTML","unescapeDiffHTML","baseClass","getHTMLDiffComponents","fromHTML","fromLabel","postProcess","toHTML","tokenizeByCharacter","toLabel","diffHTML","oldHTML","newHTML","getSideBySideContents","From","_jsx","className","dangerouslySetInnerHTML","__html","role","undefined","To"],"sources":["../../../src/elements/HTMLDiff/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HtmlDiff } from './diff/index.js'\nimport './colors.css'\nimport './index.css'\n\nexport { escapeDiffHTML, unescapeDiffHTML } from './escapeHtml.js'\n\nconst baseClass = 'html-diff'\n\nexport const getHTMLDiffComponents = ({\n  fromHTML,\n  fromLabel,\n  postProcess,\n  toHTML,\n  tokenizeByCharacter,\n  toLabel,\n}: {\n  fromHTML: string\n  fromLabel?: string\n  /**\n   * Optional function to transform the HTML output after diffing.\n   * Useful for converting escape sequences to HTML entities.\n   */\n  postProcess?: (html: string) => string\n  toHTML: string\n  tokenizeByCharacter?: boolean\n  toLabel?: string\n}): {\n  From: React.ReactNode\n  To: React.ReactNode\n} => {\n  const diffHTML = new HtmlDiff(fromHTML, toHTML, {\n    tokenizeByCharacter,\n  })\n\n  let [oldHTML, newHTML] = diffHTML.getSideBySideContents()\n\n  if (postProcess) {\n    oldHTML = postProcess(oldHTML)\n    newHTML = postProcess(newHTML)\n  }\n\n  const From = oldHTML ? (\n    <div\n      aria-label={fromLabel}\n      className={`${baseClass}__diff-old html-diff`}\n      dangerouslySetInnerHTML={{ __html: oldHTML }}\n      role={fromLabel ? 'group' : undefined}\n    />\n  ) : null\n\n  const To = newHTML ? (\n    <div\n      aria-label={toLabel}\n      className={`${baseClass}__diff-new html-diff`}\n      dangerouslySetInnerHTML={{ __html: newHTML }}\n      role={toLabel ? 'group' : undefined}\n    />\n  ) : null\n\n  return { From, To }\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,OAAO;AACP,OAAO;AAEP,SAASC,cAAc,EAAEC,gBAAgB,QAAQ;AAEjD,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,qBAAA,GAAwBA,CAAC;EACpCC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,MAAM;EACNC,mBAAmB;EACnBC;AAAO,CAYR;EAIC,MAAMC,QAAA,GAAW,IAAIX,QAAA,CAASK,QAAA,EAAUG,MAAA,EAAQ;IAC9CC;EACF;EAEA,IAAI,CAACG,OAAA,EAASC,OAAA,CAAQ,GAAGF,QAAA,CAASG,qBAAqB;EAEvD,IAAIP,WAAA,EAAa;IACfK,OAAA,GAAUL,WAAA,CAAYK,OAAA;IACtBC,OAAA,GAAUN,WAAA,CAAYM,OAAA;EACxB;EAEA,MAAME,IAAA,GAAOH,OAAA,gBACXI,IAAA,CAAC;IACC,cAAYV,SAAA;IACZW,SAAA,EAAW,GAAGd,SAAA,sBAA+B;IAC7Ce,uBAAA,EAAyB;MAAEC,MAAA,EAAQP;IAAQ;IAC3CQ,IAAA,EAAMd,SAAA,GAAY,UAAUe;OAE5B;EAEJ,MAAMC,EAAA,GAAKT,OAAA,gBACTG,IAAA,CAAC;IACC,cAAYN,OAAA;IACZO,SAAA,EAAW,GAAGd,SAAA,sBAA+B;IAC7Ce,uBAAA,EAAyB;MAAEC,MAAA,EAAQN;IAAQ;IAC3CO,IAAA,EAAMV,OAAA,GAAU,UAAUW;OAE1B;EAEJ,OAAO;IAAEN,IAAA;IAAMO;EAAG;AACpB","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+@layer payload-default {
+  .hierarchy-actions-menu {
+    display: contents;
+  }
+
+  .hierarchy-actions-menu__truncate {
+    display: block;
+    max-inline-size: calc(var(--spacer-6) * 4);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* Dividers span the full menu width rather than sitting inside the list's inline padding. */
+  .hierarchy-actions-menu__popup-content .popup-divider {
+    margin-inline: calc(var(--spacer-2) * -1);
+  }
+}

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import './index.css';
+/**
+ * Props for the trigger button. `undefined` when the menu is off and the trigger
+ * should run its own click handler instead.
+ */
+export type HierarchyActionsMenuTriggerProps = {
+    extraButtonProps: {
+        'aria-controls'?: string;
+        'aria-expanded'?: 'false' | 'true' | boolean;
+        'aria-haspopup': 'menu';
+        onKeyDown: React.KeyboardEventHandler;
+    };
+    onClick: React.MouseEventHandler;
+    selected: boolean;
+} | undefined;
+export type HierarchyActionsMenuProps = {
+    /** Destination for the "Go to" action. The action is hidden when omitted. */
+    goTo?: {
+        href: string;
+        name: string;
+    };
+    /** When false, the trigger renders without a menu. */
+    hasActions: boolean;
+    /** Singular label of the hierarchy collection, used in the remove action. */
+    hierarchyLabel: string;
+    onMove: () => void;
+    /** Return `false` when the remove failed, so focus stays where it is. */
+    onRemove: () => boolean | Promise<boolean> | void;
+    renderTrigger: (triggerProps: HierarchyActionsMenuTriggerProps) => React.ReactNode;
+    /** Show icons next to the move and remove actions. */
+    showActionIcons?: boolean;
+};
+export declare const HierarchyActionsMenu: React.FC<HierarchyActionsMenuProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/ActionsMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAMvE,OAAO,aAAa,CAAA;AAIpB;;;GAGG;AACH,MAAM,MAAM,gCAAgC,GACxC;IACE,gBAAgB,EAAE;QAChB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;QAC5C,eAAe,EAAE,MAAM,CAAA;QACvB,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAA;KACtC,CAAA;IACD,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAChC,QAAQ,EAAE,OAAO,CAAA;CAClB,GACD,SAAS,CAAA;AAEb,MAAM,MAAM,yBAAyB,GAAG;IACtC,6EAA6E;IAC7E,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC,sDAAsD;IACtD,UAAU,EAAE,OAAO,CAAA;IACnB,6EAA6E;IAC7E,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IACjD,aAAa,EAAE,CAAC,YAAY,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAA;IAClF,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAsFpE,CAAA"}

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

@@ -0,0 +1,99 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { ArrowIcon } from '../../../icons/Arrow/index.js';
+import { XIcon } from '../../../icons/X/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Popup, PopupList } from '../../Popup/index.js';
+import './index.css';
+const baseClass = 'hierarchy-actions-menu';
+export const HierarchyActionsMenu = ({
+  goTo,
+  hasActions,
+  hierarchyLabel,
+  onMove,
+  onRemove,
+  renderTrigger,
+  showActionIcons = false
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const controlRef = useRef(null);
+  const [shouldRefocus, setShouldRefocus] = useState(false);
+  // After a remove, the trigger re-renders without the menu, so focus the new button
+  useEffect(() => {
+    if (shouldRefocus) {
+      controlRef.current?.querySelector('button')?.focus();
+      setShouldRefocus(false);
+    }
+  }, [shouldRefocus]);
+  const handleRemove = useCallback(async () => {
+    if ((await onRemove()) !== false) {
+      setShouldRefocus(true);
+    }
+  }, [onRemove]);
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    ref: controlRef,
+    children: hasActions ? /*#__PURE__*/_jsx(Popup, {
+      caret: false,
+      horizontalAlign: "left",
+      portalClassName: `${baseClass}__popup-content`,
+      render: ({
+        close
+      }) => /*#__PURE__*/_jsxs(PopupList.MenuItem, {
+        children: [/*#__PURE__*/_jsx(PopupList.Button, {
+          icon: showActionIcons ? /*#__PURE__*/_jsx(ArrowIcon, {
+            direction: "right"
+          }) : undefined,
+          onClick: () => {
+            close();
+            requestAnimationFrame(onMove);
+          },
+          children: t('hierarchy:moveTo')
+        }), /*#__PURE__*/_jsx(PopupList.Button, {
+          icon: showActionIcons ? /*#__PURE__*/_jsx(XIcon, {}) : undefined,
+          onClick: () => {
+            close();
+            void handleRemove();
+          },
+          children: t('hierarchy:removeFrom', {
+            label: hierarchyLabel
+          })
+        }), goTo ? /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [/*#__PURE__*/_jsx(PopupList.Divider, {}), /*#__PURE__*/_jsx(PopupList.Button, {
+            href: goTo.href,
+            onClick: close,
+            children: /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__truncate`,
+              title: goTo.name,
+              children: t('hierarchy:goTo', {
+                name: goTo.name
+              })
+            })
+          })]
+        }) : null]
+      }),
+      renderButton: ({
+        active,
+        'aria-controls': ariaControls,
+        onClick,
+        onKeyDown
+      }) => renderTrigger({
+        extraButtonProps: {
+          'aria-controls': ariaControls,
+          'aria-expanded': active,
+          'aria-haspopup': 'menu',
+          onKeyDown
+        },
+        onClick,
+        selected: active
+      }),
+      size: "fit-content",
+      verticalAlign: "bottom"
+    }) : renderTrigger(undefined)
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","ArrowIcon","XIcon","useTranslation","Popup","PopupList","baseClass","HierarchyActionsMenu","goTo","hasActions","hierarchyLabel","onMove","onRemove","renderTrigger","showActionIcons","t","controlRef","shouldRefocus","setShouldRefocus","current","querySelector","focus","handleRemove","_jsx","className","ref","caret","horizontalAlign","portalClassName","render","close","_jsxs","MenuItem","Button","icon","direction","undefined","onClick","requestAnimationFrame","label","Fragment","Divider","href","title","name","renderButton","active","ariaControls","onKeyDown","extraButtonProps","selected","size","verticalAlign"],"sources":["../../../../src/elements/Hierarchy/ActionsMenu/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { ArrowIcon } from '../../../icons/Arrow/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-actions-menu'\n\n/**\n * Props for the trigger button. `undefined` when the menu is off and the trigger\n * should run its own click handler instead.\n */\nexport type HierarchyActionsMenuTriggerProps =\n  | {\n      extraButtonProps: {\n        'aria-controls'?: string\n        'aria-expanded'?: 'false' | 'true' | boolean\n        'aria-haspopup': 'menu'\n        onKeyDown: React.KeyboardEventHandler\n      }\n      onClick: React.MouseEventHandler\n      selected: boolean\n    }\n  | undefined\n\nexport type HierarchyActionsMenuProps = {\n  /** Destination for the \"Go to\" action. The action is hidden when omitted. */\n  goTo?: { href: string; name: string }\n  /** When false, the trigger renders without a menu. */\n  hasActions: boolean\n  /** Singular label of the hierarchy collection, used in the remove action. */\n  hierarchyLabel: string\n  onMove: () => void\n  /** Return `false` when the remove failed, so focus stays where it is. */\n  onRemove: () => boolean | Promise<boolean> | void\n  renderTrigger: (triggerProps: HierarchyActionsMenuTriggerProps) => React.ReactNode\n  /** Show icons next to the move and remove actions. */\n  showActionIcons?: boolean\n}\n\nexport const HierarchyActionsMenu: React.FC<HierarchyActionsMenuProps> = ({\n  goTo,\n  hasActions,\n  hierarchyLabel,\n  onMove,\n  onRemove,\n  renderTrigger,\n  showActionIcons = false,\n}) => {\n  const { t } = useTranslation()\n  const controlRef = useRef<HTMLDivElement | null>(null)\n  const [shouldRefocus, setShouldRefocus] = useState(false)\n\n  // After a remove, the trigger re-renders without the menu, so focus the new button\n  useEffect(() => {\n    if (shouldRefocus) {\n      controlRef.current?.querySelector('button')?.focus()\n      setShouldRefocus(false)\n    }\n  }, [shouldRefocus])\n\n  const handleRemove = useCallback(async () => {\n    if ((await onRemove()) !== false) {\n      setShouldRefocus(true)\n    }\n  }, [onRemove])\n\n  return (\n    <div className={baseClass} ref={controlRef}>\n      {hasActions ? (\n        <Popup\n          caret={false}\n          horizontalAlign=\"left\"\n          portalClassName={`${baseClass}__popup-content`}\n          render={({ close }) => (\n            <PopupList.MenuItem>\n              <PopupList.Button\n                icon={showActionIcons ? <ArrowIcon direction=\"right\" /> : undefined}\n                onClick={() => {\n                  close()\n                  requestAnimationFrame(onMove)\n                }}\n              >\n                {t('hierarchy:moveTo')}\n              </PopupList.Button>\n              <PopupList.Button\n                icon={showActionIcons ? <XIcon /> : undefined}\n                onClick={() => {\n                  close()\n                  void handleRemove()\n                }}\n              >\n                {t('hierarchy:removeFrom', { label: hierarchyLabel })}\n              </PopupList.Button>\n              {goTo ? (\n                <React.Fragment>\n                  <PopupList.Divider />\n                  <PopupList.Button href={goTo.href} onClick={close}>\n                    <span className={`${baseClass}__truncate`} title={goTo.name}>\n                      {t('hierarchy:goTo', { name: goTo.name })}\n                    </span>\n                  </PopupList.Button>\n                </React.Fragment>\n              ) : null}\n            </PopupList.MenuItem>\n          )}\n          renderButton={({ active, 'aria-controls': ariaControls, onClick, onKeyDown }) =>\n            renderTrigger({\n              extraButtonProps: {\n                'aria-controls': ariaControls,\n                'aria-expanded': active,\n                'aria-haspopup': 'menu',\n                onKeyDown,\n              },\n              onClick,\n              selected: active,\n            })\n          }\n          size=\"fit-content\"\n          verticalAlign=\"bottom\"\n        />\n      ) : (\n        renderTrigger(undefined)\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAEhE,SAASC,SAAS,QAAQ;AAC1B,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAkClB,OAAO,MAAMC,oBAAA,GAA4DA,CAAC;EACxEC,IAAI;EACJC,UAAU;EACVC,cAAc;EACdC,MAAM;EACNC,QAAQ;EACRC,aAAa;EACbC,eAAA,GAAkB;AAAK,CACxB;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGZ,cAAA;EACd,MAAMa,UAAA,GAAajB,MAAA,CAA8B;EACjD,MAAM,CAACkB,aAAA,EAAeC,gBAAA,CAAiB,GAAGlB,QAAA,CAAS;EAEnD;EACAF,SAAA,CAAU;IACR,IAAImB,aAAA,EAAe;MACjBD,UAAA,CAAWG,OAAO,EAAEC,aAAA,CAAc,WAAWC,KAAA;MAC7CH,gBAAA,CAAiB;IACnB;EACF,GAAG,CAACD,aAAA,CAAc;EAElB,MAAMK,YAAA,GAAezB,WAAA,CAAY;IAC/B,IAAI,OAAOe,QAAA,QAAgB,OAAO;MAChCM,gBAAA,CAAiB;IACnB;EACF,GAAG,CAACN,QAAA,CAAS;EAEb,oBACEW,IAAA,CAAC;IAAIC,SAAA,EAAWlB,SAAA;IAAWmB,GAAA,EAAKT,UAAA;cAC7BP,UAAA,gBACCc,IAAA,CAACnB,KAAA;MACCsB,KAAA,EAAO;MACPC,eAAA,EAAgB;MAChBC,eAAA,EAAiB,GAAGtB,SAAA,iBAA0B;MAC9CuB,MAAA,EAAQA,CAAC;QAAEC;MAAK,CAAE,kBAChBC,KAAA,CAAC1B,SAAA,CAAU2B,QAAQ;gCACjBT,IAAA,CAAClB,SAAA,CAAU4B,MAAM;UACfC,IAAA,EAAMpB,eAAA,gBAAkBS,IAAA,CAACtB,SAAA;YAAUkC,SAAA,EAAU;eAAaC,SAAA;UAC1DC,OAAA,EAASA,CAAA;YACPP,KAAA;YACAQ,qBAAA,CAAsB3B,MAAA;UACxB;oBAECI,CAAA,CAAE;yBAELQ,IAAA,CAAClB,SAAA,CAAU4B,MAAM;UACfC,IAAA,EAAMpB,eAAA,gBAAkBS,IAAA,CAACrB,KAAA,QAAWkC,SAAA;UACpCC,OAAA,EAASA,CAAA;YACPP,KAAA;YACA,KAAKR,YAAA;UACP;oBAECP,CAAA,CAAE,wBAAwB;YAAEwB,KAAA,EAAO7B;UAAe;YAEpDF,IAAA,gBACCuB,KAAA,CAACnC,KAAA,CAAM4C,QAAQ;kCACbjB,IAAA,CAAClB,SAAA,CAAUoC,OAAO,O,aAClBlB,IAAA,CAAClB,SAAA,CAAU4B,MAAM;YAACS,IAAA,EAAMlC,IAAA,CAAKkC,IAAI;YAAEL,OAAA,EAASP,KAAA;sBAC1C,aAAAP,IAAA,CAAC;cAAKC,SAAA,EAAW,GAAGlB,SAAA,YAAqB;cAAEqC,KAAA,EAAOnC,IAAA,CAAKoC,IAAI;wBACxD7B,CAAA,CAAE,kBAAkB;gBAAE6B,IAAA,EAAMpC,IAAA,CAAKoC;cAAK;;;aAI3C;;MAGRC,YAAA,EAAcA,CAAC;QAAEC,MAAM;QAAE,iBAAiBC,YAAY;QAAEV,OAAO;QAAEW;MAAS,CAAE,KAC1EnC,aAAA,CAAc;QACZoC,gBAAA,EAAkB;UAChB,iBAAiBF,YAAA;UACjB,iBAAiBD,MAAA;UACjB,iBAAiB;UACjBE;QACF;QACAX,OAAA;QACAa,QAAA,EAAUJ;MACZ;MAEFK,IAAA,EAAK;MACLC,aAAA,EAAc;SAGhBvC,aAAA,CAAcuB,SAAA;;AAItB","ignoreList":[]}

package/dist/elements/Hierarchy/ColumnBrowser/Column/index.css

@@ -16,13 +16,9 @@
     justify-content: space-between;
     gap: var(--spacer-2);
     padding: var(--spacer-1) var(--spacer-3);
-    /*
-     * Lines the add button's trailing edge up with the chevron below it: the items list is inset
-     * by --spacer-1 and each row adds --spacer-1 of margin plus --spacer-1 of padding.
-     */
-    padding-inline-end: var(--spacer-2-5);
+    padding-inline-end: var(--spacer-2);
     flex-shrink: 0;
-    margin-bottom: var(--spacer-1);
+    margin-bottom: var(--spacer-2);
     border-bottom: var(--stroke-width-small) solid var(--color-border);
   }
 
@@ -36,9 +32,13 @@
   }
 
   .hierarchy-column__header-title {
+    margin: 0;
+    font-size: inherit;
+    line-height: inherit;
     display: flex;
     align-items: center;
     gap: var(--spacer-2);
+    font-weight: 500;
     color: var(--color-text);
     white-space: nowrap;
     overflow: hidden;
@@ -52,23 +52,6 @@
     overflow-y: auto;
     margin: 0 var(--spacer-1);
     gap: var(--spacer-1);
-    /* Keeps the last row - usually the load-more count - off the column's bottom edge when scrolled */
-    padding-block-end: var(--spacer-3);
-  }
-
-  .hierarchy-column__items--selectable-background {
-    cursor: pointer;
-  }
-
-  .hierarchy-column__empty {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: var(--spacer-3);
-    text-align: center;
-    text-wrap: balance;
-    color: var(--color-text-secondary);
   }
 
   .hierarchy-column__loading {
@@ -79,8 +62,6 @@
   }
 
   .hierarchy-column__load-more {
-    padding-block: var(--spacer-1);
-    padding-inline-start: var(--spacer-2-5);
-    padding-inline-end: var(--spacer-2);
+    padding: var(--spacer-1) var(--spacer-2) var(--spacer-1) var(--spacer-2-5);
   }
 }

package/dist/elements/Hierarchy/ColumnBrowser/Column/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/Column/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAQ9C,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiIxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/Column/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAQ9C,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgGxC,CAAA"}

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

@@ -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,16 +12,15 @@ import { ColumnItem } from '../ColumnItem/index.js';
 import './index.css';
 const baseClass = 'hierarchy-column';
 export const Column = t0 => {
-  const $ = _c(50);
+  const $ = _c(40);
   const {
+    ancestorsWithSelections,
     canCreate,
     collectionLabel,
-    collectionLabelPlural,
     disabled,
     disabledIds,
     expandedId,
     filterByCollection,
-    hasMany,
     hasNextPage,
     isLoading,
     items,
@@ -29,27 +28,22 @@ export const Column = t0 => {
     onExpand,
     onLoadMore,
     onSelect,
-    onSelectParent,
     parentId,
     parentTitle,
     pathToColumn,
-    revealedId,
-    revealToken,
-    selectedDescendantCounts,
     selectedIds,
     totalDocs
   } = t0;
   const {
     t
   } = useTranslation();
+  const titleID = useId();
+  const createID = useId();
   let t1;
-  if ($[0] !== canCreate || $[1] !== collectionLabel || $[2] !== collectionLabelPlural || $[3] !== disabled || $[4] !== disabledIds || $[5] !== expandedId || $[6] !== filterByCollection || $[7] !== hasMany || $[8] !== hasNextPage || $[9] !== isLoading || $[10] !== items || $[11] !== onCreateNew || $[12] !== onExpand || $[13] !== onLoadMore || $[14] !== onSelect || $[15] !== onSelectParent || $[16] !== parentId || $[17] !== parentTitle || $[18] !== pathToColumn || $[19] !== revealToken || $[20] !== revealedId || $[21] !== selectedDescendantCounts || $[22] !== selectedIds || $[23] !== t || $[24] !== 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") : "");
-    const newItemLabel = `New ${collectionLabel}`;
-    const isEmpty = !disabled && !isLoading && items.length === 0;
-    const emptyLabel = parentId === null ? `No ${collectionLabelPlural}` : `No other ${collectionLabelPlural}`;
     let t2;
-    if ($[26] !== items || $[27] !== onSelect || $[28] !== pathToColumn) {
+    if ($[23] !== items || $[24] !== onSelect || $[25] !== pathToColumn) {
       t2 = t3 => {
         const {
           id
@@ -64,117 +58,91 @@ export const Column = t0 => {
           path: fullPath
         });
       };
-      $[26] = items;
-      $[27] = onSelect;
-      $[28] = pathToColumn;
-      $[29] = t2;
+      $[23] = items;
+      $[24] = onSelect;
+      $[25] = pathToColumn;
+      $[26] = t2;
     } else {
-      t2 = $[29];
+      t2 = $[26];
     }
     const handleSelect = t2;
     let t3;
-    if ($[30] !== onCreateNew || $[31] !== parentId) {
+    if ($[27] !== onCreateNew || $[28] !== parentId || $[29] !== pathToColumn) {
       t3 = () => {
         onCreateNew({
-          parentId
+          parentId,
+          path: pathToColumn
         });
       };
-      $[30] = onCreateNew;
-      $[31] = parentId;
-      $[32] = t3;
+      $[27] = onCreateNew;
+      $[28] = parentId;
+      $[29] = pathToColumn;
+      $[30] = t3;
     } else {
-      t3 = $[32];
+      t3 = $[30];
     }
     const handleCreateNew = t3;
     let t4;
-    if ($[33] !== onSelectParent || $[34] !== parentId) {
-      t4 = event => {
-        if (!onSelectParent || parentId === null || event.target !== event.currentTarget) {
-          return;
-        }
-        onSelectParent({
-          id: parentId
-        });
-      };
-      $[33] = onSelectParent;
-      $[34] = parentId;
-      $[35] = t4;
-    } else {
-      t4 = $[35];
-    }
-    const handleBackgroundClick = t4;
-    const t5 = _jsxs("div", {
-      className: `${baseClass}__header`,
-      children: [_jsx("span", {
-        className: `${baseClass}__header-title`,
-        children: headerTitle
-      }), canCreate && _jsx(Button, {
-        "aria-label": newItemLabel,
-        buttonStyle: "ghost",
-        className: `${baseClass}__add-button`,
-        disabled,
-        icon: _jsx(PlusIcon, {
-          size: 24
-        }),
-        margin: false,
-        onClick: handleCreateNew,
-        size: "medium",
-        tooltip: newItemLabel
-      })]
-    });
-    const t6 = onSelectParent && parentId !== null && `${baseClass}__items--selectable-background`;
-    let t7;
-    if ($[36] !== t6) {
-      t7 = [`${baseClass}__items`, t6].filter(Boolean);
-      $[36] = t6;
-      $[37] = t7;
-    } else {
-      t7 = $[37];
-    }
-    let t8;
-    if ($[38] !== disabled || $[39] !== disabledIds || $[40] !== expandedId || $[41] !== filterByCollection || $[42] !== handleSelect || $[43] !== hasMany || $[44] !== onExpand || $[45] !== revealToken || $[46] !== revealedId || $[47] !== selectedDescendantCounts || $[48] !== selectedIds) {
-      t8 = item_0 => _jsx(ColumnItem, {
+    if ($[31] !== ancestorsWithSelections || $[32] !== disabled || $[33] !== disabledIds || $[34] !== expandedId || $[35] !== filterByCollection || $[36] !== handleSelect || $[37] !== onExpand || $[38] !== selectedIds) {
+      t4 = item_0 => _jsx(ColumnItem, {
         disabled: Boolean(disabled || disabledIds?.has(item_0.id)),
         filterByCollection,
-        hasMany,
+        hasSelectedDescendants: ancestorsWithSelections.has(item_0.id),
         isExpanded: expandedId === item_0.id,
         isSelected: selectedIds.has(item_0.id),
         item: item_0,
         onExpand,
-        onSelect: handleSelect,
-        revealToken: revealedId === item_0.id ? revealToken : undefined,
-        selectedDescendantCount: selectedDescendantCounts.get(item_0.id) ?? 0
+        onSelect: handleSelect
       }, String(item_0.id));
-      $[38] = disabled;
-      $[39] = disabledIds;
-      $[40] = expandedId;
-      $[41] = filterByCollection;
-      $[42] = handleSelect;
-      $[43] = hasMany;
-      $[44] = onExpand;
-      $[45] = revealToken;
-      $[46] = revealedId;
-      $[47] = selectedDescendantCounts;
-      $[48] = selectedIds;
-      $[49] = t8;
+      $[31] = ancestorsWithSelections;
+      $[32] = disabled;
+      $[33] = disabledIds;
+      $[34] = expandedId;
+      $[35] = filterByCollection;
+      $[36] = handleSelect;
+      $[37] = onExpand;
+      $[38] = selectedIds;
+      $[39] = t4;
     } else {
-      t8 = $[49];
+      t4 = $[39];
     }
     t1 = _jsxs("div", {
       className: baseClass,
-      children: [t5, _jsxs("div", {
-        className: t7.join(" "),
-        onClick: handleBackgroundClick,
-        role: "presentation",
-        children: [items.map(t8), isLoading && _jsx("div", {
+      children: [_jsxs("div", {
+        className: `${baseClass}__header`,
+        children: [_jsx("h3", {
+          className: `${baseClass}__header-title`,
+          id: titleID,
+          children: headerTitle
+        }), canCreate && _jsx(Button, {
+          buttonStyle: "ghost",
+          className: `${baseClass}__add-button`,
+          disabled,
+          extraButtonProps: {
+            "aria-labelledby": `${createID} ${titleID}`
+          },
+          icon: _jsx(PlusIcon, {
+            size: 16
+          }),
+          iconPosition: "left",
+          margin: false,
+          onClick: handleCreateNew,
+          size: "medium",
+          children: _jsx("span", {
+            id: createID,
+            children: t("general:newLabel", {
+              label: collectionLabel
+            })
+          })
+        })]
+      }), _jsxs("div", {
+        className: `${baseClass}__items`,
+        children: [items.map(t4), isLoading && _jsx("div", {
           className: `${baseClass}__loading`,
           children: _jsx(Spinner, {
             loadingText: null,
             size: "sm"
           })
-        }), isEmpty && _jsx("div", {
-          className: `${baseClass}__empty`,
-          children: emptyLabel
         }), !disabled && !isLoading && totalDocs > 0 && _jsx(LoadMoreRow, {
           className: `${baseClass}__load-more`,
           currentCount: items.length,
@@ -184,14 +152,14 @@ export const Column = t0 => {
         })]
       })]
     });
-    $[0] = canCreate;
-    $[1] = collectionLabel;
-    $[2] = collectionLabelPlural;
-    $[3] = disabled;
-    $[4] = disabledIds;
-    $[5] = expandedId;
-    $[6] = filterByCollection;
-    $[7] = hasMany;
+    $[0] = ancestorsWithSelections;
+    $[1] = canCreate;
+    $[2] = collectionLabel;
+    $[3] = createID;
+    $[4] = disabled;
+    $[5] = disabledIds;
+    $[6] = expandedId;
+    $[7] = filterByCollection;
     $[8] = hasNextPage;
     $[9] = isLoading;
     $[10] = items;
@@ -199,19 +167,16 @@ export const Column = t0 => {
     $[12] = onExpand;
     $[13] = onLoadMore;
     $[14] = onSelect;
-    $[15] = onSelectParent;
-    $[16] = parentId;
-    $[17] = parentTitle;
-    $[18] = pathToColumn;
-    $[19] = revealToken;
-    $[20] = revealedId;
-    $[21] = selectedDescendantCounts;
-    $[22] = selectedIds;
-    $[23] = t;
-    $[24] = totalDocs;
-    $[25] = t1;
+    $[15] = parentId;
+    $[16] = parentTitle;
+    $[17] = pathToColumn;
+    $[18] = selectedIds;
+    $[19] = t;
+    $[20] = titleID;
+    $[21] = totalDocs;
+    $[22] = t1;
   } else {
-    t1 = $[25];
+    t1 = $[22];
   }
   return t1;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","useCallback","PlusIcon","useTranslation","Button","LoadMoreRow","Spinner","ColumnItem","baseClass","Column","t0","$","canCreate","collectionLabel","collectionLabelPlural","disabled","disabledIds","expandedId","filterByCollection","hasMany","hasNextPage","isLoading","items","onCreateNew","onExpand","onLoadMore","onSelect","onSelectParent","parentId","parentTitle","pathToColumn","revealedId","revealToken","selectedDescendantCounts","selectedIds","totalDocs","t","t1","headerTitle","newItemLabel","isEmpty","length","emptyLabel","t2","t3","id","item","find","i","fullPath","title","path","handleSelect","handleCreateNew","t4","event","target","currentTarget","handleBackgroundClick","t5","_jsxs","className","children","_jsx","buttonStyle","icon","size","tooltip","t6","t7","filter","Boolean","t8","item_0","has","isExpanded","isSelected","undefined","selectedDescendantCount","get","String","join","onClick","role","map","loadingText","currentCount","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  canCreate,\n  collectionLabel,\n  collectionLabelPlural,\n  disabled,\n  disabledIds,\n  expandedId,\n  filterByCollection,\n  hasMany,\n  hasNextPage,\n  isLoading,\n  items,\n  onCreateNew,\n  onExpand,\n  onLoadMore,\n  onSelect,\n  onSelectParent,\n  parentId,\n  parentTitle,\n  pathToColumn,\n  revealedId,\n  revealToken,\n  selectedDescendantCounts,\n  selectedIds,\n  totalDocs,\n}) => {\n  const { t } = useTranslation()\n\n  const headerTitle = parentTitle || (parentId === null ? t('general:all') : '')\n  const newItemLabel = `New ${collectionLabel}`\n  const isEmpty = !disabled && !isLoading && items.length === 0\n\n  // TODO: replace with translation keys once the hierarchy strings are finalized. The closest\n  // existing string, `version:noRowsFound`, belongs to the version-diff tables.\n  const emptyLabel =\n    parentId === null ? `No ${collectionLabelPlural}` : `No other ${collectionLabelPlural}`\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  // Single-select only: clicking the empty space below the rows (not a row itself) makes this\n  // column's own folder the current destination, mirroring a click on the row that opened it.\n  const handleBackgroundClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      if (!onSelectParent || parentId === null || event.target !== event.currentTarget) {\n        return\n      }\n      onSelectParent({ id: parentId })\n    },\n    [onSelectParent, parentId],\n  )\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            aria-label={newItemLabel}\n            buttonStyle=\"ghost\"\n            className={`${baseClass}__add-button`}\n            disabled={disabled}\n            icon={<PlusIcon size={24} />}\n            margin={false}\n            onClick={handleCreateNew}\n            size=\"medium\"\n            tooltip={newItemLabel}\n          />\n        )}\n      </div>\n\n      <div\n        className={[\n          `${baseClass}__items`,\n          onSelectParent && parentId !== null && `${baseClass}__items--selectable-background`,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        onClick={handleBackgroundClick}\n        // Mouse-only shortcut on a plain container: keyboard users reach the same selection by\n        // activating the folder's own row, so this adds no semantics of its own.\n        role=\"presentation\"\n      >\n        {items.map((item) => (\n          <ColumnItem\n            disabled={Boolean(disabled || disabledIds?.has(item.id))}\n            filterByCollection={filterByCollection}\n            hasMany={hasMany}\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            revealToken={revealedId === item.id ? revealToken : undefined}\n            selectedDescendantCount={selectedDescendantCounts.get(item.id) ?? 0}\n          />\n        ))}\n\n        {isLoading && (\n          <div className={`${baseClass}__loading`}>\n            <Spinner loadingText={null} size=\"sm\" />\n          </div>\n        )}\n\n        {isEmpty && <div className={`${baseClass}__empty`}>{emptyLabel}</div>}\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":[]}
+{"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, path: pathToColumn })\n  }, [onCreateNew, parentId, pathToColumn])\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":[]}