@sisense/sdk-shared-ui 2.7.0 → 2.8.0

package/dist/lightweight/Menu-dqrqcZgC.js

@@ -0,0 +1,902 @@
+import { jsxs as W, jsx as f } from "react/jsx-runtime";
+import x from "classnames";
+import * as g from "react";
+import { Component as le } from "react";
+import { L as ge } from "./LazyLoader-DB86QSSx.js";
+import { P as $ } from "./Popover-BAehEo3a.js";
+import { s as P } from "./styleguideConstants-D4Yls16w.js";
+import { D as be } from "./DEPRECATED_Checkbox-Be1l_Vce.js";
+import { D as H } from "./DEPRECATED_Icon-Bgufd-9Q.js";
+import { D as ye } from "./DEPRECATED_Toggle-DMnlQO3F.js";
+import { D as _e } from "./DEPRECATED_Tooltip-C3s_235Q.js";
+import { R as Ee } from "./RadioButton-BpAksn2s.js";
+function X(s) {
+  var i = typeof s;
+  return s != null && (i == "object" || i == "function");
+}
+var Se = typeof global == "object" && global && global.Object === Object && global, xe = typeof self == "object" && self && self.Object === Object && self, ae = Se || xe || Function("return this")(), G = function() {
+  return ae.Date.now();
+}, Oe = /\s/;
+function Ce(s) {
+  for (var i = s.length; i-- && Oe.test(s.charAt(i)); )
+    ;
+  return i;
+}
+var Me = /^\s+/;
+function we(s) {
+  return s && s.slice(0, Ce(s) + 1).replace(Me, "");
+}
+var Y = ae.Symbol, ce = Object.prototype, Ne = ce.hasOwnProperty, ke = ce.toString, L = Y ? Y.toStringTag : void 0;
+function Te(s) {
+  var i = Ne.call(s, L), t = s[L];
+  try {
+    s[L] = void 0;
+    var e = !0;
+  } catch {
+  }
+  var r = ke.call(s);
+  return e && (i ? s[L] = t : delete s[L]), r;
+}
+var Ae = Object.prototype, We = Ae.toString;
+function Ie(s) {
+  return We.call(s);
+}
+var ze = "[object Null]", Re = "[object Undefined]", ee = Y ? Y.toStringTag : void 0;
+function Le(s) {
+  return s == null ? s === void 0 ? Re : ze : ee && ee in Object(s) ? Te(s) : Ie(s);
+}
+function De(s) {
+  return s != null && typeof s == "object";
+}
+var Pe = "[object Symbol]";
+function Be(s) {
+  return typeof s == "symbol" || De(s) && Le(s) == Pe;
+}
+var te = NaN, He = /^[-+]0x[0-9a-f]+$/i, je = /^0b[01]+$/i, Ve = /^0o[0-7]+$/i, Xe = parseInt;
+function ie(s) {
+  if (typeof s == "number")
+    return s;
+  if (Be(s))
+    return te;
+  if (X(s)) {
+    var i = typeof s.valueOf == "function" ? s.valueOf() : s;
+    s = X(i) ? i + "" : i;
+  }
+  if (typeof s != "string")
+    return s === 0 ? s : +s;
+  s = we(s);
+  var t = je.test(s);
+  return t || Ve.test(s) ? Xe(s.slice(2), t ? 2 : 8) : He.test(s) ? te : +s;
+}
+var Ye = "Expected a function", qe = Math.max, Fe = Math.min;
+function V(s, i, t) {
+  var e, r, o, n, l, h, u = 0, m = !1, c = !1, d = !0;
+  if (typeof s != "function")
+    throw new TypeError(Ye);
+  i = ie(i) || 0, X(t) && (m = !!t.leading, c = "maxWait" in t, o = c ? qe(ie(t.maxWait) || 0, i) : o, d = "trailing" in t ? !!t.trailing : d);
+  function a(p) {
+    var O = e, C = r;
+    return e = r = void 0, u = p, n = s.apply(C, O), n;
+  }
+  function b(p) {
+    return u = p, l = setTimeout(S, i), m ? a(p) : n;
+  }
+  function y(p) {
+    var O = p - h, C = p - u, K = i - O;
+    return c ? Fe(K, o - C) : K;
+  }
+  function M(p) {
+    var O = p - h, C = p - u;
+    return h === void 0 || O >= i || O < 0 || c && C >= o;
+  }
+  function S() {
+    var p = G();
+    if (M(p))
+      return w(p);
+    l = setTimeout(S, y(p));
+  }
+  function w(p) {
+    return l = void 0, d && e ? a(p) : (e = r = void 0, n);
+  }
+  function B() {
+    l !== void 0 && clearTimeout(l), u = 0, e = h = r = l = void 0;
+  }
+  function F() {
+    return l === void 0 ? n : w(G());
+  }
+  function R() {
+    var p = G(), O = M(p);
+    if (e = arguments, r = this, h = p, O) {
+      if (l === void 0)
+        return b(h);
+      if (c)
+        return clearTimeout(l), l = setTimeout(S, i), a(h);
+    }
+    return l === void 0 && (l = setTimeout(S, i)), n;
+  }
+  return R.cancel = B, R.flush = F, R;
+}
+var $e = "Expected a function";
+function Ge(s, i, t) {
+  var e = !0, r = !0;
+  if (typeof s != "function")
+    throw new TypeError($e);
+  return X(t) && (e = "leading" in t ? !!t.leading : e, r = "trailing" in t ? !!t.trailing : r), V(s, i, {
+    leading: e,
+    maxWait: i,
+    trailing: r
+  });
+}
+var z = function() {
+  return z = Object.assign || function(i) {
+    for (var t, e = 1, r = arguments.length; e < r; e++) {
+      t = arguments[e];
+      for (var o in t) Object.prototype.hasOwnProperty.call(t, o) && (i[o] = t[o]);
+    }
+    return i;
+  }, z.apply(this, arguments);
+};
+function ue(s) {
+  return !s || !s.ownerDocument || !s.ownerDocument.defaultView ? window : s.ownerDocument.defaultView;
+}
+function he(s) {
+  return !s || !s.ownerDocument ? document : s.ownerDocument;
+}
+var de = function(s) {
+  var i = {}, t = Array.prototype.reduce.call(s, function(e, r) {
+    var o = r.name.match(/data-simplebar-(.+)/);
+    if (o) {
+      var n = o[1].replace(/\W+(.)/g, function(l, h) {
+        return h.toUpperCase();
+      });
+      switch (r.value) {
+        case "true":
+          e[n] = !0;
+          break;
+        case "false":
+          e[n] = !1;
+          break;
+        case void 0:
+          e[n] = !0;
+          break;
+        default:
+          e[n] = r.value;
+      }
+    }
+    return e;
+  }, i);
+  return t;
+};
+function fe(s, i) {
+  var t;
+  s && (t = s.classList).add.apply(t, i.split(" "));
+}
+function pe(s, i) {
+  s && i.split(" ").forEach(function(t) {
+    s.classList.remove(t);
+  });
+}
+function me(s) {
+  return ".".concat(s.split(" ").join("."));
+}
+var Z = !!(typeof window < "u" && window.document && window.document.createElement), Ue = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  addClasses: fe,
+  canUseDOM: Z,
+  classNamesToQuery: me,
+  getElementDocument: he,
+  getElementWindow: ue,
+  getOptions: de,
+  removeClasses: pe
+}), I = null, se = null;
+Z && window.addEventListener("resize", function() {
+  se !== window.devicePixelRatio && (se = window.devicePixelRatio, I = null);
+});
+function re() {
+  if (I === null) {
+    if (typeof document > "u")
+      return I = 0, I;
+    var s = document.body, i = document.createElement("div");
+    i.classList.add("simplebar-hide-scrollbar"), s.appendChild(i);
+    var t = i.getBoundingClientRect().right;
+    s.removeChild(i), I = t;
+  }
+  return I;
+}
+var N = ue, U = he, Qe = de, k = fe, T = pe, _ = me, D = (
+  /** @class */
+  function() {
+    function s(i, t) {
+      t === void 0 && (t = {});
+      var e = this;
+      if (this.removePreventClickId = null, this.minScrollbarWidth = 20, this.stopScrollDelay = 175, this.isScrolling = !1, this.isMouseEntering = !1, this.isDragging = !1, this.scrollXTicking = !1, this.scrollYTicking = !1, this.wrapperEl = null, this.contentWrapperEl = null, this.contentEl = null, this.offsetEl = null, this.maskEl = null, this.placeholderEl = null, this.heightAutoObserverWrapperEl = null, this.heightAutoObserverEl = null, this.rtlHelpers = null, this.scrollbarWidth = 0, this.resizeObserver = null, this.mutationObserver = null, this.elStyles = null, this.isRtl = null, this.mouseX = 0, this.mouseY = 0, this.onMouseMove = function() {
+      }, this.onWindowResize = function() {
+      }, this.onStopScrolling = function() {
+      }, this.onMouseEntered = function() {
+      }, this.onScroll = function() {
+        var r = N(e.el);
+        e.scrollXTicking || (r.requestAnimationFrame(e.scrollX), e.scrollXTicking = !0), e.scrollYTicking || (r.requestAnimationFrame(e.scrollY), e.scrollYTicking = !0), e.isScrolling || (e.isScrolling = !0, k(e.el, e.classNames.scrolling)), e.showScrollbar("x"), e.showScrollbar("y"), e.onStopScrolling();
+      }, this.scrollX = function() {
+        e.axis.x.isOverflowing && e.positionScrollbar("x"), e.scrollXTicking = !1;
+      }, this.scrollY = function() {
+        e.axis.y.isOverflowing && e.positionScrollbar("y"), e.scrollYTicking = !1;
+      }, this._onStopScrolling = function() {
+        T(e.el, e.classNames.scrolling), e.options.autoHide && (e.hideScrollbar("x"), e.hideScrollbar("y")), e.isScrolling = !1;
+      }, this.onMouseEnter = function() {
+        e.isMouseEntering || (k(e.el, e.classNames.mouseEntered), e.showScrollbar("x"), e.showScrollbar("y"), e.isMouseEntering = !0), e.onMouseEntered();
+      }, this._onMouseEntered = function() {
+        T(e.el, e.classNames.mouseEntered), e.options.autoHide && (e.hideScrollbar("x"), e.hideScrollbar("y")), e.isMouseEntering = !1;
+      }, this._onMouseMove = function(r) {
+        e.mouseX = r.clientX, e.mouseY = r.clientY, (e.axis.x.isOverflowing || e.axis.x.forceVisible) && e.onMouseMoveForAxis("x"), (e.axis.y.isOverflowing || e.axis.y.forceVisible) && e.onMouseMoveForAxis("y");
+      }, this.onMouseLeave = function() {
+        e.onMouseMove.cancel(), (e.axis.x.isOverflowing || e.axis.x.forceVisible) && e.onMouseLeaveForAxis("x"), (e.axis.y.isOverflowing || e.axis.y.forceVisible) && e.onMouseLeaveForAxis("y"), e.mouseX = -1, e.mouseY = -1;
+      }, this._onWindowResize = function() {
+        e.scrollbarWidth = e.getScrollbarWidth(), e.hideNativeScrollbar();
+      }, this.onPointerEvent = function(r) {
+        if (!(!e.axis.x.track.el || !e.axis.y.track.el || !e.axis.x.scrollbar.el || !e.axis.y.scrollbar.el)) {
+          var o, n;
+          e.axis.x.track.rect = e.axis.x.track.el.getBoundingClientRect(), e.axis.y.track.rect = e.axis.y.track.el.getBoundingClientRect(), (e.axis.x.isOverflowing || e.axis.x.forceVisible) && (o = e.isWithinBounds(e.axis.x.track.rect)), (e.axis.y.isOverflowing || e.axis.y.forceVisible) && (n = e.isWithinBounds(e.axis.y.track.rect)), (o || n) && (r.stopPropagation(), r.type === "pointerdown" && r.pointerType !== "touch" && (o && (e.axis.x.scrollbar.rect = e.axis.x.scrollbar.el.getBoundingClientRect(), e.isWithinBounds(e.axis.x.scrollbar.rect) ? e.onDragStart(r, "x") : e.onTrackClick(r, "x")), n && (e.axis.y.scrollbar.rect = e.axis.y.scrollbar.el.getBoundingClientRect(), e.isWithinBounds(e.axis.y.scrollbar.rect) ? e.onDragStart(r, "y") : e.onTrackClick(r, "y"))));
+        }
+      }, this.drag = function(r) {
+        var o, n, l, h, u, m, c, d, a, b, y;
+        if (!(!e.draggedAxis || !e.contentWrapperEl)) {
+          var M, S = e.axis[e.draggedAxis].track, w = (n = (o = S.rect) === null || o === void 0 ? void 0 : o[e.axis[e.draggedAxis].sizeAttr]) !== null && n !== void 0 ? n : 0, B = e.axis[e.draggedAxis].scrollbar, F = (h = (l = e.contentWrapperEl) === null || l === void 0 ? void 0 : l[e.axis[e.draggedAxis].scrollSizeAttr]) !== null && h !== void 0 ? h : 0, R = parseInt((m = (u = e.elStyles) === null || u === void 0 ? void 0 : u[e.axis[e.draggedAxis].sizeAttr]) !== null && m !== void 0 ? m : "0px", 10);
+          r.preventDefault(), r.stopPropagation(), e.draggedAxis === "y" ? M = r.pageY : M = r.pageX;
+          var p = M - ((d = (c = S.rect) === null || c === void 0 ? void 0 : c[e.axis[e.draggedAxis].offsetAttr]) !== null && d !== void 0 ? d : 0) - e.axis[e.draggedAxis].dragOffset;
+          p = e.draggedAxis === "x" && e.isRtl ? ((b = (a = S.rect) === null || a === void 0 ? void 0 : a[e.axis[e.draggedAxis].sizeAttr]) !== null && b !== void 0 ? b : 0) - B.size - p : p;
+          var O = p / (w - B.size), C = O * (F - R);
+          e.draggedAxis === "x" && e.isRtl && (C = !((y = s.getRtlHelpers()) === null || y === void 0) && y.isScrollingToNegative ? -C : C), e.contentWrapperEl[e.axis[e.draggedAxis].scrollOffsetAttr] = C;
+        }
+      }, this.onEndDrag = function(r) {
+        e.isDragging = !1;
+        var o = U(e.el), n = N(e.el);
+        r.preventDefault(), r.stopPropagation(), T(e.el, e.classNames.dragging), e.onStopScrolling(), o.removeEventListener("mousemove", e.drag, !0), o.removeEventListener("mouseup", e.onEndDrag, !0), e.removePreventClickId = n.setTimeout(function() {
+          o.removeEventListener("click", e.preventClick, !0), o.removeEventListener("dblclick", e.preventClick, !0), e.removePreventClickId = null;
+        });
+      }, this.preventClick = function(r) {
+        r.preventDefault(), r.stopPropagation();
+      }, this.el = i, this.options = z(z({}, s.defaultOptions), t), this.classNames = z(z({}, s.defaultOptions.classNames), t.classNames), this.axis = {
+        x: {
+          scrollOffsetAttr: "scrollLeft",
+          sizeAttr: "width",
+          scrollSizeAttr: "scrollWidth",
+          offsetSizeAttr: "offsetWidth",
+          offsetAttr: "left",
+          overflowAttr: "overflowX",
+          dragOffset: 0,
+          isOverflowing: !0,
+          forceVisible: !1,
+          track: { size: null, el: null, rect: null, isVisible: !1 },
+          scrollbar: { size: null, el: null, rect: null, isVisible: !1 }
+        },
+        y: {
+          scrollOffsetAttr: "scrollTop",
+          sizeAttr: "height",
+          scrollSizeAttr: "scrollHeight",
+          offsetSizeAttr: "offsetHeight",
+          offsetAttr: "top",
+          overflowAttr: "overflowY",
+          dragOffset: 0,
+          isOverflowing: !0,
+          forceVisible: !1,
+          track: { size: null, el: null, rect: null, isVisible: !1 },
+          scrollbar: { size: null, el: null, rect: null, isVisible: !1 }
+        }
+      }, typeof this.el != "object" || !this.el.nodeName)
+        throw new Error("Argument passed to SimpleBar must be an HTML element instead of ".concat(this.el));
+      this.onMouseMove = Ge(this._onMouseMove, 64), this.onWindowResize = V(this._onWindowResize, 64, { leading: !0 }), this.onStopScrolling = V(this._onStopScrolling, this.stopScrollDelay), this.onMouseEntered = V(this._onMouseEntered, this.stopScrollDelay), this.init();
+    }
+    return s.getRtlHelpers = function() {
+      if (s.rtlHelpers)
+        return s.rtlHelpers;
+      var i = document.createElement("div");
+      i.innerHTML = '<div class="simplebar-dummy-scrollbar-size"><div></div></div>';
+      var t = i.firstElementChild, e = t == null ? void 0 : t.firstElementChild;
+      if (!e)
+        return null;
+      document.body.appendChild(t), t.scrollLeft = 0;
+      var r = s.getOffset(t), o = s.getOffset(e);
+      t.scrollLeft = -999;
+      var n = s.getOffset(e);
+      return document.body.removeChild(t), s.rtlHelpers = {
+        // determines if the scrolling is responding with negative values
+        isScrollOriginAtZero: r.left !== o.left,
+        // determines if the origin scrollbar position is inverted or not (positioned on left or right)
+        isScrollingToNegative: o.left !== n.left
+      }, s.rtlHelpers;
+    }, s.prototype.getScrollbarWidth = function() {
+      try {
+        return this.contentWrapperEl && getComputedStyle(this.contentWrapperEl, "::-webkit-scrollbar").display === "none" || "scrollbarWidth" in document.documentElement.style || "-ms-overflow-style" in document.documentElement.style ? 0 : re();
+      } catch {
+        return re();
+      }
+    }, s.getOffset = function(i) {
+      var t = i.getBoundingClientRect(), e = U(i), r = N(i);
+      return {
+        top: t.top + (r.pageYOffset || e.documentElement.scrollTop),
+        left: t.left + (r.pageXOffset || e.documentElement.scrollLeft)
+      };
+    }, s.prototype.init = function() {
+      Z && (this.initDOM(), this.rtlHelpers = s.getRtlHelpers(), this.scrollbarWidth = this.getScrollbarWidth(), this.recalculate(), this.initListeners());
+    }, s.prototype.initDOM = function() {
+      var i, t;
+      this.wrapperEl = this.el.querySelector(_(this.classNames.wrapper)), this.contentWrapperEl = this.options.scrollableNode || this.el.querySelector(_(this.classNames.contentWrapper)), this.contentEl = this.options.contentNode || this.el.querySelector(_(this.classNames.contentEl)), this.offsetEl = this.el.querySelector(_(this.classNames.offset)), this.maskEl = this.el.querySelector(_(this.classNames.mask)), this.placeholderEl = this.findChild(this.wrapperEl, _(this.classNames.placeholder)), this.heightAutoObserverWrapperEl = this.el.querySelector(_(this.classNames.heightAutoObserverWrapperEl)), this.heightAutoObserverEl = this.el.querySelector(_(this.classNames.heightAutoObserverEl)), this.axis.x.track.el = this.findChild(this.el, "".concat(_(this.classNames.track)).concat(_(this.classNames.horizontal))), this.axis.y.track.el = this.findChild(this.el, "".concat(_(this.classNames.track)).concat(_(this.classNames.vertical))), this.axis.x.scrollbar.el = ((i = this.axis.x.track.el) === null || i === void 0 ? void 0 : i.querySelector(_(this.classNames.scrollbar))) || null, this.axis.y.scrollbar.el = ((t = this.axis.y.track.el) === null || t === void 0 ? void 0 : t.querySelector(_(this.classNames.scrollbar))) || null, this.options.autoHide || (k(this.axis.x.scrollbar.el, this.classNames.visible), k(this.axis.y.scrollbar.el, this.classNames.visible));
+    }, s.prototype.initListeners = function() {
+      var i = this, t, e = N(this.el);
+      if (this.el.addEventListener("mouseenter", this.onMouseEnter), this.el.addEventListener("pointerdown", this.onPointerEvent, !0), this.el.addEventListener("mousemove", this.onMouseMove), this.el.addEventListener("mouseleave", this.onMouseLeave), (t = this.contentWrapperEl) === null || t === void 0 || t.addEventListener("scroll", this.onScroll), e.addEventListener("resize", this.onWindowResize), !!this.contentEl) {
+        if (window.ResizeObserver) {
+          var r = !1, o = e.ResizeObserver || ResizeObserver;
+          this.resizeObserver = new o(function() {
+            r && e.requestAnimationFrame(function() {
+              i.recalculate();
+            });
+          }), this.resizeObserver.observe(this.el), this.resizeObserver.observe(this.contentEl), e.requestAnimationFrame(function() {
+            r = !0;
+          });
+        }
+        this.mutationObserver = new e.MutationObserver(function() {
+          e.requestAnimationFrame(function() {
+            i.recalculate();
+          });
+        }), this.mutationObserver.observe(this.contentEl, {
+          childList: !0,
+          subtree: !0,
+          characterData: !0
+        });
+      }
+    }, s.prototype.recalculate = function() {
+      if (!(!this.heightAutoObserverEl || !this.contentEl || !this.contentWrapperEl || !this.wrapperEl || !this.placeholderEl)) {
+        var i = N(this.el);
+        this.elStyles = i.getComputedStyle(this.el), this.isRtl = this.elStyles.direction === "rtl";
+        var t = this.contentEl.offsetWidth, e = this.heightAutoObserverEl.offsetHeight <= 1, r = this.heightAutoObserverEl.offsetWidth <= 1 || t > 0, o = this.contentWrapperEl.offsetWidth, n = this.elStyles.overflowX, l = this.elStyles.overflowY;
+        this.contentEl.style.padding = "".concat(this.elStyles.paddingTop, " ").concat(this.elStyles.paddingRight, " ").concat(this.elStyles.paddingBottom, " ").concat(this.elStyles.paddingLeft), this.wrapperEl.style.margin = "-".concat(this.elStyles.paddingTop, " -").concat(this.elStyles.paddingRight, " -").concat(this.elStyles.paddingBottom, " -").concat(this.elStyles.paddingLeft);
+        var h = this.contentEl.scrollHeight, u = this.contentEl.scrollWidth;
+        this.contentWrapperEl.style.height = e ? "auto" : "100%", this.placeholderEl.style.width = r ? "".concat(t || u, "px") : "auto", this.placeholderEl.style.height = "".concat(h, "px");
+        var m = this.contentWrapperEl.offsetHeight;
+        this.axis.x.isOverflowing = t !== 0 && u > t, this.axis.y.isOverflowing = h > m, this.axis.x.isOverflowing = n === "hidden" ? !1 : this.axis.x.isOverflowing, this.axis.y.isOverflowing = l === "hidden" ? !1 : this.axis.y.isOverflowing, this.axis.x.forceVisible = this.options.forceVisible === "x" || this.options.forceVisible === !0, this.axis.y.forceVisible = this.options.forceVisible === "y" || this.options.forceVisible === !0, this.hideNativeScrollbar();
+        var c = this.axis.x.isOverflowing ? this.scrollbarWidth : 0, d = this.axis.y.isOverflowing ? this.scrollbarWidth : 0;
+        this.axis.x.isOverflowing = this.axis.x.isOverflowing && u > o - d, this.axis.y.isOverflowing = this.axis.y.isOverflowing && h > m - c, this.axis.x.scrollbar.size = this.getScrollbarSize("x"), this.axis.y.scrollbar.size = this.getScrollbarSize("y"), this.axis.x.scrollbar.el && (this.axis.x.scrollbar.el.style.width = "".concat(this.axis.x.scrollbar.size, "px")), this.axis.y.scrollbar.el && (this.axis.y.scrollbar.el.style.height = "".concat(this.axis.y.scrollbar.size, "px")), this.positionScrollbar("x"), this.positionScrollbar("y"), this.toggleTrackVisibility("x"), this.toggleTrackVisibility("y");
+      }
+    }, s.prototype.getScrollbarSize = function(i) {
+      var t, e;
+      if (i === void 0 && (i = "y"), !this.axis[i].isOverflowing || !this.contentEl)
+        return 0;
+      var r = this.contentEl[this.axis[i].scrollSizeAttr], o = (e = (t = this.axis[i].track.el) === null || t === void 0 ? void 0 : t[this.axis[i].offsetSizeAttr]) !== null && e !== void 0 ? e : 0, n = o / r, l;
+      return l = Math.max(~~(n * o), this.options.scrollbarMinSize), this.options.scrollbarMaxSize && (l = Math.min(l, this.options.scrollbarMaxSize)), l;
+    }, s.prototype.positionScrollbar = function(i) {
+      var t, e, r;
+      i === void 0 && (i = "y");
+      var o = this.axis[i].scrollbar;
+      if (!(!this.axis[i].isOverflowing || !this.contentWrapperEl || !o.el || !this.elStyles)) {
+        var n = this.contentWrapperEl[this.axis[i].scrollSizeAttr], l = ((t = this.axis[i].track.el) === null || t === void 0 ? void 0 : t[this.axis[i].offsetSizeAttr]) || 0, h = parseInt(this.elStyles[this.axis[i].sizeAttr], 10), u = this.contentWrapperEl[this.axis[i].scrollOffsetAttr];
+        u = i === "x" && this.isRtl && (!((e = s.getRtlHelpers()) === null || e === void 0) && e.isScrollOriginAtZero) ? -u : u, i === "x" && this.isRtl && (u = !((r = s.getRtlHelpers()) === null || r === void 0) && r.isScrollingToNegative ? u : -u);
+        var m = u / (n - h), c = ~~((l - o.size) * m);
+        c = i === "x" && this.isRtl ? -c + (l - o.size) : c, o.el.style.transform = i === "x" ? "translate3d(".concat(c, "px, 0, 0)") : "translate3d(0, ".concat(c, "px, 0)");
+      }
+    }, s.prototype.toggleTrackVisibility = function(i) {
+      i === void 0 && (i = "y");
+      var t = this.axis[i].track.el, e = this.axis[i].scrollbar.el;
+      !t || !e || !this.contentWrapperEl || (this.axis[i].isOverflowing || this.axis[i].forceVisible ? (t.style.visibility = "visible", this.contentWrapperEl.style[this.axis[i].overflowAttr] = "scroll", this.el.classList.add("".concat(this.classNames.scrollable, "-").concat(i))) : (t.style.visibility = "hidden", this.contentWrapperEl.style[this.axis[i].overflowAttr] = "hidden", this.el.classList.remove("".concat(this.classNames.scrollable, "-").concat(i))), this.axis[i].isOverflowing ? e.style.display = "block" : e.style.display = "none");
+    }, s.prototype.showScrollbar = function(i) {
+      i === void 0 && (i = "y"), this.axis[i].isOverflowing && !this.axis[i].scrollbar.isVisible && (k(this.axis[i].scrollbar.el, this.classNames.visible), this.axis[i].scrollbar.isVisible = !0);
+    }, s.prototype.hideScrollbar = function(i) {
+      i === void 0 && (i = "y"), !this.isDragging && this.axis[i].isOverflowing && this.axis[i].scrollbar.isVisible && (T(this.axis[i].scrollbar.el, this.classNames.visible), this.axis[i].scrollbar.isVisible = !1);
+    }, s.prototype.hideNativeScrollbar = function() {
+      this.offsetEl && (this.offsetEl.style[this.isRtl ? "left" : "right"] = this.axis.y.isOverflowing || this.axis.y.forceVisible ? "-".concat(this.scrollbarWidth, "px") : "0px", this.offsetEl.style.bottom = this.axis.x.isOverflowing || this.axis.x.forceVisible ? "-".concat(this.scrollbarWidth, "px") : "0px");
+    }, s.prototype.onMouseMoveForAxis = function(i) {
+      i === void 0 && (i = "y");
+      var t = this.axis[i];
+      !t.track.el || !t.scrollbar.el || (t.track.rect = t.track.el.getBoundingClientRect(), t.scrollbar.rect = t.scrollbar.el.getBoundingClientRect(), this.isWithinBounds(t.track.rect) ? (this.showScrollbar(i), k(t.track.el, this.classNames.hover), this.isWithinBounds(t.scrollbar.rect) ? k(t.scrollbar.el, this.classNames.hover) : T(t.scrollbar.el, this.classNames.hover)) : (T(t.track.el, this.classNames.hover), this.options.autoHide && this.hideScrollbar(i)));
+    }, s.prototype.onMouseLeaveForAxis = function(i) {
+      i === void 0 && (i = "y"), T(this.axis[i].track.el, this.classNames.hover), T(this.axis[i].scrollbar.el, this.classNames.hover), this.options.autoHide && this.hideScrollbar(i);
+    }, s.prototype.onDragStart = function(i, t) {
+      var e;
+      t === void 0 && (t = "y"), this.isDragging = !0;
+      var r = U(this.el), o = N(this.el), n = this.axis[t].scrollbar, l = t === "y" ? i.pageY : i.pageX;
+      this.axis[t].dragOffset = l - (((e = n.rect) === null || e === void 0 ? void 0 : e[this.axis[t].offsetAttr]) || 0), this.draggedAxis = t, k(this.el, this.classNames.dragging), r.addEventListener("mousemove", this.drag, !0), r.addEventListener("mouseup", this.onEndDrag, !0), this.removePreventClickId === null ? (r.addEventListener("click", this.preventClick, !0), r.addEventListener("dblclick", this.preventClick, !0)) : (o.clearTimeout(this.removePreventClickId), this.removePreventClickId = null);
+    }, s.prototype.onTrackClick = function(i, t) {
+      var e = this, r, o, n, l;
+      t === void 0 && (t = "y");
+      var h = this.axis[t];
+      if (!(!this.options.clickOnTrack || !h.scrollbar.el || !this.contentWrapperEl)) {
+        i.preventDefault();
+        var u = N(this.el);
+        this.axis[t].scrollbar.rect = h.scrollbar.el.getBoundingClientRect();
+        var m = this.axis[t].scrollbar, c = (o = (r = m.rect) === null || r === void 0 ? void 0 : r[this.axis[t].offsetAttr]) !== null && o !== void 0 ? o : 0, d = parseInt((l = (n = this.elStyles) === null || n === void 0 ? void 0 : n[this.axis[t].sizeAttr]) !== null && l !== void 0 ? l : "0px", 10), a = this.contentWrapperEl[this.axis[t].scrollOffsetAttr], b = t === "y" ? this.mouseY - c : this.mouseX - c, y = b < 0 ? -1 : 1, M = y === -1 ? a - d : a + d, S = 40, w = function() {
+          e.contentWrapperEl && (y === -1 ? a > M && (a -= S, e.contentWrapperEl[e.axis[t].scrollOffsetAttr] = a, u.requestAnimationFrame(w)) : a < M && (a += S, e.contentWrapperEl[e.axis[t].scrollOffsetAttr] = a, u.requestAnimationFrame(w)));
+        };
+        w();
+      }
+    }, s.prototype.getContentElement = function() {
+      return this.contentEl;
+    }, s.prototype.getScrollElement = function() {
+      return this.contentWrapperEl;
+    }, s.prototype.removeListeners = function() {
+      var i = N(this.el);
+      this.el.removeEventListener("mouseenter", this.onMouseEnter), this.el.removeEventListener("pointerdown", this.onPointerEvent, !0), this.el.removeEventListener("mousemove", this.onMouseMove), this.el.removeEventListener("mouseleave", this.onMouseLeave), this.contentWrapperEl && this.contentWrapperEl.removeEventListener("scroll", this.onScroll), i.removeEventListener("resize", this.onWindowResize), this.mutationObserver && this.mutationObserver.disconnect(), this.resizeObserver && this.resizeObserver.disconnect(), this.onMouseMove.cancel(), this.onWindowResize.cancel(), this.onStopScrolling.cancel(), this.onMouseEntered.cancel();
+    }, s.prototype.unMount = function() {
+      this.removeListeners();
+    }, s.prototype.isWithinBounds = function(i) {
+      return this.mouseX >= i.left && this.mouseX <= i.left + i.width && this.mouseY >= i.top && this.mouseY <= i.top + i.height;
+    }, s.prototype.findChild = function(i, t) {
+      var e = i.matches || i.webkitMatchesSelector || i.mozMatchesSelector || i.msMatchesSelector;
+      return Array.prototype.filter.call(i.children, function(r) {
+        return e.call(r, t);
+      })[0];
+    }, s.rtlHelpers = null, s.defaultOptions = {
+      forceVisible: !1,
+      clickOnTrack: !0,
+      scrollbarMinSize: 25,
+      scrollbarMaxSize: 0,
+      ariaLabel: "scrollable content",
+      tabIndex: 0,
+      classNames: {
+        contentEl: "simplebar-content",
+        contentWrapper: "simplebar-content-wrapper",
+        offset: "simplebar-offset",
+        mask: "simplebar-mask",
+        wrapper: "simplebar-wrapper",
+        placeholder: "simplebar-placeholder",
+        scrollbar: "simplebar-scrollbar",
+        track: "simplebar-track",
+        heightAutoObserverWrapperEl: "simplebar-height-auto-observer-wrapper",
+        heightAutoObserverEl: "simplebar-height-auto-observer",
+        visible: "simplebar-visible",
+        horizontal: "simplebar-horizontal",
+        vertical: "simplebar-vertical",
+        hover: "simplebar-hover",
+        dragging: "simplebar-dragging",
+        scrolling: "simplebar-scrolling",
+        scrollable: "simplebar-scrollable",
+        mouseEntered: "simplebar-mouse-entered"
+      },
+      scrollableNode: null,
+      contentNode: null,
+      autoHide: !0
+    }, s.getOptions = Qe, s.helpers = Ue, s;
+  }()
+), E = function() {
+  return E = Object.assign || function(i) {
+    for (var t, e = 1, r = arguments.length; e < r; e++) {
+      t = arguments[e];
+      for (var o in t) Object.prototype.hasOwnProperty.call(t, o) && (i[o] = t[o]);
+    }
+    return i;
+  }, E.apply(this, arguments);
+};
+function Ze(s, i) {
+  var t = {};
+  for (var e in s) Object.prototype.hasOwnProperty.call(s, e) && i.indexOf(e) < 0 && (t[e] = s[e]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(s); r < e.length; r++)
+      i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(s, e[r]) && (t[e[r]] = s[e[r]]);
+  return t;
+}
+var ve = g.forwardRef(function(s, i) {
+  var t = s.children, e = s.scrollableNodeProps, r = e === void 0 ? {} : e, o = Ze(s, ["children", "scrollableNodeProps"]), n = g.useRef(), l = g.useRef(), h = g.useRef(), u = {}, m = {};
+  Object.keys(o).forEach(function(a) {
+    Object.prototype.hasOwnProperty.call(D.defaultOptions, a) ? u[a] = o[a] : m[a] = o[a];
+  });
+  var c = E(E({}, D.defaultOptions.classNames), u.classNames), d = E(E({}, r), { className: "".concat(c.contentWrapper).concat(r.className ? " ".concat(r.className) : ""), tabIndex: u.tabIndex || D.defaultOptions.tabIndex, role: "region", "aria-label": u.ariaLabel || D.defaultOptions.ariaLabel });
+  return g.useEffect(function() {
+    var a;
+    return l.current = d.ref ? d.ref.current : l.current, n.current && (a = new D(n.current, E(E(E({}, u), l.current && {
+      scrollableNode: l.current
+    }), h.current && {
+      contentNode: h.current
+    })), typeof i == "function" ? i(a) : i && (i.current = a)), function() {
+      a == null || a.unMount(), a = null, typeof i == "function" && i(null);
+    };
+  }, []), g.createElement(
+    "div",
+    E({ "data-simplebar": "init", ref: n }, m),
+    g.createElement(
+      "div",
+      { className: c.wrapper },
+      g.createElement(
+        "div",
+        { className: c.heightAutoObserverWrapperEl },
+        g.createElement("div", { className: c.heightAutoObserverEl })
+      ),
+      g.createElement(
+        "div",
+        { className: c.mask },
+        g.createElement("div", { className: c.offset }, typeof t == "function" ? t({
+          scrollableNodeRef: l,
+          scrollableNodeProps: E(E({}, d), { ref: l }),
+          contentNodeRef: h,
+          contentNodeProps: {
+            className: c.contentEl,
+            ref: h
+          }
+        }) : g.createElement(
+          "div",
+          E({}, d),
+          g.createElement("div", { className: c.contentEl }, t)
+        ))
+      ),
+      g.createElement("div", { className: c.placeholder })
+    ),
+    g.createElement(
+      "div",
+      { className: "".concat(c.track, " ").concat(c.horizontal) },
+      g.createElement("div", { className: c.scrollbar })
+    ),
+    g.createElement(
+      "div",
+      { className: "".concat(c.track, " ").concat(c.vertical) },
+      g.createElement("div", { className: c.scrollbar })
+    )
+  );
+});
+ve.displayName = "SimpleBar";
+const Je = "Confirmation-module__container___45eSd", Ke = "Confirmation-module__message___4r1SC", et = "Confirmation-module__buttons___QYVqm", tt = "Confirmation-module__button___gJmIL", it = "Confirmation-module__confirm___DqtMv", st = "Confirmation-module__cancel___3CIW9", A = {
+  container: Je,
+  message: Ke,
+  buttons: et,
+  button: tt,
+  confirm: it,
+  cancel: st
+}, rt = ({
+  message: s,
+  title: i,
+  onCancel: t,
+  onConfirm: e
+}) => {
+  const r = x(A.button, A.confirm), o = x(A.button, A.cancel);
+  return /* @__PURE__ */ W("div", { className: A.container, children: [
+    /* @__PURE__ */ f("div", { className: A.title, children: i }),
+    /* @__PURE__ */ f("div", { className: x(A.message, P.TEXT_SECONDARY), children: s }),
+    /* @__PURE__ */ W("div", { className: A.buttons, children: [
+      /* @__PURE__ */ f("button", { className: r, onClick: e, children: "Yes" }),
+      /* @__PURE__ */ f("button", { className: o, onClick: t, children: "No" })
+    ] })
+  ] });
+}, ot = "Menu-module__container___KGp0N", nt = "Menu-module__disabled___xdT-F", lt = "Menu-module__groupHeader___-d7MT", at = "Menu-module__isDrill___6OfQP", ct = "Menu-module__separator___OQ--M", ut = "Menu-module__noIcon___MYkPf", ht = "Menu-module__item___nmDUr", dt = "Menu-module__checked___6OJEB", ft = "Menu-module__radio___OlxcQ", pt = "Menu-module__checkbox___HocC7", mt = "Menu-module__icon___ZxKUL", vt = "Menu-module__itemType___VLiEZ", gt = "Menu-module__nestedType___gayzp", bt = "Menu-module__nestedIcon___VyPyZ", yt = "Menu-module__menuItemText___agoSf", _t = "Menu-module__separateGroup___0J5WE", Et = "Menu-module__itemCheckBox___2DHy4", St = "Menu-module__itemRadioButton___h2ifs", xt = "Menu-module__scrollbar___li1b-", Ot = "Menu-module__itemContainer___m0XPy", Ct = "Menu-module__inlineConfirmation___0JCIX", Mt = "Menu-module__menuItemTooltip___5jA0S", wt = "Menu-module__toggleButtonMenu___qwLCQ", Nt = "Menu-module__loader___pzNnL", v = {
+  container: ot,
+  disabled: nt,
+  groupHeader: lt,
+  isDrill: at,
+  separator: ct,
+  noIcon: ut,
+  item: ht,
+  checked: dt,
+  radio: ft,
+  checkbox: pt,
+  icon: mt,
+  itemType: vt,
+  nestedType: gt,
+  nestedIcon: bt,
+  menuItemText: yt,
+  separateGroup: _t,
+  itemCheckBox: Et,
+  itemRadioButton: St,
+  scrollbar: xt,
+  itemContainer: Ot,
+  inlineConfirmation: Ct,
+  menuItemTooltip: Mt,
+  toggleButtonMenu: wt,
+  loader: Nt
+}, j = Object.freeze({
+  ITEM: "item",
+  RADIO: "radio",
+  CHECKBOX: "checkbox",
+  TOGGLE: "toggle",
+  NESTED: "nested"
+}), J = class J extends le {
+  constructor(i) {
+    super(i), this.renderRegularMenuItem = () => {
+      const { dataTestId: t, iconName: e, iconClass: r, isDrill: o } = this.props;
+      return /* @__PURE__ */ W("span", { className: v.itemContainer, children: [
+        e && /* @__PURE__ */ f(H, { name: e, className: r }),
+        /* @__PURE__ */ f(
+          "span",
+          {
+            "data-testid": t,
+            className: x(v.menuItemText, P.TEXT_PRIMARY),
+            children: this.getContent()
+          }
+        ),
+        o && /* @__PURE__ */ f(H, { name: "general-arrow-right" })
+      ] });
+    }, this.renderMenuItem = () => {
+      const { tooltip: t, classNameTooltip: e, level: r } = this.props, o = this.renderRegularMenuItem();
+      return t ? /* @__PURE__ */ f(
+        _e,
+        {
+          overlay: /* @__PURE__ */ f("div", { children: t }),
+          placement: "right",
+          overlayClassName: x(e, v.menuItemTooltip),
+          mouseLeaveDelay: 0,
+          align: { offset: [r ? 5 : 10, 0] },
+          children: o
+        }
+      ) : o;
+    }, this.state = { inInlineConfirmation: !1 };
+  }
+  getContent() {
+    const { type: i, caption: t, subCaption: e, checked: r, selected: o } = this.props;
+    switch (i) {
+      case j.RADIO:
+        return /* @__PURE__ */ f(
+          Ee,
+          {
+            text: t,
+            name: t,
+            onChange: () => null,
+            value: t,
+            checked: !!r,
+            preventClick: !0
+          }
+        );
+      case j.CHECKBOX:
+        return /* @__PURE__ */ f(
+          be,
+          {
+            title: t,
+            text: t,
+            onChange: () => null,
+            checked: !!r,
+            className: v.itemCheckBox
+          }
+        );
+      case j.TOGGLE:
+        return /* @__PURE__ */ W("div", { children: [
+          /* @__PURE__ */ f("span", { children: t }),
+          /* @__PURE__ */ f(
+            ye,
+            {
+              onChange: () => null,
+              className: v.toggleButtonMenu,
+              checked: !!r
+            }
+          )
+        ] });
+      case j.NESTED:
+        return /* @__PURE__ */ W("div", { className: v.nestedType, children: [
+          /* @__PURE__ */ f("div", { children: t }),
+          /* @__PURE__ */ f(H, { className: v.nestedIcon, name: "general-double-arrow-front" }),
+          /* @__PURE__ */ f("div", { children: e })
+        ] });
+      default:
+        return /* @__PURE__ */ W("div", { className: v.itemType, children: [
+          t,
+          o && /* @__PURE__ */ f(H, { name: "general-vi-small-white" })
+        ] });
+    }
+  }
+  handleClick(i) {
+    i.stopPropagation();
+    const { handleClick: t, disabled: e } = this.props;
+    e || t();
+  }
+  render() {
+    const { checked: i, className: t, iconName: e, handleOver: r, handleOut: o, disabled: n } = this.props, l = !1, h = x(t, {
+      [v.checked]: i,
+      [v.noIcon]: !e || l,
+      [v.disabled]: n,
+      [P.TEXT_PRIMARY]: i,
+      [P.TEXT_SECONDARY_HOVER]: !i && !n,
+      [P.TEXT_SECONDARY]: n
+    });
+    return /* @__PURE__ */ f(
+      "li",
+      {
+        "data-menu-item": !0,
+        className: h,
+        onClick: this.handleClick.bind(this),
+        onMouseOver: r,
+        onMouseOut: o,
+        children: this.renderMenuItem()
+      }
+    );
+  }
+};
+J.defaultProps = {
+  className: ""
+};
+let Q = J;
+function kt(s, i) {
+  const t = {};
+  return s.reduce(function(e, r) {
+    const o = i(r);
+    return e[o] || (e[o] = []), e[o].push(r), e;
+  }, t);
+}
+const oe = () => {
+}, q = class q extends le {
+  constructor(i) {
+    super(i), this.handleClick = (t) => {
+      if (t.subItems || t.actionableComponent) {
+        this.clearTimeout(), this.state.activeSubMenu === t.id ? this.closeSubMenu() : this.setState({ activeSubMenu: t.id });
+        return;
+      } else if (t.confirmation && !t.confirmation.inline) {
+        this.clearTimeout(), this.setState({ activeSubMenu: t.id });
+        return;
+      }
+      const { onItemSelected: e } = this.props;
+      e(t, t.value);
+    }, this.handleOver = (t) => {
+      this.clearTimeout(), this.setState({ isHoverSubMenu: !1 });
+      const e = t.subItems || t.actionableComponent ? t.id : null;
+      this.timeoutIn = window.setTimeout(() => {
+        this.setState({
+          activeSubMenu: e
+        });
+      }, 900);
+    }, this.handleOut = (t) => {
+      (t.subItems || t.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 = (t) => {
+      const { onItemSelected: e } = this.props;
+      this.closeSubMenu(), e(t);
+    }, this.renderMenuItem = (t) => {
+      const { onItemSelected: e, onRequestClose: r, level: o, classNameTooltip: n, zIndex: l, className: h } = this.props;
+      let u = x(v[t.type], {
+        [v.isDrill]: t.subItems,
+        [v.separator]: t.separator,
+        fakeHover: t.checked,
+        [v.groupHeader]: t.groupTitle
+      });
+      const m = (d) => {
+        const a = x(t.iconClass, v.icon);
+        return /* @__PURE__ */ f(
+          Q,
+          {
+            className: d,
+            checked: t.checked,
+            dataTestId: t.dataTestId,
+            disabled: t.disabled,
+            type: t.type,
+            caption: t.caption,
+            subCaption: t.subCaption,
+            tooltip: t.tooltip,
+            classNameTooltip: n,
+            iconName: t.iconName,
+            iconClass: a,
+            isDrill: !!t.subItems || !!t.actionableComponent,
+            level: o,
+            selected: t.selected,
+            handleClick: () => this.handleClick(t),
+            handleOver: () => this.handleOver(t),
+            handleOut: () => this.handleOut(t)
+          },
+          t.id
+        );
+      };
+      let c = t.subItems;
+      if (c) {
+        const d = this.state.activeSubMenu === t.id;
+        let a = this.handleClick;
+        return u = x(u, {
+          fakeHover: d && this.state.isHoverSubMenu
+        }), t.value !== void 0 && (c = c.map(function(y) {
+          return {
+            ...y,
+            checked: y.value === t.value
+          };
+        }), a = (y) => e(t, y.value)), /* @__PURE__ */ f(
+          $,
+          {
+            visible: d,
+            level: 1,
+            mask: !1,
+            trigger: [],
+            placement: "rightTop",
+            align: { offset: [0, 0] },
+            overlay: () => /* @__PURE__ */ f(
+              q,
+              {
+                items: c || [],
+                className: h,
+                onItemSelected: a,
+                onMouseEnter: this.onSubMenuMouseEnter,
+                scrollbarProps: {
+                  className: t.subItemScrollbarClassName
+                },
+                level: (o || 0) + 1,
+                zIndex: (l || 1) + 1
+              }
+            ),
+            onRequestClose: r,
+            zIndex: (l || 1) + 1,
+            children: m(u)
+          },
+          t.id
+        );
+      } else if (t.actionableComponent) {
+        const { componentProps: d } = t.actionableComponent, a = t.actionableComponent.component, b = this.state.activeSubMenu === t.id;
+        return /* @__PURE__ */ f(
+          $,
+          {
+            visible: b,
+            level: 1,
+            mask: !1,
+            trigger: [],
+            placement: "rightTop",
+            align: { offset: [10, 0] },
+            overlay: () => /* @__PURE__ */ f(a, { ...d, onRequestClose: r }),
+            onRequestClose: r,
+            children: m(u)
+          },
+          t.id
+        );
+      } else if (t.confirmation && !t.confirmation.inline) {
+        const d = t.confirmation, a = this.state.activeSubMenu === t.id;
+        return /* @__PURE__ */ f(
+          $,
+          {
+            visible: a,
+            level: 1,
+            mask: !0,
+            trigger: [],
+            placement: "rightBottom",
+            align: { offset: [10, 0] },
+            overlay: () => /* @__PURE__ */ f(
+              rt,
+              {
+                title: d.title,
+                message: d.message,
+                onCancel: this.closeSubMenu,
+                onConfirm: () => this.onConfirm(t)
+              }
+            ),
+            onRequestClose: this.closeSubMenu,
+            children: m(u)
+          },
+          t.id
+        );
+      }
+      return m(u);
+    }, this.state = {
+      activeSubMenu: null,
+      isHoverSubMenu: !1
+    }, this.timeoutIn = null;
+  }
+  componentWillUnmount() {
+    this.clearTimeout();
+  }
+  clearTimeout() {
+    this.timeoutIn && (clearTimeout(this.timeoutIn), this.timeoutIn = null);
+  }
+  getSeparateGroups(i) {
+    const t = kt(i, (o) => o.groupId || ""), e = Object.values(t);
+    return e.slice(1).forEach((o) => o[0].separator = !0), e;
+  }
+  render() {
+    const {
+      items: i,
+      className: t,
+      onMouseEnter: e,
+      scrollbarProps: { className: r, ...o },
+      width: n,
+      isLoading: l
+    } = this.props;
+    let h = i.filter((a) => !a.hidden);
+    h = h.map((a, b) => (a.separator && !h[b - 1] && (a.separator = !1), a));
+    const u = x(v.container, t), m = x(v.scrollbar, r), c = n ? { width: `${n}px`, minWidth: "inherit" } : {}, d = l ? v.loader : "";
+    return /* @__PURE__ */ f("div", { className: u, onMouseEnter: e, style: c, children: /* @__PURE__ */ W(ve, { className: m, ...o, children: [
+      this.getSeparateGroups(h).map((a, b) => /* @__PURE__ */ f("div", { className: v.separateGroup, children: a.map(this.renderMenuItem) }, b)),
+      /* @__PURE__ */ f("div", { className: d, children: /* @__PURE__ */ f(ge, { isLoading: l }) })
+    ] }) });
+  }
+};
+q.defaultProps = {
+  onMouseEnter: oe,
+  onRequestClose: oe,
+  scrollbarProps: {},
+  level: 0,
+  isLoading: !1,
+  zIndex: 1
+};
+let ne = q;
+export {
+  Q as M,
+  ne as a,
+  j as i
+};