@splunk/react-ui 4.21.1 → 4.22.0

package/ResultsMenu.js

@@ -79,70 +79,74 @@
     const c = require("lodash/omit");
     var p =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const f = require("@splunk/ui-utils/i18n");
+    const d = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/userAgent"
-    const d = require("@splunk/ui-utils/userAgent");
+    const f = require("@splunk/ui-utils/userAgent");
     // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
     const m = require("@splunk/react-ui/Menu");
     var h =  e.n(m);
     // CONCATENATED MODULE: external "styled-components"
     const v = require("styled-components");
-    var g =  e.n(v);
+    var y =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/react-ui/WaitSpinner"
     const b = require("@splunk/react-ui/WaitSpinner");
-    var y =  e.n(b);
+    var g =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const M = require("@splunk/themes");
+    const S = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenuStyles.ts
-    var S = g().div.withConfig({
+    var M = y().div.withConfig({
         displayName: "ResultsMenuStyles__Styled",
         componentId: "avbhl8-0"
-    })([ "", ";flex-direction:column;max-height:calc(100vh - 20px);", "" ], M.mixins.reset("flex"), (0, 
-    M.pick)({
-        prisma: (0, v.css)([ "border-radius:", ";background-color:", ";" ], M.variables.borderRadius, M.variables.backgroundColorPopup)
+    })([ "", ";flex-direction:column;max-height:calc(100vh - 20px);", "" ], S.mixins.reset("flex"), (0, 
+    S.pick)({
+        prisma: (0, v.css)([ "border-radius:", ";background-color:", ";" ], S.variables.borderRadius, S.variables.backgroundColorPopup)
     }));
-    var x = g().div.withConfig({
+    var x = y().div.withConfig({
         displayName: "ResultsMenuStyles__StyledFooter",
         componentId: "avbhl8-1"
-    })([ "padding:", ";color:", ";", "" ], (0, M.pick)({
+    })([ "padding:", ";color:", ";", "" ], (0, S.pick)({
         prisma: {
             comfortable: "10px 16px",
             compact: "6px 16px"
         },
         enterprise: "6px 10px"
-    }), (0, M.pick)({
-        prisma: M.variables.contentColorMuted,
-        enterprise: M.variables.textGray
+    }), (0, S.pick)({
+        prisma: S.variables.contentColorMuted,
+        enterprise: S.variables.textGray
     }), (function(e) {
         var t = e.$placement;
-        return t === "above" ? (0, M.pick)({
-            prisma: (0, v.css)([ "border-bottom:1px solid ", ";" ], M.variables.neutral200),
-            enterprise: (0, v.css)([ "border-bottom:", ";" ], M.variables.border)
-        }) : (0, M.pick)({
-            prisma: (0, v.css)([ "border-top:1px solid ", ";" ], M.variables.neutral200),
-            enterprise: (0, v.css)([ "border-top:", ";" ], M.variables.border)
+        return t === "above" ? (0, S.pick)({
+            prisma: (0, v.css)([ "border-bottom:1px solid ", ";" ], S.variables.neutral200),
+            enterprise: (0, v.css)([ "border-bottom:", ";" ], S.variables.border)
+        }) : (0, S.pick)({
+            prisma: (0, v.css)([ "border-top:1px solid ", ";" ], S.variables.neutral200),
+            enterprise: (0, v.css)([ "border-top:", ";" ], S.variables.border)
         });
     }));
-    var E = g().li.withConfig({
+    var E = y().li.withConfig({
         displayName: "ResultsMenuStyles__StyledLoading",
         componentId: "avbhl8-2"
-    })([ "", ";padding:", ";gap:", ";" ], M.mixins.reset("flex"), (0, M.pick)({
+    })([ "", ";padding:", ";gap:", ";" ], S.mixins.reset("flex"), (0, S.pick)({
         prisma: {
             comfortable: "10px 16px",
             compact: "6px 16px"
         },
         enterprise: "6px 10px"
-    }), M.variables.spacingXSmall);
-    var O = g()(y()).withConfig({
-        displayName: "ResultsMenuStyles__StyledWait",
+    }), S.variables.spacingXSmall);
+    var O = y()(h()).withConfig({
+        displayName: "ResultsMenuStyles__StyledMenu",
         componentId: "avbhl8-3"
+    })([ "overflow:auto;flex-direction:column;" ]);
+    var k = y()(g()).withConfig({
+        displayName: "ResultsMenuStyles__StyledWait",
+        componentId: "avbhl8-4"
     })([ "flex:0 0 auto;" ]);
-    var k = g().div.withConfig({
+    var w = y().div.withConfig({
         displayName: "ResultsMenuStyles__StyledLoadingMessage",
-        componentId: "avbhl8-4"
-    })([ "flex:1 0 0;color:", ";" ], (0, M.pick)({
-        prisma: M.variables.contentColorMuted,
-        enterprise: M.variables.textGray
+        componentId: "avbhl8-5"
+    })([ "flex:1 0 0;color:", ";" ], (0, S.pick)({
+        prisma: S.variables.contentColorMuted,
+        enterprise: S.variables.textGray
     }));
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
@@ -151,7 +155,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function w(e, t) {
+    function _(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -164,21 +168,21 @@
         }
     }
     // CONCATENATED MODULE: ./src/ResultsMenu/ResultsMenu.tsx
-    function _(e) {
+    function T(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            _ = function e(t) {
+            T = function e(t) {
                 return typeof t;
             };
         } else {
-            _ = function e(t) {
+            T = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return _(e);
+        return T(e);
     }
-    function H() {
-        H = Object.assign || function(e) {
+    function B() {
+        B = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var o = arguments[t];
                 for (var n in o) {
@@ -189,14 +193,14 @@
             }
             return e;
         };
-        return H.apply(this, arguments);
+        return B.apply(this, arguments);
     }
-    function T(e, t) {
+    function C(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function B(e, t) {
+    function P(e, t) {
         for (var o = 0; o < t.length; o++) {
             var n = t[o];
             n.enumerable = n.enumerable || false;
@@ -205,12 +209,12 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function C(e, t, o) {
-        if (t) B(e.prototype, t);
-        if (o) B(e, o);
+    function L(e, t, o) {
+        if (t) P(e.prototype, t);
+        if (o) P(e, o);
         return e;
     }
-    function P(e, t) {
+    function R(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -221,41 +225,41 @@
                 configurable: true
             }
         });
-        if (t) L(e, t);
+        if (t) j(e, t);
     }
-    function L(e, t) {
-        L = Object.setPrototypeOf || function e(t, o) {
+    function j(e, t) {
+        j = Object.setPrototypeOf || function e(t, o) {
             t.__proto__ = o;
             return t;
         };
-        return L(e, t);
+        return j(e, t);
     }
-    function j(e) {
-        var t = q();
+    function I(e) {
+        var t = F();
         return function o() {
-            var n = F(e), r;
+            var n = N(e), r;
             if (t) {
-                var l = F(this).constructor;
+                var l = N(this).constructor;
                 r = Reflect.construct(n, arguments, l);
             } else {
                 r = n.apply(this, arguments);
             }
-            return R(this, r);
+            return q(this, r);
         };
     }
-    function R(e, t) {
-        if (t && (_(t) === "object" || typeof t === "function")) {
+    function q(e, t) {
+        if (t && (T(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return I(e);
+        return H(e);
     }
-    function I(e) {
+    function H(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function q() {
+    function F() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -266,11 +270,11 @@
             return false;
         }
     }
-    function F(e) {
-        F = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function N(e) {
+        N = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return F(e);
+        return N(e);
     }
     function D(e, t, o) {
         if (t in e) {
@@ -285,7 +289,7 @@
         }
         return e;
     }
-    var N = {
+    var W = {
         animateLoading: l().bool,
         children: l().node,
         /** @private */
@@ -295,28 +299,20 @@
         footerMessage: l().node,
         isLoading: l().bool,
         loadingMessage: l().node,
-        maxHeight: l().number,
         noOptionsMessage: l().node,
         onScroll: l().func,
         onScrollBottom: l().func,
         placement: l().string
     };
-    var W = {
+    var A = {
         animateLoading: false,
         isLoading: false,
-        loadingMessage: (0, f._)("Loading..."),
-        noOptionsMessage: (0, f._)("No matches")
+        loadingMessage: (0, d._)("Loading..."),
+        noOptionsMessage: (0, d._)("No matches")
     };
-    var A = {
+    var G = {
         role: "listbox"
     };
-    var G = u()((function(e) {
-        return {
-            overflow: "auto",
-            maxHeight: e || "calc(100vh - 20px)",
-            flexDirection: "column"
-        };
-    }));
     var $ = u()((function(e) {
         return {
             height: e
@@ -324,36 +320,36 @@
     }));
     // @docs-props-type ResultsMenuPropsBase
         var z =  function(e) {
-        P(r, e);
-        var t = j(r);
+        R(r, e);
+        var t = I(r);
         function r(e) {
             var n;
-            T(this, r);
+            C(this, r);
             n = t.call(this, e);
-            D(I(n), "scrollBottomOffset", void 0);
-            D(I(n), "itemMinHeight", void 0);
-            D(I(n), "handleMenuMount", (function(e) {
+            D(H(n), "scrollBottomOffset", void 0);
+            D(H(n), "itemMinHeight", void 0);
+            D(H(n), "handleMenuMount", (function(e) {
                 n.setState({
                     menuEl: e
                 });
             }));
-            D(I(n), "handleMount", (function(e) {
+            D(H(n), "handleMount", (function(e) {
                 n.setState({
                     containerEl: e
                 });
-                w(n.props.elementRef, e);
+                _(n.props.elementRef, e);
             }));
-            D(I(n), "handleMouseEnter", (function() {
+            D(H(n), "handleMouseEnter", (function() {
                 n.setState({
                     windowTop: document.documentElement.scrollTop
                 });
             }));
-            D(I(n), "handleMouseLeave", (function() {
+            D(H(n), "handleMouseLeave", (function() {
                 n.setState({
                     windowTop: document.documentElement.scrollTop
                 });
             }));
-            D(I(n), "handleScroll", (function(e) {
+            D(H(n), "handleScroll", (function(e) {
                 var t, o;
                 if (n.props.onScrollBottom != null) {
                     if (e.target && n.state.menuEl) {
@@ -366,14 +362,14 @@
                 }
                 (t = (o = n.props).onScroll) === null || t === void 0 ? void 0 : t.call(o, e);
             }));
-            D(I(n), "handleWheelMenu", (function(e) {
+            D(H(n), "handleWheelMenu", (function(e) {
                 // Safety net to ensure window doesn't scroll if menu is scrolled pass the numberOfItemsLoaded at high velocity.
                 e.stopPropagation();
                 document.documentElement.scrollTop = n.state.windowTop;
             }));
-            D(I(n), "handleScrollBottomOnFullMenu", (function() {
+            D(H(n), "handleScrollBottomOnFullMenu", (function() {
                 var e = o.Children.count(n.props.children);
-                var t = n.state, r = t.childrenCount, l = t.menuMaxHeight;
+                var t = n.state.childrenCount;
  // If menu is full length, load more items.
                                 if (n.checkFullHeight()) {
                     n.handleScrollBottom(null);
@@ -381,13 +377,13 @@
  // avoid triggering this logic if this.state.childrenCount is null
                 // because that's not a real change in the number of children
                 // and thus we want to avoid resetting the value of scrollBottomTriggered
-                                if (l && e != null && e !== r) {
+                                if (t != null && e !== t) {
                     n.setState({
-                        numberOfItemsLoaded: e - (r !== null && r !== void 0 ? r : 0),
+                        numberOfItemsLoaded: e - (t !== null && t !== void 0 ? t : 0),
                         scrollBottomTriggered: false
                     });
                 }
-                if (e !== r) {
+                if (e !== t) {
                     n.setState({
                         childrenCount: e
                     });
@@ -396,7 +392,6 @@
             n.state = {
                 containerEl: null,
                 menuEl: null,
-                menuMaxHeight: undefined,
                 numberOfItemsLoaded: 0,
                 scrollBottomTriggered: false,
                 windowTop: 0
@@ -406,25 +401,16 @@
             n.itemMinHeight = 28;
             return n;
         }
-        C(r, [ {
+        L(r, [ {
             key: "componentDidUpdate",
             value: function e() {
-                var t = this.state, o = t.containerEl, n = t.menuEl, r = t.menuMaxHeight;
-                if (!d.isIE11 || !o || !n) {
+                var t, o;
+                var n = this.state, r = n.containerEl, l = n.menuEl;
+                if (!f.isIE11 || !r || !l) {
                     return;
                 }
-                if (this.props.maxHeight) {
-                    var l = o.scrollHeight - n.clientHeight;
-                    var i = this.props.maxHeight - l;
-                    if (r === undefined || Math.abs(r - i) > 1) {
-                        // eslint-disable-next-line react/no-did-update-set-state
-                        this.setState({
-                            menuMaxHeight: i
-                        });
-                    }
-                }
  // If onScrollBottom is defined, determine if it should be triggered.
-                                if (this.props && this.props.onScrollBottom && this.props.children) {
+                                if (((t = this.props) === null || t === void 0 ? void 0 : t.onScrollBottom) && ((o = this.props) === null || o === void 0 ? void 0 : o.children)) {
                     this.handleScrollBottomOnFullMenu();
                 }
             }
@@ -458,50 +444,49 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, l = t.animateLoading, i = t.children, s = t.controlledExternally, u = t.childrenStart, c = t.isLoading, f = t.loadingMessage, d = t.noOptionsMessage, v = t.onScrollBottom, g = t.placement, b = t.style, y = t.tabIndex;
-                var M = p()(this.props, a()(r.propTypes));
+                var t = this.props, l = t.animateLoading, i = t.children, s = t.controlledExternally, u = t.childrenStart, c = t.isLoading, d = t.loadingMessage, f = t.noOptionsMessage, v = t.onScrollBottom, y = t.placement, b = t.style, g = t.tabIndex;
+                var S = p()(this.props, a()(r.propTypes));
                 // Assumption: that you cannot be filtered if you are a result
                                 var x = o.Children.toArray(i).filter(o.isValidElement).some((function(e) {
                     var t = e.type;
                     return !(t === m.Divider && t.filterFirst || (t === m.Divider || t === m.Heading) && (t.filterLast || t.filterConsecutive));
                 }));
-                var w = this.checkFullHeight();
-                var _ = G(this.state.menuMaxHeight);
+                var _ = this.checkFullHeight();
                 var T = $(this.state.scrollBottomTriggered ? this.state.numberOfItemsLoaded * this.itemMinHeight || 0 : 0);
                 /* eslint-disable jsx-a11y/aria-role */                
-                return n().createElement(S, H({
+                return n().createElement(M, B({
                     key: "wrapper",
-                    style: b,
                     ref: this.handleMount,
                     onWheel: v ? this.handleWheelMenu : undefined,
                     onMouseEnter: v ? this.handleMouseEnter : undefined,
                     onMouseLeave: v ? this.handleMouseLeave : undefined
-                }, p()(M, "tabIndex")), g !== "above" && u, g === "above" && this.renderFooterMessage(),  n().createElement(m.MenuContext.Provider, {
-                    value: A
-                },  n().createElement(h(), {
+                }, p()(S, "tabIndex"), {
+                    style: b
+                }), y !== "above" && u, y === "above" && this.renderFooterMessage(),  n().createElement(m.MenuContext.Provider, {
+                    value: G
+                },  n().createElement(O, {
                     key: "menu",
-                    style: _,
                     controlledExternally: s,
                     elementRef: this.handleMenuMount,
                     onScroll: this.handleScroll,
                     stopScrollPropagation: true,
-                    tabIndex: y
-                }, !x && d && !c &&  n().createElement(h().Item, {
+                    tabIndex: g
+                }, !x && f && !c &&  n().createElement(h().Item, {
                     "data-test": "no-results-message",
                     disabled: true
-                }, d), i, v && !w && 
+                }, f), i, v && !_ && 
                 
                 // Bottom spacer fills in the space of new items being loaded by using the minimum possible height x menuItems.
                 n().createElement("div", {
                     "data-test": "results-menu-bottom-spacer",
                     style: T
-                }), c &&  n().createElement(E, null, l &&  n().createElement(O, null),  n().createElement(k, null, f)))), g !== "above" && this.renderFooterMessage(), g === "above" && u);
+                }), c &&  n().createElement(E, null, l &&  n().createElement(k, null),  n().createElement(w, null, d)))), y !== "above" && this.renderFooterMessage(), y === "above" && u);
             }
         } ]);
         return r;
     }(o.Component);
-    D(z, "propTypes", N);
-    D(z, "defaultProps", W);
+    D(z, "propTypes", W);
+    D(z, "defaultProps", A);
     /* harmony default export */    const U = z;
     // CONCATENATED MODULE: ./src/ResultsMenu/index.ts
     module.exports = t;