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

package/components/assetTree/Tree.js

@@ -1,337 +1,267 @@
-import { jsxs as R, jsx as n } from "react/jsx-runtime";
-import pt, { useReducer as mt, useRef as E, useCallback as pe, useEffect as F } from "react";
-import { noop as k, size as y, isEmpty as u, filter as H, cond as q, stubTrue as Z, map as Y, flow as ht, find as ft, without as gt, omit as St } from "es-toolkit/compat";
-import { isNil as It, isEqual as W } from "es-toolkit/predicate";
-import me from "../../utils/classNames.js";
-import Tt from "./TreeSearch.js";
-import yt from "./TreeSelectAll.js";
-import Gt from "./TreeSummary.js";
-import w from "./TreeNodeContainer.js";
-import he from "./TreeNode.js";
-import J from "./TreeLeafList.js";
-import fe from "./TreeNothingFound.js";
-import Ct from "./TreeOptions.js";
-import At from "./TreeRoot.js";
-import xt from "./TypeCounter.js";
-import { notEqual as K, getTypeCounts as ge, debounceFn as Nt, filterOutByItemId as Q, filterAssetByType as Et, notEmpty as S, containsItemById as Ft, addOrRemoveFromList as vt, getMappedItemsToGroups as bt, sortGroupsByName as Lt, sortGroupItemsByName as Ot, filterEmptyGroups as Vt, getFlatItems as Rt, excludeFromList as kt, getListIds as Se } from "./treeUtils.js";
-import { getSubTypeCounts as xs } from "./treeUtils.js";
-import { treeReducer as Ht, assetCounted as Ie, allCheckedChanged as v, visibleTypeCountersChanged as wt, searchValueChanged as zt, typeFilterChanged as $t, emptyGroupsChanged as Pt, groupedItemsChanged as Bt, flatItemsChanged as jt } from "./treeReducer.js";
-import { useTreeVirtualization as Dt } from "./useTreeVirtualization.js";
-import { useTreeExpansion as Mt } from "./useTreeExpansion.js";
-import { useTreeHeight as Ut } from "./useTreeHeight.js";
-import { useTreeScrollPosition as _t } from "./useTreeScrollPosition.js";
-import qt from "../smoothScrollbars/SmoothScrollbars.js";
-const Te = (I) => St(I, ["expandedGroups", "onExpandGroupsChange", "onSearchChange", "onSelectionChange", "treeOptions"]), Zt = (I, c) => W(Te(I), Te(c)), Yt = 50, Jt = 5, Gs = pt.memo((I) => {
-  const {
-    groups: c = [],
-    items: m = [],
-    selectedGroups: i = [],
-    selectedItems: f = [],
-    onSelectionChange: ye = k,
-    hasMultiselect: G = !0,
-    showRadioButtons: z = !1,
-    hideSearch: Ge = !1,
-    hideTreeHead: Ce,
-    treeHeaderContent: Ae,
-    summary: xe,
-    hideSummary: Ne = !1,
-    search: X,
-    searchPlaceholder: Ee = "Type here to filter by name",
-    onSearchChange: Fe = k,
-    className: ve,
-    scrollHeight: ee,
-    expandedGroups: Kt,
-    onExpandGroupsChange: Qt = k,
-    showEmptyGroups: b = !0,
-    treeOptions: be = [],
-    treeOptionsTooltip: Le,
-    disableAnimation: x = !1,
-    onTypeFilterChange: Oe = k,
-    virtualizeThreshold: te = Yt,
-    overscan: Ve = Jt,
-    ...Re
-  } = I, [o, d] = mt(Ht, {
-    groupedItems: {},
-    flatItems: [],
-    allChecked: !1,
-    searchValue: "",
-    assetCounts: {},
-    typeFilter: [],
-    visibleTypeCounters: [],
-    emptyGroups: []
-  }), se = E(null), oe = E(), re = E(), ne = E(""), { internalExpandedGroups: le, handleToggleNode: $ } = Mt(
-    I.expandedGroups,
-    I.onExpandGroupsChange
-  ), C = () => c && S(c), T = () => S(o.searchValue), P = () => T() && C(), B = () => !T() && C(), j = E(null), { virtualizedItems: D, virtualizer: g } = Dt(
-    o.groupedItems,
-    o.flatItems,
-    T(),
-    C(),
-    le,
-    j,
-    Ve
-  ), { scrollToTop: ke } = _t(g, j), He = pe(
-    (e) => {
-      $(e);
-    },
-    [$]
-  ), we = pe(
-    (e) => {
-      if (g && e?.target) {
-        const t = e.target;
-        g.scrollToOffset(t.scrollTop, { align: "start" });
-      }
-    },
-    [g]
-  );
-  F(() => {
-    if (K(oe.current, m) || K(re.current, c)) {
-      oe.current = m, re.current = c;
-      const e = ge(m);
-      d(Ie(e));
-      const t = $e({ items: m, groups: c, selectedItems: f, selectedGroups: i }, o.flatItems);
-      d(v(t)), d(wt(Object.keys(e))), L(c, m);
-    }
-  }, [m, c]);
-  const ze = Nt(
-    (e, t) => L(e, t)
-  );
-  F(() => {
-    K(ne.current, o.searchValue) && (ze(c, m), ne.current = o.searchValue);
-  }, [o.searchValue]), F(() => L(c, m), [o.typeFilter]), F(() => L(c, m), [b]), F(() => {
-    const e = y(c), t = y(i);
-    t !== e && o.allChecked ? d(v(!1)) : t !== 0 && t === e && !o.allChecked && d(v(!0));
-  }, [i]);
-  const $e = (e, t) => {
-    const {
-      items: s,
-      groups: r,
-      selectedItems: l,
-      selectedGroups: a
-    } = e;
-    if (!C() && u(l) || B() && u(a) || P() && u(l))
-      return !1;
-    if (B()) {
-      const p = H(r, Q(a));
-      return u(p);
-    }
-    if (P()) {
-      const p = H(t, Q(l));
-      return u(p);
-    }
-    const h = s.filter(Q(l));
-    return u(h);
-  }, Pe = (e) => ce(e), Be = (e, t) => {
-    const s = e && !t;
-    d(v(s)), q([
-      [B, () => je(s)],
-      [P, () => Pe(s)],
-      [Z, () => ce(s)]
-    ])();
-  }, je = (e) => A([], e ? Se(c) : []), ce = (e) => A(e ? Se(o.flatItems) : [], []), A = (e, t) => {
-    ye({
-      items: e,
-      groups: t
-    });
-  }, ae = (e, t) => {
-    const s = e.id, a = !i.includes(s) && !t ? [...i, s] : kt(i, s), h = ft(o.groupedItems, (_) => _.id === s), p = Y(h?.items, (_) => _.id), N = gt(f, ...p), O = c.length, M = b ? 0 : o.emptyGroups.length, V = O - M === a.length;
-    d(v(V)), A(N, a);
-  }, De = (e) => {
-    Fe(e), d(zt(e)), g && setTimeout(() => {
-      ke();
-    }, 10);
-  }, Me = (e, t) => {
-    const s = Rt(e, t);
-    d(jt(s));
-  }, Ue = (e, t, s) => {
-    const r = bt(e, t), l = ht(Lt, Ot)(r), a = s ? l : Vt(l), h = H(l, (p) => u(p.items));
-    d(Pt(h)), d(Ie(ge(m))), d(Bt(a));
-  }, L = (e, t) => {
-    const s = o.searchValue, r = o.typeFilter, l = e, a = t, h = (V) => V && S(V), p = () => u(s) && h(l), N = () => S(s) && h(l), O = u(r) ? a : Et(a, r), M = () => Ue(l, O, b), U = () => Me(O, s);
-    q([
-      [p, M],
-      [N, U],
-      [Z, U]
-    ])();
-  }, _e = Ut(se, ee), ie = () => {
-    const e = g.getVirtualItems(), t = C() && !T();
-    return /* @__PURE__ */ n(
-      qt,
-      {
-        ref: j,
-        className: "tree-virtual-scrollbar",
-        onScroll: we,
-        autoHeight: !1,
-        slideIn: !0,
-        style: {
-          height: `${_e}px`
-        },
-        children: /* @__PURE__ */ n(
-          "div",
-          {
-            className: t ? "grouped-list" : "flat-list",
-            style: {
-              height: `${g.getTotalSize()}px`,
-              position: "relative"
-            },
-            children: e.map((s) => {
-              const r = D[s.index];
-              if (!r)
-                return null;
-              const l = i.includes(r.id) || r.type === "leaf" && i.includes(r.groupId);
-              return /* @__PURE__ */ n(
-                "div",
-                {
-                  "data-index": s.index,
-                  ref: g.measureElement,
-                  className: `virtualized-tree-item ${r.type === "group" ? "group-item" : "leaf-item"} ${l ? "checked" : ""}`,
-                  style: {
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    width: "100%",
-                    height: `${s.size}px`,
-                    transform: `translateY(${s.start}px)`
-                  },
-                  children: r.type === "group" ? /* @__PURE__ */ n(
-                    w,
-                    {
-                      groupId: r.id,
-                      isOpen: r.isExpanded,
-                      disableAnimation: x,
-                      children: /* @__PURE__ */ n(
-                        he,
-                        {
-                          node: r.data,
-                          hasMultiselect: G,
-                          onToggleNode: He,
-                          onSelect: ae,
-                          isSelected: l,
-                          isOpen: r.isExpanded,
-                          isIndeterminate: !l && r.data.items.some((a) => f.includes(a.id))
-                        }
-                      )
-                    },
-                    r.id
-                  ) : (
-                    // Render individual leaf item with proper styling
-                    /* @__PURE__ */ n(w, { isOpen: !0, disableAnimation: x, children: /* @__PURE__ */ n(
-                      J,
-                      {
-                        leafList: [r.data],
-                        hasMultiselect: G,
-                        showRadioButtons: z,
-                        selectedItems: f,
-                        selectedGroups: i,
-                        onSelectionChange: A
-                      }
-                    ) }, r.id)
-                  )
-                },
-                `${r.type}-${r.id}-${s.index}`
-              );
-            })
-          }
-        )
-      }
-    );
-  }, qe = () => {
-    const { groupedItems: e } = o;
-    return u(e) ? /* @__PURE__ */ n(fe, {}) : D.length > te ? ie() : Y(e, (s) => {
-      const r = s.id, l = s.items, a = le?.includes(r) ?? !1, h = H(l, Ft(f)).length, p = i.includes(r), N = !p && h > 0;
-      return /* @__PURE__ */ R(w, { groupId: r, isOpen: a, disableAnimation: x, children: [
-        /* @__PURE__ */ n(
-          he,
-          {
-            node: s,
-            hasMultiselect: G,
-            onToggleNode: $,
-            onSelect: ae,
-            isSelected: p,
-            isIndeterminate: N,
-            isOpen: a
-          }
-        ),
-        a && /* @__PURE__ */ n(
-          J,
-          {
-            leafList: l,
-            hasMultiselect: G,
-            showRadioButtons: z,
-            selectedItems: f,
-            selectedGroups: i,
-            onSelectionChange: A
-          }
-        )
-      ] }, r);
-    });
-  }, Ze = () => {
-    const { flatItems: e } = o, t = u(e);
-    return D.length > te ? ie() : /* @__PURE__ */ n(w, { disableAnimation: x, isOpen: !0, children: t ? /* @__PURE__ */ n(fe, {}) : /* @__PURE__ */ n(
-      J,
-      {
-        leafList: e,
-        hasMultiselect: G,
-        showRadioButtons: z,
-        selectedItems: f,
-        selectedGroups: i,
-        onSelectionChange: A
-      }
-    ) });
-  }, de = S(c), Ye = () => W(y(f), y(o.flatItems)), Je = () => S(f) && !Ye(), Ke = () => {
-    const e = b ? 0 : o.emptyGroups.length;
-    return W(y(i), y(c) - e);
-  }, Qe = () => de && S(i) && !Ke(), We = T() && u(o.flatItems), Xe = T() && u(o.groupedItems) && de, et = We || Xe, tt = Qe() || Je(), st = me("Tree", ve), ot = me("TreeHead", "display-flex gap-5", "padding-15"), rt = q([
-    [() => C() && !T(), () => qe()],
-    [Z, () => Ze()]
-  ])(), nt = (e) => {
-    const t = vt(o.typeFilter, e);
-    d($t(t)), Oe(t);
-  }, lt = y(o.visibleTypeCounters) !== 1, ct = S(o.typeFilter), at = !Ce, it = !et, dt = !Ge, ut = !Ne, ue = !It(X);
-  return /* @__PURE__ */ R("div", { ...Re, className: st, ref: se, children: [
-    /* @__PURE__ */ R("div", { className: "TreeHeader", children: [
-      Ae,
-      dt && !ue && /* @__PURE__ */ n(
-        Tt,
-        {
-          value: o.searchValue,
-          onChange: De,
-          placeholder: Ee
-        }
-      ),
-      ue && X,
-      at && /* @__PURE__ */ R("div", { className: ot, children: [
-        it && /* @__PURE__ */ n("div", { className: "border border-right-only hidden-empty padding-right-10 margin-right-2", children: /* @__PURE__ */ n(
-          yt,
-          {
-            isChecked: o.allChecked,
-            isEnabled: G,
-            isIndeterminate: tt,
-            onSelect: Be
-          }
-        ) }),
-        /* @__PURE__ */ n("div", { className: "display-flex justify-content-between align-items-start width-100pct", children: ut ? xe || /* @__PURE__ */ n(Gt, { children: Y(o.visibleTypeCounters, (e) => /* @__PURE__ */ n(
-          xt,
-          {
-            type: e,
-            icon: `${e}`,
-            value: o.assetCounts[e],
-            onClick: nt,
-            isActive: o.typeFilter.includes(e),
-            hasFilter: ct,
-            enableActivity: lt
-          },
-          e
-        )) }) : null }),
-        /* @__PURE__ */ n(Ct, { treeOptions: be, treeOptionsTooltip: Le })
-      ] })
-    ] }),
-    /* @__PURE__ */ n(At, { maxHeight: ee, disableAnimation: x, children: rt })
-  ] });
-}, Zt);
-export {
-  Gs as default,
-  xs as getSubTypeCounts,
-  ge as getTypeCounts
-};
-//# sourceMappingURL=Tree.js.map
+import e from "../../utils/classNames.js";
+import { addOrRemoveFromList as t, containsItemById as n, debounceFn as r, excludeFromList as i, filterAssetByType as a, filterEmptyGroups as o, filterOutByItemId as s, getFlatItems as c, getListIds as l, getMappedItemsToGroups as u, getSubTypeCounts as d, getTypeCounts as f, notEmpty as p, notEqual as m, sortGroupItemsByName as ee, sortGroupsByName as te } from "./treeUtils.js";
+import ne from "./TypeCounter.js";
+import re from "./TreeSummary.js";
+import ie from "./TreeSearch.js";
+import ae from "./TreeSelectAll.js";
+import h from "./TreeNodeContainer.js";
+import g from "./TreeNode.js";
+import _ from "./TreeLeafList.js";
+import oe from "./TreeNothingFound.js";
+import se from "./TreeOptions.js";
+import ce from "./TreeRoot.js";
+import { allCheckedChanged as v, assetCounted as le, emptyGroupsChanged as ue, flatItemsChanged as de, groupedItemsChanged as fe, searchValueChanged as pe, treeReducer as me, typeFilterChanged as he, visibleTypeCountersChanged as ge } from "./treeReducer.js";
+import { useTreeVirtualization as _e } from "./useTreeVirtualization.js";
+import { useTreeExpansion as ve } from "./useTreeExpansion.js";
+import { useTreeHeight as ye } from "./useTreeHeight.js";
+import { useTreeScrollPosition as be } from "./useTreeScrollPosition.js";
+import xe from "../smoothScrollbars/SmoothScrollbars.js";
+import "../../SmoothScrollbars.js";
+import y, { useCallback as Se, useEffect as b, useReducer as Ce, useRef as x } from "react";
+import { cond as S, filter as C, find as we, flow as Te, isEmpty as w, map as T, noop as E, omit as D, size as O, stubTrue as k, without as Ee } from "es-toolkit/compat";
+import { isEqual as A, isNil as De } from "es-toolkit/predicate";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+//#region src/components/assetTree/Tree.tsx
+var N = (e) => D(e, [
+	"expandedGroups",
+	"onExpandGroupsChange",
+	"onSearchChange",
+	"onSelectionChange",
+	"treeOptions"
+]), P = (e, t) => A(N(e), N(t)), Oe = 50, ke = 5, F = y.memo((d) => {
+	let { groups: y = [], items: D = [], selectedGroups: N = [], selectedItems: P = [], onSelectionChange: F = E, hasMultiselect: I = !0, showRadioButtons: L = !1, hideSearch: Ae = !1, hideTreeHead: je, treeHeaderContent: Me, summary: Ne, hideSummary: Pe = !1, search: R, searchPlaceholder: Fe = "Type here to filter by name", onSearchChange: Ie = E, className: Le, scrollHeight: z, expandedGroups: Re, onExpandGroupsChange: ze = E, showEmptyGroups: B = !0, treeOptions: Be = [], treeOptionsTooltip: Ve, disableAnimation: V = !1, onTypeFilterChange: He = E, virtualizeThreshold: Ue = Oe, overscan: We = ke, ...Ge } = d, [H, U] = Ce(me, {
+		groupedItems: {},
+		flatItems: [],
+		allChecked: !1,
+		searchValue: "",
+		assetCounts: {},
+		typeFilter: [],
+		visibleTypeCounters: [],
+		emptyGroups: []
+	}), Ke = x(null), qe = x(void 0), Je = x(void 0), Ye = x(""), { internalExpandedGroups: Xe, handleToggleNode: W } = ve(d.expandedGroups, d.onExpandGroupsChange), G = () => y && p(y), K = () => p(H.searchValue), q = () => K() && G(), J = () => !K() && G(), Y = x(null), { virtualizedItems: X, virtualizer: Z } = _e(H.groupedItems, H.flatItems, K(), G(), Xe, Y, We), { scrollToTop: Ze } = be(Z, Y), Qe = Se((e) => {
+		W(e);
+	}, [W]), $e = Se((e) => {
+		if (Z && e?.target) {
+			let t = e.target;
+			Z.scrollToOffset(t.scrollTop, { align: "start" });
+		}
+	}, [Z]);
+	b(() => {
+		if (m(qe.current, D) || m(Je.current, y)) {
+			qe.current = D, Je.current = y;
+			let e = f(D);
+			U(le(e));
+			let t = tt({
+				items: D,
+				groups: y,
+				selectedItems: P,
+				selectedGroups: N
+			}, H.flatItems);
+			U(v(t)), U(ge(Object.keys(e))), $(y, D);
+		}
+	}, [D, y]);
+	let et = r((e, t) => $(e, t));
+	b(() => {
+		m(Ye.current, H.searchValue) && (et(y, D), Ye.current = H.searchValue);
+	}, [H.searchValue]), b(() => $(y, D), [H.typeFilter]), b(() => $(y, D), [B]), b(() => {
+		let e = O(y), t = O(N);
+		t !== e && H.allChecked ? U(v(!1)) : t !== 0 && t === e && !H.allChecked && U(v(!0));
+	}, [N]);
+	let tt = (e, t) => {
+		let { items: n, groups: r, selectedItems: i, selectedGroups: a } = e;
+		return !G() && w(i) || J() && w(a) || q() && w(i) ? !1 : J() ? w(C(r, s(a))) : q() ? w(C(t, s(i))) : w(n.filter(s(i)));
+	}, nt = (e) => at(e), rt = (e, t) => {
+		let n = e && !t;
+		U(v(n)), S([
+			[J, () => it(n)],
+			[q, () => nt(n)],
+			[k, () => at(n)]
+		])();
+	}, it = (e) => Q([], e ? l(y) : []), at = (e) => Q(e ? l(H.flatItems) : [], []), Q = (e, t) => {
+		F({
+			items: e,
+			groups: t
+		});
+	}, ot = (e, t) => {
+		let n = e.id, r = !N.includes(n) && !t ? [...N, n] : i(N, n), a = T(we(H.groupedItems, (e) => e.id === n)?.items, (e) => e.id), o = Ee(P, ...a), s = y.length - (B ? 0 : H.emptyGroups.length) === r.length;
+		U(v(s)), Q(o, r);
+	}, st = (e) => {
+		Ie(e), U(pe(e)), Z && setTimeout(() => {
+			Ze();
+		}, 10);
+	}, ct = (e, t) => {
+		let n = c(e, t);
+		U(de(n));
+	}, lt = (e, t, n) => {
+		let r = u(e, t), i = Te(te, ee)(r), a = n ? i : o(i), s = C(i, (e) => w(e.items));
+		U(ue(s)), U(le(f(D))), U(fe(a));
+	}, $ = (e, t) => {
+		let n = H.searchValue, r = H.typeFilter, i = e, o = t, s = (e) => e && p(e), c = () => w(n) && s(i), l = () => p(n) && s(i), u = w(r) ? o : a(o, r), d = () => lt(i, u, B), f = () => ct(u, n);
+		S([
+			[c, d],
+			[l, f],
+			[k, f]
+		])();
+	}, ut = ye(Ke, z), dt = () => {
+		let e = Z.getVirtualItems(), t = G() && !K();
+		return /* @__PURE__ */ j(xe, {
+			ref: Y,
+			className: "tree-virtual-scrollbar",
+			onScroll: $e,
+			autoHeight: !1,
+			slideIn: !0,
+			style: { height: `${ut}px` },
+			children: /* @__PURE__ */ j("div", {
+				className: t ? "grouped-list" : "flat-list",
+				style: {
+					height: `${Z.getTotalSize()}px`,
+					position: "relative"
+				},
+				children: e.map((e) => {
+					let t = X[e.index];
+					if (!t) return null;
+					let n = N.includes(t.id) || t.type === "leaf" && N.includes(t.groupId);
+					return /* @__PURE__ */ j("div", {
+						"data-index": e.index,
+						ref: Z.measureElement,
+						className: `virtualized-tree-item ${t.type === "group" ? "group-item" : "leaf-item"} ${n ? "checked" : ""}`,
+						style: {
+							position: "absolute",
+							top: 0,
+							left: 0,
+							width: "100%",
+							height: `${e.size}px`,
+							transform: `translateY(${e.start}px)`
+						},
+						children: t.type === "group" ? /* @__PURE__ */ j(h, {
+							groupId: t.id,
+							isOpen: t.isExpanded,
+							disableAnimation: V,
+							children: /* @__PURE__ */ j(g, {
+								node: t.data,
+								hasMultiselect: I,
+								onToggleNode: Qe,
+								onSelect: ot,
+								isSelected: n,
+								isOpen: t.isExpanded,
+								isIndeterminate: !n && t.data.items.some((e) => P.includes(e.id))
+							})
+						}, t.id) : /* @__PURE__ */ j(h, {
+							isOpen: !0,
+							disableAnimation: V,
+							children: /* @__PURE__ */ j(_, {
+								leafList: [t.data],
+								hasMultiselect: I,
+								showRadioButtons: L,
+								selectedItems: P,
+								selectedGroups: N,
+								onSelectionChange: Q
+							})
+						}, t.id)
+					}, `${t.type}-${t.id}-${e.index}`);
+				})
+			})
+		});
+	}, ft = () => {
+		let { groupedItems: e } = H;
+		return w(e) ? /* @__PURE__ */ j(oe, {}) : X.length > Ue ? dt() : T(e, (e) => {
+			let t = e.id, r = e.items, i = Xe?.includes(t) ?? !1, a = C(r, n(P)).length, o = N.includes(t);
+			return /* @__PURE__ */ M(h, {
+				groupId: t,
+				isOpen: i,
+				disableAnimation: V,
+				children: [/* @__PURE__ */ j(g, {
+					node: e,
+					hasMultiselect: I,
+					onToggleNode: W,
+					onSelect: ot,
+					isSelected: o,
+					isIndeterminate: !o && a > 0,
+					isOpen: i
+				}), i && /* @__PURE__ */ j(_, {
+					leafList: r,
+					hasMultiselect: I,
+					showRadioButtons: L,
+					selectedItems: P,
+					selectedGroups: N,
+					onSelectionChange: Q
+				})]
+			}, t);
+		});
+	}, pt = () => {
+		let { flatItems: e } = H, t = w(e);
+		return X.length > Ue ? dt() : /* @__PURE__ */ j(h, {
+			disableAnimation: V,
+			isOpen: !0,
+			children: t ? /* @__PURE__ */ j(oe, {}) : /* @__PURE__ */ j(_, {
+				leafList: e,
+				hasMultiselect: I,
+				showRadioButtons: L,
+				selectedItems: P,
+				selectedGroups: N,
+				onSelectionChange: Q
+			})
+		});
+	}, mt = p(y), ht = () => A(O(P), O(H.flatItems)), gt = () => p(P) && !ht(), _t = () => {
+		let e = B ? 0 : H.emptyGroups.length;
+		return A(O(N), O(y) - e);
+	}, vt = () => mt && p(N) && !_t(), yt = K() && w(H.flatItems), bt = K() && w(H.groupedItems) && mt, xt = yt || bt, St = vt() || gt(), Ct = e("Tree", Le), wt = e("TreeHead", "display-flex gap-5", "padding-15"), Tt = S([[() => G() && !K(), () => ft()], [k, () => pt()]])(), Et = (e) => {
+		let n = t(H.typeFilter, e);
+		U(he(n)), He(n);
+	}, Dt = O(H.visibleTypeCounters) !== 1, Ot = p(H.typeFilter), kt = !je, At = !xt, jt = !Ae, Mt = !Pe, Nt = !De(R);
+	return /* @__PURE__ */ M("div", {
+		...Ge,
+		className: Ct,
+		ref: Ke,
+		children: [/* @__PURE__ */ M("div", {
+			className: "TreeHeader",
+			children: [
+				Me,
+				jt && !Nt && /* @__PURE__ */ j(ie, {
+					value: H.searchValue,
+					onChange: st,
+					placeholder: Fe
+				}),
+				Nt && R,
+				kt && /* @__PURE__ */ M("div", {
+					className: wt,
+					children: [
+						At && /* @__PURE__ */ j("div", {
+							className: "border border-right-only hidden-empty padding-right-10 margin-right-2",
+							children: /* @__PURE__ */ j(ae, {
+								isChecked: H.allChecked,
+								isEnabled: I,
+								isIndeterminate: St,
+								onSelect: rt
+							})
+						}),
+						/* @__PURE__ */ j("div", {
+							className: "display-flex justify-content-between align-items-start width-100pct",
+							children: Mt ? Ne || /* @__PURE__ */ j(re, { children: T(H.visibleTypeCounters, (e) => /* @__PURE__ */ j(ne, {
+								type: e,
+								icon: `${e}`,
+								value: H.assetCounts[e],
+								onClick: Et,
+								isActive: H.typeFilter.includes(e),
+								hasFilter: Ot,
+								enableActivity: Dt
+							}, e)) }) : null
+						}),
+						/* @__PURE__ */ j(se, {
+							treeOptions: Be,
+							treeOptionsTooltip: Ve
+						})
+					]
+				})
+			]
+		}), /* @__PURE__ */ j(ce, {
+			maxHeight: z,
+			disableAnimation: V,
+			children: Tt
+		})]
+	});
+}, P);
+//#endregion
+export { F as default, d as getSubTypeCounts, f as getTypeCounts };
+
+//# sourceMappingURL=Tree.js.map