@sisense/sdk-shared-ui 2.1.1 → 2.3.0

package/dist/lightweight/Menu-DeHgR0JO.js

@@ -0,0 +1,1211 @@
+import { jsxs as $, jsx as v } from "react/jsx-runtime";
+import D from "classnames";
+import Le, { Component as ze } from "react";
+import { c as Ve, p as Ze } from "./index-D0lMis-I.js";
+import { L as Qe } from "./LazyLoader-DB86QSSx.js";
+import { P as _e } from "./Popover-BAehEo3a.js";
+import { s as K } from "./styleguideConstants-D4Yls16w.js";
+import { D as Je } from "./DEPRECATED_Checkbox-Be1l_Vce.js";
+import { D as oe } from "./DEPRECATED_Icon-Bgufd-9Q.js";
+import { D as Ke } from "./DEPRECATED_Toggle-DMnlQO3F.js";
+import { D as et } from "./DEPRECATED_Tooltip-C3s_235Q.js";
+import { R as tt } from "./RadioButton-BpAksn2s.js";
+var Ie = {}, Oe = {}, ce = { exports: {} }, ee = { exports: {} };
+(function() {
+  var n, o, e, i, u, c;
+  typeof performance < "u" && performance !== null && performance.now ? ee.exports = function() {
+    return performance.now();
+  } : typeof process < "u" && process !== null && process.hrtime ? (ee.exports = function() {
+    return (n() - u) / 1e6;
+  }, o = process.hrtime, n = function() {
+    var d;
+    return d = o(), d[0] * 1e9 + d[1];
+  }, i = n(), c = process.uptime() * 1e9, u = i - c) : Date.now ? (ee.exports = function() {
+    return Date.now() - e;
+  }, e = Date.now()) : (ee.exports = function() {
+    return (/* @__PURE__ */ new Date()).getTime() - e;
+  }, e = (/* @__PURE__ */ new Date()).getTime());
+}).call(Ve);
+var rt = ee.exports, nt = rt, O = typeof window > "u" ? Ve : window, ie = ["moz", "webkit"], q = "AnimationFrame", j = O["request" + q], te = O["cancel" + q] || O["cancelRequest" + q];
+for (var J = 0; !j && J < ie.length; J++)
+  j = O[ie[J] + "Request" + q], te = O[ie[J] + "Cancel" + q] || O[ie[J] + "CancelRequest" + q];
+if (!j || !te) {
+  var Se = 0, Me = 0, X = [], ot = 1e3 / 60;
+  j = function(n) {
+    if (X.length === 0) {
+      var o = nt(), e = Math.max(0, ot - (o - Se));
+      Se = e + o, setTimeout(function() {
+        var i = X.slice(0);
+        X.length = 0;
+        for (var u = 0; u < i.length; u++)
+          if (!i[u].cancelled)
+            try {
+              i[u].callback(Se);
+            } catch (c) {
+              setTimeout(function() {
+                throw c;
+              }, 0);
+            }
+      }, Math.round(e));
+    }
+    return X.push({
+      handle: ++Me,
+      callback: n,
+      cancelled: !1
+    }), Me;
+  }, te = function(n) {
+    for (var o = 0; o < X.length; o++)
+      X[o].handle === n && (X[o].cancelled = !0);
+  };
+}
+ce.exports = function(n) {
+  return j.call(O, n);
+};
+ce.exports.cancel = function() {
+  te.apply(O, arguments);
+};
+ce.exports.polyfill = function(n) {
+  n || (n = O), n.requestAnimationFrame = j, n.cancelAnimationFrame = te;
+};
+var it = ce.exports, de = { exports: {} }, ye = null, Ce = ["Webkit", "Moz", "O", "ms"], at = function(o) {
+  ye || (ye = document.createElement("div"));
+  var e = ye.style;
+  if (o in e)
+    return o;
+  for (var i = o.charAt(0).toUpperCase() + o.slice(1), u = Ce.length; u >= 0; u--) {
+    var c = Ce[u] + i;
+    if (c in e)
+      return c;
+  }
+  return !1;
+}, lt = dt, st = /\s/, ut = /(_|-|\.|:)/, ct = /([a-z][A-Z]|[A-Z][a-z])/;
+function dt(n) {
+  return st.test(n) ? n.toLowerCase() : ut.test(n) ? (ft(n) || n).toLowerCase() : ct.test(n) ? vt(n).toLowerCase() : n.toLowerCase();
+}
+var ht = /[\W_]+(.|$)/g;
+function ft(n) {
+  return n.replace(ht, function(o, e) {
+    return e ? " " + e : "";
+  });
+}
+var mt = /(.)([A-Z]+)/g;
+function vt(n) {
+  return n.replace(mt, function(o, e, i) {
+    return e + " " + i.toLowerCase().split("").join(" ");
+  });
+}
+var pt = lt, gt = bt;
+function bt(n) {
+  return pt(n).replace(/[\W_]+(.|$)/g, function(o, e) {
+    return e ? " " + e : "";
+  }).trim();
+}
+var Tt = gt, _t = St;
+function St(n) {
+  return Tt(n).replace(/\s(\w)/g, function(o, e) {
+    return e.toUpperCase();
+  });
+}
+var yt = {
+  animationIterationCount: !0,
+  boxFlex: !0,
+  boxFlexGroup: !0,
+  boxOrdinalGroup: !0,
+  columnCount: !0,
+  flex: !0,
+  flexGrow: !0,
+  flexPositive: !0,
+  flexShrink: !0,
+  flexNegative: !0,
+  flexOrder: !0,
+  gridRow: !0,
+  gridColumn: !0,
+  fontWeight: !0,
+  lineClamp: !0,
+  lineHeight: !0,
+  opacity: !0,
+  order: !0,
+  orphans: !0,
+  tabSize: !0,
+  widows: !0,
+  zIndex: !0,
+  zoom: !0,
+  // SVG-related properties
+  fillOpacity: !0,
+  stopOpacity: !0,
+  strokeDashoffset: !0,
+  strokeOpacity: !0,
+  strokeWidth: !0
+}, kt = function(n, o) {
+  return typeof o == "number" && !yt[n] ? o + "px" : o;
+}, Ht = at, wt = _t, le = { float: "cssFloat" }, Mt = kt;
+function se(n, o, e) {
+  var i = le[o];
+  if (typeof i > "u" && (i = Dt(o)), i) {
+    if (e === void 0)
+      return n.style[i];
+    n.style[i] = Mt(i, e);
+  }
+}
+function Ct(n, o) {
+  for (var e in o)
+    o.hasOwnProperty(e) && se(n, e, o[e]);
+}
+function Dt(n) {
+  var o = wt(n), e = Ht(o);
+  return le[o] = le[n] = le[e] = e, e;
+}
+function We() {
+  arguments.length === 2 ? typeof arguments[1] == "string" ? arguments[0].style.cssText = arguments[1] : Ct(arguments[0], arguments[1]) : se(arguments[0], arguments[1], arguments[2]);
+}
+de.exports = We;
+de.exports.set = We;
+de.exports.get = function(n, o) {
+  return Array.isArray(o) ? o.reduce(function(e, i) {
+    return e[i] = se(n, i || ""), e;
+  }, {}) : se(n, o || "");
+};
+var xe = de.exports, Ne = {};
+(function(n) {
+  Object.defineProperty(n, "__esModule", {
+    value: !0
+  }), n.default = o;
+  function o(e) {
+    return typeof e == "string";
+  }
+})(Ne);
+var Re = {};
+(function(n) {
+  Object.defineProperty(n, "__esModule", {
+    value: !0
+  }), n.default = c;
+  var o = xe, e = i(o);
+  function i(d) {
+    return d && d.__esModule ? d : { default: d };
+  }
+  var u = !1;
+  function c() {
+    if (u !== !1) return u;
+    if (typeof document < "u") {
+      var d = document.createElement("div");
+      (0, e.default)(d, {
+        width: 100,
+        height: 100,
+        position: "absolute",
+        top: -9999,
+        overflow: "scroll",
+        MsOverflowStyle: "scrollbar"
+      }), document.body.appendChild(d), u = d.offsetWidth - d.clientWidth, document.body.removeChild(d);
+    } else
+      u = 0;
+    return u || 0;
+  }
+})(Re);
+var Pe = {};
+(function(n) {
+  Object.defineProperty(n, "__esModule", {
+    value: !0
+  }), n.default = o;
+  function o() {
+    return !1;
+  }
+})(Pe);
+var Ae = {};
+(function(n) {
+  Object.defineProperty(n, "__esModule", {
+    value: !0
+  }), n.default = o;
+  function o(e) {
+    var i = e.clientWidth, u = getComputedStyle(e), c = u.paddingLeft, d = u.paddingRight;
+    return i - parseFloat(c) - parseFloat(d);
+  }
+})(Ae);
+var Be = {};
+(function(n) {
+  Object.defineProperty(n, "__esModule", {
+    value: !0
+  }), n.default = o;
+  function o(e) {
+    var i = e.clientHeight, u = getComputedStyle(e), c = u.paddingTop, d = u.paddingBottom;
+    return i - parseFloat(c) - parseFloat(d);
+  }
+})(Be);
+var H = {};
+Object.defineProperty(H, "__esModule", {
+  value: !0
+});
+H.containerStyleDefault = {
+  position: "relative",
+  overflow: "hidden",
+  width: "100%",
+  height: "100%"
+};
+H.containerStyleAutoHeight = {
+  height: "auto"
+};
+H.viewStyleDefault = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  overflow: "scroll",
+  WebkitOverflowScrolling: "touch"
+};
+H.viewStyleAutoHeight = {
+  position: "relative",
+  top: void 0,
+  left: void 0,
+  right: void 0,
+  bottom: void 0
+};
+H.viewStyleUniversalInitial = {
+  overflow: "hidden",
+  marginRight: 0,
+  marginBottom: 0
+};
+H.trackHorizontalStyleDefault = {
+  position: "absolute",
+  height: 6
+};
+H.trackVerticalStyleDefault = {
+  position: "absolute",
+  width: 6
+};
+H.thumbHorizontalStyleDefault = {
+  position: "relative",
+  display: "block",
+  height: "100%"
+};
+H.thumbVerticalStyleDefault = {
+  position: "relative",
+  display: "block",
+  width: "100%"
+};
+H.disableSelectStyle = {
+  userSelect: "none"
+};
+H.disableSelectStyleReset = {
+  userSelect: ""
+};
+var Y = {};
+Object.defineProperty(Y, "__esModule", {
+  value: !0
+});
+var F = Object.assign || function(n) {
+  for (var o = 1; o < arguments.length; o++) {
+    var e = arguments[o];
+    for (var i in e)
+      Object.prototype.hasOwnProperty.call(e, i) && (n[i] = e[i]);
+  }
+  return n;
+};
+Y.renderViewDefault = zt;
+Y.renderTrackHorizontalDefault = Vt;
+Y.renderTrackVerticalDefault = It;
+Y.renderThumbHorizontalDefault = Ot;
+Y.renderThumbVerticalDefault = Wt;
+var Et = Le, re = Lt(Et);
+function Lt(n) {
+  return n && n.__esModule ? n : { default: n };
+}
+function he(n, o) {
+  var e = {};
+  for (var i in n)
+    o.indexOf(i) >= 0 || Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
+  return e;
+}
+function zt(n) {
+  return re.default.createElement("div", n);
+}
+function Vt(n) {
+  var o = n.style, e = he(n, ["style"]), i = F({}, o, {
+    right: 2,
+    bottom: 2,
+    left: 2,
+    borderRadius: 3
+  });
+  return re.default.createElement("div", F({ style: i }, e));
+}
+function It(n) {
+  var o = n.style, e = he(n, ["style"]), i = F({}, o, {
+    right: 2,
+    bottom: 2,
+    top: 2,
+    borderRadius: 3
+  });
+  return re.default.createElement("div", F({ style: i }, e));
+}
+function Ot(n) {
+  var o = n.style, e = he(n, ["style"]), i = F({}, o, {
+    cursor: "pointer",
+    borderRadius: "inherit",
+    backgroundColor: "rgba(0,0,0,.2)"
+  });
+  return re.default.createElement("div", F({ style: i }, e));
+}
+function Wt(n) {
+  var o = n.style, e = he(n, ["style"]), i = F({}, o, {
+    cursor: "pointer",
+    borderRadius: "inherit",
+    backgroundColor: "rgba(0,0,0,.2)"
+  });
+  return re.default.createElement("div", F({ style: i }, e));
+}
+(function(n) {
+  Object.defineProperty(n, "__esModule", {
+    value: !0
+  });
+  var o = Object.assign || function(g) {
+    for (var m = 1; m < arguments.length; m++) {
+      var l = arguments[m];
+      for (var r in l)
+        Object.prototype.hasOwnProperty.call(l, r) && (g[r] = l[r]);
+    }
+    return g;
+  }, e = /* @__PURE__ */ function() {
+    function g(m, l) {
+      for (var r = 0; r < l.length; r++) {
+        var a = l[r];
+        a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(m, a.key, a);
+      }
+    }
+    return function(m, l, r) {
+      return l && g(m.prototype, l), r && g(m, r), m;
+    };
+  }(), i = it, u = x(i), c = xe, d = x(c), y = Le, E = Ze, f = x(E), W = Ne, V = x(W), k = Re, b = x(k), I = Pe, U = x(I), Fe = Ae, fe = x(Fe), Ue = Be, me = x(Ue), w = H, Z = Y;
+  function x(g) {
+    return g && g.__esModule ? g : { default: g };
+  }
+  function Xe(g, m) {
+    var l = {};
+    for (var r in g)
+      m.indexOf(r) >= 0 || Object.prototype.hasOwnProperty.call(g, r) && (l[r] = g[r]);
+    return l;
+  }
+  function $e(g, m) {
+    if (!(g instanceof m))
+      throw new TypeError("Cannot call a class as a function");
+  }
+  function Ye(g, m) {
+    if (!g)
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    return m && (typeof m == "object" || typeof m == "function") ? m : g;
+  }
+  function Ge(g, m) {
+    if (typeof m != "function" && m !== null)
+      throw new TypeError("Super expression must either be null or a function, not " + typeof m);
+    g.prototype = Object.create(m && m.prototype, { constructor: { value: g, enumerable: !1, writable: !0, configurable: !0 } }), m && (Object.setPrototypeOf ? Object.setPrototypeOf(g, m) : g.__proto__ = m);
+  }
+  var ve = function(g) {
+    Ge(m, g);
+    function m(l) {
+      var r;
+      $e(this, m);
+      for (var a = arguments.length, s = Array(a > 1 ? a - 1 : 0), h = 1; h < a; h++)
+        s[h - 1] = arguments[h];
+      var t = Ye(this, (r = m.__proto__ || Object.getPrototypeOf(m)).call.apply(r, [this, l].concat(s)));
+      return t.getScrollLeft = t.getScrollLeft.bind(t), t.getScrollTop = t.getScrollTop.bind(t), t.getScrollWidth = t.getScrollWidth.bind(t), t.getScrollHeight = t.getScrollHeight.bind(t), t.getClientWidth = t.getClientWidth.bind(t), t.getClientHeight = t.getClientHeight.bind(t), t.getValues = t.getValues.bind(t), t.getThumbHorizontalWidth = t.getThumbHorizontalWidth.bind(t), t.getThumbVerticalHeight = t.getThumbVerticalHeight.bind(t), t.getScrollLeftForOffset = t.getScrollLeftForOffset.bind(t), t.getScrollTopForOffset = t.getScrollTopForOffset.bind(t), t.scrollLeft = t.scrollLeft.bind(t), t.scrollTop = t.scrollTop.bind(t), t.scrollToLeft = t.scrollToLeft.bind(t), t.scrollToTop = t.scrollToTop.bind(t), t.scrollToRight = t.scrollToRight.bind(t), t.scrollToBottom = t.scrollToBottom.bind(t), t.handleTrackMouseEnter = t.handleTrackMouseEnter.bind(t), t.handleTrackMouseLeave = t.handleTrackMouseLeave.bind(t), t.handleHorizontalTrackMouseDown = t.handleHorizontalTrackMouseDown.bind(t), t.handleVerticalTrackMouseDown = t.handleVerticalTrackMouseDown.bind(t), t.handleHorizontalThumbMouseDown = t.handleHorizontalThumbMouseDown.bind(t), t.handleVerticalThumbMouseDown = t.handleVerticalThumbMouseDown.bind(t), t.handleWindowResize = t.handleWindowResize.bind(t), t.handleScroll = t.handleScroll.bind(t), t.handleDrag = t.handleDrag.bind(t), t.handleDragEnd = t.handleDragEnd.bind(t), t.state = {
+        didMountUniversal: !1
+      }, t;
+    }
+    return e(m, [{
+      key: "componentDidMount",
+      value: function() {
+        this.addListeners(), this.update(), this.componentDidMountUniversal();
+      }
+    }, {
+      key: "componentDidMountUniversal",
+      value: function() {
+        var r = this.props.universal;
+        r && this.setState({ didMountUniversal: !0 });
+      }
+    }, {
+      key: "componentDidUpdate",
+      value: function() {
+        this.update();
+      }
+    }, {
+      key: "componentWillUnmount",
+      value: function() {
+        this.removeListeners(), (0, i.cancel)(this.requestFrame), clearTimeout(this.hideTracksTimeout), clearInterval(this.detectScrollingInterval);
+      }
+    }, {
+      key: "getScrollLeft",
+      value: function() {
+        return this.view ? this.view.scrollLeft : 0;
+      }
+    }, {
+      key: "getScrollTop",
+      value: function() {
+        return this.view ? this.view.scrollTop : 0;
+      }
+    }, {
+      key: "getScrollWidth",
+      value: function() {
+        return this.view ? this.view.scrollWidth : 0;
+      }
+    }, {
+      key: "getScrollHeight",
+      value: function() {
+        return this.view ? this.view.scrollHeight : 0;
+      }
+    }, {
+      key: "getClientWidth",
+      value: function() {
+        return this.view ? this.view.clientWidth : 0;
+      }
+    }, {
+      key: "getClientHeight",
+      value: function() {
+        return this.view ? this.view.clientHeight : 0;
+      }
+    }, {
+      key: "getValues",
+      value: function() {
+        var r = this.view || {}, a = r.scrollLeft, s = a === void 0 ? 0 : a, h = r.scrollTop, t = h === void 0 ? 0 : h, p = r.scrollWidth, T = p === void 0 ? 0 : p, S = r.scrollHeight, N = S === void 0 ? 0 : S, L = r.clientWidth, R = L === void 0 ? 0 : L, M = r.clientHeight, z = M === void 0 ? 0 : M;
+        return {
+          left: s / (T - R) || 0,
+          top: t / (N - z) || 0,
+          scrollLeft: s,
+          scrollTop: t,
+          scrollWidth: T,
+          scrollHeight: N,
+          clientWidth: R,
+          clientHeight: z
+        };
+      }
+    }, {
+      key: "getThumbHorizontalWidth",
+      value: function() {
+        var r = this.props, a = r.thumbSize, s = r.thumbMinSize, h = this.view, t = h.scrollWidth, p = h.clientWidth, T = (0, fe.default)(this.trackHorizontal), S = Math.ceil(p / t * T);
+        return T === S ? 0 : a || Math.max(S, s);
+      }
+    }, {
+      key: "getThumbVerticalHeight",
+      value: function() {
+        var r = this.props, a = r.thumbSize, s = r.thumbMinSize, h = this.view, t = h.scrollHeight, p = h.clientHeight, T = (0, me.default)(this.trackVertical), S = Math.ceil(p / t * T);
+        return T === S ? 0 : a || Math.max(S, s);
+      }
+    }, {
+      key: "getScrollLeftForOffset",
+      value: function(r) {
+        var a = this.view, s = a.scrollWidth, h = a.clientWidth, t = (0, fe.default)(this.trackHorizontal), p = this.getThumbHorizontalWidth();
+        return r / (t - p) * (s - h);
+      }
+    }, {
+      key: "getScrollTopForOffset",
+      value: function(r) {
+        var a = this.view, s = a.scrollHeight, h = a.clientHeight, t = (0, me.default)(this.trackVertical), p = this.getThumbVerticalHeight();
+        return r / (t - p) * (s - h);
+      }
+    }, {
+      key: "scrollLeft",
+      value: function() {
+        var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
+        this.view && (this.view.scrollLeft = r);
+      }
+    }, {
+      key: "scrollTop",
+      value: function() {
+        var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
+        this.view && (this.view.scrollTop = r);
+      }
+    }, {
+      key: "scrollToLeft",
+      value: function() {
+        this.view && (this.view.scrollLeft = 0);
+      }
+    }, {
+      key: "scrollToTop",
+      value: function() {
+        this.view && (this.view.scrollTop = 0);
+      }
+    }, {
+      key: "scrollToRight",
+      value: function() {
+        this.view && (this.view.scrollLeft = this.view.scrollWidth);
+      }
+    }, {
+      key: "scrollToBottom",
+      value: function() {
+        this.view && (this.view.scrollTop = this.view.scrollHeight);
+      }
+    }, {
+      key: "addListeners",
+      value: function() {
+        if (!(typeof document > "u" || !this.view)) {
+          var r = this.view, a = this.trackHorizontal, s = this.trackVertical, h = this.thumbHorizontal, t = this.thumbVertical;
+          r.addEventListener("scroll", this.handleScroll), (0, b.default)() && (a.addEventListener("mouseenter", this.handleTrackMouseEnter), a.addEventListener("mouseleave", this.handleTrackMouseLeave), a.addEventListener("mousedown", this.handleHorizontalTrackMouseDown), s.addEventListener("mouseenter", this.handleTrackMouseEnter), s.addEventListener("mouseleave", this.handleTrackMouseLeave), s.addEventListener("mousedown", this.handleVerticalTrackMouseDown), h.addEventListener("mousedown", this.handleHorizontalThumbMouseDown), t.addEventListener("mousedown", this.handleVerticalThumbMouseDown), window.addEventListener("resize", this.handleWindowResize));
+        }
+      }
+    }, {
+      key: "removeListeners",
+      value: function() {
+        if (!(typeof document > "u" || !this.view)) {
+          var r = this.view, a = this.trackHorizontal, s = this.trackVertical, h = this.thumbHorizontal, t = this.thumbVertical;
+          r.removeEventListener("scroll", this.handleScroll), (0, b.default)() && (a.removeEventListener("mouseenter", this.handleTrackMouseEnter), a.removeEventListener("mouseleave", this.handleTrackMouseLeave), a.removeEventListener("mousedown", this.handleHorizontalTrackMouseDown), s.removeEventListener("mouseenter", this.handleTrackMouseEnter), s.removeEventListener("mouseleave", this.handleTrackMouseLeave), s.removeEventListener("mousedown", this.handleVerticalTrackMouseDown), h.removeEventListener("mousedown", this.handleHorizontalThumbMouseDown), t.removeEventListener("mousedown", this.handleVerticalThumbMouseDown), window.removeEventListener("resize", this.handleWindowResize), this.teardownDragging());
+        }
+      }
+    }, {
+      key: "handleScroll",
+      value: function(r) {
+        var a = this, s = this.props, h = s.onScroll, t = s.onScrollFrame;
+        h && h(r), this.update(function(p) {
+          var T = p.scrollLeft, S = p.scrollTop;
+          a.viewScrollLeft = T, a.viewScrollTop = S, t && t(p);
+        }), this.detectScrolling();
+      }
+    }, {
+      key: "handleScrollStart",
+      value: function() {
+        var r = this.props.onScrollStart;
+        r && r(), this.handleScrollStartAutoHide();
+      }
+    }, {
+      key: "handleScrollStartAutoHide",
+      value: function() {
+        var r = this.props.autoHide;
+        r && this.showTracks();
+      }
+    }, {
+      key: "handleScrollStop",
+      value: function() {
+        var r = this.props.onScrollStop;
+        r && r(), this.handleScrollStopAutoHide();
+      }
+    }, {
+      key: "handleScrollStopAutoHide",
+      value: function() {
+        var r = this.props.autoHide;
+        r && this.hideTracks();
+      }
+    }, {
+      key: "handleWindowResize",
+      value: function() {
+        this.update();
+      }
+    }, {
+      key: "handleHorizontalTrackMouseDown",
+      value: function(r) {
+        r.preventDefault();
+        var a = r.target, s = r.clientX, h = a.getBoundingClientRect(), t = h.left, p = this.getThumbHorizontalWidth(), T = Math.abs(t - s) - p / 2;
+        this.view.scrollLeft = this.getScrollLeftForOffset(T);
+      }
+    }, {
+      key: "handleVerticalTrackMouseDown",
+      value: function(r) {
+        r.preventDefault();
+        var a = r.target, s = r.clientY, h = a.getBoundingClientRect(), t = h.top, p = this.getThumbVerticalHeight(), T = Math.abs(t - s) - p / 2;
+        this.view.scrollTop = this.getScrollTopForOffset(T);
+      }
+    }, {
+      key: "handleHorizontalThumbMouseDown",
+      value: function(r) {
+        r.preventDefault(), this.handleDragStart(r);
+        var a = r.target, s = r.clientX, h = a.offsetWidth, t = a.getBoundingClientRect(), p = t.left;
+        this.prevPageX = h - (s - p);
+      }
+    }, {
+      key: "handleVerticalThumbMouseDown",
+      value: function(r) {
+        r.preventDefault(), this.handleDragStart(r);
+        var a = r.target, s = r.clientY, h = a.offsetHeight, t = a.getBoundingClientRect(), p = t.top;
+        this.prevPageY = h - (s - p);
+      }
+    }, {
+      key: "setupDragging",
+      value: function() {
+        (0, d.default)(document.body, w.disableSelectStyle), document.addEventListener("mousemove", this.handleDrag), document.addEventListener("mouseup", this.handleDragEnd), document.onselectstart = U.default;
+      }
+    }, {
+      key: "teardownDragging",
+      value: function() {
+        (0, d.default)(document.body, w.disableSelectStyleReset), document.removeEventListener("mousemove", this.handleDrag), document.removeEventListener("mouseup", this.handleDragEnd), document.onselectstart = void 0;
+      }
+    }, {
+      key: "handleDragStart",
+      value: function(r) {
+        this.dragging = !0, r.stopImmediatePropagation(), this.setupDragging();
+      }
+    }, {
+      key: "handleDrag",
+      value: function(r) {
+        if (this.prevPageX) {
+          var a = r.clientX, s = this.trackHorizontal.getBoundingClientRect(), h = s.left, t = this.getThumbHorizontalWidth(), p = t - this.prevPageX, T = -h + a - p;
+          this.view.scrollLeft = this.getScrollLeftForOffset(T);
+        }
+        if (this.prevPageY) {
+          var S = r.clientY, N = this.trackVertical.getBoundingClientRect(), L = N.top, R = this.getThumbVerticalHeight(), M = R - this.prevPageY, z = -L + S - M;
+          this.view.scrollTop = this.getScrollTopForOffset(z);
+        }
+        return !1;
+      }
+    }, {
+      key: "handleDragEnd",
+      value: function() {
+        this.dragging = !1, this.prevPageX = this.prevPageY = 0, this.teardownDragging(), this.handleDragEndAutoHide();
+      }
+    }, {
+      key: "handleDragEndAutoHide",
+      value: function() {
+        var r = this.props.autoHide;
+        r && this.hideTracks();
+      }
+    }, {
+      key: "handleTrackMouseEnter",
+      value: function() {
+        this.trackMouseOver = !0, this.handleTrackMouseEnterAutoHide();
+      }
+    }, {
+      key: "handleTrackMouseEnterAutoHide",
+      value: function() {
+        var r = this.props.autoHide;
+        r && this.showTracks();
+      }
+    }, {
+      key: "handleTrackMouseLeave",
+      value: function() {
+        this.trackMouseOver = !1, this.handleTrackMouseLeaveAutoHide();
+      }
+    }, {
+      key: "handleTrackMouseLeaveAutoHide",
+      value: function() {
+        var r = this.props.autoHide;
+        r && this.hideTracks();
+      }
+    }, {
+      key: "showTracks",
+      value: function() {
+        clearTimeout(this.hideTracksTimeout), (0, d.default)(this.trackHorizontal, { opacity: 1 }), (0, d.default)(this.trackVertical, { opacity: 1 });
+      }
+    }, {
+      key: "hideTracks",
+      value: function() {
+        var r = this;
+        if (!this.dragging && !this.scrolling && !this.trackMouseOver) {
+          var a = this.props.autoHideTimeout;
+          clearTimeout(this.hideTracksTimeout), this.hideTracksTimeout = setTimeout(function() {
+            (0, d.default)(r.trackHorizontal, { opacity: 0 }), (0, d.default)(r.trackVertical, { opacity: 0 });
+          }, a);
+        }
+      }
+    }, {
+      key: "detectScrolling",
+      value: function() {
+        var r = this;
+        this.scrolling || (this.scrolling = !0, this.handleScrollStart(), this.detectScrollingInterval = setInterval(function() {
+          r.lastViewScrollLeft === r.viewScrollLeft && r.lastViewScrollTop === r.viewScrollTop && (clearInterval(r.detectScrollingInterval), r.scrolling = !1, r.handleScrollStop()), r.lastViewScrollLeft = r.viewScrollLeft, r.lastViewScrollTop = r.viewScrollTop;
+        }, 100));
+      }
+    }, {
+      key: "raf",
+      value: function(r) {
+        var a = this;
+        this.requestFrame && u.default.cancel(this.requestFrame), this.requestFrame = (0, u.default)(function() {
+          a.requestFrame = void 0, r();
+        });
+      }
+    }, {
+      key: "update",
+      value: function(r) {
+        var a = this;
+        this.raf(function() {
+          return a._update(r);
+        });
+      }
+    }, {
+      key: "_update",
+      value: function(r) {
+        var a = this.props, s = a.onUpdate, h = a.hideTracksWhenNotNeeded, t = this.getValues();
+        if ((0, b.default)()) {
+          var p = t.scrollLeft, T = t.clientWidth, S = t.scrollWidth, N = (0, fe.default)(this.trackHorizontal), L = this.getThumbHorizontalWidth(), R = p / (S - T) * (N - L), M = {
+            width: L,
+            transform: "translateX(" + R + "px)"
+          }, z = t.scrollTop, P = t.clientHeight, A = t.scrollHeight, pe = (0, me.default)(this.trackVertical), ne = this.getThumbVerticalHeight(), ge = z / (A - P) * (pe - ne), G = {
+            height: ne,
+            transform: "translateY(" + ge + "px)"
+          };
+          if (h) {
+            var be = {
+              visibility: S > T ? "visible" : "hidden"
+            }, Te = {
+              visibility: A > P ? "visible" : "hidden"
+            };
+            (0, d.default)(this.trackHorizontal, be), (0, d.default)(this.trackVertical, Te);
+          }
+          (0, d.default)(this.thumbHorizontal, M), (0, d.default)(this.thumbVertical, G);
+        }
+        s && s(t), typeof r == "function" && r(t);
+      }
+    }, {
+      key: "render",
+      value: function() {
+        var r = this, a = (0, b.default)(), s = this.props;
+        s.onScroll, s.onScrollFrame, s.onScrollStart, s.onScrollStop, s.onUpdate;
+        var h = s.renderView, t = s.renderTrackHorizontal, p = s.renderTrackVertical, T = s.renderThumbHorizontal, S = s.renderThumbVertical, N = s.tagName;
+        s.hideTracksWhenNotNeeded;
+        var L = s.autoHide;
+        s.autoHideTimeout;
+        var R = s.autoHideDuration;
+        s.thumbSize, s.thumbMinSize;
+        var M = s.universal, z = s.autoHeight, P = s.autoHeightMin, A = s.autoHeightMax, pe = s.style, ne = s.children, ge = Xe(s, ["onScroll", "onScrollFrame", "onScrollStart", "onScrollStop", "onUpdate", "renderView", "renderTrackHorizontal", "renderTrackVertical", "renderThumbHorizontal", "renderThumbVertical", "tagName", "hideTracksWhenNotNeeded", "autoHide", "autoHideTimeout", "autoHideDuration", "thumbSize", "thumbMinSize", "universal", "autoHeight", "autoHeightMin", "autoHeightMax", "style", "children"]), G = this.state.didMountUniversal, be = o({}, w.containerStyleDefault, z && o({}, w.containerStyleAutoHeight, {
+          minHeight: P,
+          maxHeight: A
+        }), pe), Te = o({}, w.viewStyleDefault, {
+          // Hide scrollbars by setting a negative margin
+          marginRight: a ? -a : 0,
+          marginBottom: a ? -a : 0
+        }, z && o({}, w.viewStyleAutoHeight, {
+          // Add scrollbarWidth to autoHeight in order to compensate negative margins
+          minHeight: (0, V.default)(P) ? "calc(" + P + " + " + a + "px)" : P + a,
+          maxHeight: (0, V.default)(A) ? "calc(" + A + " + " + a + "px)" : A + a
+        }), z && M && !G && {
+          minHeight: P,
+          maxHeight: A
+        }, M && !G && w.viewStyleUniversalInitial), we = {
+          transition: "opacity " + R + "ms",
+          opacity: 0
+        }, qe = o({}, w.trackHorizontalStyleDefault, L && we, (!a || M && !G) && {
+          display: "none"
+        }), je = o({}, w.trackVerticalStyleDefault, L && we, (!a || M && !G) && {
+          display: "none"
+        });
+        return (0, y.createElement)(N, o({}, ge, { style: be, ref: function(C) {
+          r.container = C;
+        } }), [(0, y.cloneElement)(h({ style: Te }), { key: "view", ref: function(C) {
+          r.view = C;
+        } }, ne), (0, y.cloneElement)(t({ style: qe }), { key: "trackHorizontal", ref: function(C) {
+          r.trackHorizontal = C;
+        } }, (0, y.cloneElement)(T({ style: w.thumbHorizontalStyleDefault }), { ref: function(C) {
+          r.thumbHorizontal = C;
+        } })), (0, y.cloneElement)(p({ style: je }), { key: "trackVertical", ref: function(C) {
+          r.trackVertical = C;
+        } }, (0, y.cloneElement)(S({ style: w.thumbVerticalStyleDefault }), { ref: function(C) {
+          r.thumbVertical = C;
+        } }))]);
+      }
+    }]), m;
+  }(y.Component);
+  n.default = ve, ve.propTypes = {
+    onScroll: f.default.func,
+    onScrollFrame: f.default.func,
+    onScrollStart: f.default.func,
+    onScrollStop: f.default.func,
+    onUpdate: f.default.func,
+    renderView: f.default.func,
+    renderTrackHorizontal: f.default.func,
+    renderTrackVertical: f.default.func,
+    renderThumbHorizontal: f.default.func,
+    renderThumbVertical: f.default.func,
+    tagName: f.default.string,
+    thumbSize: f.default.number,
+    thumbMinSize: f.default.number,
+    hideTracksWhenNotNeeded: f.default.bool,
+    autoHide: f.default.bool,
+    autoHideTimeout: f.default.number,
+    autoHideDuration: f.default.number,
+    autoHeight: f.default.bool,
+    autoHeightMin: f.default.oneOfType([f.default.number, f.default.string]),
+    autoHeightMax: f.default.oneOfType([f.default.number, f.default.string]),
+    universal: f.default.bool,
+    style: f.default.object,
+    children: f.default.node
+  }, ve.defaultProps = {
+    renderView: Z.renderViewDefault,
+    renderTrackHorizontal: Z.renderTrackHorizontalDefault,
+    renderTrackVertical: Z.renderTrackVerticalDefault,
+    renderThumbHorizontal: Z.renderThumbHorizontalDefault,
+    renderThumbVertical: Z.renderThumbVerticalDefault,
+    tagName: "div",
+    thumbMinSize: 30,
+    hideTracksWhenNotNeeded: !1,
+    autoHide: !1,
+    autoHideTimeout: 1e3,
+    autoHideDuration: 200,
+    autoHeight: !1,
+    autoHeightMin: 0,
+    autoHeightMax: 200,
+    universal: !1
+  };
+})(Oe);
+(function(n) {
+  Object.defineProperty(n, "__esModule", {
+    value: !0
+  }), n.Scrollbars = void 0;
+  var o = Oe, e = i(o);
+  function i(u) {
+    return u && u.__esModule ? u : { default: u };
+  }
+  n.default = e.default, n.Scrollbars = e.default;
+})(Ie);
+const xt = "Confirmation-module__container___45eSd", Nt = "Confirmation-module__message___4r1SC", Rt = "Confirmation-module__buttons___QYVqm", Pt = "Confirmation-module__button___gJmIL", At = "Confirmation-module__confirm___DqtMv", Bt = "Confirmation-module__cancel___3CIW9", B = {
+  container: xt,
+  message: Nt,
+  buttons: Rt,
+  button: Pt,
+  confirm: At,
+  cancel: Bt
+}, Ft = ({
+  message: n,
+  title: o,
+  onCancel: e,
+  onConfirm: i
+}) => {
+  const u = D(B.button, B.confirm), c = D(B.button, B.cancel);
+  return /* @__PURE__ */ $("div", { className: B.container, children: [
+    /* @__PURE__ */ v("div", { className: B.title, children: o }),
+    /* @__PURE__ */ v("div", { className: D(B.message, K.TEXT_SECONDARY), children: n }),
+    /* @__PURE__ */ $("div", { className: B.buttons, children: [
+      /* @__PURE__ */ v("button", { className: u, onClick: i, children: "Yes" }),
+      /* @__PURE__ */ v("button", { className: c, onClick: e, children: "No" })
+    ] })
+  ] });
+}, Ut = "Menu-module__container___KGp0N", Xt = "Menu-module__disabled___xdT-F", $t = "Menu-module__groupHeader___-d7MT", Yt = "Menu-module__isDrill___6OfQP", Gt = "Menu-module__separator___OQ--M", qt = "Menu-module__noIcon___MYkPf", jt = "Menu-module__item___nmDUr", Zt = "Menu-module__checked___6OJEB", Qt = "Menu-module__radio___OlxcQ", Jt = "Menu-module__checkbox___HocC7", Kt = "Menu-module__icon___ZxKUL", er = "Menu-module__itemType___VLiEZ", tr = "Menu-module__nestedType___gayzp", rr = "Menu-module__nestedIcon___VyPyZ", nr = "Menu-module__menuItemText___agoSf", or = "Menu-module__separateGroup___0J5WE", ir = "Menu-module__itemCheckBox___2DHy4", ar = "Menu-module__itemRadioButton___h2ifs", lr = "Menu-module__scrollbar___li1b-", sr = "Menu-module__itemContainer___m0XPy", ur = "Menu-module__inlineConfirmation___0JCIX", cr = "Menu-module__menuItemTooltip___5jA0S", dr = "Menu-module__toggleButtonMenu___qwLCQ", hr = "Menu-module__loader___pzNnL", _ = {
+  container: Ut,
+  disabled: Xt,
+  groupHeader: $t,
+  isDrill: Yt,
+  separator: Gt,
+  noIcon: qt,
+  item: jt,
+  checked: Zt,
+  radio: Qt,
+  checkbox: Jt,
+  icon: Kt,
+  itemType: er,
+  nestedType: tr,
+  nestedIcon: rr,
+  menuItemText: nr,
+  separateGroup: or,
+  itemCheckBox: ir,
+  itemRadioButton: ar,
+  scrollbar: lr,
+  itemContainer: sr,
+  inlineConfirmation: ur,
+  menuItemTooltip: cr,
+  toggleButtonMenu: dr,
+  loader: hr
+}, ae = Object.freeze({
+  ITEM: "item",
+  RADIO: "radio",
+  CHECKBOX: "checkbox",
+  TOGGLE: "toggle",
+  NESTED: "nested"
+}), He = class He extends ze {
+  constructor(o) {
+    super(o), this.renderRegularMenuItem = () => {
+      const { dataTestId: e, iconName: i, iconClass: u, isDrill: c } = this.props;
+      return /* @__PURE__ */ $("span", { className: _.itemContainer, children: [
+        i && /* @__PURE__ */ v(oe, { name: i, className: u }),
+        /* @__PURE__ */ v(
+          "span",
+          {
+            "data-testid": e,
+            className: D(_.menuItemText, K.TEXT_PRIMARY),
+            children: this.getContent()
+          }
+        ),
+        c && /* @__PURE__ */ v(oe, { name: "general-arrow-right" })
+      ] });
+    }, this.renderMenuItem = () => {
+      const { tooltip: e, classNameTooltip: i, level: u } = this.props, c = this.renderRegularMenuItem();
+      return e ? /* @__PURE__ */ v(
+        et,
+        {
+          overlay: /* @__PURE__ */ v("div", { children: e }),
+          placement: "right",
+          overlayClassName: D(i, _.menuItemTooltip),
+          mouseLeaveDelay: 0,
+          align: { offset: [u ? 5 : 10, 0] },
+          children: c
+        }
+      ) : c;
+    }, this.state = { inInlineConfirmation: !1 };
+  }
+  getContent() {
+    const { type: o, caption: e, subCaption: i, checked: u, selected: c } = this.props;
+    switch (o) {
+      case ae.RADIO:
+        return /* @__PURE__ */ v(
+          tt,
+          {
+            text: e,
+            name: e,
+            onChange: () => null,
+            value: e,
+            checked: !!u,
+            preventClick: !0
+          }
+        );
+      case ae.CHECKBOX:
+        return /* @__PURE__ */ v(
+          Je,
+          {
+            title: e,
+            text: e,
+            onChange: () => null,
+            checked: !!u,
+            className: _.itemCheckBox
+          }
+        );
+      case ae.TOGGLE:
+        return /* @__PURE__ */ $("div", { children: [
+          /* @__PURE__ */ v("span", { children: e }),
+          /* @__PURE__ */ v(
+            Ke,
+            {
+              onChange: () => null,
+              className: _.toggleButtonMenu,
+              checked: !!u
+            }
+          )
+        ] });
+      case ae.NESTED:
+        return /* @__PURE__ */ $("div", { className: _.nestedType, children: [
+          /* @__PURE__ */ v("div", { children: e }),
+          /* @__PURE__ */ v(oe, { className: _.nestedIcon, name: "general-double-arrow-front" }),
+          /* @__PURE__ */ v("div", { children: i })
+        ] });
+      default:
+        return /* @__PURE__ */ $("div", { className: _.itemType, children: [
+          e,
+          c && /* @__PURE__ */ v(oe, { name: "general-vi-small-white" })
+        ] });
+    }
+  }
+  handleClick(o) {
+    o.stopPropagation();
+    const { handleClick: e, disabled: i } = this.props;
+    i || e();
+  }
+  render() {
+    const { checked: o, className: e, iconName: i, handleOver: u, handleOut: c, disabled: d } = this.props, y = !1, E = D(e, {
+      [_.checked]: o,
+      [_.noIcon]: !i || y,
+      [_.disabled]: d,
+      [K.TEXT_PRIMARY]: o,
+      [K.TEXT_SECONDARY_HOVER]: !o && !d,
+      [K.TEXT_SECONDARY]: d
+    });
+    return /* @__PURE__ */ v(
+      "li",
+      {
+        "data-menu-item": !0,
+        className: E,
+        onClick: this.handleClick.bind(this),
+        onMouseOver: u,
+        onMouseOut: c,
+        children: this.renderMenuItem()
+      }
+    );
+  }
+};
+He.defaultProps = {
+  className: ""
+};
+let ke = He;
+function fr(n, o) {
+  const e = {};
+  return n.reduce(function(i, u) {
+    const c = o(u);
+    return i[c] || (i[c] = []), i[c].push(u), i;
+  }, e);
+}
+const De = () => {
+}, ue = class ue extends ze {
+  constructor(o) {
+    super(o), this.handleClick = (e) => {
+      if (e.subItems || e.actionableComponent) {
+        this.clearTimeout(), this.state.activeSubMenu === e.id ? this.closeSubMenu() : this.setState({ activeSubMenu: e.id });
+        return;
+      } else if (e.confirmation && !e.confirmation.inline) {
+        this.clearTimeout(), this.setState({ activeSubMenu: e.id });
+        return;
+      }
+      const { onItemSelected: i } = this.props;
+      i(e, e.value);
+    }, this.handleOver = (e) => {
+      this.clearTimeout(), this.setState({ isHoverSubMenu: !1 });
+      const i = e.subItems || e.actionableComponent ? e.id : null;
+      this.timeoutIn = window.setTimeout(() => {
+        this.setState({
+          activeSubMenu: i
+        });
+      }, 900);
+    }, this.handleOut = (e) => {
+      (e.subItems || e.actionableComponent) && this.state.activeSubMenu && this.clearTimeout();
+    }, this.onSubMenuMouseEnter = () => {
+      this.clearTimeout(), this.setState({ isHoverSubMenu: !0 });
+    }, this.onSubMenuMouseLeave = () => {
+      this.setState({ isHoverSubMenu: !1 });
+    }, this.closeSubMenu = () => {
+      this.setState({ activeSubMenu: null });
+    }, this.onConfirm = (e) => {
+      const { onItemSelected: i } = this.props;
+      this.closeSubMenu(), i(e);
+    }, this.renderMenuItem = (e) => {
+      const { onItemSelected: i, onRequestClose: u, level: c, classNameTooltip: d, zIndex: y, className: E } = this.props;
+      let f = D(_[e.type], {
+        [_.isDrill]: e.subItems,
+        [_.separator]: e.separator,
+        fakeHover: e.checked,
+        [_.groupHeader]: e.groupTitle
+      });
+      const W = (k) => {
+        const b = D(e.iconClass, _.icon);
+        return /* @__PURE__ */ v(
+          ke,
+          {
+            className: k,
+            checked: e.checked,
+            dataTestId: e.dataTestId,
+            disabled: e.disabled,
+            type: e.type,
+            caption: e.caption,
+            subCaption: e.subCaption,
+            tooltip: e.tooltip,
+            classNameTooltip: d,
+            iconName: e.iconName,
+            iconClass: b,
+            isDrill: !!e.subItems || !!e.actionableComponent,
+            level: c,
+            selected: e.selected,
+            handleClick: () => this.handleClick(e),
+            handleOver: () => this.handleOver(e),
+            handleOut: () => this.handleOut(e)
+          },
+          e.id
+        );
+      };
+      let V = e.subItems;
+      if (V) {
+        const k = this.state.activeSubMenu === e.id;
+        let b = this.handleClick;
+        return f = D(f, {
+          fakeHover: k && this.state.isHoverSubMenu
+        }), e.value !== void 0 && (V = V.map(function(U) {
+          return {
+            ...U,
+            checked: U.value === e.value
+          };
+        }), b = (U) => i(e, U.value)), /* @__PURE__ */ v(
+          _e,
+          {
+            visible: k,
+            level: 1,
+            mask: !1,
+            trigger: [],
+            placement: "rightTop",
+            align: { offset: [0, 0] },
+            overlay: () => /* @__PURE__ */ v(
+              ue,
+              {
+                items: V || [],
+                className: E,
+                onItemSelected: b,
+                onMouseEnter: this.onSubMenuMouseEnter,
+                scrollbarProps: {
+                  className: e.subItemScrollbarClassName
+                },
+                level: (c || 0) + 1,
+                zIndex: (y || 1) + 1
+              }
+            ),
+            onRequestClose: u,
+            zIndex: (y || 1) + 1,
+            children: W(f)
+          },
+          e.id
+        );
+      } else if (e.actionableComponent) {
+        const { componentProps: k } = e.actionableComponent, b = e.actionableComponent.component, I = this.state.activeSubMenu === e.id;
+        return /* @__PURE__ */ v(
+          _e,
+          {
+            visible: I,
+            level: 1,
+            mask: !1,
+            trigger: [],
+            placement: "rightTop",
+            align: { offset: [10, 0] },
+            overlay: () => /* @__PURE__ */ v(b, { ...k, onRequestClose: u }),
+            onRequestClose: u,
+            children: W(f)
+          },
+          e.id
+        );
+      } else if (e.confirmation && !e.confirmation.inline) {
+        const k = e.confirmation, b = this.state.activeSubMenu === e.id;
+        return /* @__PURE__ */ v(
+          _e,
+          {
+            visible: b,
+            level: 1,
+            mask: !0,
+            trigger: [],
+            placement: "rightBottom",
+            align: { offset: [10, 0] },
+            overlay: () => /* @__PURE__ */ v(
+              Ft,
+              {
+                title: k.title,
+                message: k.message,
+                onCancel: this.closeSubMenu,
+                onConfirm: () => this.onConfirm(e)
+              }
+            ),
+            onRequestClose: this.closeSubMenu,
+            children: W(f)
+          },
+          e.id
+        );
+      }
+      return W(f);
+    }, this.state = {
+      activeSubMenu: null,
+      isHoverSubMenu: !1
+    }, this.timeoutIn = null;
+  }
+  componentWillUnmount() {
+    this.clearTimeout();
+  }
+  clearTimeout() {
+    this.timeoutIn && (clearTimeout(this.timeoutIn), this.timeoutIn = null);
+  }
+  getSeparateGroups(o) {
+    const e = fr(o, (c) => c.groupId || ""), i = Object.values(e);
+    return i.slice(1).forEach((c) => c[0].separator = !0), i;
+  }
+  render() {
+    const {
+      items: o,
+      className: e,
+      onMouseEnter: i,
+      scrollbarProps: { className: u, ...c },
+      width: d,
+      isLoading: y
+    } = this.props;
+    let E = o.filter((b) => !b.hidden);
+    E = E.map((b, I) => (b.separator && !E[I - 1] && (b.separator = !1), b));
+    const f = D(_.container, e), W = D(_.scrollbar, u), V = d ? { width: `${d}px`, minWidth: "inherit" } : {}, k = y ? _.loader : "";
+    return /* @__PURE__ */ v("div", { className: f, onMouseEnter: i, style: V, children: /* @__PURE__ */ $(Ie.Scrollbars, { className: W, ...c, hideTracksWhenNotNeeded: !0, children: [
+      this.getSeparateGroups(E).map((b, I) => /* @__PURE__ */ v("div", { className: _.separateGroup, children: b.map(this.renderMenuItem) }, I)),
+      /* @__PURE__ */ v("div", { className: k, children: /* @__PURE__ */ v(Qe, { isLoading: y }) })
+    ] }) });
+  }
+};
+ue.defaultProps = {
+  onMouseEnter: De,
+  onRequestClose: De,
+  scrollbarProps: {},
+  level: 0,
+  isLoading: !1,
+  zIndex: 1
+};
+let Ee = ue;
+export {
+  ke as M,
+  Ee as a,
+  ae as i
+};