@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0-beta.2

package/components/assetTree/TreeOptions.js

@@ -1,32 +1,50 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { isEmpty } from 'es-toolkit/compat';
-import ButtonDropdown from "../dropdown/ButtonDropdown.js";
-import SimpleTooltip from "../tooltip/SimpleTooltip.js";
-const TreeOptions = (props) => {
-    const { treeOptions = [], treeOptionsTooltip, className } = props;
-    if (isEmpty(treeOptions)) {
-        return null;
+import { jsx as o } from "react/jsx-runtime";
+import l from "classnames";
+import { isEmpty as p } from "es-toolkit/compat";
+import a from "../dropdown/ButtonDropdown.js";
+import d from "../tooltip/SimpleTooltip.js";
+const w = (i) => {
+  const { treeOptions: e = [], treeOptionsTooltip: t, className: s } = i;
+  if (p(e))
+    return null;
+  const n = l("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
     }
-    const dropdownClasses = classNames('display-flex flex-column gap-10', 'width-250', 'padding-15', className);
-    const customDropdown = _jsx("div", { className: dropdownClasses, children: treeOptions });
-    const dropdown = (_jsx(ButtonDropdown, { title: _jsx("span", { className: 'rioglyph rioglyph-option-vertical', "aria-hidden": 'true' }), bsStyle: 'default', bsSize: 'sm', customDropdown: customDropdown, toggleClassName: 'hover-bg-white border-none text-color-gray hover-text-color-dark', className: 'TreeHeaderOptions height-20', pullRight: true, iconOnly: true }));
-    if (treeOptionsTooltip) {
-        return (_jsx(SimpleTooltip, { content: treeOptionsTooltip, placement: 'bottom-end', delay: { show: 1000, hide: 0 }, popperConfig: {
-                modifiers: [
-                    {
-                        name: 'offset',
-                        options: {
-                            offset: [10, 5],
-                        },
-                    },
-                    {
-                        name: 'arrow',
-                        options: {},
-                    },
-                ],
-            }, children: _jsx("div", { children: dropdown }) }));
+  );
+  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 })
     }
-    return dropdown;
+  ) : r;
 };
-export default TreeOptions;
+export {
+  w as default
+};
+//# sourceMappingURL=TreeOptions.js.map

package/components/assetTree/TreeOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeOptions.js","sources":["../../../src/components/assetTree/TreeOptions.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport { isEmpty } from 'es-toolkit/compat';\n\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;"}

