@pareto-engineering/design-system 5.11.5 → 5.11.7

package/dist/ui/f/fields/QueryCombobox/common/Menu/Menu.js

@@ -1,53 +1,53 @@
 import { jsx as P } from "react/jsx-runtime";
-import * as oe from "react";
-import { createElement as W, PureComponent as ae } from "react";
+import * as ne from "react";
+import { createElement as W, PureComponent as oe, useState as se, useEffect as ae } from "react";
 import { s as Z } from "../../../../../../exports.module-DmUnHWIJ.js";
 function q(r) {
   if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;
 }
-function D(r, t) {
-  return D = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, a) {
-    return i.__proto__ = a, i;
-  }, D(r, t);
+function A(r, t) {
+  return A = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(i, s) {
+    return i.__proto__ = s, i;
+  }, A(r, t);
 }
-function F() {
-  return F = Object.assign ? Object.assign.bind() : function(r) {
+function L() {
+  return L = Object.assign ? Object.assign.bind() : function(r) {
     for (var t = 1; t < arguments.length; t++) {
       var i = arguments[t];
-      for (var a in i) ({}).hasOwnProperty.call(i, a) && (r[a] = i[a]);
+      for (var s in i) ({}).hasOwnProperty.call(i, s) && (r[s] = i[s]);
     }
     return r;
-  }, F.apply(null, arguments);
+  }, L.apply(null, arguments);
 }
 function le(r, t) {
-  r.prototype = Object.create(t.prototype), r.prototype.constructor = r, D(r, t);
+  r.prototype = Object.create(t.prototype), r.prototype.constructor = r, A(r, t);
 }
 var j = Number.isNaN || function(t) {
   return typeof t == "number" && t !== t;
 };
-function se(r, t) {
+function ce(r, t) {
   return !!(r === t || j(r) && j(t));
 }
-function ce(r, t) {
+function ue(r, t) {
   if (r.length !== t.length)
     return !1;
   for (var i = 0; i < r.length; i++)
-    if (!se(r[i], t[i]))
+    if (!ce(r[i], t[i]))
       return !1;
   return !0;
 }
 function k(r, t) {
-  t === void 0 && (t = ce);
-  var i, a = [], c, v = !1;
+  t === void 0 && (t = ue);
+  var i, s = [], c, p = !1;
   function y() {
-    for (var g = [], S = 0; S < arguments.length; S++)
-      g[S] = arguments[S];
-    return v && i === this && t(g, a) || (c = r.apply(this, g), v = !0, i = this, a = g), c;
+    for (var g = [], I = 0; I < arguments.length; I++)
+      g[I] = arguments[I];
+    return p && i === this && t(g, s) || (c = r.apply(this, g), p = !0, i = this, s = g), c;
   }
   return y;
 }
-var ue = typeof performance == "object" && typeof performance.now == "function", H = ue ? function() {
+var de = typeof performance == "object" && typeof performance.now == "function", H = de ? function() {
   return performance.now();
 } : function() {
   return Date.now();
@@ -55,113 +55,113 @@ var ue = typeof performance == "object" && typeof performance.now == "function",
 function K(r) {
   cancelAnimationFrame(r.id);
 }
-function de(r, t) {
+function fe(r, t) {
   var i = H();
-  function a() {
-    H() - i >= t ? r.call(null) : c.id = requestAnimationFrame(a);
+  function s() {
+    H() - i >= t ? r.call(null) : c.id = requestAnimationFrame(s);
   }
   var c = {
-    id: requestAnimationFrame(a)
+    id: requestAnimationFrame(s)
   };
   return c;
 }
-var A = -1;
+var D = -1;
 function B(r) {
-  if (r === void 0 && (r = !1), A === -1 || r) {
+  if (r === void 0 && (r = !1), D === -1 || r) {
     var t = document.createElement("div"), i = t.style;
-    i.width = "50px", i.height = "50px", i.overflow = "scroll", document.body.appendChild(t), A = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
+    i.width = "50px", i.height = "50px", i.overflow = "scroll", document.body.appendChild(t), D = t.offsetWidth - t.clientWidth, document.body.removeChild(t);
   }
-  return A;
+  return D;
 }
 var _ = null;
 function G(r) {
   if (r === void 0 && (r = !1), _ === null || r) {
     var t = document.createElement("div"), i = t.style;
     i.width = "50px", i.height = "50px", i.overflow = "scroll", i.direction = "rtl";
-    var a = document.createElement("div"), c = a.style;
-    return c.width = "100px", c.height = "100px", t.appendChild(a), document.body.appendChild(t), t.scrollLeft > 0 ? _ = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? _ = "negative" : _ = "positive-ascending"), document.body.removeChild(t), _;
+    var s = document.createElement("div"), c = s.style;
+    return c.width = "100px", c.height = "100px", t.appendChild(s), document.body.appendChild(t), t.scrollLeft > 0 ? _ = "positive-descending" : (t.scrollLeft = 1, t.scrollLeft === 0 ? _ = "negative" : _ = "positive-ascending"), document.body.removeChild(t), _;
   }
   return _;
 }
 process.env.NODE_ENV;
-var fe = 150, he = function(t, i) {
+var he = 150, pe = function(t, i) {
   return t;
-}, x = null, R = null;
-process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (x = /* @__PURE__ */ new WeakSet(), R = /* @__PURE__ */ new WeakSet());
-function pe(r) {
-  var t, i = r.getItemOffset, a = r.getEstimatedTotalSize, c = r.getItemSize, v = r.getOffsetForIndexAndAlignment, y = r.getStartIndexForOffset, g = r.getStopIndexForStartIndex, S = r.initInstanceProps, I = r.shouldResetStyleCacheOnItemSizeChange, p = r.validateProps;
+}, M = null, x = null;
+process.env.NODE_ENV !== "production" && typeof window < "u" && typeof window.WeakSet < "u" && (M = /* @__PURE__ */ new WeakSet(), x = /* @__PURE__ */ new WeakSet());
+function me(r) {
+  var t, i = r.getItemOffset, s = r.getEstimatedTotalSize, c = r.getItemSize, p = r.getOffsetForIndexAndAlignment, y = r.getStartIndexForOffset, g = r.getStopIndexForStartIndex, I = r.initInstanceProps, w = r.shouldResetStyleCacheOnItemSizeChange, S = r.validateProps;
   return t = /* @__PURE__ */ function(b) {
-    le(T, b);
-    function T(m) {
+    le(O, b);
+    function O(v) {
       var e;
-      return e = b.call(this, m) || this, e._instanceProps = S(e.props, q(e)), e._outerRef = void 0, e._resetIsScrollingTimeoutId = null, e.state = {
+      return e = b.call(this, v) || this, e._instanceProps = I(e.props, q(e)), e._outerRef = void 0, e._resetIsScrollingTimeoutId = null, e.state = {
         instance: q(e),
         isScrolling: !1,
         scrollDirection: "forward",
         scrollOffset: typeof e.props.initialScrollOffset == "number" ? e.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: !1
-      }, e._callOnItemsRendered = void 0, e._callOnItemsRendered = k(function(n, o, l, u) {
+      }, e._callOnItemsRendered = void 0, e._callOnItemsRendered = k(function(n, o, a, u) {
         return e.props.onItemsRendered({
           overscanStartIndex: n,
           overscanStopIndex: o,
-          visibleStartIndex: l,
+          visibleStartIndex: a,
           visibleStopIndex: u
         });
-      }), e._callOnScroll = void 0, e._callOnScroll = k(function(n, o, l) {
+      }), e._callOnScroll = void 0, e._callOnScroll = k(function(n, o, a) {
         return e.props.onScroll({
           scrollDirection: n,
           scrollOffset: o,
-          scrollUpdateWasRequested: l
+          scrollUpdateWasRequested: a
         });
       }), e._getItemStyle = void 0, e._getItemStyle = function(n) {
-        var o = e.props, l = o.direction, u = o.itemSize, f = o.layout, s = e._getItemStyleCache(I && u, I && f, I && l), d;
-        if (s.hasOwnProperty(n))
-          d = s[n];
+        var o = e.props, a = o.direction, u = o.itemSize, h = o.layout, l = e._getItemStyleCache(w && u, w && h, w && a), d;
+        if (l.hasOwnProperty(n))
+          d = l[n];
         else {
-          var h = i(e.props, n, e._instanceProps), O = c(e.props, n, e._instanceProps), z = l === "horizontal" || f === "horizontal", N = l === "rtl", E = z ? h : 0;
-          s[n] = d = {
+          var m = i(e.props, n, e._instanceProps), z = c(e.props, n, e._instanceProps), T = a === "horizontal" || h === "horizontal", E = a === "rtl", N = T ? m : 0;
+          l[n] = d = {
             position: "absolute",
-            left: N ? void 0 : E,
-            right: N ? E : void 0,
-            top: z ? 0 : h,
-            height: z ? "100%" : O,
-            width: z ? O : "100%"
+            left: E ? void 0 : N,
+            right: E ? N : void 0,
+            top: T ? 0 : m,
+            height: T ? "100%" : z,
+            width: T ? z : "100%"
           };
         }
         return d;
-      }, e._getItemStyleCache = void 0, e._getItemStyleCache = k(function(n, o, l) {
+      }, e._getItemStyleCache = void 0, e._getItemStyleCache = k(function(n, o, a) {
         return {};
       }), e._onScrollHorizontal = function(n) {
-        var o = n.currentTarget, l = o.clientWidth, u = o.scrollLeft, f = o.scrollWidth;
-        e.setState(function(s) {
-          if (s.scrollOffset === u)
+        var o = n.currentTarget, a = o.clientWidth, u = o.scrollLeft, h = o.scrollWidth;
+        e.setState(function(l) {
+          if (l.scrollOffset === u)
             return null;
-          var d = e.props.direction, h = u;
+          var d = e.props.direction, m = u;
           if (d === "rtl")
             switch (G()) {
               case "negative":
-                h = -u;
+                m = -u;
                 break;
               case "positive-descending":
-                h = f - l - u;
+                m = h - a - u;
                 break;
             }
-          return h = Math.max(0, Math.min(h, f - l)), {
+          return m = Math.max(0, Math.min(m, h - a)), {
             isScrolling: !0,
-            scrollDirection: s.scrollOffset < h ? "forward" : "backward",
-            scrollOffset: h,
+            scrollDirection: l.scrollOffset < m ? "forward" : "backward",
+            scrollOffset: m,
             scrollUpdateWasRequested: !1
           };
         }, e._resetIsScrollingDebounced);
       }, e._onScrollVertical = function(n) {
-        var o = n.currentTarget, l = o.clientHeight, u = o.scrollHeight, f = o.scrollTop;
-        e.setState(function(s) {
-          if (s.scrollOffset === f)
+        var o = n.currentTarget, a = o.clientHeight, u = o.scrollHeight, h = o.scrollTop;
+        e.setState(function(l) {
+          if (l.scrollOffset === h)
             return null;
-          var d = Math.max(0, Math.min(f, u - l));
+          var d = Math.max(0, Math.min(h, u - a));
           return {
             isScrolling: !0,
-            scrollDirection: s.scrollOffset < d ? "forward" : "backward",
+            scrollDirection: l.scrollOffset < d ? "forward" : "backward",
             scrollOffset: d,
             scrollUpdateWasRequested: !1
           };
@@ -170,7 +170,7 @@ function pe(r) {
         var o = e.props.outerRef;
         e._outerRef = n, typeof o == "function" ? o(n) : o != null && typeof o == "object" && o.hasOwnProperty("current") && (o.current = n);
       }, e._resetIsScrollingDebounced = function() {
-        e._resetIsScrollingTimeoutId !== null && K(e._resetIsScrollingTimeoutId), e._resetIsScrollingTimeoutId = de(e._resetIsScrolling, fe);
+        e._resetIsScrollingTimeoutId !== null && K(e._resetIsScrollingTimeoutId), e._resetIsScrollingTimeoutId = fe(e._resetIsScrolling, he);
       }, e._resetIsScrolling = function() {
         e._resetIsScrollingTimeoutId = null, e.setState({
           isScrolling: !1
@@ -179,11 +179,11 @@ function pe(r) {
         });
       }, e;
     }
-    T.getDerivedStateFromProps = function(e, n) {
-      return me(e, n), p(e), null;
+    O.getDerivedStateFromProps = function(e, n) {
+      return ve(e, n), S(e), null;
     };
-    var w = T.prototype;
-    return w.scrollTo = function(e) {
+    var f = O.prototype;
+    return f.scrollTo = function(e) {
       e = Math.max(0, e), this.setState(function(n) {
         return n.scrollOffset === e ? null : {
           scrollDirection: n.scrollOffset < e ? "forward" : "backward",
@@ -191,103 +191,103 @@ function pe(r) {
           scrollUpdateWasRequested: !0
         };
       }, this._resetIsScrollingDebounced);
-    }, w.scrollToItem = function(e, n) {
+    }, f.scrollToItem = function(e, n) {
       n === void 0 && (n = "auto");
-      var o = this.props, l = o.itemCount, u = o.layout, f = this.state.scrollOffset;
-      e = Math.max(0, Math.min(e, l - 1));
-      var s = 0;
+      var o = this.props, a = o.itemCount, u = o.layout, h = this.state.scrollOffset;
+      e = Math.max(0, Math.min(e, a - 1));
+      var l = 0;
       if (this._outerRef) {
         var d = this._outerRef;
-        u === "vertical" ? s = d.scrollWidth > d.clientWidth ? B() : 0 : s = d.scrollHeight > d.clientHeight ? B() : 0;
+        u === "vertical" ? l = d.scrollWidth > d.clientWidth ? B() : 0 : l = d.scrollHeight > d.clientHeight ? B() : 0;
       }
-      this.scrollTo(v(this.props, e, n, f, this._instanceProps, s));
-    }, w.componentDidMount = function() {
-      var e = this.props, n = e.direction, o = e.initialScrollOffset, l = e.layout;
+      this.scrollTo(p(this.props, e, n, h, this._instanceProps, l));
+    }, f.componentDidMount = function() {
+      var e = this.props, n = e.direction, o = e.initialScrollOffset, a = e.layout;
       if (typeof o == "number" && this._outerRef != null) {
         var u = this._outerRef;
-        n === "horizontal" || l === "horizontal" ? u.scrollLeft = o : u.scrollTop = o;
+        n === "horizontal" || a === "horizontal" ? u.scrollLeft = o : u.scrollTop = o;
       }
       this._callPropsCallbacks();
-    }, w.componentDidUpdate = function() {
-      var e = this.props, n = e.direction, o = e.layout, l = this.state, u = l.scrollOffset, f = l.scrollUpdateWasRequested;
-      if (f && this._outerRef != null) {
-        var s = this._outerRef;
+    }, f.componentDidUpdate = function() {
+      var e = this.props, n = e.direction, o = e.layout, a = this.state, u = a.scrollOffset, h = a.scrollUpdateWasRequested;
+      if (h && this._outerRef != null) {
+        var l = this._outerRef;
         if (n === "horizontal" || o === "horizontal")
           if (n === "rtl")
             switch (G()) {
               case "negative":
-                s.scrollLeft = -u;
+                l.scrollLeft = -u;
                 break;
               case "positive-ascending":
-                s.scrollLeft = u;
+                l.scrollLeft = u;
                 break;
               default:
-                var d = s.clientWidth, h = s.scrollWidth;
-                s.scrollLeft = h - d - u;
+                var d = l.clientWidth, m = l.scrollWidth;
+                l.scrollLeft = m - d - u;
                 break;
             }
           else
-            s.scrollLeft = u;
+            l.scrollLeft = u;
         else
-          s.scrollTop = u;
+          l.scrollTop = u;
       }
       this._callPropsCallbacks();
-    }, w.componentWillUnmount = function() {
+    }, f.componentWillUnmount = function() {
       this._resetIsScrollingTimeoutId !== null && K(this._resetIsScrollingTimeoutId);
-    }, w.render = function() {
-      var e = this.props, n = e.children, o = e.className, l = e.direction, u = e.height, f = e.innerRef, s = e.innerElementType, d = e.innerTagName, h = e.itemCount, O = e.itemData, z = e.itemKey, N = z === void 0 ? he : z, E = e.layout, J = e.outerElementType, Q = e.outerTagName, Y = e.style, ee = e.useIsScrolling, te = e.width, L = this.state.isScrolling, M = l === "horizontal" || E === "horizontal", re = M ? this._onScrollHorizontal : this._onScrollVertical, U = this._getRangeToRender(), ie = U[0], ne = U[1], V = [];
-      if (h > 0)
-        for (var C = ie; C <= ne; C++)
+    }, f.render = function() {
+      var e = this.props, n = e.children, o = e.className, a = e.direction, u = e.height, h = e.innerRef, l = e.innerElementType, d = e.innerTagName, m = e.itemCount, z = e.itemData, T = e.itemKey, E = T === void 0 ? pe : T, N = e.layout, X = e.outerElementType, J = e.outerTagName, Q = e.style, Y = e.useIsScrolling, ee = e.width, F = this.state.isScrolling, R = a === "horizontal" || N === "horizontal", te = R ? this._onScrollHorizontal : this._onScrollVertical, U = this._getRangeToRender(), re = U[0], ie = U[1], V = [];
+      if (m > 0)
+        for (var C = re; C <= ie; C++)
           V.push(W(n, {
-            data: O,
-            key: N(C, O),
+            data: z,
+            key: E(C, z),
             index: C,
-            isScrolling: ee ? L : void 0,
+            isScrolling: Y ? F : void 0,
             style: this._getItemStyle(C)
           }));
-      var $ = a(this.props, this._instanceProps);
-      return W(J || Q || "div", {
+      var $ = s(this.props, this._instanceProps);
+      return W(X || J || "div", {
         className: o,
-        onScroll: re,
+        onScroll: te,
         ref: this._outerRefSetter,
-        style: F({
+        style: L({
           position: "relative",
           height: u,
-          width: te,
+          width: ee,
           overflow: "auto",
           WebkitOverflowScrolling: "touch",
           willChange: "transform",
-          direction: l
-        }, Y)
-      }, W(s || d || "div", {
+          direction: a
+        }, Q)
+      }, W(l || d || "div", {
         children: V,
-        ref: f,
+        ref: h,
         style: {
-          height: M ? "100%" : $,
-          pointerEvents: L ? "none" : void 0,
-          width: M ? $ : "100%"
+          height: R ? "100%" : $,
+          pointerEvents: F ? "none" : void 0,
+          width: R ? $ : "100%"
         }
       }));
-    }, w._callPropsCallbacks = function() {
+    }, f._callPropsCallbacks = function() {
       if (typeof this.props.onItemsRendered == "function") {
         var e = this.props.itemCount;
         if (e > 0) {
-          var n = this._getRangeToRender(), o = n[0], l = n[1], u = n[2], f = n[3];
-          this._callOnItemsRendered(o, l, u, f);
+          var n = this._getRangeToRender(), o = n[0], a = n[1], u = n[2], h = n[3];
+          this._callOnItemsRendered(o, a, u, h);
         }
       }
       if (typeof this.props.onScroll == "function") {
-        var s = this.state, d = s.scrollDirection, h = s.scrollOffset, O = s.scrollUpdateWasRequested;
-        this._callOnScroll(d, h, O);
+        var l = this.state, d = l.scrollDirection, m = l.scrollOffset, z = l.scrollUpdateWasRequested;
+        this._callOnScroll(d, m, z);
       }
-    }, w._getRangeToRender = function() {
-      var e = this.props, n = e.itemCount, o = e.overscanCount, l = this.state, u = l.isScrolling, f = l.scrollDirection, s = l.scrollOffset;
+    }, f._getRangeToRender = function() {
+      var e = this.props, n = e.itemCount, o = e.overscanCount, a = this.state, u = a.isScrolling, h = a.scrollDirection, l = a.scrollOffset;
       if (n === 0)
         return [0, 0, 0, 0];
-      var d = y(this.props, s, this._instanceProps), h = g(this.props, d, s, this._instanceProps), O = !u || f === "backward" ? Math.max(1, o) : 1, z = !u || f === "forward" ? Math.max(1, o) : 1;
-      return [Math.max(0, d - O), Math.max(0, Math.min(n - 1, h + z)), d, h];
-    }, T;
-  }(ae), t.defaultProps = {
+      var d = y(this.props, l, this._instanceProps), m = g(this.props, d, l, this._instanceProps), z = !u || h === "backward" ? Math.max(1, o) : 1, T = !u || h === "forward" ? Math.max(1, o) : 1;
+      return [Math.max(0, d - z), Math.max(0, Math.min(n - 1, m + T)), d, m];
+    }, O;
+  }(oe), t.defaultProps = {
     direction: "ltr",
     itemData: void 0,
     layout: "vertical",
@@ -295,15 +295,15 @@ function pe(r) {
     useIsScrolling: !1
   }, t;
 }
-var me = function(t, i) {
-  var a = t.children, c = t.direction, v = t.height, y = t.layout, g = t.innerTagName, S = t.outerTagName, I = t.width, p = i.instance;
+var ve = function(t, i) {
+  var s = t.children, c = t.direction, p = t.height, y = t.layout, g = t.innerTagName, I = t.outerTagName, w = t.width, S = i.instance;
   if (process.env.NODE_ENV !== "production") {
-    (g != null || S != null) && R && !R.has(p) && (R.add(p), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
+    (g != null || I != null) && x && !x.has(S) && (x.add(S), console.warn("The innerTagName and outerTagName props have been deprecated. Please use the innerElementType and outerElementType props instead."));
     var b = c === "horizontal" || y === "horizontal";
     switch (c) {
       case "horizontal":
       case "vertical":
-        x && !x.has(p) && (x.add(p), console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));
+        M && !M.has(S) && (M.add(S), console.warn('The direction prop should be either "ltr" (default) or "rtl". Please use the layout prop to specify "vertical" (default) or "horizontal" orientation.'));
         break;
       case "ltr":
       case "rtl":
@@ -318,36 +318,36 @@ var me = function(t, i) {
       default:
         throw Error('An invalid "layout" prop has been specified. Value should be either "horizontal" or "vertical". ' + ('"' + y + '" was specified.'));
     }
-    if (a == null)
-      throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (a === null ? "null" : typeof a) + '" was specified.'));
-    if (b && typeof I != "number")
-      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (I === null ? "null" : typeof I) + '" was specified.'));
-    if (!b && typeof v != "number")
-      throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (v === null ? "null" : typeof v) + '" was specified.'));
+    if (s == null)
+      throw Error('An invalid "children" prop has been specified. Value should be a React component. ' + ('"' + (s === null ? "null" : typeof s) + '" was specified.'));
+    if (b && typeof w != "number")
+      throw Error('An invalid "width" prop has been specified. Horizontal lists must specify a number for width. ' + ('"' + (w === null ? "null" : typeof w) + '" was specified.'));
+    if (!b && typeof p != "number")
+      throw Error('An invalid "height" prop has been specified. Vertical lists must specify a number for height. ' + ('"' + (p === null ? "null" : typeof p) + '" was specified.'));
   }
-}, ve = /* @__PURE__ */ pe({
+}, ge = /* @__PURE__ */ me({
   getItemOffset: function(t, i) {
-    var a = t.itemSize;
-    return i * a;
+    var s = t.itemSize;
+    return i * s;
   },
   getItemSize: function(t, i) {
-    var a = t.itemSize;
-    return a;
+    var s = t.itemSize;
+    return s;
   },
   getEstimatedTotalSize: function(t) {
-    var i = t.itemCount, a = t.itemSize;
-    return a * i;
+    var i = t.itemCount, s = t.itemSize;
+    return s * i;
   },
-  getOffsetForIndexAndAlignment: function(t, i, a, c, v, y) {
-    var g = t.direction, S = t.height, I = t.itemCount, p = t.itemSize, b = t.layout, T = t.width, w = g === "horizontal" || b === "horizontal", m = w ? T : S, e = Math.max(0, I * p - m), n = Math.min(e, i * p), o = Math.max(0, i * p - m + p + y);
-    switch (a === "smart" && (c >= o - m && c <= n + m ? a = "auto" : a = "center"), a) {
+  getOffsetForIndexAndAlignment: function(t, i, s, c, p, y) {
+    var g = t.direction, I = t.height, w = t.itemCount, S = t.itemSize, b = t.layout, O = t.width, f = g === "horizontal" || b === "horizontal", v = f ? O : I, e = Math.max(0, w * S - v), n = Math.min(e, i * S), o = Math.max(0, i * S - v + S + y);
+    switch (s === "smart" && (c >= o - v && c <= n + v ? s = "auto" : s = "center"), s) {
       case "start":
         return n;
       case "end":
         return o;
       case "center": {
-        var l = Math.round(o + (n - o) / 2);
-        return l < Math.ceil(m / 2) ? 0 : l > e + Math.floor(m / 2) ? e : l;
+        var a = Math.round(o + (n - o) / 2);
+        return a < Math.ceil(v / 2) ? 0 : a > e + Math.floor(v / 2) ? e : a;
       }
       case "auto":
       default:
@@ -355,14 +355,14 @@ var me = function(t, i) {
     }
   },
   getStartIndexForOffset: function(t, i) {
-    var a = t.itemCount, c = t.itemSize;
-    return Math.max(0, Math.min(a - 1, Math.floor(i / c)));
+    var s = t.itemCount, c = t.itemSize;
+    return Math.max(0, Math.min(s - 1, Math.floor(i / c)));
   },
-  getStopIndexForStartIndex: function(t, i, a) {
-    var c = t.direction, v = t.height, y = t.itemCount, g = t.itemSize, S = t.layout, I = t.width, p = c === "horizontal" || S === "horizontal", b = i * g, T = p ? I : v, w = Math.ceil((T + a - b) / g);
+  getStopIndexForStartIndex: function(t, i, s) {
+    var c = t.direction, p = t.height, y = t.itemCount, g = t.itemSize, I = t.layout, w = t.width, S = c === "horizontal" || I === "horizontal", b = i * g, O = S ? w : p, f = Math.ceil((O + s - b) / g);
     return Math.max(0, Math.min(
       y - 1,
-      i + w - 1
+      i + f - 1
       // -1 is because stop index is inclusive
     ));
   },
@@ -375,65 +375,74 @@ var me = function(t, i) {
       throw Error('An invalid "itemSize" prop has been specified. Value should be a number. ' + ('"' + (i === null ? "null" : typeof i) + '" was specified.'));
   }
 });
-const ge = Z.base, Se = "menu", ye = ({
+const Se = Z.base, Ie = "menu", ye = ({
   index: r,
   style: t,
   items: i,
-  getItemProps: a,
+  getItemProps: s,
   highlightedIndex: c
 }) => {
-  const v = i[r];
-  return /* @__PURE__ */ P(
+  const p = i[r];
+  return p ? /* @__PURE__ */ P(
     "div",
     {
       style: t,
-      ...a({ item: v, index: r }),
+      ...s({ item: p, index: r }),
       className: [
         "item",
         c === r && Z.modifierActive
       ].filter(Boolean).join(" "),
-      children: /* @__PURE__ */ P("p", { children: v.label })
+      children: /* @__PURE__ */ P("p", { title: p.label, children: p.label })
     }
-  );
-}, X = 40, Ie = 300, ze = oe.forwardRef(({
+  ) : null;
+}, we = 48, be = 72, Oe = 300, Ce = ne.forwardRef(({
   id: r,
   className: t,
   style: i,
-  items: a,
+  items: s,
   isOpen: c,
-  highlightedIndex: v,
+  highlightedIndex: p,
   getItemProps: y,
   ...g
-}, S) => {
-  const I = Math.min(a.length * X, Ie);
+}, I) => {
+  const [w, S] = se(!1);
+  ae(() => {
+    const f = () => {
+      S(window.innerWidth <= 768);
+    };
+    return f(), window.addEventListener("resize", f), () => {
+      window.removeEventListener("resize", f);
+    };
+  }, []);
+  const b = w ? be : we, O = Math.min(s.length * b, Oe);
   return /* @__PURE__ */ P(
-    ve,
+    ge,
     {
-      itemSize: X,
-      itemCount: a.length,
-      height: I,
+      ref: I,
+      itemSize: b,
+      itemCount: s.length,
+      height: O,
       id: r,
       overscanCount: 2,
       className: [
-        ge,
         Se,
+        Ie,
         t
-      ].filter((p) => p).join(" "),
+      ].filter((f) => f).join(" "),
       style: i,
-      ref: S,
       ...g,
-      children: (p) => /* @__PURE__ */ P(
+      children: (f) => /* @__PURE__ */ P(
         ye,
         {
-          items: a,
+          items: s,
           getItemProps: y,
-          highlightedIndex: v,
-          ...p
+          highlightedIndex: p,
+          ...f
         }
       )
     }
   );
 });
 export {
-  ze as default
+  Ce as default
 };

package/dist/ui/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../../../../../debounce-Cm69Z_cF.js";
 import "../../../../../../exports.module-DmUnHWIJ.js";
-import { U as T } from "../../../../../../FormBuilder-ClHks9e9.js";
+import { U as T } from "../../../../../../FormBuilder-DMmnIRUH.js";
 import "../../../../../b/Page/Context.js";
 import "../../../../../b/Title/Title.js";
 import "../../../../../a/AppContext/Context.js";

package/dist/ui/f/fields/QueryCombobox/common/MultipleCombobox/index.js

@@ -1,4 +1,4 @@
-import { U as e } from "../../../../../../FormBuilder-ClHks9e9.js";
+import { U as e } from "../../../../../../FormBuilder-DMmnIRUH.js";
 export {
   e as MultipleCombobox
 };

package/dist/ui/f/fields/QueryCombobox/common/index.js

@@ -1,5 +1,5 @@
 import { default as a } from "./Menu/Menu.js";
-import { O as m, U as r } from "../../../../../FormBuilder-ClHks9e9.js";
+import { O as m, U as r } from "../../../../../FormBuilder-DMmnIRUH.js";
 export {
   m as Combobox,
   a as Menu,

package/dist/ui/f/fields/QueryCombobox/index.js

@@ -1,4 +1,4 @@
-import { Q as b } from "../../../../FormBuilder-ClHks9e9.js";
+import { Q as b } from "../../../../FormBuilder-DMmnIRUH.js";
 export {
   b as QueryCombobox
 };