@rio-cloud/rio-uikit 2.5.0 → 3.0.0-beta.1

package/components/assetTree/TreeNode.js

@@ -1,52 +1,50 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import b from "react";
-import f from "../../utils/classNames.js";
-import x from "../checkbox/Checkbox.js";
-import T from "./TreeIcon.js";
-const y = b.memo((c) => {
-  const {
-    node: e,
-    hasMultiselect: r = !1,
-    isSelected: l = !1,
-    isOpen: t = !1,
-    isIndeterminate: s = !1,
-    onToggleNode: i,
-    onSelect: d
-  } = c, m = f(
-    "TreeNode",
-    "from-group",
-    l && "checked",
-    e.className && e.className
-  ), o = !!e.items.length, h = () => {
-    d(e, s);
-  }, N = (p) => {
-    p.target.closest(".TreeCheckbox") || o && i(e.id);
-  };
-  return /* @__PURE__ */ n("div", { className: m, "data-key": e.id, onClick: N, children: [
-    r && /* @__PURE__ */ a(
-      x,
-      {
-        className: "TreeCheckbox",
-        checked: l,
-        disabled: e.disabled,
-        indeterminate: s,
-        onClick: h
-      }
-    ),
-    /* @__PURE__ */ n("span", { className: "TreeLabel TreeLabelName", children: [
-      /* @__PURE__ */ a(T, { icon: e.icon, expandedIcon: e.expandedIcon, isOpen: t }),
-      /* @__PURE__ */ a("span", { className: "TreeLabelNameText", children: /* @__PURE__ */ a("span", { className: "TreeLabelNameTextHeadline", children: e.name }) }),
-      /* @__PURE__ */ a("span", { className: "TreeLabelCount label label-muted label-filled label-condensed", children: e.items.length }),
-      /* @__PURE__ */ a(
-        "span",
-        {
-          className: `TreeLabelExpander rioglyph rioglyph-chevron-down ${o ? "" : "text-color-light"}`
-        }
-      )
-    ] })
-  ] });
+import e from "../../utils/classNames.js";
+import t from "../checkbox/Checkbox.js";
+import n from "./TreeIcon.js";
+import r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeNode.tsx
+var o = r.memo((r) => {
+	let { node: o, hasMultiselect: s = !1, isSelected: c = !1, isOpen: l = !1, isIndeterminate: u = !1, onToggleNode: d, onSelect: f } = r, p = e("TreeNode", "from-group", c && "checked", o.className && o.className), m = !!o.items.length;
+	return /* @__PURE__ */ a("div", {
+		className: p,
+		"data-key": o.id,
+		onClick: (e) => {
+			e.target.closest(".TreeCheckbox") || m && d(o.id);
+		},
+		children: [s && /* @__PURE__ */ i(t, {
+			className: "TreeCheckbox",
+			checked: c,
+			disabled: o.disabled,
+			indeterminate: u,
+			onClick: () => {
+				f(o, u);
+			}
+		}), /* @__PURE__ */ a("span", {
+			className: "TreeLabel TreeLabelName",
+			children: [
+				/* @__PURE__ */ i(n, {
+					iconName: o.iconName ?? o.icon,
+					expandedIconName: o.expandedIconName ?? o.expandedIcon,
+					isOpen: l
+				}),
+				/* @__PURE__ */ i("span", {
+					className: "TreeLabelNameText",
+					children: /* @__PURE__ */ i("span", {
+						className: "TreeLabelNameTextHeadline",
+						children: o.name
+					})
+				}),
+				/* @__PURE__ */ i("span", {
+					className: "TreeLabelCount label label-muted label-filled label-condensed",
+					children: o.items.length
+				}),
+				/* @__PURE__ */ i("span", { className: `TreeLabelExpander uikit-icon icon-chevron-down ${m ? "" : "text-color-light"}` })
+			]
+		})]
+	});
 });
-export {
-  y as default
-};
-//# sourceMappingURL=TreeNode.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=TreeNode.js.map

package/components/assetTree/TreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","sources":["../../../src/components/assetTree/TreeNode.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from '../../utils/classNames';\nimport Checkbox from '../checkbox/Checkbox';\nimport type { GroupedItem } from './Tree';\nimport TreeIcon from './TreeIcon';\n\nexport type TreeNodeProps = {\n    node: GroupedItem;\n    hasMultiselect?: boolean;\n    isSelected?: boolean;\n    isOpen?: boolean;\n    isIndeterminate?: boolean;\n    onToggleNode: (nodeId: string) => void;\n    onSelect: (node: GroupedItem, isIndeterminate: boolean) => void;\n    className?: string;\n};\n\nconst TreeNode = React.memo((props: TreeNodeProps) => {\n    const {\n        node,\n        hasMultiselect = false,\n        isSelected = false,\n        isOpen = false,\n        isIndeterminate = false,\n        onToggleNode,\n        onSelect,\n    } = props;\n\n    const treeNodeClassNames = classNames(\n        'TreeNode',\n        'from-group',\n        isSelected && 'checked',\n        node.className && node.className\n    );\n\n    const hasChildren = !!node.items.length;\n\n    const handleNodeSelection = () => {\n        onSelect(node, isIndeterminate);\n    };\n\n    const handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        // Ignore clicks on checkboxes and don't expand or collapse on checkbox clicks\n        const isCheckbox = (event.target as HTMLElement).closest('.TreeCheckbox');\n        if (isCheckbox) {\n            return;\n        }\n\n        if (hasChildren) {\n            onToggleNode(node.id);\n        }\n    };\n\n    return (\n        <div className={treeNodeClassNames} data-key={node.id} onClick={handleContainerClick}>\n            {hasMultiselect && (\n                <Checkbox\n                    className='TreeCheckbox'\n                    checked={isSelected}\n                    disabled={node.disabled}\n                    indeterminate={isIndeterminate}\n                    onClick={handleNodeSelection}\n                />\n            )}\n            <span className='TreeLabel TreeLabelName'>\n                <TreeIcon icon={node.icon} expandedIcon={node.expandedIcon} isOpen={isOpen} />\n                <span className='TreeLabelNameText'>\n                    <span className='TreeLabelNameTextHeadline'>{node.name}</span>\n                </span>\n                <span className='TreeLabelCount label label-muted label-filled label-condensed'>\n                    {node.items.length}\n                </span>\n                <span\n                    className={`TreeLabelExpander rioglyph rioglyph-chevron-down ${\n                        hasChildren ? '' : 'text-color-light'\n                    }`}\n                />\n            </span>\n        </div>\n    );\n});\n\nexport default TreeNode;\n"],"names":["TreeNode","React","props","node","hasMultiselect","isSelected","isOpen","isIndeterminate","onToggleNode","onSelect","treeNodeClassNames","classNames","hasChildren","handleNodeSelection","handleContainerClick","event","jsxs","jsx","Checkbox","TreeIcon"],"mappings":";;;;;AAkBA,MAAMA,IAAWC,EAAM,KAAK,CAACC,MAAyB;AAClD,QAAM;AAAA,IACF,MAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,YAAAC,IAAa;AAAA,IACb,QAAAC,IAAS;AAAA,IACT,iBAAAC,IAAkB;AAAA,IAClB,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAP,GAEEQ,IAAqBC;AAAA,IACvB;AAAA,IACA;AAAA,IACAN,KAAc;AAAA,IACdF,EAAK,aAAaA,EAAK;AAAA,EAAA,GAGrBS,IAAc,CAAC,CAACT,EAAK,MAAM,QAE3BU,IAAsB,MAAM;AAC9B,IAAAJ,EAASN,GAAMI,CAAe;AAAA,EAClC,GAEMO,IAAuB,CAACC,MAA4C;AAGtE,IADoBA,EAAM,OAAuB,QAAQ,eAAe,KAKpEH,KACAJ,EAAaL,EAAK,EAAE;AAAA,EAE5B;AAEA,SACI,gBAAAa,EAAC,SAAI,WAAWN,GAAoB,YAAUP,EAAK,IAAI,SAASW,GAC3D,UAAA;AAAA,IAAAV,KACG,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAASb;AAAA,QACT,UAAUF,EAAK;AAAA,QACf,eAAeI;AAAA,QACf,SAASM;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjB,gBAAAG,EAAC,QAAA,EAAK,WAAU,2BACZ,UAAA;AAAA,MAAA,gBAAAC,EAACE,KAAS,MAAMhB,EAAK,MAAM,cAAcA,EAAK,cAAc,QAAAG,GAAgB;AAAA,MAC5E,gBAAAW,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA,gBAAAA,EAAC,UAAK,WAAU,6BAA6B,UAAAd,EAAK,KAAA,CAAK,EAAA,CAC3D;AAAA,wBACC,QAAA,EAAK,WAAU,iEACX,UAAAA,EAAK,MAAM,QAChB;AAAA,MACA,gBAAAc;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,oDACPL,IAAc,KAAK,kBACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER,CAAC;"}
+{"version":3,"file":"TreeNode.js","names":[],"sources":["../../../src/components/assetTree/TreeNode.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from '../../utils/classNames';\nimport Checkbox from '../checkbox/Checkbox';\nimport type { GroupedItem } from './Tree';\nimport TreeIcon from './TreeIcon';\n\nexport type TreeNodeProps = {\n    node: GroupedItem;\n    hasMultiselect?: boolean;\n    isSelected?: boolean;\n    isOpen?: boolean;\n    isIndeterminate?: boolean;\n    onToggleNode: (nodeId: string) => void;\n    onSelect: (node: GroupedItem, isIndeterminate: boolean) => void;\n    className?: string;\n};\n\nconst TreeNode = React.memo((props: TreeNodeProps) => {\n    const {\n        node,\n        hasMultiselect = false,\n        isSelected = false,\n        isOpen = false,\n        isIndeterminate = false,\n        onToggleNode,\n        onSelect,\n    } = props;\n\n    const treeNodeClassNames = classNames(\n        'TreeNode',\n        'from-group',\n        isSelected && 'checked',\n        node.className && node.className\n    );\n\n    const hasChildren = !!node.items.length;\n\n    const handleNodeSelection = () => {\n        onSelect(node, isIndeterminate);\n    };\n\n    const handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        // Ignore clicks on checkboxes and don't expand or collapse on checkbox clicks\n        const isCheckbox = (event.target as HTMLElement).closest('.TreeCheckbox');\n        if (isCheckbox) {\n            return;\n        }\n\n        if (hasChildren) {\n            onToggleNode(node.id);\n        }\n    };\n\n    return (\n        <div className={treeNodeClassNames} data-key={node.id} onClick={handleContainerClick}>\n            {hasMultiselect && (\n                <Checkbox\n                    className='TreeCheckbox'\n                    checked={isSelected}\n                    disabled={node.disabled}\n                    indeterminate={isIndeterminate}\n                    onClick={handleNodeSelection}\n                />\n            )}\n            <span className='TreeLabel TreeLabelName'>\n                <TreeIcon\n                    iconName={node.iconName ?? node.icon}\n                    expandedIconName={node.expandedIconName ?? node.expandedIcon}\n                    isOpen={isOpen}\n                />\n                <span className='TreeLabelNameText'>\n                    <span className='TreeLabelNameTextHeadline'>{node.name}</span>\n                </span>\n                <span className='TreeLabelCount label label-muted label-filled label-condensed'>\n                    {node.items.length}\n                </span>\n                <span\n                    className={`TreeLabelExpander uikit-icon icon-chevron-down ${\n                        hasChildren ? '' : 'text-color-light'\n                    }`}\n                />\n            </span>\n        </div>\n    );\n});\n\nexport default TreeNode;\n"],"mappings":";;;;;;AAkBA,IAAM,IAAW,EAAM,MAAM,MAAyB;CAClD,IAAM,EACF,SACA,oBAAiB,IACjB,gBAAa,IACb,YAAS,IACT,qBAAkB,IAClB,iBACA,gBACA,GAEE,IAAqB,EACvB,YACA,cACA,KAAc,WACd,EAAK,aAAa,EAAK,SAC3B,GAEM,IAAc,CAAC,CAAC,EAAK,MAAM;CAkBjC,OACI,kBAAC,OAAD;EAAK,WAAW;EAAoB,YAAU,EAAK;EAAI,UAb7B,MAA4C;GAElD,EAAM,OAAuB,QAAQ,eACrD,KAIA,KACA,EAAa,EAAK,EAAE;EAE5B;YAGI,CACK,KACG,kBAAC,GAAD;GACI,WAAU;GACV,SAAS;GACT,UAAU,EAAK;GACf,eAAe;GACf,eAxBkB;IAC9B,EAAS,GAAM,CAAe;GAClC;EAuBa,CAAA,GAEL,kBAAC,QAAD;GAAM,WAAU;aAAhB;IACI,kBAAC,GAAD;KACI,UAAU,EAAK,YAAY,EAAK;KAChC,kBAAkB,EAAK,oBAAoB,EAAK;KACxC;IACX,CAAA;IACD,kBAAC,QAAD;KAAM,WAAU;eACZ,kBAAC,QAAD;MAAM,WAAU;gBAA6B,EAAK;KAAW,CAAA;IAC3D,CAAA;IACN,kBAAC,QAAD;KAAM,WAAU;eACX,EAAK,MAAM;IACV,CAAA;IACN,kBAAC,QAAD,EACI,WAAW,kDACP,IAAc,KAAK,qBAE1B,CAAA;GACC;IACL;;AAEb,CAAC"}

package/components/assetTree/TreeNodeContainer.js

@@ -1,14 +1,15 @@
+import e from "../../utils/classNames.js";
 import { jsx as t } from "react/jsx-runtime";
-import a from "../../utils/classNames.js";
-const c = (e) => {
-  const { isOpen: o, groupId: n, disableAnimation: i, children: r } = e, s = a(
-    "TreeNodeContainer",
-    "user-select-none overflow-hidden",
-    o && "open"
-  );
-  return /* @__PURE__ */ t("div", { className: s, "data-id": n, children: r });
+//#region src/components/assetTree/TreeNodeContainer.tsx
+var n = (n) => {
+	let { isOpen: r, groupId: i, disableAnimation: a, children: o } = n;
+	return /* @__PURE__ */ t("div", {
+		className: e("TreeNodeContainer", "user-select-none overflow-hidden", r && "open"),
+		"data-id": i,
+		children: o
+	});
 };
-export {
-  c as default
-};
-//# sourceMappingURL=TreeNodeContainer.js.map
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=TreeNodeContainer.js.map

package/components/assetTree/TreeNodeContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeContainer.js","sources":["../../../src/components/assetTree/TreeNodeContainer.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from '../../utils/classNames';\n\nexport type TreeNodeContainerProps = {\n    isOpen: boolean;\n    groupId?: string;\n    disableAnimation: boolean;\n};\n\nconst TreeNodeContainer = (props: PropsWithChildren<TreeNodeContainerProps>) => {\n    const { isOpen, groupId, disableAnimation, children } = props;\n\n    const treeNodeContainerClasses = classNames(\n        'TreeNodeContainer',\n        'user-select-none overflow-hidden',\n        isOpen && 'open'\n    );\n\n    return (\n        <div className={treeNodeContainerClasses} data-id={groupId}>\n            {children}\n        </div>\n    );\n};\n\nexport default TreeNodeContainer;\n"],"names":["TreeNodeContainer","props","isOpen","groupId","disableAnimation","children","treeNodeContainerClasses","classNames"],"mappings":";;AASA,MAAMA,IAAoB,CAACC,MAAqD;AAC5E,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,kBAAAC,GAAkB,UAAAC,MAAaJ,GAElDK,IAA2BC;AAAA,IAC7B;AAAA,IACA;AAAA,IACAL,KAAU;AAAA,EAAA;AAGd,2BACK,OAAA,EAAI,WAAWI,GAA0B,WAASH,GAC9C,UAAAE,GACL;AAER;"}
+{"version":3,"file":"TreeNodeContainer.js","names":[],"sources":["../../../src/components/assetTree/TreeNodeContainer.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from '../../utils/classNames';\n\nexport type TreeNodeContainerProps = {\n    isOpen: boolean;\n    groupId?: string;\n    disableAnimation: boolean;\n};\n\nconst TreeNodeContainer = (props: PropsWithChildren<TreeNodeContainerProps>) => {\n    const { isOpen, groupId, disableAnimation, children } = props;\n\n    const treeNodeContainerClasses = classNames(\n        'TreeNodeContainer',\n        'user-select-none overflow-hidden',\n        isOpen && 'open'\n    );\n\n    return (\n        <div className={treeNodeContainerClasses} data-id={groupId}>\n            {children}\n        </div>\n    );\n};\n\nexport default TreeNodeContainer;\n"],"mappings":";;;AASA,IAAM,KAAqB,MAAqD;CAC5E,IAAM,EAAE,WAAQ,YAAS,qBAAkB,gBAAa;CAQxD,OACI,kBAAC,OAAD;EAAK,WAPwB,EAC7B,qBACA,oCACA,KAAU,MAIM;EAA0B,WAAS;EAC9C;CACA,CAAA;AAEb"}

package/components/assetTree/TreeNothingFound.js

@@ -1,14 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
 import e from "react";
-const n = e.memo(() => /* @__PURE__ */ t(
-  "div",
-  {
-    className: `TreeTreeNothingFound display-flex justify-content-center text-size-20
-                padding-top-25 margin-top-25 margin-bottom-25`,
-    children: /* @__PURE__ */ t("span", { className: "rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light" })
-  }
-));
-export {
-  n as default
-};
-//# sourceMappingURL=TreeNothingFound.js.map
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeNothingFound.tsx
+var n = e.memo(() => /* @__PURE__ */ t("div", {
+	className: "TreeTreeNothingFound display-flex justify-content-center text-size-20\n                padding-top-25 margin-top-25 margin-bottom-25",
+	children: /* @__PURE__ */ t("span", { className: "uikit-icon icon-looking-glass-man text-size-400pct text-color-light" })
+}));
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=TreeNothingFound.js.map

package/components/assetTree/TreeNothingFound.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNothingFound.js","sources":["../../../src/components/assetTree/TreeNothingFound.tsx"],"sourcesContent":["import React from 'react';\n\nconst TreeNothingFound = React.memo(() => (\n    <div\n        className={`TreeTreeNothingFound display-flex justify-content-center text-size-20\n                padding-top-25 margin-top-25 margin-bottom-25`}\n    >\n        <span className='rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light' />\n    </div>\n));\n\nexport default TreeNothingFound;\n"],"names":["TreeNothingFound","React","jsx"],"mappings":";;AAEA,MAAMA,IAAmBC,EAAM,KAAK,MAChC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW;AAAA;AAAA,IAGX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,wEAAA,CAAwE;AAAA,EAAA;AAC5F,CACH;"}
+{"version":3,"file":"TreeNothingFound.js","names":[],"sources":["../../../src/components/assetTree/TreeNothingFound.tsx"],"sourcesContent":["import React from 'react';\n\nconst TreeNothingFound = React.memo(() => (\n    <div\n        className={`TreeTreeNothingFound display-flex justify-content-center text-size-20\n                padding-top-25 margin-top-25 margin-bottom-25`}\n    >\n        <span className='uikit-icon icon-looking-glass-man text-size-400pct text-color-light' />\n    </div>\n));\n\nexport default TreeNothingFound;\n"],"mappings":";;;AAEA,IAAM,IAAmB,EAAM,WAC3B,kBAAC,OAAD;CACI,WAAW;WAGX,kBAAC,QAAD,EAAM,WAAU,sEAAuE,CAAA;AACtF,CAAA,CACR"}

package/components/assetTree/TreeOption.js

@@ -1,23 +1,27 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { noop as l } from "es-toolkit/function";
-import p from "../../utils/classNames.js";
-import m from "../switch/Switch.js";
-const x = (s) => {
-  const { isChecked: n = !1, className: o, label: t, onChange: a = l, ...r } = s, i = p(
-    "TreeOption",
-    "display-flex",
-    "justify-content-start",
-    "align-items-center",
-    "gap-10",
-    "cursor-pointer",
-    o
-  );
-  return /* @__PURE__ */ c("div", { ...r, className: i, onClick: a, children: [
-    /* @__PURE__ */ e("span", { className: "flex-1-1", children: t }),
-    /* @__PURE__ */ e("span", { className: "pointer-events-none scale-80", children: /* @__PURE__ */ e(m, { keyName: "TreeOption-switch", checked: n }) })
-  ] });
+import e from "../../utils/classNames.js";
+import t from "../switch/Switch.js";
+import { noop as n } from "es-toolkit/function";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeOption.tsx
+var a = (a) => {
+	let { isChecked: o = !1, className: s, label: c, onChange: l = n, ...u } = a, d = e("TreeOption", "display-flex", "justify-content-start", "align-items-center", "gap-10", "cursor-pointer", s);
+	return /* @__PURE__ */ i("div", {
+		...u,
+		className: d,
+		onClick: l,
+		children: [/* @__PURE__ */ r("span", {
+			className: "flex-1-1",
+			children: c
+		}), /* @__PURE__ */ r("span", {
+			className: "pointer-events-none scale-80",
+			children: /* @__PURE__ */ r(t, {
+				keyName: "TreeOption-switch",
+				checked: o
+			})
+		})]
+	});
 };
-export {
-  x as default
-};
-//# sourceMappingURL=TreeOption.js.map
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=TreeOption.js.map

package/components/assetTree/TreeOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeOption.js","sources":["../../../src/components/assetTree/TreeOption.tsx"],"sourcesContent":["import type React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport Switch from '../switch/Switch';\n\nexport type TreeOptionProps = {\n    /**\n     * Defines whether the option is set.\n     *\n     * @default false\n     */\n    isChecked?: boolean;\n\n    /**\n     * Callback triggered when option is selected.\n     * @param event\n     * @returns\n     */\n    onChange?: (event: React.MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * The label for the option.\n     */\n    label: string | React.ReactNode;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst TreeOption = (props: TreeOptionProps) => {\n    const { isChecked = false, className, label, onChange = noop, ...remainingProps } = props;\n\n    const optionClasses = classNames(\n        'TreeOption',\n        'display-flex',\n        'justify-content-start',\n        'align-items-center',\n        'gap-10',\n        'cursor-pointer',\n        className\n    );\n\n    return (\n        <div {...remainingProps} className={optionClasses} onClick={onChange}>\n            <span className='flex-1-1'>{label}</span>\n            <span className='pointer-events-none scale-80'>\n                <Switch keyName='TreeOption-switch' checked={isChecked} />\n            </span>\n        </div>\n    );\n};\n\nexport default TreeOption;\n"],"names":["TreeOption","props","isChecked","className","label","onChange","noop","remainingProps","optionClasses","classNames","jsx","Switch"],"mappings":";;;;AAgCA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,WAAAC,IAAY,IAAO,WAAAC,GAAW,OAAAC,GAAO,UAAAC,IAAWC,GAAM,GAAGC,EAAA,IAAmBN,GAE9EO,IAAgBC;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAN;AAAA,EAAA;AAGJ,2BACK,OAAA,EAAK,GAAGI,GAAgB,WAAWC,GAAe,SAASH,GACxD,UAAA;AAAA,IAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,YAAY,UAAAN,GAAM;AAAA,IAClC,gBAAAM,EAAC,QAAA,EAAK,WAAU,gCACZ,UAAA,gBAAAA,EAACC,KAAO,SAAQ,qBAAoB,SAAST,EAAA,CAAW,EAAA,CAC5D;AAAA,EAAA,GACJ;AAER;"}
+{"version":3,"file":"TreeOption.js","names":[],"sources":["../../../src/components/assetTree/TreeOption.tsx"],"sourcesContent":["import type React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport Switch from '../switch/Switch';\n\nexport type TreeOptionProps = {\n    /**\n     * Defines whether the option is set.\n     *\n     * @default false\n     */\n    isChecked?: boolean;\n\n    /**\n     * Callback triggered when option is selected.\n     * @param event\n     * @returns\n     */\n    onChange?: (event: React.MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * The label for the option.\n     */\n    label: string | React.ReactNode;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst TreeOption = (props: TreeOptionProps) => {\n    const { isChecked = false, className, label, onChange = noop, ...remainingProps } = props;\n\n    const optionClasses = classNames(\n        'TreeOption',\n        'display-flex',\n        'justify-content-start',\n        'align-items-center',\n        'gap-10',\n        'cursor-pointer',\n        className\n    );\n\n    return (\n        <div {...remainingProps} className={optionClasses} onClick={onChange}>\n            <span className='flex-1-1'>{label}</span>\n            <span className='pointer-events-none scale-80'>\n                <Switch keyName='TreeOption-switch' checked={isChecked} />\n            </span>\n        </div>\n    );\n};\n\nexport default TreeOption;\n"],"mappings":";;;;;AAgCA,IAAM,KAAc,MAA2B;CAC3C,IAAM,EAAE,eAAY,IAAO,cAAW,UAAO,cAAW,GAAM,GAAG,MAAmB,GAE9E,IAAgB,EAClB,cACA,gBACA,yBACA,sBACA,UACA,kBACA,CACJ;CAEA,OACI,kBAAC,OAAD;EAAK,GAAI;EAAgB,WAAW;EAAe,SAAS;YAA5D,CACI,kBAAC,QAAD;GAAM,WAAU;aAAY;EAAY,CAAA,GACxC,kBAAC,QAAD;GAAM,WAAU;aACZ,kBAAC,GAAD;IAAQ,SAAQ;IAAoB,SAAS;GAAY,CAAA;EACvD,CAAA,CACL;;AAEb"}

package/components/assetTree/TreeOptions.js

@@ -1,50 +1,44 @@
-import { jsx as o } from "react/jsx-runtime";
-import { isEmpty as l } from "es-toolkit/compat";
-import p from "../../utils/classNames.js";
-import a from "../dropdown/ButtonDropdown.js";
-import d from "../tooltip/SimpleTooltip.js";
-const w = (i) => {
-  const { treeOptions: e = [], treeOptionsTooltip: t, className: s } = i;
-  if (l(e))
-    return null;
-  const n = p("display-flex flex-column gap-10", "width-250", "padding-15", s), r = /* @__PURE__ */ o(
-    a,
-    {
-      title: /* @__PURE__ */ o("span", { className: "rioglyph rioglyph-option-vertical", "aria-hidden": "true" }),
-      bsStyle: "default",
-      bsSize: "sm",
-      customDropdown: /* @__PURE__ */ o("div", { className: n, children: e }),
-      toggleClassName: "hover-bg-white border-none text-color-gray hover-text-color-dark",
-      className: "TreeHeaderOptions height-20",
-      pullRight: !0,
-      iconOnly: !0
-    }
-  );
-  return t ? /* @__PURE__ */ o(
-    d,
-    {
-      content: t,
-      placement: "bottom-end",
-      delay: { show: 1e3, hide: 0 },
-      popperConfig: {
-        modifiers: [
-          {
-            name: "offset",
-            options: {
-              offset: [10, 5]
-            }
-          },
-          {
-            name: "arrow",
-            options: {}
-          }
-        ]
-      },
-      children: /* @__PURE__ */ o("div", { children: r })
-    }
-  ) : r;
+import e from "../../utils/classNames.js";
+import t from "../tooltip/SimpleTooltip.js";
+import n from "../dropdown/ButtonDropdown.js";
+import { isEmpty as r } from "es-toolkit/compat";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeOptions.tsx
+var a = {
+	"--anchor-offset-block": "5px",
+	"--anchor-alignment-offset-inline": "10px",
+	"--overlay-arrow-offset-inline": "-10px"
+}, o = (o) => {
+	let { treeOptions: s = [], treeOptionsTooltip: c, className: l } = o;
+	if (r(s)) return null;
+	let u = /* @__PURE__ */ i("div", {
+		className: e("display-flex flex-column gap-10", "width-250", "padding-15", l),
+		children: s
+	}), d = /* @__PURE__ */ i(n, {
+		title: /* @__PURE__ */ i("span", {
+			className: "uikit-icon icon-option-vertical",
+			"aria-hidden": "true"
+		}),
+		bsStyle: "default",
+		bsSize: "sm",
+		customDropdown: u,
+		toggleClassName: "hover-bg-white border-none text-color-gray hover-text-color-dark",
+		className: "TreeHeaderOptions height-20",
+		pullRight: !0,
+		iconOnly: !0
+	});
+	return c ? /* @__PURE__ */ i(t, {
+		content: c,
+		placement: "top-end",
+		delay: {
+			show: 1e3,
+			hide: 0
+		},
+		style: a,
+		children: /* @__PURE__ */ i("div", { children: d })
+	}) : d;
 };
-export {
-  w as default
-};
-//# sourceMappingURL=TreeOptions.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=TreeOptions.js.map

package/components/assetTree/TreeOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeOptions.js","sources":["../../../src/components/assetTree/TreeOptions.tsx"],"sourcesContent":["import type React from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport ButtonDropdown from '../dropdown/ButtonDropdown';\nimport SimpleTooltip from '../tooltip/SimpleTooltip';\n\nexport type TreeOptionsProps = {\n    treeOptions?: React.ReactNode[];\n    treeOptionsTooltip?: React.ReactNode;\n    className?: string;\n};\n\nconst TreeOptions = (props: TreeOptionsProps) => {\n    const { treeOptions = [], treeOptionsTooltip, className } = props;\n\n    if (isEmpty(treeOptions)) {\n        return null;\n    }\n\n    const dropdownClasses = classNames('display-flex flex-column gap-10', 'width-250', 'padding-15', className);\n\n    const customDropdown = <div className={dropdownClasses}>{treeOptions}</div>;\n\n    const dropdown = (\n        <ButtonDropdown\n            title={<span className='rioglyph rioglyph-option-vertical' aria-hidden='true' />}\n            bsStyle='default'\n            bsSize='sm'\n            customDropdown={customDropdown}\n            toggleClassName='hover-bg-white border-none text-color-gray hover-text-color-dark'\n            className='TreeHeaderOptions height-20'\n            pullRight\n            iconOnly\n        />\n    );\n\n    if (treeOptionsTooltip) {\n        return (\n            <SimpleTooltip\n                content={treeOptionsTooltip}\n                placement='bottom-end'\n                delay={{ show: 1000, hide: 0 }}\n                popperConfig={{\n                    modifiers: [\n                        {\n                            name: 'offset',\n                            options: {\n                                offset: [10, 5],\n                            },\n                        },\n                        {\n                            name: 'arrow',\n                            options: {},\n                        },\n                    ],\n                }}\n            >\n                <div>{dropdown}</div>\n            </SimpleTooltip>\n        );\n    }\n\n    return dropdown;\n};\n\nexport default TreeOptions;\n"],"names":["TreeOptions","props","treeOptions","treeOptionsTooltip","className","isEmpty","dropdownClasses","classNames","dropdown","jsx","ButtonDropdown","SimpleTooltip"],"mappings":";;;;;AAaA,MAAMA,IAAc,CAACC,MAA4B;AAC7C,QAAM,EAAE,aAAAC,IAAc,CAAA,GAAI,oBAAAC,GAAoB,WAAAC,MAAcH;AAE5D,MAAII,EAAQH,CAAW;AACnB,WAAO;AAGX,QAAMI,IAAkBC,EAAW,mCAAmC,aAAa,cAAcH,CAAS,GAIpGI,IACF,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,OAAO,gBAAAD,EAAC,QAAA,EAAK,WAAU,qCAAoC,eAAY,QAAO;AAAA,MAC9E,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,gBAPe,gBAAAA,EAAC,OAAA,EAAI,WAAWH,GAAkB,UAAAJ,GAAY;AAAA,MAQ7D,iBAAgB;AAAA,MAChB,WAAU;AAAA,MACV,WAAS;AAAA,MACT,UAAQ;AAAA,IAAA;AAAA,EAAA;AAIhB,SAAIC,IAEI,gBAAAM;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,SAASR;AAAA,MACT,WAAU;AAAA,MACV,OAAO,EAAE,MAAM,KAAM,MAAM,EAAA;AAAA,MAC3B,cAAc;AAAA,QACV,WAAW;AAAA,UACP;AAAA,YACI,MAAM;AAAA,YACN,SAAS;AAAA,cACL,QAAQ,CAAC,IAAI,CAAC;AAAA,YAAA;AAAA,UAClB;AAAA,UAEJ;AAAA,YACI,MAAM;AAAA,YACN,SAAS,CAAA;AAAA,UAAC;AAAA,QACd;AAAA,MACJ;AAAA,MAGJ,UAAA,gBAAAM,EAAC,SAAK,UAAAD,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA,IAKpBA;AACX;"}
+{"version":3,"file":"TreeOptions.js","names":[],"sources":["../../../src/components/assetTree/TreeOptions.tsx"],"sourcesContent":["import type React from 'react';\nimport { isEmpty } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport ButtonDropdown from '../dropdown/ButtonDropdown';\nimport SimpleTooltip from '../tooltip/SimpleTooltip';\n\nconst tooltipOffsetStyle = {\n    '--anchor-offset-block': '5px',\n    '--anchor-alignment-offset-inline': '10px',\n    '--overlay-arrow-offset-inline': '-10px',\n} as React.CSSProperties;\n\nexport type TreeOptionsProps = {\n    treeOptions?: React.ReactNode[];\n    treeOptionsTooltip?: React.ReactNode;\n    className?: string;\n};\n\nconst TreeOptions = (props: TreeOptionsProps) => {\n    const { treeOptions = [], treeOptionsTooltip, className } = props;\n\n    if (isEmpty(treeOptions)) {\n        return null;\n    }\n\n    const dropdownClasses = classNames('display-flex flex-column gap-10', 'width-250', 'padding-15', className);\n\n    const customDropdown = <div className={dropdownClasses}>{treeOptions}</div>;\n\n    const dropdown = (\n        <ButtonDropdown\n            title={<span className='uikit-icon icon-option-vertical' aria-hidden='true' />}\n            bsStyle='default'\n            bsSize='sm'\n            customDropdown={customDropdown}\n            toggleClassName='hover-bg-white border-none text-color-gray hover-text-color-dark'\n            className='TreeHeaderOptions height-20'\n            pullRight\n            iconOnly\n        />\n    );\n\n    if (treeOptionsTooltip) {\n        return (\n            <SimpleTooltip\n                content={treeOptionsTooltip}\n                placement='top-end'\n                delay={{ show: 1000, hide: 0 }}\n                style={tooltipOffsetStyle}\n            >\n                <div>{dropdown}</div>\n            </SimpleTooltip>\n        );\n    }\n\n    return dropdown;\n};\n\nexport default TreeOptions;\n"],"mappings":";;;;;;AAOA,IAAM,IAAqB;CACvB,yBAAyB;CACzB,oCAAoC;CACpC,iCAAiC;AACrC,GAQM,KAAe,MAA4B;CAC7C,IAAM,EAAE,iBAAc,CAAC,GAAG,uBAAoB,iBAAc;CAE5D,IAAI,EAAQ,CAAW,GACnB,OAAO;CAKX,IAAM,IAAiB,kBAAC,OAAD;EAAK,WAFJ,EAAW,mCAAmC,aAAa,cAAc,CAE1D;YAAkB;CAAiB,CAAA,GAEpE,IACF,kBAAC,GAAD;EACI,OAAO,kBAAC,QAAD;GAAM,WAAU;GAAkC,eAAY;EAAQ,CAAA;EAC7E,SAAQ;EACR,QAAO;EACS;EAChB,iBAAgB;EAChB,WAAU;EACV,WAAA;EACA,UAAA;CACH,CAAA;CAgBL,OAbI,IAEI,kBAAC,GAAD;EACI,SAAS;EACT,WAAU;EACV,OAAO;GAAE,MAAM;GAAM,MAAM;EAAE;EAC7B,OAAO;YAEP,kBAAC,OAAD,EAAA,UAAM,EAAc,CAAA;CACT,CAAA,IAIhB;AACX"}

package/components/assetTree/TreeRoot.js

@@ -1,11 +1,17 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useAutoAnimate as l } from "@formkit/auto-animate/react";
-import m from "../../utils/classNames.js";
-const u = ({ maxHeight: e, disableAnimation: o, children: t }) => {
-  const s = m("TreeRoot", "user-select-none", e ? "overflow-auto" : "overflow-hidden"), [r, n] = l();
-  return n(!o), /* @__PURE__ */ a("div", { ref: r, className: s, style: { maxHeight: e }, children: t });
+import e from "../../utils/classNames.js";
+import { useAutoAnimate as t } from "@formkit/auto-animate/react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeRoot.tsx
+var r = ({ maxHeight: r, disableAnimation: i, children: a }) => {
+	let o = e("TreeRoot", "user-select-none", r ? "overflow-auto" : "overflow-hidden"), [s, c] = t();
+	return c(!i), /* @__PURE__ */ n("div", {
+		ref: s,
+		className: o,
+		style: { maxHeight: r },
+		children: a
+	});
 };
-export {
-  u as default
-};
-//# sourceMappingURL=TreeRoot.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=TreeRoot.js.map

package/components/assetTree/TreeRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeRoot.js","sources":["../../../src/components/assetTree/TreeRoot.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport { useAutoAnimate } from '@formkit/auto-animate/react';\n\nimport classNames from '../../utils/classNames';\n\nexport type TreeRootProps = {\n    disableAnimation: boolean;\n    maxHeight?: number;\n};\n\nconst TreeRoot = ({ maxHeight, disableAnimation, children }: PropsWithChildren<TreeRootProps>) => {\n    const treeRootClasses = classNames('TreeRoot', 'user-select-none', maxHeight ? 'overflow-auto' : 'overflow-hidden');\n\n    const [parent, enableAnimations] = useAutoAnimate();\n    enableAnimations(!disableAnimation);\n\n    return (\n        <div ref={parent} className={treeRootClasses} style={{ maxHeight }}>\n            {children}\n        </div>\n    );\n};\n\nexport default TreeRoot;\n"],"names":["TreeRoot","maxHeight","disableAnimation","children","treeRootClasses","classNames","parent","enableAnimations","useAutoAnimate","jsx"],"mappings":";;;AAUA,MAAMA,IAAW,CAAC,EAAE,WAAAC,GAAW,kBAAAC,GAAkB,UAAAC,QAAiD;AAC9F,QAAMC,IAAkBC,EAAW,YAAY,oBAAoBJ,IAAY,kBAAkB,iBAAiB,GAE5G,CAACK,GAAQC,CAAgB,IAAIC,EAAA;AACnC,SAAAD,EAAiB,CAACL,CAAgB,GAG9B,gBAAAO,EAAC,OAAA,EAAI,KAAKH,GAAQ,WAAWF,GAAiB,OAAO,EAAE,WAAAH,EAAA,GAClD,UAAAE,EAAA,CACL;AAER;"}
+{"version":3,"file":"TreeRoot.js","names":[],"sources":["../../../src/components/assetTree/TreeRoot.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport { useAutoAnimate } from '@formkit/auto-animate/react';\n\nimport classNames from '../../utils/classNames';\n\nexport type TreeRootProps = {\n    disableAnimation: boolean;\n    maxHeight?: number;\n};\n\nconst TreeRoot = ({ maxHeight, disableAnimation, children }: PropsWithChildren<TreeRootProps>) => {\n    const treeRootClasses = classNames('TreeRoot', 'user-select-none', maxHeight ? 'overflow-auto' : 'overflow-hidden');\n\n    const [parent, enableAnimations] = useAutoAnimate();\n    enableAnimations(!disableAnimation);\n\n    return (\n        <div ref={parent} className={treeRootClasses} style={{ maxHeight }}>\n            {children}\n        </div>\n    );\n};\n\nexport default TreeRoot;\n"],"mappings":";;;;AAUA,IAAM,KAAY,EAAE,cAAW,qBAAkB,kBAAiD;CAC9F,IAAM,IAAkB,EAAW,YAAY,oBAAoB,IAAY,kBAAkB,iBAAiB,GAE5G,CAAC,GAAQ,KAAoB,EAAe;CAGlD,OAFA,EAAiB,CAAC,CAAgB,GAG9B,kBAAC,OAAD;EAAK,KAAK;EAAQ,WAAW;EAAiB,OAAO,EAAE,aAAU;EAC5D;CACA,CAAA;AAEb"}

package/components/assetTree/TreeSearch.js

@@ -1,16 +1,30 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import n from "react";
-import { noop as p } from "es-toolkit/function";
-import i from "../../utils/classNames.js";
+import e from "../../utils/classNames.js";
 import t from "../clearableInput/ClearableInput.js";
-const g = n.memo((a) => {
-  const { value: r, className: s, placeholder: o, onChange: l = p } = a, c = i("TreeSearch", s);
-  return /* @__PURE__ */ e("div", { className: c, children: /* @__PURE__ */ m("div", { className: "input-group flex-1-0", children: [
-    /* @__PURE__ */ e("span", { className: "input-group-addon", children: /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-search", "aria-hidden": "true" }) }),
-    /* @__PURE__ */ e(t, { value: r, onChange: l, placeholder: o })
-  ] }) });
+import n from "react";
+import { noop as r } from "es-toolkit/function";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeSearch.tsx
+var o = n.memo((n) => {
+	let { value: o, className: s, placeholder: c, onChange: l = r } = n;
+	return /* @__PURE__ */ i("div", {
+		className: e("TreeSearch", s),
+		children: /* @__PURE__ */ a("div", {
+			className: "input-group flex-1-0",
+			children: [/* @__PURE__ */ i("span", {
+				className: "input-group-addon",
+				children: /* @__PURE__ */ i("span", {
+					className: "uikit-icon icon-search",
+					"aria-hidden": "true"
+				})
+			}), /* @__PURE__ */ i(t, {
+				value: o,
+				onChange: l,
+				placeholder: c
+			})]
+		})
+	});
 });
-export {
-  g as default
-};
-//# sourceMappingURL=TreeSearch.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=TreeSearch.js.map

package/components/assetTree/TreeSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSearch.js","sources":["../../../src/components/assetTree/TreeSearch.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport ClearableInput from '../clearableInput/ClearableInput';\n\nexport type TreeSearchProps = {\n    /**\n     * The search value to be shown and used for the search.\n     */\n    value?: string;\n\n    /**\n     * Callback for when the search value changes.\n     *\n     * @default () => {}\n     * @param newValue\n     * @param event\n     * @returns\n     */\n    onChange?: (newValue: string, event: React.ChangeEvent | React.MouseEvent) => void;\n\n    /**\n     * The placeholder text used for the input field.\n     */\n    placeholder?: string;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst TreeSearch = React.memo((props: TreeSearchProps) => {\n    const { value, className, placeholder, onChange = noop } = props;\n\n    const classes = classNames('TreeSearch', className);\n\n    return (\n        <div className={classes}>\n            <div className='input-group flex-1-0'>\n                <span className='input-group-addon'>\n                    <span className='rioglyph rioglyph-search' aria-hidden='true' />\n                </span>\n                <ClearableInput value={value} onChange={onChange} placeholder={placeholder} />\n            </div>\n        </div>\n    );\n});\n\nexport default TreeSearch;\n"],"names":["TreeSearch","React","props","value","className","placeholder","onChange","noop","classes","classNames","jsxs","jsx","ClearableInput"],"mappings":";;;;;AAiCA,MAAMA,IAAaC,EAAM,KAAK,CAACC,MAA2B;AACtD,QAAM,EAAE,OAAAC,GAAO,WAAAC,GAAW,aAAAC,GAAa,UAAAC,IAAWC,MAASL,GAErDM,IAAUC,EAAW,cAAcL,CAAS;AAElD,2BACK,OAAA,EAAI,WAAWI,GACZ,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACX,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA,gBAAAA,EAAC,UAAK,WAAU,4BAA2B,eAAY,OAAA,CAAO,EAAA,CAClE;AAAA,IACA,gBAAAA,EAACC,GAAA,EAAe,OAAAT,GAAc,UAAAG,GAAoB,aAAAD,EAAA,CAA0B;AAAA,EAAA,EAAA,CAChF,EAAA,CACJ;AAER,CAAC;"}
+{"version":3,"file":"TreeSearch.js","names":[],"sources":["../../../src/components/assetTree/TreeSearch.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport ClearableInput from '../clearableInput/ClearableInput';\n\nexport type TreeSearchProps = {\n    /**\n     * The search value to be shown and used for the search.\n     */\n    value?: string;\n\n    /**\n     * Callback for when the search value changes.\n     *\n     * @default () => {}\n     * @param newValue\n     * @param event\n     * @returns\n     */\n    onChange?: (newValue: string, event: React.ChangeEvent | React.MouseEvent) => void;\n\n    /**\n     * The placeholder text used for the input field.\n     */\n    placeholder?: string;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst TreeSearch = React.memo((props: TreeSearchProps) => {\n    const { value, className, placeholder, onChange = noop } = props;\n\n    const classes = classNames('TreeSearch', className);\n\n    return (\n        <div className={classes}>\n            <div className='input-group flex-1-0'>\n                <span className='input-group-addon'>\n                    <span className='uikit-icon icon-search' aria-hidden='true' />\n                </span>\n                <ClearableInput value={value} onChange={onChange} placeholder={placeholder} />\n            </div>\n        </div>\n    );\n});\n\nexport default TreeSearch;\n"],"mappings":";;;;;;AAiCA,IAAM,IAAa,EAAM,MAAM,MAA2B;CACtD,IAAM,EAAE,UAAO,cAAW,gBAAa,cAAW,MAAS;CAI3D,OACI,kBAAC,OAAD;EAAK,WAHO,EAAW,cAAc,CAGrB;YACZ,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,QAAD;IAAM,WAAU;cACZ,kBAAC,QAAD;KAAM,WAAU;KAAyB,eAAY;IAAQ,CAAA;GAC3D,CAAA,GACN,kBAAC,GAAD;IAAuB;IAAiB;IAAuB;GAAc,CAAA,CAC5E;;CACJ,CAAA;AAEb,CAAC"}

package/components/assetTree/TreeSelectAll.js

@@ -1,20 +1,21 @@
-import { jsx as l } from "react/jsx-runtime";
-import { noop as o } from "es-toolkit/function";
-import d from "../checkbox/Checkbox.js";
-const h = (t) => {
-  const { isDisabled: i, isChecked: r = !1, isEnabled: n = !0, isIndeterminate: e = !1, onSelect: s = o } = t, a = (c) => s(c.target.checked, e);
-  return n ? /* @__PURE__ */ l("div", { className: "TreeSelectAll display-flex align-items-center", children: /* @__PURE__ */ l(
-    d,
-    {
-      checked: r,
-      onClick: a,
-      disabled: i,
-      indeterminate: e,
-      className: "margin-top--1"
-    }
-  ) }) : null;
+import e from "../checkbox/Checkbox.js";
+import { noop as t } from "es-toolkit/function";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeSelectAll.tsx
+var r = (r) => {
+	let { isDisabled: i, isChecked: a = !1, isEnabled: o = !0, isIndeterminate: s = !1, onSelect: c = t } = r;
+	return o ? /* @__PURE__ */ n("div", {
+		className: "TreeSelectAll display-flex align-items-center",
+		children: /* @__PURE__ */ n(e, {
+			checked: a,
+			onClick: (e) => c(e.target.checked, s),
+			disabled: i,
+			indeterminate: s,
+			className: "margin-top--1"
+		})
+	}) : null;
 };
-export {
-  h as default
-};
-//# sourceMappingURL=TreeSelectAll.js.map
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=TreeSelectAll.js.map

package/components/assetTree/TreeSelectAll.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelectAll.js","sources":["../../../src/components/assetTree/TreeSelectAll.tsx"],"sourcesContent":["import type React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport Checkbox from '../checkbox/Checkbox';\n\nexport type TreeSelectAllProps = {\n    value?: string;\n    onSelect?: (checked: boolean, isIndeterminate: boolean) => void;\n    isChecked?: boolean;\n    isEnabled?: boolean;\n    isDisabled?: boolean;\n    isIndeterminate?: boolean;\n    hasSearchResults?: boolean;\n    className?: string;\n};\n\nconst TreeSelectAll = (props: TreeSelectAllProps) => {\n    const { isDisabled, isChecked = false, isEnabled = true, isIndeterminate = false, onSelect = noop } = props;\n\n    const handleSelectAll = (event: React.MouseEvent<HTMLInputElement>) =>\n        onSelect((event.target as HTMLInputElement).checked, isIndeterminate);\n\n    if (!isEnabled) {\n        return null;\n    }\n\n    return (\n        <div className='TreeSelectAll display-flex align-items-center'>\n            <Checkbox\n                checked={isChecked}\n                onClick={handleSelectAll}\n                disabled={isDisabled}\n                indeterminate={isIndeterminate}\n                className='margin-top--1'\n            />\n        </div>\n    );\n};\n\nexport default TreeSelectAll;\n"],"names":["TreeSelectAll","props","isDisabled","isChecked","isEnabled","isIndeterminate","onSelect","noop","handleSelectAll","event","jsx","Checkbox"],"mappings":";;;AAgBA,MAAMA,IAAgB,CAACC,MAA8B;AACjD,QAAM,EAAE,YAAAC,GAAY,WAAAC,IAAY,IAAO,WAAAC,IAAY,IAAM,iBAAAC,IAAkB,IAAO,UAAAC,IAAWC,EAAA,IAASN,GAEhGO,IAAkB,CAACC,MACrBH,EAAUG,EAAM,OAA4B,SAASJ,CAAe;AAExE,SAAKD,IAKD,gBAAAM,EAAC,OAAA,EAAI,WAAU,iDACX,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASR;AAAA,MACT,SAASK;AAAA,MACT,UAAUN;AAAA,MACV,eAAeG;AAAA,MACf,WAAU;AAAA,IAAA;AAAA,EAAA,GAElB,IAZO;AAcf;"}
+{"version":3,"file":"TreeSelectAll.js","names":[],"sources":["../../../src/components/assetTree/TreeSelectAll.tsx"],"sourcesContent":["import type React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport Checkbox from '../checkbox/Checkbox';\n\nexport type TreeSelectAllProps = {\n    value?: string;\n    onSelect?: (checked: boolean, isIndeterminate: boolean) => void;\n    isChecked?: boolean;\n    isEnabled?: boolean;\n    isDisabled?: boolean;\n    isIndeterminate?: boolean;\n    hasSearchResults?: boolean;\n    className?: string;\n};\n\nconst TreeSelectAll = (props: TreeSelectAllProps) => {\n    const { isDisabled, isChecked = false, isEnabled = true, isIndeterminate = false, onSelect = noop } = props;\n\n    const handleSelectAll = (event: React.MouseEvent<HTMLInputElement>) =>\n        onSelect((event.target as HTMLInputElement).checked, isIndeterminate);\n\n    if (!isEnabled) {\n        return null;\n    }\n\n    return (\n        <div className='TreeSelectAll display-flex align-items-center'>\n            <Checkbox\n                checked={isChecked}\n                onClick={handleSelectAll}\n                disabled={isDisabled}\n                indeterminate={isIndeterminate}\n                className='margin-top--1'\n            />\n        </div>\n    );\n};\n\nexport default TreeSelectAll;\n"],"mappings":";;;;AAgBA,IAAM,KAAiB,MAA8B;CACjD,IAAM,EAAE,eAAY,eAAY,IAAO,eAAY,IAAM,qBAAkB,IAAO,cAAW,MAAS;CAStG,OAJK,IAKD,kBAAC,OAAD;EAAK,WAAU;YACX,kBAAC,GAAD;GACI,SAAS;GACT,UAXa,MACrB,EAAU,EAAM,OAA4B,SAAS,CAAe;GAW5D,UAAU;GACV,eAAe;GACf,WAAU;EACb,CAAA;CACA,CAAA,IAZE;AAcf"}

package/components/assetTree/TreeSidebar.js

@@ -1,16 +1,25 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import l from "react";
-import { noop as c } from "es-toolkit/function";
-import t from "../../utils/classNames.js";
-import n from "./TreeSidebarCategories.js";
-const h = l.memo((a) => {
-  const { className: s, onClick: r = c, ...o } = a, i = t("TreeSidebar", s);
-  return /* @__PURE__ */ m("div", { className: i, children: [
-    /* @__PURE__ */ e("ul", { className: "TreeSidebarNavigation", onClick: r, children: /* @__PURE__ */ e(n, { ...o }) }),
-    /* @__PURE__ */ e("div", { className: "TreeSidebarToggle", onClick: r, children: /* @__PURE__ */ e("span", { className: "rioglyph rioglyph-chevron-left" }) })
-  ] });
+import e from "../../utils/classNames.js";
+import t from "./TreeSidebarCategories.js";
+import n from "react";
+import { noop as r } from "es-toolkit/function";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeSidebar.tsx
+var o = n.memo((n) => {
+	let { className: o, onClick: s = r, ...c } = n;
+	return /* @__PURE__ */ a("div", {
+		className: e("TreeSidebar", o),
+		children: [/* @__PURE__ */ i("ul", {
+			className: "TreeSidebarNavigation",
+			onClick: s,
+			children: /* @__PURE__ */ i(t, { ...c })
+		}), /* @__PURE__ */ i("div", {
+			className: "TreeSidebarToggle",
+			onClick: s,
+			children: /* @__PURE__ */ i("span", { className: "uikit-icon icon-chevron-left" })
+		})]
+	});
 });
-export {
-  h as default
-};
-//# sourceMappingURL=TreeSidebar.js.map
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=TreeSidebar.js.map

package/components/assetTree/TreeSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSidebar.js","sources":["../../../src/components/assetTree/TreeSidebar.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport TreeSidebarCategories from './TreeSidebarCategories';\nimport type { TreeCategoryNode } from './TreeCategory';\n\nexport type TreeSidebarProps = {\n    currentCategoryId?: string;\n    onSelectCategory?: (selectedCategory: string) => void;\n    onClick?: VoidFunction;\n    className?: string;\n    children?: TreeCategoryNode[];\n};\n\nconst TreeSidebar = React.memo((props: TreeSidebarProps) => {\n    const { className, onClick = noop, ...remainingProps } = props;\n\n    const classes = classNames('TreeSidebar', className);\n\n    return (\n        <div className={classes}>\n            <ul className='TreeSidebarNavigation' onClick={onClick}>\n                <TreeSidebarCategories {...remainingProps} />\n            </ul>\n            <div className='TreeSidebarToggle' onClick={onClick}>\n                <span className='rioglyph rioglyph-chevron-left' />\n            </div>\n        </div>\n    );\n});\n\nexport default TreeSidebar;\n"],"names":["TreeSidebar","React","props","className","onClick","noop","remainingProps","classes","classNames","jsxs","jsx","TreeSidebarCategories"],"mappings":";;;;;AAeA,MAAMA,IAAcC,EAAM,KAAK,CAACC,MAA4B;AACxD,QAAM,EAAE,WAAAC,GAAW,SAAAC,IAAUC,GAAM,GAAGC,MAAmBJ,GAEnDK,IAAUC,EAAW,eAAeL,CAAS;AAEnD,SACI,gBAAAM,EAAC,OAAA,EAAI,WAAWF,GACZ,UAAA;AAAA,IAAA,gBAAAG,EAAC,MAAA,EAAG,WAAU,yBAAwB,SAAAN,GAClC,4BAACO,GAAA,EAAuB,GAAGL,GAAgB,EAAA,CAC/C;AAAA,IACA,gBAAAI,EAAC,SAAI,WAAU,qBAAoB,SAAAN,GAC/B,UAAA,gBAAAM,EAAC,QAAA,EAAK,WAAU,iCAAA,CAAiC,EAAA,CACrD;AAAA,EAAA,GACJ;AAER,CAAC;"}
+{"version":3,"file":"TreeSidebar.js","names":[],"sources":["../../../src/components/assetTree/TreeSidebar.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport TreeSidebarCategories from './TreeSidebarCategories';\nimport type { TreeCategoryNode } from './TreeCategory';\n\nexport type TreeSidebarProps = {\n    currentCategoryId?: string;\n    onSelectCategory?: (selectedCategory: string) => void;\n    onClick?: VoidFunction;\n    className?: string;\n    children?: TreeCategoryNode[];\n};\n\nconst TreeSidebar = React.memo((props: TreeSidebarProps) => {\n    const { className, onClick = noop, ...remainingProps } = props;\n\n    const classes = classNames('TreeSidebar', className);\n\n    return (\n        <div className={classes}>\n            <ul className='TreeSidebarNavigation' onClick={onClick}>\n                <TreeSidebarCategories {...remainingProps} />\n            </ul>\n            <div className='TreeSidebarToggle' onClick={onClick}>\n                <span className='uikit-icon icon-chevron-left' />\n            </div>\n        </div>\n    );\n});\n\nexport default TreeSidebar;\n"],"mappings":";;;;;;AAeA,IAAM,IAAc,EAAM,MAAM,MAA4B;CACxD,IAAM,EAAE,cAAW,aAAU,GAAM,GAAG,MAAmB;CAIzD,OACI,kBAAC,OAAD;EAAK,WAHO,EAAW,eAAe,CAGtB;YAAhB,CACI,kBAAC,MAAD;GAAI,WAAU;GAAiC;aAC3C,kBAAC,GAAD,EAAuB,GAAI,EAAiB,CAAA;EAC5C,CAAA,GACJ,kBAAC,OAAD;GAAK,WAAU;GAA6B;aACxC,kBAAC,QAAD,EAAM,WAAU,+BAAgC,CAAA;EAC/C,CAAA,CACJ;;AAEb,CAAC"}