package/components/assetTree/TreeRoot.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type TreeRootProps = {
     disableAnimation: boolean;
     maxHeight?: number;

package/components/assetTree/TreeRoot.js

@@ -1,10 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { useAutoAnimate } from '@formkit/auto-animate/react';
-const TreeRoot = ({ maxHeight, disableAnimation, children }) => {
-    const treeRootClasses = classNames('TreeRoot', 'user-select-none', maxHeight ? 'overflow-auto' : 'overflow-hidden');
-    const [parent, enableAnimations] = useAutoAnimate();
-    enableAnimations(!disableAnimation);
-    return (_jsx("div", { ref: parent, className: treeRootClasses, style: { maxHeight }, children: children }));
+import { jsx as a } from "react/jsx-runtime";
+import l from "classnames";
+import { useAutoAnimate as m } from "@formkit/auto-animate/react";
+const u = ({ maxHeight: e, disableAnimation: o, children: t }) => {
+  const s = l("TreeRoot", "user-select-none", e ? "overflow-auto" : "overflow-hidden"), [r, n] = m();
+  return n(!o), /* @__PURE__ */ a("div", { ref: r, className: s, style: { maxHeight: e }, children: t });
 };
-export default TreeRoot;
+export {
+  u as default
+};
+//# sourceMappingURL=TreeRoot.js.map

package/components/assetTree/TreeRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeRoot.js","sources":["../../../src/components/assetTree/TreeRoot.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from 'classnames';\nimport { useAutoAnimate } from '@formkit/auto-animate/react';\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":";;;AASA,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;"}

package/components/assetTree/TreeSearch.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type TreeSearchProps = {
     /**
      * The search value to be shown and used for the search.

package/components/assetTree/TreeSearch.js

@@ -1,11 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/function';
-import ClearableInput from "../clearableInput/ClearableInput.js";
-const TreeSearch = React.memo((props) => {
-    const { value, className, placeholder, onChange = noop } = props;
-    const classes = classNames('TreeSearch', className);
-    return (_jsx("div", { className: classes, children: _jsxs("div", { className: 'input-group flex-1-0', children: [_jsx("span", { className: 'input-group-addon', children: _jsx("span", { className: 'rioglyph rioglyph-search', "aria-hidden": 'true' }) }), _jsx(ClearableInput, { value: value, onChange: onChange, placeholder: placeholder })] }) }));
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import n from "react";
+import p from "classnames";
+import { noop as i } from "es-toolkit/function";
+import t from "../clearableInput/ClearableInput.js";
+const g = n.memo((a) => {
+  const { value: r, className: s, placeholder: o, onChange: l = i } = a, c = p("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 })
+  ] }) });
 });
-export default TreeSearch;
+export {
+  g as default
+};
+//# sourceMappingURL=TreeSearch.js.map

package/components/assetTree/TreeSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSearch.js","sources":["../../../src/components/assetTree/TreeSearch.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\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     * @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":";;;;;AA+BA,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;"}

package/components/assetTree/TreeSelectAll.js

@@ -1,12 +1,20 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { noop } from 'es-toolkit/function';
-import Checkbox from "../checkbox/Checkbox.js";
-const TreeSelectAll = (props) => {
-    const { isDisabled, isChecked = false, isEnabled = true, isIndeterminate = false, onSelect = noop } = props;
-    const handleSelectAll = (event) => onSelect(event.target.checked, isIndeterminate);
-    if (!isEnabled) {
-        return null;
+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"
     }
-    return (_jsx("div", { className: 'TreeSelectAll display-flex align-items-center', children: _jsx(Checkbox, { checked: isChecked, onClick: handleSelectAll, disabled: isDisabled, indeterminate: isIndeterminate, className: 'margin-top--1' }) }));
+  ) }) : null;
 };
-export default TreeSelectAll;
+export {
+  h as default
+};
+//# sourceMappingURL=TreeSelectAll.js.map

package/components/assetTree/TreeSelectAll.js.map

@@ -0,0 +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;"}

package/components/assetTree/TreeSidebar.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { TreeCategoryNode } from './TreeCategory';
+import { default as React } from 'react';
+import { TreeCategoryNode } from './TreeCategory';
 export type TreeSidebarProps = {
     currentCategoryId?: string;
     onSelectCategory?: (selectedCategory: string) => void;

package/components/assetTree/TreeSidebar.js

@@ -1,11 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { noop } from 'es-toolkit/function';
-import classNames from 'classnames';
-import TreeSidebarCategories from "./TreeSidebarCategories.js";
-const TreeSidebar = React.memo((props) => {
-    const { className, onClick = noop, ...remainingProps } = props;
-    const classes = classNames('TreeSidebar', className);
-    return (_jsxs("div", { className: classes, children: [_jsx("ul", { className: 'TreeSidebarNavigation', onClick: onClick, children: _jsx(TreeSidebarCategories, { ...remainingProps }) }), _jsx("div", { className: 'TreeSidebarToggle', onClick: onClick, children: _jsx("span", { className: 'rioglyph rioglyph-chevron-left' }) })] }));
+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 "classnames";
+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" }) })
+  ] });
 });
-export default TreeSidebar;
+export {
+  h as default
+};
+//# sourceMappingURL=TreeSidebar.js.map

package/components/assetTree/TreeSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSidebar.js","sources":["../../../src/components/assetTree/TreeSidebar.tsx"],"sourcesContent":["import React from 'react';\nimport { noop } from 'es-toolkit/function';\nimport classNames from 'classnames';\n\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;"}

package/components/assetTree/TreeSidebarCategories.d.ts

@@ -1,4 +1,4 @@
-import type { TreeCategoryNode } from './TreeCategory';
+import { TreeCategoryNode } from './TreeCategory';
 export type TreeSidebarCategoriesProps = {
     currentCategoryId?: string;
     onSelectCategory?: (selectedCategory: string) => void;

package/components/assetTree/TreeSidebarCategories.js

@@ -1,30 +1,30 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/function';
-import OverlayTrigger from "../overlay/OverlayTrigger.js";
-import Tooltip from "../tooltip/Tooltip.js";
-const ACTIVE_CLASS_NAME = 'active';
-const SELECTED_CLASS_NAME = 'selected';
-const TOOLTIP_DELAY = 1500;
-const TreeSidebarCategories = (props) => {
-    const { children, currentCategoryId, onSelectCategory = noop } = props;
-    if (!children) {
-        return null;
-    }
-    return (_jsx(_Fragment, { children: children.map(child => {
-            const id = child.props.id;
-            const icon = child.props.icon || '';
-            const label = child.props.label;
-            const statusClassName = classNames(currentCategoryId === id ? ACTIVE_CLASS_NAME : '', child.props.hasSelection && SELECTED_CLASS_NAME);
-            const handleSelectCategory = (event) => {
-                event.stopPropagation();
-                onSelectCategory(id);
-            };
-            const category = (_jsx("li", { onClick: handleSelectCategory, className: statusClassName, children: _jsx("div", { className: 'selection-bubble', children: _jsx("span", { className: `rioglyph ${icon}` }) }) }, id));
-            if (label) {
-                return (_jsx(OverlayTrigger, { placement: Tooltip.RIGHT, delay: { show: TOOLTIP_DELAY, hide: 0 }, overlay: _jsx(Tooltip, { id: 'tooltip', width: 'auto', children: _jsx("span", { children: label }) }), children: category }, `category-tooltip-${id}`));
-            }
-            return category;
-        }) }));
+import { jsx as e, Fragment as g } from "react/jsx-runtime";
+import h from "classnames";
+import { noop as C } from "es-toolkit/function";
+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 = C } = l;
+  return r ? /* @__PURE__ */ e(g, { children: r.map((o) => {
+    const t = o.props.id, p = o.props.icon || "", a = o.props.label, m = h(
+      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;
 };
-export default TreeSidebarCategories;
+export {
+  _ as default
+};
+//# sourceMappingURL=TreeSidebarCategories.js.map

package/components/assetTree/TreeSidebarCategories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSidebarCategories.js","sources":["../../../src/components/assetTree/TreeSidebarCategories.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\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;"}

package/components/assetTree/TreeSummary.d.ts

@@ -1,4 +1,4 @@
-import React, { type PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 export type AssetType = 'truck' | 'trailer' | 'bus' | 'van' | 'driver' | 'car';
 export type TreeSummaryCounts = {
     /**

package/components/assetTree/TreeSummary.js

@@ -1,15 +1,30 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import classNames from 'classnames';
-import TypeCounter from "./TypeCounter.js";
-import TreeSummaryRow from "./TreeSummaryRow.js";
-const DefaultAssetCounts = ({ assetCounts }) => {
-    const { truck, bus, van, trailer, car, driver } = assetCounts;
-    return (_jsxs(_Fragment, { children: [_jsx(TypeCounter, { hideOnZero: true, icon: 'truck-baseline', value: truck }), _jsx(TypeCounter, { hideOnZero: true, icon: 'trailer-baseline', value: trailer }), _jsx(TypeCounter, { hideOnZero: true, icon: 'bus-baseline', value: bus }), _jsx(TypeCounter, { hideOnZero: true, icon: 'van-baseline', value: van }), _jsx(TypeCounter, { hideOnZero: true, icon: 'car-baseline', value: car }), _jsx(TypeCounter, { hideOnZero: true, icon: 'driver', value: driver })] }));
-};
-const TreeSummary = React.memo((props) => {
-    const { className = '', assetCounts = {}, gridCols, children } = props;
-    const classes = classNames('TreeSummary', 'display-flex flex-wrap', 'align-items-center', 'gap-10', 'padding-left-3', className);
-    return (_jsx("div", { className: classes, children: children || (_jsx(TreeSummaryRow, { gridCols: gridCols, children: _jsx(DefaultAssetCounts, { assetCounts: assetCounts }) })) }));
+import { jsx as e, jsxs as u, Fragment as c } from "react/jsx-runtime";
+import m from "react";
+import d from "classnames";
+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 }) }) });
 });
-export default TreeSummary;
+export {
+  g as default
+};
+//# sourceMappingURL=TreeSummary.js.map

package/components/assetTree/TreeSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSummary.js","sources":["../../../src/components/assetTree/TreeSummary.tsx"],"sourcesContent":["import React, { type PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\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;"}

package/components/assetTree/TreeSummaryRow.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type TreeSummaryRowProps = {
     /**
      * Defined the number of grid columns for a single row. Note, when the

package/components/assetTree/TreeSummaryRow.js

@@ -1,3 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TreeSummaryRow = ({ gridCols = 4, children }) => (_jsx("div", { className: `TreeSummaryRow display-grid grid-cols-${gridCols} gap-10`, children: children }));
-export default TreeSummaryRow;
+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

package/components/assetTree/TreeSummaryRow.js.map

@@ -0,0 +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;"}

package/components/assetTree/TypeCounter.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type TypeCounterProps = {
     /**
      * The item type for that counter. This will be used as a return value for the onClick callback.

package/components/assetTree/TypeCounter.js

@@ -1,22 +1,45 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef } from 'react';
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/function';
-import useHover from "../../hooks/useHover.js";
-import mergeRefs from "../../utils/mergeRefs.js";
-import { withRioglyphPrefix } from "./treeUtils.js";
-const TypeCounter = forwardRef((props, ref) => {
-    const { icon, value, isActive, hasFilter = false, enableActivity = false, onClick = noop, type, hideOnZero = false, ...remainingProps } = props;
-    const internalRef = useRef(null);
-    const mergedRef = mergeRefs([ref, internalRef]);
-    const isHover = useHover(internalRef);
-    const wrapperClassName = classNames('TypeCounter', 'display-flex align-items-center', 'user-select-none', 'margin-right-2', enableActivity ? 'cursor-pointer' : 'pointer-events-none', enableActivity && hasFilter && !isActive && !isHover && 'opacity-50');
-    const counterClassNames = classNames('TreeLabelCount', 'label label-condensed', isHover && !isActive && 'bg-white text-color-darker', isHover && !isActive && 'border-color-gray', isHover && isActive && 'border-color-primary', isActive ? 'label-primary' : 'label-muted label-filled');
-    const handleClick = () => type && onClick(type);
-    if (hideOnZero && !value) {
-        return null;
-    }
-    const iconName = withRioglyphPrefix(icon);
-    return (_jsxs("div", { ref: mergedRef, ...remainingProps, className: wrapperClassName, onClick: handleClick, children: [_jsx("span", { className: `rioglyph ${iconName} text-size-16 margin-right-2` }), _jsx("span", { className: counterClassNames, children: value || 0 })] }));
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import { forwardRef as x, useRef as N } from "react";
+import i from "classnames";
+import { noop as R } from "es-toolkit/function";
+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 })
+  ] });
 });
-export default TypeCounter;
+export {
+  O as default
+};
+//# sourceMappingURL=TypeCounter.js.map

package/components/assetTree/TypeCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeCounter.js","sources":["../../../src/components/assetTree/TypeCounter.tsx"],"sourcesContent":["import type React from 'react';\nimport { forwardRef, useRef } from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\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;"}

package/components/assetTree/treeReducer.d.ts

@@ -1,5 +1,5 @@
-import type { GroupedItems, TreeItem, TreeGroup } from './Tree';
-import type { TreeSummaryCounts, AssetType } from './TreeSummary';
+import { GroupedItems, TreeItem, TreeGroup } from './Tree';
+import { TreeSummaryCounts, AssetType } from './TreeSummary';
 export type State = {
     groupedItems: GroupedItems;
     flatItems: TreeItem[];