@splunk/react-ui 4.43.0 → 5.0.0-beta.2

package/ComboBox.js

@@ -63,8 +63,8 @@
         e.d(t, {
         Divider: () => /* reexport */ S.Divider,
         Heading: () => /* reexport */ S.Heading,
-        Option: () => /* reexport */ G,
-        default: () => /* reexport */ ge
+        Option: () => /* reexport */ J,
+        default: () => /* reexport */ Oe
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -101,14 +101,32 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
     const S = require("@splunk/react-ui/Menu");
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const I = require("@splunk/react-ui/Popover");
-    var P =  e.n(I);
+    const P = require("@splunk/react-ui/Popover");
+    var j =  e.n(P);
     // CONCATENATED MODULE: external "@splunk/react-ui/ResultsMenu"
-    const j = require("@splunk/react-ui/ResultsMenu");
-    var C =  e.n(j);
+    const I = require("@splunk/react-ui/ResultsMenu");
+    var C =  e.n(I);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
     const k = require("@splunk/react-ui/Text");
     var x =  e.n(k);
+    // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
+    // A utility that attempts to move an element into view by scrolling it's derived parent.
+    var R = function e(t) {
+        if (!t) {
+            return;
+        }
+        var n = t.offsetParent;
+        if (!n) {
+            return;
+        }
+        // Below the bottom of the container.
+                if (n.scrollTop + n.clientHeight < t.offsetTop + t.clientHeight) {
+            n.scrollTop = t.offsetTop + t.clientHeight - n.clientHeight;
+            // Above the top of the container.
+                } else if (n.scrollTop > t.offsetTop) {
+            n.scrollTop = t.offsetTop;
+        }
+    };
     // CONCATENATED MODULE: ./src/ComboBox/Option.tsx
     function E(e) {
         "@babel/helpers - typeof";
@@ -131,7 +149,7 @@
     }
     function V(e, t) {
         if (null == e) return {};
-        var n, o, r = R(e, t);
+        var n, o, r = T(e, t);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (o = 0; o < i.length; o++) {
@@ -140,7 +158,7 @@
         }
         return r;
     }
-    function R(e, t) {
+    function T(e, t) {
         if (null == e) return {};
         var n = {};
         for (var o in e) {
@@ -158,7 +176,7 @@
         for (var n = 0; n < t.length; n++) {
             var o = t[n];
             o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), 
-            Object.defineProperty(e, K(o.key), o);
+            Object.defineProperty(e, W(o.key), o);
         }
     }
     function _(e, t, n) {
@@ -176,15 +194,15 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && T(e, t);
+        }), t && A(e, t);
     }
-    function T(e, t) {
-        return T = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function A(e, t) {
+        return A = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, T(e, t);
+        }, A(e, t);
     }
-    function A(e) {
-        var t = H();
+    function H(e) {
+        var t = K();
         return function() {
             var n, o = N(e);
             if (t) {
@@ -203,11 +221,11 @@
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function H() {
+    function K() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (H = function t() {
+        return (K = function t() {
             return !!e;
         })();
     }
@@ -217,18 +235,18 @@
         }, N(e);
     }
     function z(e, t, n) {
-        return (t = K(t)) in e ? Object.defineProperty(e, t, {
+        return (t = W(t)) in e ? Object.defineProperty(e, t, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = n, e;
     }
-    function K(e) {
-        var t = W(e, "string");
+    function W(e) {
+        var t = U(e, "string");
         return "symbol" == E(t) ? t : t + "";
     }
-    function W(e, t) {
+    function U(e, t) {
         if ("object" != E(e) || !e) return e;
         var n = e[Symbol.toPrimitive];
         if (void 0 !== n) {
@@ -238,7 +256,7 @@
         }
         return ("string" === t ? String : Number)(e);
     }
-    var U = {
+    var X = {
         /** @private */
         active: i().bool,
         description: i().string,
@@ -255,7 +273,7 @@
         truncate: i().bool,
         value: i().string.isRequired
     };
-    var X = {
+    var Y = {
         active: false,
         descriptionPosition: "bottom",
         disabled: false,
@@ -265,17 +283,17 @@
  * An option within a `ComboBox`. This inherits from
  * [PureComponent](https://reactjs.org/docs/react-api.html#reactpurecomponent)
  * so any elements passed to it must also be pure.
- */    var Y =  function(e) {
+ */    var G =  function(e) {
         B(n, e);
-        var t = A(n);
+        var t = H(n);
         function n() {
             var e;
             D(this, n);
-            for (var o = arguments.length, r = new Array(o), i = 0; i < o; i++) {
-                r[i] = arguments[i];
+            for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++) {
+                i[a] = arguments[a];
             }
-            e = t.call.apply(t, [ this ].concat(r));
-            z(F(e), "item", null);
+            e = t.call.apply(t, [ this ].concat(i));
+            z(F(e), "itemRef",  o().createRef());
             z(F(e), "handleClick", (function(t) {
                 var n = e.props, o = n.disabled, r = n.onClick, i = n.value;
                 if (!o) {
@@ -291,34 +309,30 @@
             key: "scrollIntoViewIfNeeded",
             // eslint-disable-next-line react/no-unused-class-component-methods
             value: function e() {
-                var t;
-                (t = this.item) === null || t === void 0 ? void 0 : t.scrollIntoViewIfNeeded();
+                R(this.itemRef.current);
             }
         }, {
             key: "render",
             value: function e() {
-                var t = this;
                 // eslint-disable-next-line no-unused-vars
-                                var n = this.props, r = n.value, i = n.label, a = V(n, [ "value", "label" ]);
-                var l = i === undefined ? r : i;
+                var t = this.props, n = t.value, r = t.label, i = V(t, [ "value", "label" ]);
+                var a = r === undefined ? n : r;
                 
                 return o().createElement(S.Item, M({
-                    ref: function e(n) {
-                        t.item = n;
-                    },
+                    elementRef: this.itemRef,
                     "data-test": "option",
-                    "data-test-value": r
-                }, a, {
+                    "data-test-value": n
+                }, i, {
                     onClick: this.handleClick,
                     role: "option"
-                }), l);
+                }), a);
             }
         } ]);
         return n;
     }(n.PureComponent);
-    z(Y, "propTypes", U);
-    z(Y, "defaultProps", X);
-    /* harmony default export */    const G = Y;
+    z(G, "propTypes", X);
+    z(G, "defaultProps", Y);
+    /* harmony default export */    const J = G;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -326,7 +340,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function J(e, t) {
+    function Q(e, t) {
         if (e) {
             if (typeof e === "function") {
                 e(t);
@@ -339,16 +353,16 @@
         }
     }
     // CONCATENATED MODULE: ./src/ComboBox/ComboBox.tsx
-    function Q(e) {
+    function Z(e) {
         "@babel/helpers - typeof";
-        return Q = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Z = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, Q(e);
+        }, Z(e);
     }
-    function Z() {
-        return Z = Object.assign ? Object.assign.bind() : function(e) {
+    function $() {
+        return $ = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var n = arguments[t];
                 for (var o in n) {
@@ -356,9 +370,9 @@
                 }
             }
             return e;
-        }, Z.apply(null, arguments);
+        }, $.apply(null, arguments);
     }
-    function $(e, t) {
+    function ee(e, t) {
         var n = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
@@ -368,33 +382,33 @@
         }
         return n;
     }
-    function ee(e) {
+    function te(e) {
         for (var t = 1; t < arguments.length; t++) {
             var n = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? $(Object(n), !0).forEach((function(t) {
-                pe(e, t, n[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : $(Object(n)).forEach((function(t) {
+            t % 2 ? ee(Object(n), !0).forEach((function(t) {
+                fe(e, t, n[t]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : ee(Object(n)).forEach((function(t) {
                 Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
             }));
         }
         return e;
     }
-    function te(e, t) {
+    function ne(e, t) {
         if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function ne(e, t) {
+    function oe(e, t) {
         for (var n = 0; n < t.length; n++) {
             var o = t[n];
             o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), 
-            Object.defineProperty(e, fe(o.key), o);
+            Object.defineProperty(e, de(o.key), o);
         }
     }
-    function oe(e, t, n) {
-        return t && ne(e.prototype, t), n && ne(e, n), Object.defineProperty(e, "prototype", {
+    function re(e, t, n) {
+        return t && oe(e.prototype, t), n && oe(e, n), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function re(e, t) {
+    function ie(e, t) {
         if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(t && t.prototype, {
             constructor: {
@@ -404,64 +418,64 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && ie(e, t);
+        }), t && ae(e, t);
     }
-    function ie(e, t) {
-        return ie = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function ae(e, t) {
+        return ae = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, ie(e, t);
+        }, ae(e, t);
     }
-    function ae(e) {
-        var t = ce();
+    function le(e) {
+        var t = se();
         return function() {
-            var n, o = se(e);
+            var n, o = pe(e);
             if (t) {
-                var r = se(this).constructor;
+                var r = pe(this).constructor;
                 n = Reflect.construct(o, arguments, r);
             } else n = o.apply(this, arguments);
-            return le(this, n);
+            return ue(this, n);
         };
     }
-    function le(e, t) {
-        if (t && ("object" == Q(t) || "function" == typeof t)) return t;
+    function ue(e, t) {
+        if (t && ("object" == Z(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return ue(e);
+        return ce(e);
     }
-    function ue(e) {
+    function ce(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function ce() {
+    function se() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (ce = function t() {
+        return (se = function t() {
             return !!e;
         })();
     }
-    function se(e) {
-        return se = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function pe(e) {
+        return pe = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, se(e);
+        }, pe(e);
     }
-    function pe(e, t, n) {
-        return (t = fe(t)) in e ? Object.defineProperty(e, t, {
+    function fe(e, t, n) {
+        return (t = de(t)) in e ? Object.defineProperty(e, t, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[t] = n, e;
     }
-    function fe(e) {
-        var t = de(e, "string");
-        return "symbol" == Q(t) ? t : t + "";
+    function de(e) {
+        var t = ve(e, "string");
+        return "symbol" == Z(t) ? t : t + "";
     }
-    function de(e, t) {
-        if ("object" != Q(e) || !e) return e;
+    function ve(e, t) {
+        if ("object" != Z(e) || !e) return e;
         var n = e[Symbol.toPrimitive];
         if (void 0 !== n) {
             var o = n.call(e, t || "default");
-            if ("object" != Q(o)) return o;
+            if ("object" != Z(o)) return o;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);
@@ -469,7 +483,7 @@
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var ve = {
+    /** @public */    var be = {
         animateLoading: i().bool,
         append: i().bool,
         children: i().node,
@@ -501,12 +515,11 @@
         onSelect: i().func,
         placeholder: i().string,
         prepend: i().bool,
-        size: i().oneOf([ "small", "medium", "large" ]),
         value: i().string,
         /** @private. */
         virtualization: i().number
     };
-    var be = {
+    var he = {
         animateLoading: false,
         controlledFilter: false,
         defaultPlacement: "vertical",
@@ -517,12 +530,12 @@
         menuStyle: {},
         placeholder: (0, O._)("Select...")
     };
-    function he(e, t) {
+    function ye(e, t) {
         var n = t.clientX, o = t.clientY;
         var r = e.getBoundingClientRect(), i = r.top, a = r.left, l = r.bottom, u = r.right;
         return n > a && n < u && o > i && o < l;
     }
-    var ye = p()((function(e) {
+    var me = p()((function(e) {
         var t = e.anchorWidth, n = e.maxHeight, o = e.menuStyle;
         return l()({
             maxHeight: n,
@@ -533,43 +546,43 @@
     /**
  * `ComboBox` allows the user to select a predefined string or enter a new value. Unlike `Select`
  * and `Multiselect`, `Option` value must always be a string.
- */    var me =  function(e) {
-        re(r, e);
-        var t = ae(r);
+ */    var ge =  function(e) {
+        ie(r, e);
+        var t = le(r);
         // @docs-props-type ComboBoxPropsBase
                 function r(e) {
             var i;
-            te(this, r);
+            ne(this, r);
             i = t.call(this, e);
-            pe(ue(i), "activeItemId", void 0);
-            pe(ue(i), "activeValue", void 0);
-            pe(ue(i), "availableOptionCount", 0);
-            pe(ue(i), "controlledExternally", void 0);
-            pe(ue(i), "options", void 0);
-            pe(ue(i), "popoverId", void 0);
-            pe(ue(i), "previousActiveIndex", null);
-            pe(ue(i), "textInput", null);
-            pe(ue(i), "handleInputMount", (function(e) {
+            fe(ce(i), "activeItemId", void 0);
+            fe(ce(i), "activeValue", void 0);
+            fe(ce(i), "availableOptionCount", 0);
+            fe(ce(i), "controlledExternally", void 0);
+            fe(ce(i), "options", void 0);
+            fe(ce(i), "popoverId", void 0);
+            fe(ce(i), "previousActiveIndex", null);
+            fe(ce(i), "textInput", null);
+            fe(ce(i), "handleInputMount", (function(e) {
                 i.textInput = e;
-                J(i.props.inputRef, e);
+                Q(i.props.inputRef, e);
             }));
-            pe(ue(i), "handleAnchorMount", (function(e) {
+            fe(ce(i), "handleAnchorMount", (function(e) {
                 i.setState({
                     anchor: e
                 });
-                J(i.props.elementRef, e);
+                Q(i.props.elementRef, e);
             }));
-            pe(ue(i), "handleActiveOptionMount", (function(e) {
+            fe(ce(i), "handleActiveOptionMount", (function(e) {
                 if (i.previousActiveIndex !== i.state.activeIndex) {
                     e === null || e === void 0 ? void 0 : e.scrollIntoViewIfNeeded();
                 }
             }));
-            pe(ue(i), "handleInputFocus", (function(e, t) {
+            fe(ce(i), "handleInputFocus", (function(e, t) {
                 var n, o;
                 i.open();
                 (n = (o = i.props).onFocus) === null || n === void 0 ? void 0 : n.call(o, e, t);
             }));
-            pe(ue(i), "handleChange", (function(e, t) {
+            fe(ce(i), "handleChange", (function(e, t) {
                 var n, o;
                 var r = t.value, a = t.selectedOption;
                 e.stopPropagation();
@@ -592,14 +605,14 @@
                     name: l
                 });
             }));
-            pe(ue(i), "handleSelectOption", (function(e, t) {
-                i.handleChange(e, ee(ee({}, t), {}, {
+            fe(ce(i), "handleSelectOption", (function(e, t) {
+                i.handleChange(e, te(te({}, t), {}, {
                     selectedOption: true
                 }));
                 i.focus();
                 i.close();
             }));
-            pe(ue(i), "handleInputKeyDown", (function(e) {
+            fe(ce(i), "handleInputKeyDown", (function(e) {
                 var t = i.props, o = t.children, r = t.onKeyDown, a = t.onScrollBottom;
                 var l = i.availableOptionCount;
                 var u = i.activeValue;
@@ -652,26 +665,26 @@
                 }
                 r === null || r === void 0 ? void 0 : r(e);
             }));
-            pe(ue(i), "handleInputClick", (function(e) {
+            fe(ce(i), "handleInputClick", (function(e) {
                 e.stopPropagation();
                 if (!i.state.open && !i.props.disabled) {
                     i.open();
                 }
             }));
-            pe(ue(i), "handleRequestClose", (function(e) {
+            fe(ce(i), "handleRequestClose", (function(e) {
                 var t = e.event, n = e.reason;
-                var o = n === "offScreen" || n === "escapeKey" || n === "clickAway" && i.state.anchor && !he(i.state.anchor, t);
+                var o = n === "offScreen" || n === "escapeKey" || n === "clickAway" && i.state.anchor && !ye(i.state.anchor, t);
                 if (o) {
                     i.close();
                 }
             }));
-            pe(ue(i), "handleScrollBottom", (function(e) {
+            fe(ce(i), "handleScrollBottom", (function(e) {
                 if (i.state.open && !i.props.isLoadingOptions) {
                     var t, n;
                     (t = (n = i.props).onScrollBottom) === null || t === void 0 ? void 0 : t.call(n, e);
                 }
             }));
-            pe(ue(i), "prepareOptions", (function() {
+            fe(ce(i), "prepareOptions", (function() {
                 var e = i.props, t = e.children, r = e.controlledFilter;
                 var a = i.state, l = a.activeIndex, u = a.typedValue;
                 var s = i.getValue();
@@ -689,7 +702,7 @@
                     return e.props.value === s;
                 }));
                 if (!f && s) {
-                    p.unshift( o().createElement(G, {
+                    p.unshift( o().createElement(J, {
                         description: (0, O._)("(New value)"),
                         descriptionPosition: "right",
                         key: "currentValueOption",
@@ -740,15 +753,15 @@
                     });
                 }));
             }));
-            pe(ue(i), "renderMenu", (function(e) {
+            fe(ce(i), "renderMenu", (function(e) {
                 var t = e.anchorWidth, n = e.maxHeight;
                 var r = i.props, a = r.isLoadingOptions, l = r.menuStyle, u = r.onScrollBottom, c = r.virtualization;
-                var s = ye({
+                var s = me({
                     anchorWidth: t,
                     maxHeight: n,
                     menuStyle: l
                 });
-                var p = ee({
+                var p = te({
                     style: s,
                     controlledExternally: true,
                     onScrollBottom: u ? i.handleScrollBottom : undefined,
@@ -756,7 +769,7 @@
                 }, b()(i.props, "className", "noOptionsMessage", "footerMessage", "animateLoading", "loadingMessage", "onScroll"));
                 if (c) {
                     
-                    return o().createElement(j.VirtualizedResultsMenu, Z({
+                    return o().createElement(I.VirtualizedResultsMenu, $({
                         virtualization: c
                     }, p), i.options);
                 }
@@ -775,10 +788,9 @@
             i.activeItemId = (0, g.createDOMID)("active-item");
             if (false) {}
             if (false) {}
-            if (false) {}
             return i;
         }
-        oe(r, [ {
+        re(r, [ {
             key: "componentDidUpdate",
             value: function e(t, n) {
                 if (false) {}
@@ -849,7 +861,7 @@
                 var c = this.getDisplayValue();
                 this.prepareOptions();
                 
-                return o().createElement(x(), Z({
+                return o().createElement(x(), $({
                     autoCapitalize: "off",
                     autoComplete: "off",
                     autoCorrect: "off",
@@ -862,7 +874,7 @@
                     "data-test-value": u,
                     "data-test-open": l && !!a,
                     onFocus: this.handleInputFocus,
-                    onInputClick: this.handleInputClick,
+                    onClick: this.handleInputClick,
                     onChange: this.handleChange,
                     onKeyDown: this.handleInputKeyDown,
                     inputId: r,
@@ -873,7 +885,7 @@
                     "aria-activedescendant": this.state.open && Array.isArray(this.options) && this.options.length > 0 ? this.activeItemId : undefined,
                     "aria-expanded": l,
                     "aria-controls": l ? this.popoverId : undefined
-                }),  o().createElement(P(), {
+                }),  o().createElement(j(), {
                     anchor: a,
                     autoCloseWhenOffScreen: true,
                     canCoverAnchor: false,
@@ -887,12 +899,12 @@
         } ]);
         return r;
     }(n.Component);
-    pe(me, "propTypes", ve);
-    pe(me, "defaultProps", be);
-    pe(me, "Option", G);
-    pe(me, "Divider", S.Divider);
-    pe(me, "Heading", S.Heading);
-    /* harmony default export */    const ge = me;
+    fe(ge, "propTypes", be);
+    fe(ge, "defaultProps", he);
+    fe(ge, "Option", J);
+    fe(ge, "Divider", S.Divider);
+    fe(ge, "Heading", S.Heading);
+    /* harmony default export */    const Oe = ge;
     // CONCATENATED MODULE: ./src/ComboBox/index.ts
     module.exports = t;
     /******/})();