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

package/components/assetTree/TreeSidebarCategories.js

@@ -1,30 +1,39 @@
-import { jsx as e, Fragment as g } from "react/jsx-runtime";
-import { noop as h } from "es-toolkit/function";
-import C from "../../utils/classNames.js";
-import u from "../overlay/OverlayTrigger.js";
-import s from "../tooltip/Tooltip.js";
-const y = "active", S = "selected", f = 1500, _ = (l) => {
-  const { children: r, currentCategoryId: c, onSelectCategory: i = h } = l;
-  return r ? /* @__PURE__ */ e(g, { children: r.map((o) => {
-    const t = o.props.id, p = o.props.icon || "", a = o.props.label, m = C(
-      c === t ? y : "",
-      o.props.hasSelection && S
-    ), n = /* @__PURE__ */ e("li", { onClick: (d) => {
-      d.stopPropagation(), i(t);
-    }, className: m, children: /* @__PURE__ */ e("div", { className: "selection-bubble", children: /* @__PURE__ */ e("span", { className: `rioglyph ${p}` }) }) }, t);
-    return a ? /* @__PURE__ */ e(
-      u,
-      {
-        placement: s.RIGHT,
-        delay: { show: f, hide: 0 },
-        overlay: /* @__PURE__ */ e(s, { id: "tooltip", width: "auto", children: /* @__PURE__ */ e("span", { children: a }) }),
-        children: n
-      },
-      `category-tooltip-${t}`
-    ) : n;
-  }) }) : null;
+import e from "../../utils/classNames.js";
+import { normalizeIconName as t } from "../../utils/iconNames.js";
+import n from "../tooltip/Tooltip.js";
+import r from "../overlay/OverlayTrigger.js";
+import { noop as i } from "es-toolkit/function";
+import { Fragment as a, jsx as o } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeSidebarCategories.tsx
+var s = "active", c = "selected", l = 1500, u = (u) => {
+	let { children: d, currentCategoryId: f, onSelectCategory: p = i } = u;
+	return d ? /* @__PURE__ */ o(a, { children: d.map((i) => {
+		let a = i.props.id, u = i.props.iconName ?? i.props.icon ?? "", d = i.props.label, m = /* @__PURE__ */ o("li", {
+			onClick: (e) => {
+				e.stopPropagation(), p(a);
+			},
+			className: e(f === a ? s : "", i.props.hasSelection && c),
+			children: /* @__PURE__ */ o("div", {
+				className: "selection-bubble",
+				children: /* @__PURE__ */ o("span", { className: `uikit-icon ${t(u)}` })
+			})
+		}, a);
+		return d ? /* @__PURE__ */ o(r, {
+			placement: n.RIGHT,
+			delay: {
+				show: l,
+				hide: 0
+			},
+			overlay: /* @__PURE__ */ o(n, {
+				id: "tooltip",
+				width: "auto",
+				children: /* @__PURE__ */ o("span", { children: d })
+			}),
+			children: m
+		}, `category-tooltip-${a}`) : m;
+	}) }) : null;
 };
-export {
-  _ as default
-};
-//# sourceMappingURL=TreeSidebarCategories.js.map
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TreeSidebarCategories.js.map

package/components/assetTree/TreeSidebarCategories.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSidebarCategories.js","sources":["../../../src/components/assetTree/TreeSidebarCategories.tsx"],"sourcesContent":["import type React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport OverlayTrigger from '../overlay/OverlayTrigger';\nimport Tooltip from '../tooltip/Tooltip';\nimport type { TreeCategoryNode } from './TreeCategory';\n\nconst ACTIVE_CLASS_NAME = 'active';\nconst SELECTED_CLASS_NAME = 'selected';\n\nconst TOOLTIP_DELAY = 1500;\n\nexport type TreeSidebarCategoriesProps = {\n    currentCategoryId?: string;\n    onSelectCategory?: (selectedCategory: string) => void;\n    children?: TreeCategoryNode[];\n};\n\nconst TreeSidebarCategories = (props: TreeSidebarCategoriesProps) => {\n    const { children, currentCategoryId, onSelectCategory = noop } = props;\n\n    if (!children) {\n        return null;\n    }\n\n    return (\n        <>\n            {children.map(child => {\n                const id = child.props.id;\n                const icon = child.props.icon || '';\n                const label = child.props.label;\n\n                const statusClassName = classNames(\n                    currentCategoryId === id ? ACTIVE_CLASS_NAME : '',\n                    child.props.hasSelection && SELECTED_CLASS_NAME\n                );\n\n                const handleSelectCategory = (event: React.MouseEvent<HTMLLIElement>) => {\n                    event.stopPropagation();\n                    onSelectCategory(id);\n                };\n\n                const category = (\n                    <li key={id} onClick={handleSelectCategory} className={statusClassName}>\n                        <div className='selection-bubble'>\n                            <span className={`rioglyph ${icon}`} />\n                        </div>\n                    </li>\n                );\n\n                if (label) {\n                    return (\n                        <OverlayTrigger\n                            key={`category-tooltip-${id}`}\n                            placement={Tooltip.RIGHT}\n                            delay={{ show: TOOLTIP_DELAY, hide: 0 }}\n                            overlay={\n                                <Tooltip id='tooltip' width='auto'>\n                                    <span>{label}</span>\n                                </Tooltip>\n                            }\n                        >\n                            {category}\n                        </OverlayTrigger>\n                    );\n                }\n\n                return category;\n            })}\n        </>\n    );\n};\n\nexport default TreeSidebarCategories;\n"],"names":["ACTIVE_CLASS_NAME","SELECTED_CLASS_NAME","TOOLTIP_DELAY","TreeSidebarCategories","props","children","currentCategoryId","onSelectCategory","noop","jsx","Fragment","child","id","icon","label","statusClassName","classNames","category","event","OverlayTrigger","Tooltip"],"mappings":";;;;;AAQA,MAAMA,IAAoB,UACpBC,IAAsB,YAEtBC,IAAgB,MAQhBC,IAAwB,CAACC,MAAsC;AACjE,QAAM,EAAE,UAAAC,GAAU,mBAAAC,GAAmB,kBAAAC,IAAmBC,MAASJ;AAEjE,SAAKC,IAKD,gBAAAI,EAAAC,GAAA,EACK,UAAAL,EAAS,IAAI,CAAAM,MAAS;AACnB,UAAMC,IAAKD,EAAM,MAAM,IACjBE,IAAOF,EAAM,MAAM,QAAQ,IAC3BG,IAAQH,EAAM,MAAM,OAEpBI,IAAkBC;AAAA,MACpBV,MAAsBM,IAAKZ,IAAoB;AAAA,MAC/CW,EAAM,MAAM,gBAAgBV;AAAA,IAAA,GAQ1BgB,IACF,gBAAAR,EAAC,MAAA,EAAY,SANY,CAACS,MAA2C;AACrE,MAAAA,EAAM,gBAAA,GACNX,EAAiBK,CAAE;AAAA,IACvB,GAGgD,WAAWG,GACnD,UAAA,gBAAAN,EAAC,OAAA,EAAI,WAAU,oBACX,UAAA,gBAAAA,EAAC,UAAK,WAAW,YAAYI,CAAI,GAAA,CAAI,GACzC,KAHKD,CAIT;AAGJ,WAAIE,IAEI,gBAAAL;AAAA,MAACU;AAAA,MAAA;AAAA,QAEG,WAAWC,EAAQ;AAAA,QACnB,OAAO,EAAE,MAAMlB,GAAe,MAAM,EAAA;AAAA,QACpC,SACI,gBAAAO,EAACW,GAAA,EAAQ,IAAG,WAAU,OAAM,QACxB,UAAA,gBAAAX,EAAC,QAAA,EAAM,UAAAK,EAAA,CAAM,EAAA,CACjB;AAAA,QAGH,UAAAG;AAAA,MAAA;AAAA,MATI,oBAAoBL,CAAE;AAAA,IAAA,IAchCK;AAAA,EACX,CAAC,EAAA,CACL,IA/CO;AAiDf;"}
+{"version":3,"file":"TreeSidebarCategories.js","names":[],"sources":["../../../src/components/assetTree/TreeSidebarCategories.tsx"],"sourcesContent":["import type React from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport { normalizeIconName } from '../../utils/iconNames';\nimport OverlayTrigger from '../overlay/OverlayTrigger';\nimport Tooltip from '../tooltip/Tooltip';\nimport type { TreeCategoryNode } from './TreeCategory';\n\nconst ACTIVE_CLASS_NAME = 'active';\nconst SELECTED_CLASS_NAME = 'selected';\n\nconst TOOLTIP_DELAY = 1500;\n\nexport type TreeSidebarCategoriesProps = {\n    currentCategoryId?: string;\n    onSelectCategory?: (selectedCategory: string) => void;\n    children?: TreeCategoryNode[];\n};\n\nconst TreeSidebarCategories = (props: TreeSidebarCategoriesProps) => {\n    const { children, currentCategoryId, onSelectCategory = noop } = props;\n\n    if (!children) {\n        return null;\n    }\n\n    return (\n        <>\n            {children.map(child => {\n                const id = child.props.id;\n                const iconName = child.props.iconName ?? child.props.icon ?? '';\n                const label = child.props.label;\n\n                const statusClassName = classNames(\n                    currentCategoryId === id ? ACTIVE_CLASS_NAME : '',\n                    child.props.hasSelection && SELECTED_CLASS_NAME\n                );\n\n                const handleSelectCategory = (event: React.MouseEvent<HTMLLIElement>) => {\n                    event.stopPropagation();\n                    onSelectCategory(id);\n                };\n\n                const category = (\n                    <li key={id} onClick={handleSelectCategory} className={statusClassName}>\n                        <div className='selection-bubble'>\n                            <span className={`uikit-icon ${normalizeIconName(iconName)}`} />\n                        </div>\n                    </li>\n                );\n\n                if (label) {\n                    return (\n                        <OverlayTrigger\n                            key={`category-tooltip-${id}`}\n                            placement={Tooltip.RIGHT}\n                            delay={{ show: TOOLTIP_DELAY, hide: 0 }}\n                            overlay={\n                                <Tooltip id='tooltip' width='auto'>\n                                    <span>{label}</span>\n                                </Tooltip>\n                            }\n                        >\n                            {category}\n                        </OverlayTrigger>\n                    );\n                }\n\n                return category;\n            })}\n        </>\n    );\n};\n\nexport default TreeSidebarCategories;\n"],"mappings":";;;;;;;AASA,IAAM,IAAoB,UACpB,IAAsB,YAEtB,IAAgB,MAQhB,KAAyB,MAAsC;CACjE,IAAM,EAAE,aAAU,sBAAmB,sBAAmB,MAAS;CAMjE,OAJK,IAKD,kBAAA,GAAA,EAAA,UACK,EAAS,KAAI,MAAS;EACnB,IAAM,IAAK,EAAM,MAAM,IACjB,IAAW,EAAM,MAAM,YAAY,EAAM,MAAM,QAAQ,IACvD,IAAQ,EAAM,MAAM,OAYpB,IACF,kBAAC,MAAD;GAAa,UANa,MAA2C;IAErE,AADA,EAAM,gBAAgB,GACtB,EAAiB,CAAE;GACvB;GAGgD,WAXxB,EACpB,MAAsB,IAAK,IAAoB,IAC/C,EAAM,MAAM,gBAAgB,CAS2B;aACnD,kBAAC,OAAD;IAAK,WAAU;cACX,kBAAC,QAAD,EAAM,WAAW,cAAc,EAAkB,CAAQ,IAAM,CAAA;GAC9D,CAAA;EACL,GAJK,CAIL;EAoBR,OAjBI,IAEI,kBAAC,GAAD;GAEI,WAAW,EAAQ;GACnB,OAAO;IAAE,MAAM;IAAe,MAAM;GAAE;GACtC,SACI,kBAAC,GAAD;IAAS,IAAG;IAAU,OAAM;cACxB,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA;GACd,CAAA;aAGZ;EACW,GAVP,oBAAoB,GAUb,IAIjB;CACX,CAAC,EACH,CAAA,IA/CK;AAiDf"}

package/components/assetTree/TreeSummary.js

@@ -1,30 +1,54 @@
-import { jsx as e, jsxs as u, Fragment as c } from "react/jsx-runtime";
-import m from "react";
-import d from "../../utils/classNames.js";
-import r from "./TypeCounter.js";
-import { TreeSummaryRow as p } from "./TreeSummaryRow.js";
-const v = ({ assetCounts: a }) => {
-  const { truck: n, bus: i, van: s, trailer: t, car: o, driver: l } = a;
-  return /* @__PURE__ */ u(c, { children: [
-    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "truck-baseline", value: n }),
-    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "trailer-baseline", value: t }),
-    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "bus-baseline", value: i }),
-    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "van-baseline", value: s }),
-    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "car-baseline", value: o }),
-    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "driver", value: l })
-  ] });
-}, g = m.memo((a) => {
-  const { className: n = "", assetCounts: i = {}, gridCols: s, children: t } = a, o = d(
-    "TreeSummary",
-    "display-flex flex-wrap",
-    "align-items-center",
-    "gap-10",
-    "padding-left-3",
-    n
-  );
-  return /* @__PURE__ */ e("div", { className: o, children: t || /* @__PURE__ */ e(p, { gridCols: s, children: /* @__PURE__ */ e(v, { assetCounts: i }) }) });
+import e from "../../utils/classNames.js";
+import t from "./TypeCounter.js";
+import { TreeSummaryRow as n } from "./TreeSummaryRow.js";
+import r from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeSummary.tsx
+var s = ({ assetCounts: e }) => {
+	let { truck: n, bus: r, van: s, trailer: c, car: l, driver: u } = e;
+	return /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a(t, {
+			hideOnZero: !0,
+			icon: "truck-baseline",
+			value: n
+		}),
+		/* @__PURE__ */ a(t, {
+			hideOnZero: !0,
+			icon: "trailer-baseline",
+			value: c
+		}),
+		/* @__PURE__ */ a(t, {
+			hideOnZero: !0,
+			icon: "bus-baseline",
+			value: r
+		}),
+		/* @__PURE__ */ a(t, {
+			hideOnZero: !0,
+			icon: "van-baseline",
+			value: s
+		}),
+		/* @__PURE__ */ a(t, {
+			hideOnZero: !0,
+			icon: "car-baseline",
+			value: l
+		}),
+		/* @__PURE__ */ a(t, {
+			hideOnZero: !0,
+			icon: "driver",
+			value: u
+		})
+	] });
+}, c = r.memo((t) => {
+	let { className: r = "", assetCounts: i = {}, gridCols: o, children: c } = t;
+	return /* @__PURE__ */ a("div", {
+		className: e("TreeSummary", "display-flex flex-wrap", "align-items-center", "gap-10", "padding-left-3", r),
+		children: c || /* @__PURE__ */ a(n, {
+			gridCols: o,
+			children: /* @__PURE__ */ a(s, { assetCounts: i })
+		})
+	});
 });
-export {
-  g as default
-};
-//# sourceMappingURL=TreeSummary.js.map
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=TreeSummary.js.map

package/components/assetTree/TreeSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSummary.js","sources":["../../../src/components/assetTree/TreeSummary.tsx"],"sourcesContent":["import React, { type PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport TypeCounter from './TypeCounter';\nimport TreeSummaryRow from './TreeSummaryRow';\n\nexport type AssetType = 'truck' | 'trailer' | 'bus' | 'van' | 'driver' | 'car';\n\nexport type TreeSummaryCounts = {\n    /**\n     * The amount of trucks\n     */\n    truck?: number;\n\n    /**\n     * The amount of trailers\n     */\n    trailer?: number;\n\n    /**\n     * The amount of buses\n     */\n    bus?: number;\n\n    /**\n     * The amount of vans\n     */\n    van?: number;\n\n    /**\n     * The amount of cars\n     */\n    car?: number;\n\n    /**\n     * The amount of drivers\n     */\n    driver?: number;\n};\n\nexport type DefaultAssetCountsProps = {\n    assetCounts: TreeSummaryCounts;\n};\n\nconst DefaultAssetCounts = ({ assetCounts }: DefaultAssetCountsProps) => {\n    const { truck, bus, van, trailer, car, driver } = assetCounts;\n    return (\n        <>\n            <TypeCounter hideOnZero icon='truck-baseline' value={truck} />\n            <TypeCounter hideOnZero icon='trailer-baseline' value={trailer} />\n            <TypeCounter hideOnZero icon='bus-baseline' value={bus} />\n            <TypeCounter hideOnZero icon='van-baseline' value={van} />\n            <TypeCounter hideOnZero icon='car-baseline' value={car} />\n            <TypeCounter hideOnZero icon='driver' value={driver} />\n        </>\n    );\n};\n\nexport type TreeSummaryProps = {\n    /**\n     * The object containing various asset type counter.\n     */\n    assetCounts?: TreeSummaryCounts;\n\n    /**\n     * The number of grid columns used for the built-in `TreeSummaryRow`.\n     *\n     * @default 4\n     */\n    gridCols?: number;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst TreeSummary = React.memo((props: PropsWithChildren<TreeSummaryProps>) => {\n    const { className = '', assetCounts = {}, gridCols, children } = props;\n\n    const classes = classNames(\n        'TreeSummary',\n        'display-flex flex-wrap',\n        'align-items-center',\n        'gap-10',\n        'padding-left-3',\n        className\n    );\n\n    return (\n        <div className={classes}>\n            {children || (\n                <TreeSummaryRow gridCols={gridCols}>\n                    <DefaultAssetCounts assetCounts={assetCounts} />\n                </TreeSummaryRow>\n            )}\n        </div>\n    );\n});\n\nexport default TreeSummary;\n"],"names":["DefaultAssetCounts","assetCounts","truck","bus","van","trailer","car","driver","jsxs","Fragment","jsx","TypeCounter","TreeSummary","React","props","className","gridCols","children","classes","classNames","TreeSummaryRow"],"mappings":";;;;;AA4CA,MAAMA,IAAqB,CAAC,EAAE,aAAAC,QAA2C;AACrE,QAAM,EAAE,OAAAC,GAAO,KAAAC,GAAK,KAAAC,GAAK,SAAAC,GAAS,KAAAC,GAAK,QAAAC,MAAWN;AAClD,SACI,gBAAAO,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAY,YAAU,IAAC,MAAK,kBAAiB,OAAOT,GAAO;AAAA,sBAC3DS,GAAA,EAAY,YAAU,IAAC,MAAK,oBAAmB,OAAON,GAAS;AAAA,sBAC/DM,GAAA,EAAY,YAAU,IAAC,MAAK,gBAAe,OAAOR,GAAK;AAAA,sBACvDQ,GAAA,EAAY,YAAU,IAAC,MAAK,gBAAe,OAAOP,GAAK;AAAA,sBACvDO,GAAA,EAAY,YAAU,IAAC,MAAK,gBAAe,OAAOL,GAAK;AAAA,sBACvDK,GAAA,EAAY,YAAU,IAAC,MAAK,UAAS,OAAOJ,EAAA,CAAQ;AAAA,EAAA,GACzD;AAER,GAqBMK,IAAcC,EAAM,KAAK,CAACC,MAA+C;AAC3E,QAAM,EAAE,WAAAC,IAAY,IAAI,aAAAd,IAAc,CAAA,GAAI,UAAAe,GAAU,UAAAC,MAAaH,GAE3DI,IAAUC;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAJ;AAAA,EAAA;AAGJ,SACI,gBAAAL,EAAC,OAAA,EAAI,WAAWQ,GACX,UAAAD,KACG,gBAAAP,EAACU,GAAA,EAAe,UAAAJ,GACZ,UAAA,gBAAAN,EAACV,GAAA,EAAmB,aAAAC,EAAA,CAA0B,EAAA,CAClD,GAER;AAER,CAAC;"}
+{"version":3,"file":"TreeSummary.js","names":[],"sources":["../../../src/components/assetTree/TreeSummary.tsx"],"sourcesContent":["import React, { type PropsWithChildren } from 'react';\n\nimport classNames from '../../utils/classNames';\nimport TypeCounter from './TypeCounter';\nimport TreeSummaryRow from './TreeSummaryRow';\n\nexport type AssetType = 'truck' | 'trailer' | 'bus' | 'van' | 'driver' | 'car';\n\nexport type TreeSummaryCounts = {\n    /**\n     * The amount of trucks\n     */\n    truck?: number;\n\n    /**\n     * The amount of trailers\n     */\n    trailer?: number;\n\n    /**\n     * The amount of buses\n     */\n    bus?: number;\n\n    /**\n     * The amount of vans\n     */\n    van?: number;\n\n    /**\n     * The amount of cars\n     */\n    car?: number;\n\n    /**\n     * The amount of drivers\n     */\n    driver?: number;\n};\n\nexport type DefaultAssetCountsProps = {\n    assetCounts: TreeSummaryCounts;\n};\n\nconst DefaultAssetCounts = ({ assetCounts }: DefaultAssetCountsProps) => {\n    const { truck, bus, van, trailer, car, driver } = assetCounts;\n    return (\n        <>\n            <TypeCounter hideOnZero icon='truck-baseline' value={truck} />\n            <TypeCounter hideOnZero icon='trailer-baseline' value={trailer} />\n            <TypeCounter hideOnZero icon='bus-baseline' value={bus} />\n            <TypeCounter hideOnZero icon='van-baseline' value={van} />\n            <TypeCounter hideOnZero icon='car-baseline' value={car} />\n            <TypeCounter hideOnZero icon='driver' value={driver} />\n        </>\n    );\n};\n\nexport type TreeSummaryProps = {\n    /**\n     * The object containing various asset type counter.\n     */\n    assetCounts?: TreeSummaryCounts;\n\n    /**\n     * The number of grid columns used for the built-in `TreeSummaryRow`.\n     *\n     * @default 4\n     */\n    gridCols?: number;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst TreeSummary = React.memo((props: PropsWithChildren<TreeSummaryProps>) => {\n    const { className = '', assetCounts = {}, gridCols, children } = props;\n\n    const classes = classNames(\n        'TreeSummary',\n        'display-flex flex-wrap',\n        'align-items-center',\n        'gap-10',\n        'padding-left-3',\n        className\n    );\n\n    return (\n        <div className={classes}>\n            {children || (\n                <TreeSummaryRow gridCols={gridCols}>\n                    <DefaultAssetCounts assetCounts={assetCounts} />\n                </TreeSummaryRow>\n            )}\n        </div>\n    );\n});\n\nexport default TreeSummary;\n"],"mappings":";;;;;;AA4CA,IAAM,KAAsB,EAAE,qBAA2C;CACrE,IAAM,EAAE,UAAO,QAAK,QAAK,YAAS,QAAK,cAAW;CAClD,OACI,kBAAA,GAAA,EAAA,UAAA;EACI,kBAAC,GAAD;GAAa,YAAA;GAAW,MAAK;GAAiB,OAAO;EAAQ,CAAA;EAC7D,kBAAC,GAAD;GAAa,YAAA;GAAW,MAAK;GAAmB,OAAO;EAAU,CAAA;EACjE,kBAAC,GAAD;GAAa,YAAA;GAAW,MAAK;GAAe,OAAO;EAAM,CAAA;EACzD,kBAAC,GAAD;GAAa,YAAA;GAAW,MAAK;GAAe,OAAO;EAAM,CAAA;EACzD,kBAAC,GAAD;GAAa,YAAA;GAAW,MAAK;GAAe,OAAO;EAAM,CAAA;EACzD,kBAAC,GAAD;GAAa,YAAA;GAAW,MAAK;GAAS,OAAO;EAAS,CAAA;CACxD,EAAA,CAAA;AAEV,GAqBM,IAAc,EAAM,MAAM,MAA+C;CAC3E,IAAM,EAAE,eAAY,IAAI,iBAAc,CAAC,GAAG,aAAU,gBAAa;CAWjE,OACI,kBAAC,OAAD;EAAK,WAVO,EACZ,eACA,0BACA,sBACA,UACA,kBACA,CAIgB;YACX,KACG,kBAAC,GAAD;GAA0B;aACtB,kBAAC,GAAD,EAAiC,eAAc,CAAA;EACnC,CAAA;CAEnB,CAAA;AAEb,CAAC"}

package/components/assetTree/TreeSummaryRow.js

@@ -1,7 +1,10 @@
 import { jsx as e } from "react/jsx-runtime";
-const o = ({ gridCols: r = 4, children: a }) => /* @__PURE__ */ e("div", { className: `TreeSummaryRow display-grid grid-cols-${r} gap-10`, children: a });
-export {
-  o as TreeSummaryRow,
-  o as default
-};
-//# sourceMappingURL=TreeSummaryRow.js.map
+//#region src/components/assetTree/TreeSummaryRow.tsx
+var t = ({ gridCols: t = 4, children: n }) => /* @__PURE__ */ e("div", {
+	className: `TreeSummaryRow display-grid grid-cols-${t} gap-10`,
+	children: n
+});
+//#endregion
+export { t as TreeSummaryRow, t as default };
+
+//# sourceMappingURL=TreeSummaryRow.js.map

package/components/assetTree/TreeSummaryRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSummaryRow.js","sources":["../../../src/components/assetTree/TreeSummaryRow.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type TreeSummaryRowProps = {\n    /**\n     * Defined the number of grid columns for a single row. Note, when the\n     * amount of children exceed the columns it will wrap around to a new line.\n     *\n     * @default 4\n     */\n    gridCols?: number;\n};\n\nexport const TreeSummaryRow = ({ gridCols = 4, children }: PropsWithChildren<TreeSummaryRowProps>) => (\n    <div className={`TreeSummaryRow display-grid grid-cols-${gridCols} gap-10`}>{children}</div>\n);\n\nexport default TreeSummaryRow;\n"],"names":["TreeSummaryRow","gridCols","children","jsx"],"mappings":";AAYO,MAAMA,IAAiB,CAAC,EAAE,UAAAC,IAAW,GAAG,UAAAC,EAAA,MAC3C,gBAAAC,EAAC,OAAA,EAAI,WAAW,yCAAyCF,CAAQ,WAAY,UAAAC,EAAA,CAAS;"}
+{"version":3,"file":"TreeSummaryRow.js","names":[],"sources":["../../../src/components/assetTree/TreeSummaryRow.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type TreeSummaryRowProps = {\n    /**\n     * Defined the number of grid columns for a single row. Note, when the\n     * amount of children exceed the columns it will wrap around to a new line.\n     *\n     * @default 4\n     */\n    gridCols?: number;\n};\n\nexport const TreeSummaryRow = ({ gridCols = 4, children }: PropsWithChildren<TreeSummaryRowProps>) => (\n    <div className={`TreeSummaryRow display-grid grid-cols-${gridCols} gap-10`}>{children}</div>\n);\n\nexport default TreeSummaryRow;\n"],"mappings":";;AAYA,IAAa,KAAkB,EAAE,cAAW,GAAG,kBAC3C,kBAAC,OAAD;CAAK,WAAW,yCAAyC,EAAS;CAAW;AAAc,CAAA"}

package/components/assetTree/TypeCounter.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { IconType } from '../icon/Icon';
 export type TypeCounterProps = {
     /**
      * The item type for that counter. This will be used as a return value for the onClick callback.
@@ -8,7 +9,13 @@ export type TypeCounterProps = {
      * The icon name. Note, when using the built-in generic type counter, the icon name will the
      * same as the item type. So make sure there is a corresponding icon for the defined type.
      */
-    icon?: string;
+    iconName?: IconType;
+    /**
+     * Legacy alias for `iconName`.
+     *
+     * @deprecated Use `iconName` instead.
+     */
+    icon?: IconType;
     /**
      * Sets the active styling if active
      */

package/components/assetTree/TypeCounter.js

@@ -1,45 +1,27 @@
-import { jsxs as v, jsx as t } from "react/jsx-runtime";
-import { forwardRef as x, useRef as N } from "react";
-import { noop as R } from "es-toolkit/function";
-import i from "../../utils/classNames.js";
-import k from "../../hooks/useHover.js";
-import w from "../../utils/mergeRefs.js";
-import { withRioglyphPrefix as T } from "./treeUtils.js";
-const O = x((a, c) => {
-  const {
-    icon: m,
-    value: o,
-    isActive: e,
-    hasFilter: p = !1,
-    enableActivity: s = !1,
-    onClick: f = R,
-    type: l,
-    hideOnZero: d = !1,
-    ...u
-  } = a, n = N(null), g = w([c, n]), r = k(n), h = i(
-    "TypeCounter",
-    "display-flex align-items-center",
-    "user-select-none",
-    "margin-right-2",
-    s ? "cursor-pointer" : "pointer-events-none",
-    s && p && !e && !r && "opacity-50"
-  ), y = i(
-    "TreeLabelCount",
-    "label label-condensed",
-    r && !e && "bg-white text-color-darker",
-    r && !e && "border-color-gray",
-    r && e && "border-color-primary",
-    e ? "label-primary" : "label-muted label-filled"
-  ), b = () => l && f(l);
-  if (d && !o)
-    return null;
-  const C = T(m);
-  return /* @__PURE__ */ v("div", { ref: g, ...u, className: h, onClick: b, children: [
-    /* @__PURE__ */ t("span", { className: `rioglyph ${C} text-size-16 margin-right-2` }),
-    /* @__PURE__ */ t("span", { className: y, children: o || 0 })
-  ] });
+import e from "../../hooks/useHover.js";
+import t from "../../utils/classNames.js";
+import n from "../../utils/mergeRefs.js";
+import { withIconPrefix as r } from "./treeUtils.js";
+import { forwardRef as i, useRef as a } from "react";
+import { noop as o } from "es-toolkit/function";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/assetTree/TypeCounter.tsx
+var l = i((i, l) => {
+	let { iconName: u, icon: d, value: f, isActive: p, hasFilter: m = !1, enableActivity: h = !1, onClick: g = o, type: _, hideOnZero: v = !1, ...y } = i, b = u ?? d, x = a(null), S = n([l, x]), C = e(x), w = t("TypeCounter", "display-flex align-items-center", "user-select-none", "margin-right-2", h ? "cursor-pointer" : "pointer-events-none", h && m && !p && !C && "opacity-50"), T = t("TreeLabelCount", "label label-condensed", C && !p && "bg-white text-color-darker", C && !p && "border-color-gray", C && p && "border-color-primary", p ? "label-primary" : "label-muted label-filled"), E = () => _ && g(_);
+	if (v && !f) return null;
+	let D = r(b);
+	return /* @__PURE__ */ c("div", {
+		ref: S,
+		...y,
+		className: w,
+		onClick: E,
+		children: [/* @__PURE__ */ s("span", { className: `uikit-icon ${D} text-size-16 margin-right-2` }), /* @__PURE__ */ s("span", {
+			className: T,
+			children: f || 0
+		})]
+	});
 });
-export {
-  O as default
-};
-//# sourceMappingURL=TypeCounter.js.map
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=TypeCounter.js.map

package/components/assetTree/TypeCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypeCounter.js","sources":["../../../src/components/assetTree/TypeCounter.tsx"],"sourcesContent":["import type React from 'react';\nimport { forwardRef, useRef } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport useHover from '../../hooks/useHover';\nimport mergeRefs from '../../utils/mergeRefs';\nimport { withRioglyphPrefix } from './treeUtils';\n\nexport type TypeCounterProps = {\n    /**\n     * The item type for that counter. This will be used as a return value for the onClick callback.\n     */\n    type?: string;\n\n    /**\n     * The icon name. Note, when using the built-in generic type counter, the icon name will the\n     * same as the item type. So make sure there is a corresponding icon for the defined type.\n     */\n    icon?: string;\n\n    /**\n     * Sets the active styling if active\n     */\n    isActive?: boolean;\n\n    /**\n     * Should be set when there is a type filter set in the tree to style the counter accordingly.\n     *\n     * @default false\n     */\n    hasFilter?: boolean;\n\n    /**\n     * Allows for interactivity. Use this prop when you allow clicking on the counter.\n     *\n     * @default false\n     */\n    enableActivity?: boolean;\n\n    /**\n     * Defines if the counter is rendered at all when the value is not defined ot 0.\n     *\n     * @default false\n     */\n    hideOnZero?: boolean;\n\n    /**\n     * Callback function when the counter is clicked. It returns the type value.\n     * Make sure the \"type\" prop is defined to receive the value in the callback.\n     *\n     * @param type\n     * @returns\n     */\n    onClick?: (type: string) => void;\n\n    /**\n     * A custom value to be shown in the counter.\n     */\n    value?: string | React.ReactNode | number;\n};\n\nconst TypeCounter = forwardRef<HTMLDivElement, TypeCounterProps>((props, ref) => {\n    const {\n        icon,\n        value,\n        isActive,\n        hasFilter = false,\n        enableActivity = false,\n        onClick = noop,\n        type,\n        hideOnZero = false,\n        ...remainingProps\n    } = props;\n\n    const internalRef = useRef<HTMLDivElement>(null);\n    const mergedRef = mergeRefs([ref, internalRef]);\n\n    const isHover = useHover(internalRef);\n\n    const wrapperClassName = classNames(\n        'TypeCounter',\n        'display-flex align-items-center',\n        'user-select-none',\n        'margin-right-2',\n        enableActivity ? 'cursor-pointer' : 'pointer-events-none',\n        enableActivity && hasFilter && !isActive && !isHover && 'opacity-50'\n    );\n\n    const counterClassNames = classNames(\n        'TreeLabelCount',\n        'label label-condensed',\n        isHover && !isActive && 'bg-white text-color-darker',\n        isHover && !isActive && 'border-color-gray',\n        isHover && isActive && 'border-color-primary',\n        isActive ? 'label-primary' : 'label-muted label-filled'\n    );\n\n    const handleClick = () => type && onClick(type);\n\n    if (hideOnZero && !value) {\n        return null;\n    }\n\n    const iconName = withRioglyphPrefix(icon);\n\n    return (\n        <div ref={mergedRef} {...remainingProps} className={wrapperClassName} onClick={handleClick}>\n            <span className={`rioglyph ${iconName} text-size-16 margin-right-2`} />\n            <span className={counterClassNames}>{value || 0}</span>\n        </div>\n    );\n});\n\nexport default TypeCounter;\n"],"names":["TypeCounter","forwardRef","props","ref","icon","value","isActive","hasFilter","enableActivity","onClick","noop","type","hideOnZero","remainingProps","internalRef","useRef","mergedRef","mergeRefs","isHover","useHover","wrapperClassName","classNames","counterClassNames","handleClick","iconName","withRioglyphPrefix","jsxs","jsx"],"mappings":";;;;;;;AA8DA,MAAMA,IAAcC,EAA6C,CAACC,GAAOC,MAAQ;AAC7E,QAAM;AAAA,IACF,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,gBAAAC,IAAiB;AAAA,IACjB,SAAAC,IAAUC;AAAA,IACV,MAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,GAAGC;AAAA,EAAA,IACHX,GAEEY,IAAcC,EAAuB,IAAI,GACzCC,IAAYC,EAAU,CAACd,GAAKW,CAAW,CAAC,GAExCI,IAAUC,EAASL,CAAW,GAE9BM,IAAmBC;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAb,IAAiB,mBAAmB;AAAA,IACpCA,KAAkBD,KAAa,CAACD,KAAY,CAACY,KAAW;AAAA,EAAA,GAGtDI,IAAoBD;AAAA,IACtB;AAAA,IACA;AAAA,IACAH,KAAW,CAACZ,KAAY;AAAA,IACxBY,KAAW,CAACZ,KAAY;AAAA,IACxBY,KAAWZ,KAAY;AAAA,IACvBA,IAAW,kBAAkB;AAAA,EAAA,GAG3BiB,IAAc,MAAMZ,KAAQF,EAAQE,CAAI;AAE9C,MAAIC,KAAc,CAACP;AACf,WAAO;AAGX,QAAMmB,IAAWC,EAAmBrB,CAAI;AAExC,SACI,gBAAAsB,EAAC,SAAI,KAAKV,GAAY,GAAGH,GAAgB,WAAWO,GAAkB,SAASG,GAC3E,UAAA;AAAA,IAAA,gBAAAI,EAAC,QAAA,EAAK,WAAW,YAAYH,CAAQ,gCAAgC;AAAA,IACrE,gBAAAG,EAAC,QAAA,EAAK,WAAWL,GAAoB,eAAS,EAAA,CAAE;AAAA,EAAA,GACpD;AAER,CAAC;"}
+{"version":3,"file":"TypeCounter.js","names":[],"sources":["../../../src/components/assetTree/TypeCounter.tsx"],"sourcesContent":["import type React from 'react';\nimport { forwardRef, useRef } from 'react';\nimport { noop } from 'es-toolkit/function';\n\nimport classNames from '../../utils/classNames';\nimport useHover from '../../hooks/useHover';\nimport mergeRefs from '../../utils/mergeRefs';\nimport { withIconPrefix } from './treeUtils';\nimport type { IconType } from '../icon/Icon';\n\nexport type TypeCounterProps = {\n    /**\n     * The item type for that counter. This will be used as a return value for the onClick callback.\n     */\n    type?: string;\n\n    /**\n     * The icon name. Note, when using the built-in generic type counter, the icon name will the\n     * same as the item type. So make sure there is a corresponding icon for the defined type.\n     */\n    iconName?: IconType;\n\n    /**\n     * Legacy alias for `iconName`.\n     *\n     * @deprecated Use `iconName` instead.\n     */\n    icon?: IconType;\n\n    /**\n     * Sets the active styling if active\n     */\n    isActive?: boolean;\n\n    /**\n     * Should be set when there is a type filter set in the tree to style the counter accordingly.\n     *\n     * @default false\n     */\n    hasFilter?: boolean;\n\n    /**\n     * Allows for interactivity. Use this prop when you allow clicking on the counter.\n     *\n     * @default false\n     */\n    enableActivity?: boolean;\n\n    /**\n     * Defines if the counter is rendered at all when the value is not defined ot 0.\n     *\n     * @default false\n     */\n    hideOnZero?: boolean;\n\n    /**\n     * Callback function when the counter is clicked. It returns the type value.\n     * Make sure the \"type\" prop is defined to receive the value in the callback.\n     *\n     * @param type\n     * @returns\n     */\n    onClick?: (type: string) => void;\n\n    /**\n     * A custom value to be shown in the counter.\n     */\n    value?: string | React.ReactNode | number;\n};\n\nconst TypeCounter = forwardRef<HTMLDivElement, TypeCounterProps>((props, ref) => {\n    const {\n        iconName,\n        icon: legacyIcon,\n        value,\n        isActive,\n        hasFilter = false,\n        enableActivity = false,\n        onClick = noop,\n        type,\n        hideOnZero = false,\n        ...remainingProps\n    } = props;\n\n    const resolvedIconName = iconName ?? legacyIcon;\n\n    const internalRef = useRef<HTMLDivElement>(null);\n    const mergedRef = mergeRefs([ref, internalRef]);\n\n    const isHover = useHover(internalRef);\n\n    const wrapperClassName = classNames(\n        'TypeCounter',\n        'display-flex align-items-center',\n        'user-select-none',\n        'margin-right-2',\n        enableActivity ? 'cursor-pointer' : 'pointer-events-none',\n        enableActivity && hasFilter && !isActive && !isHover && 'opacity-50'\n    );\n\n    const counterClassNames = classNames(\n        'TreeLabelCount',\n        'label label-condensed',\n        isHover && !isActive && 'bg-white text-color-darker',\n        isHover && !isActive && 'border-color-gray',\n        isHover && isActive && 'border-color-primary',\n        isActive ? 'label-primary' : 'label-muted label-filled'\n    );\n\n    const handleClick = () => type && onClick(type);\n\n    if (hideOnZero && !value) {\n        return null;\n    }\n\n    const iconClassName = withIconPrefix(resolvedIconName);\n\n    return (\n        <div ref={mergedRef} {...remainingProps} className={wrapperClassName} onClick={handleClick}>\n            <span className={`uikit-icon ${iconClassName} text-size-16 margin-right-2`} />\n            <span className={counterClassNames}>{value || 0}</span>\n        </div>\n    );\n});\n\nexport default TypeCounter;\n"],"mappings":";;;;;;;;AAsEA,IAAM,IAAc,GAA8C,GAAO,MAAQ;CAC7E,IAAM,EACF,aACA,MAAM,GACN,UACA,aACA,eAAY,IACZ,oBAAiB,IACjB,aAAU,GACV,SACA,gBAAa,IACb,GAAG,MACH,GAEE,IAAmB,KAAY,GAE/B,IAAc,EAAuB,IAAI,GACzC,IAAY,EAAU,CAAC,GAAK,CAAW,CAAC,GAExC,IAAU,EAAS,CAAW,GAE9B,IAAmB,EACrB,eACA,mCACA,oBACA,kBACA,IAAiB,mBAAmB,uBACpC,KAAkB,KAAa,CAAC,KAAY,CAAC,KAAW,YAC5D,GAEM,IAAoB,EACtB,kBACA,yBACA,KAAW,CAAC,KAAY,8BACxB,KAAW,CAAC,KAAY,qBACxB,KAAW,KAAY,wBACvB,IAAW,kBAAkB,0BACjC,GAEM,UAAoB,KAAQ,EAAQ,CAAI;CAE9C,IAAI,KAAc,CAAC,GACf,OAAO;CAGX,IAAM,IAAgB,EAAe,CAAgB;CAErD,OACI,kBAAC,OAAD;EAAK,KAAK;EAAW,GAAI;EAAgB,WAAW;EAAkB,SAAS;YAA/E,CACI,kBAAC,QAAD,EAAM,WAAW,cAAc,EAAc,8BAAgC,CAAA,GAC7E,kBAAC,QAAD;GAAM,WAAW;aAAoB,KAAS;EAAQ,CAAA,CACrD;;AAEb,CAAC"}

package/components/assetTree/treeReducer.js

@@ -1,38 +1,68 @@
-import t from "tiny-invariant";
-const n = (e) => ({ type: "assetCounted", payload: e }), r = (e) => ({ type: "allCheckedChanged", payload: e }), d = (e) => ({ type: "searchValueChanged", payload: e }), p = (e) => ({ type: "flatItemsChanged", payload: e }), l = (e) => ({ type: "groupedItemsChanged", payload: e }), C = (e) => ({ type: "typeFilterChanged", payload: e }), h = (e) => ({
-  type: "visibleTypeCountersChanged",
-  payload: e
-}), u = (e) => ({ type: "emptyGroupsChanged", payload: e }), o = (e, a) => {
-  switch (a.type) {
-    case "assetCounted":
-      return { ...e, assetCounts: a.payload };
-    case "allCheckedChanged":
-      return { ...e, allChecked: a.payload };
-    case "searchValueChanged":
-      return { ...e, searchValue: a.payload, allChecked: !1 };
-    case "flatItemsChanged":
-      return { ...e, flatItems: a.payload };
-    case "groupedItemsChanged":
-      return { ...e, groupedItems: a.payload };
-    case "typeFilterChanged":
-      return { ...e, typeFilter: a.payload };
-    case "visibleTypeCountersChanged":
-      return { ...e, visibleTypeCounters: a.payload };
-    case "emptyGroupsChanged":
-      return { ...e, emptyGroups: a.payload };
-    default:
-      t(!1, "Unknown action type in tree reducer");
-  }
+import e from "tiny-invariant";
+//#region src/components/assetTree/treeReducer.ts
+var t = (e) => ({
+	type: "assetCounted",
+	payload: e
+}), n = (e) => ({
+	type: "allCheckedChanged",
+	payload: e
+}), r = (e) => ({
+	type: "searchValueChanged",
+	payload: e
+}), i = (e) => ({
+	type: "flatItemsChanged",
+	payload: e
+}), a = (e) => ({
+	type: "groupedItemsChanged",
+	payload: e
+}), o = (e) => ({
+	type: "typeFilterChanged",
+	payload: e
+}), s = (e) => ({
+	type: "visibleTypeCountersChanged",
+	payload: e
+}), c = (e) => ({
+	type: "emptyGroupsChanged",
+	payload: e
+}), l = (t, n) => {
+	switch (n.type) {
+		case "assetCounted": return {
+			...t,
+			assetCounts: n.payload
+		};
+		case "allCheckedChanged": return {
+			...t,
+			allChecked: n.payload
+		};
+		case "searchValueChanged": return {
+			...t,
+			searchValue: n.payload,
+			allChecked: !1
+		};
+		case "flatItemsChanged": return {
+			...t,
+			flatItems: n.payload
+		};
+		case "groupedItemsChanged": return {
+			...t,
+			groupedItems: n.payload
+		};
+		case "typeFilterChanged": return {
+			...t,
+			typeFilter: n.payload
+		};
+		case "visibleTypeCountersChanged": return {
+			...t,
+			visibleTypeCounters: n.payload
+		};
+		case "emptyGroupsChanged": return {
+			...t,
+			emptyGroups: n.payload
+		};
+		default: e(!1, "Unknown action type in tree reducer");
+	}
 };
-export {
-  r as allCheckedChanged,
-  n as assetCounted,
-  u as emptyGroupsChanged,
-  p as flatItemsChanged,
-  l as groupedItemsChanged,
-  d as searchValueChanged,
-  o as treeReducer,
-  C as typeFilterChanged,
-  h as visibleTypeCountersChanged
-};
-//# sourceMappingURL=treeReducer.js.map
+//#endregion
+export { n as allCheckedChanged, t as assetCounted, c as emptyGroupsChanged, i as flatItemsChanged, a as groupedItemsChanged, r as searchValueChanged, l as treeReducer, o as typeFilterChanged, s as visibleTypeCountersChanged };
+
+//# sourceMappingURL=treeReducer.js.map

package/components/assetTree/treeReducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeReducer.js","sources":["../../../src/components/assetTree/treeReducer.ts"],"sourcesContent":["import invariant from 'tiny-invariant';\n\nimport type { GroupedItems, TreeItem, TreeGroup } from './Tree';\nimport type { TreeSummaryCounts, AssetType } from './TreeSummary';\n\nexport type State = {\n    groupedItems: GroupedItems;\n    flatItems: TreeItem[];\n    allChecked: boolean;\n    searchValue: string;\n    assetCounts: TreeSummaryCounts;\n    typeFilter: string[];\n    visibleTypeCounters: AssetType[];\n    emptyGroups: TreeGroup[];\n};\n\ntype Action =\n    | { type: 'assetCounted'; payload: TreeSummaryCounts }\n    | { type: 'allCheckedChanged'; payload: boolean }\n    | { type: 'searchValueChanged'; payload: string }\n    | { type: 'flatItemsChanged'; payload: TreeItem[] }\n    | { type: 'groupedItemsChanged'; payload: GroupedItems }\n    | { type: 'typeFilterChanged'; payload: string[] }\n    | { type: 'visibleTypeCountersChanged'; payload: AssetType[] } // Adjust the type based on the actual structure\n    | { type: 'emptyGroupsChanged'; payload: TreeGroup[] };\n\nexport const assetCounted = (payload: TreeSummaryCounts): Action => ({ type: 'assetCounted', payload });\nexport const allCheckedChanged = (payload: boolean): Action => ({ type: 'allCheckedChanged', payload });\nexport const searchValueChanged = (payload: string): Action => ({ type: 'searchValueChanged', payload });\nexport const flatItemsChanged = (payload: TreeItem[]): Action => ({ type: 'flatItemsChanged', payload });\nexport const groupedItemsChanged = (payload: GroupedItems): Action => ({ type: 'groupedItemsChanged', payload });\nexport const typeFilterChanged = (payload: string[]): Action => ({ type: 'typeFilterChanged', payload });\nexport const visibleTypeCountersChanged = (payload: AssetType[]): Action => ({\n    type: 'visibleTypeCountersChanged',\n    payload,\n});\nexport const emptyGroupsChanged = (payload: TreeGroup[]): Action => ({ type: 'emptyGroupsChanged', payload });\n\nexport const treeReducer = (state: State, action: Action): State => {\n    switch (action.type) {\n        case 'assetCounted':\n            return { ...state, assetCounts: action.payload };\n        case 'allCheckedChanged':\n            return { ...state, allChecked: action.payload };\n        case 'searchValueChanged':\n            return { ...state, searchValue: action.payload, allChecked: false };\n        case 'flatItemsChanged':\n            return { ...state, flatItems: action.payload };\n        case 'groupedItemsChanged':\n            return { ...state, groupedItems: action.payload };\n        case 'typeFilterChanged':\n            return { ...state, typeFilter: action.payload };\n        case 'visibleTypeCountersChanged':\n            return { ...state, visibleTypeCounters: action.payload };\n        case 'emptyGroupsChanged':\n            return { ...state, emptyGroups: action.payload };\n        default:\n            invariant(false, 'Unknown action type in tree reducer');\n    }\n};\n"],"names":["assetCounted","payload","allCheckedChanged","searchValueChanged","flatItemsChanged","groupedItemsChanged","typeFilterChanged","visibleTypeCountersChanged","emptyGroupsChanged","treeReducer","state","action","invariant"],"mappings":";AA0BO,MAAMA,IAAe,CAACC,OAAwC,EAAE,MAAM,gBAAgB,SAAAA,EAAA,IAChFC,IAAoB,CAACD,OAA8B,EAAE,MAAM,qBAAqB,SAAAA,EAAA,IAChFE,IAAqB,CAACF,OAA6B,EAAE,MAAM,sBAAsB,SAAAA,EAAA,IACjFG,IAAmB,CAACH,OAAiC,EAAE,MAAM,oBAAoB,SAAAA,EAAA,IACjFI,IAAsB,CAACJ,OAAmC,EAAE,MAAM,uBAAuB,SAAAA,EAAA,IACzFK,IAAoB,CAACL,OAA+B,EAAE,MAAM,qBAAqB,SAAAA,EAAA,IACjFM,IAA6B,CAACN,OAAkC;AAAA,EACzE,MAAM;AAAA,EACN,SAAAA;AACJ,IACaO,IAAqB,CAACP,OAAkC,EAAE,MAAM,sBAAsB,SAAAA,EAAA,IAEtFQ,IAAc,CAACC,GAAcC,MAA0B;AAChE,UAAQA,EAAO,MAAA;AAAA,IACX,KAAK;AACD,aAAO,EAAE,GAAGD,GAAO,aAAaC,EAAO,QAAA;AAAA,IAC3C,KAAK;AACD,aAAO,EAAE,GAAGD,GAAO,YAAYC,EAAO,QAAA;AAAA,IAC1C,KAAK;AACD,aAAO,EAAE,GAAGD,GAAO,aAAaC,EAAO,SAAS,YAAY,GAAA;AAAA,IAChE,KAAK;AACD,aAAO,EAAE,GAAGD,GAAO,WAAWC,EAAO,QAAA;AAAA,IACzC,KAAK;AACD,aAAO,EAAE,GAAGD,GAAO,cAAcC,EAAO,QAAA;AAAA,IAC5C,KAAK;AACD,aAAO,EAAE,GAAGD,GAAO,YAAYC,EAAO,QAAA;AAAA,IAC1C,KAAK;AACD,aAAO,EAAE,GAAGD,GAAO,qBAAqBC,EAAO,QAAA;AAAA,IACnD,KAAK;AACD,aAAO,EAAE,GAAGD,GAAO,aAAaC,EAAO,QAAA;AAAA,IAC3C;AACI,MAAAC,EAAU,IAAO,qCAAqC;AAAA,EAAA;AAElE;"}
+{"version":3,"file":"treeReducer.js","names":[],"sources":["../../../src/components/assetTree/treeReducer.ts"],"sourcesContent":["import invariant from 'tiny-invariant';\n\nimport type { GroupedItems, TreeItem, TreeGroup } from './Tree';\nimport type { TreeSummaryCounts, AssetType } from './TreeSummary';\n\nexport type State = {\n    groupedItems: GroupedItems;\n    flatItems: TreeItem[];\n    allChecked: boolean;\n    searchValue: string;\n    assetCounts: TreeSummaryCounts;\n    typeFilter: string[];\n    visibleTypeCounters: AssetType[];\n    emptyGroups: TreeGroup[];\n};\n\ntype Action =\n    | { type: 'assetCounted'; payload: TreeSummaryCounts }\n    | { type: 'allCheckedChanged'; payload: boolean }\n    | { type: 'searchValueChanged'; payload: string }\n    | { type: 'flatItemsChanged'; payload: TreeItem[] }\n    | { type: 'groupedItemsChanged'; payload: GroupedItems }\n    | { type: 'typeFilterChanged'; payload: string[] }\n    | { type: 'visibleTypeCountersChanged'; payload: AssetType[] } // Adjust the type based on the actual structure\n    | { type: 'emptyGroupsChanged'; payload: TreeGroup[] };\n\nexport const assetCounted = (payload: TreeSummaryCounts): Action => ({ type: 'assetCounted', payload });\nexport const allCheckedChanged = (payload: boolean): Action => ({ type: 'allCheckedChanged', payload });\nexport const searchValueChanged = (payload: string): Action => ({ type: 'searchValueChanged', payload });\nexport const flatItemsChanged = (payload: TreeItem[]): Action => ({ type: 'flatItemsChanged', payload });\nexport const groupedItemsChanged = (payload: GroupedItems): Action => ({ type: 'groupedItemsChanged', payload });\nexport const typeFilterChanged = (payload: string[]): Action => ({ type: 'typeFilterChanged', payload });\nexport const visibleTypeCountersChanged = (payload: AssetType[]): Action => ({\n    type: 'visibleTypeCountersChanged',\n    payload,\n});\nexport const emptyGroupsChanged = (payload: TreeGroup[]): Action => ({ type: 'emptyGroupsChanged', payload });\n\nexport const treeReducer = (state: State, action: Action): State => {\n    switch (action.type) {\n        case 'assetCounted':\n            return { ...state, assetCounts: action.payload };\n        case 'allCheckedChanged':\n            return { ...state, allChecked: action.payload };\n        case 'searchValueChanged':\n            return { ...state, searchValue: action.payload, allChecked: false };\n        case 'flatItemsChanged':\n            return { ...state, flatItems: action.payload };\n        case 'groupedItemsChanged':\n            return { ...state, groupedItems: action.payload };\n        case 'typeFilterChanged':\n            return { ...state, typeFilter: action.payload };\n        case 'visibleTypeCountersChanged':\n            return { ...state, visibleTypeCounters: action.payload };\n        case 'emptyGroupsChanged':\n            return { ...state, emptyGroups: action.payload };\n        default:\n            invariant(false, 'Unknown action type in tree reducer');\n    }\n};\n"],"mappings":";;AA0BA,IAAa,KAAgB,OAAwC;CAAE,MAAM;CAAgB;AAAQ,IACxF,KAAqB,OAA8B;CAAE,MAAM;CAAqB;AAAQ,IACxF,KAAsB,OAA6B;CAAE,MAAM;CAAsB;AAAQ,IACzF,KAAoB,OAAiC;CAAE,MAAM;CAAoB;AAAQ,IACzF,KAAuB,OAAmC;CAAE,MAAM;CAAuB;AAAQ,IACjG,KAAqB,OAA+B;CAAE,MAAM;CAAqB;AAAQ,IACzF,KAA8B,OAAkC;CACzE,MAAM;CACN;AACJ,IACa,KAAsB,OAAkC;CAAE,MAAM;CAAsB;AAAQ,IAE9F,KAAe,GAAc,MAA0B;CAChE,QAAQ,EAAO,MAAf;EACI,KAAK,gBACD,OAAO;GAAE,GAAG;GAAO,aAAa,EAAO;EAAQ;EACnD,KAAK,qBACD,OAAO;GAAE,GAAG;GAAO,YAAY,EAAO;EAAQ;EAClD,KAAK,sBACD,OAAO;GAAE,GAAG;GAAO,aAAa,EAAO;GAAS,YAAY;EAAM;EACtE,KAAK,oBACD,OAAO;GAAE,GAAG;GAAO,WAAW,EAAO;EAAQ;EACjD,KAAK,uBACD,OAAO;GAAE,GAAG;GAAO,cAAc,EAAO;EAAQ;EACpD,KAAK,qBACD,OAAO;GAAE,GAAG;GAAO,YAAY,EAAO;EAAQ;EAClD,KAAK,8BACD,OAAO;GAAE,GAAG;GAAO,qBAAqB,EAAO;EAAQ;EAC3D,KAAK,sBACD,OAAO;GAAE,GAAG;GAAO,aAAa,EAAO;EAAQ;EACnD,SACI,EAAU,IAAO,qCAAqC;CAC9D;AACJ"}

package/components/assetTree/treeUtils.d.ts

@@ -1,4 +1,5 @@
 import { TreeItem, TreeGroup, GroupedItems } from './Tree';
+import { IconType } from '../icon/Icon';
 export declare const notEqual: (a: any, b: any) => boolean;
 export declare const notEmpty: (value?: any) => boolean;
 export declare const filterOutByItemId: (list: string[]) => (item: TreeItem | TreeGroup) => boolean;
@@ -16,4 +17,4 @@ export declare const sortGroupsByName: (groups: GroupedItems) => GroupedItems;
 export declare const sortGroupItemsByName: (groups: GroupedItems) => GroupedItems;
 export declare const getMappedItemsToGroups: (groups: TreeGroup[], items: TreeItem[]) => GroupedItems;
 export declare const addOrRemoveFromList: <T>(list: T[], item: T) => T[];
-export declare const withRioglyphPrefix: (name?: string | null) => string | null;
+export declare const withIconPrefix: (name?: IconType | null) => string | null;