@splunk/react-ui 5.0.0-beta.5 → 5.0.0-rc.2

package/ComboBox.js

@@ -137,9 +137,9 @@
             return e;
         }, M.apply(null, arguments);
     }
-    function q(e, n) {
+    function E(e, n) {
         if (null == e) return {};
-        var r, t, o = E(e, n);
+        var r, t, o = T(e, n);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
@@ -148,7 +148,7 @@
         }
         return o;
     }
-    function E(e, n) {
+    function T(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
@@ -159,7 +159,7 @@
         }
         return r;
     }
-    var T = {
+    var q = {
         /** @private */
         active: a().bool,
         description: a().string,
@@ -180,7 +180,7 @@
     /**
  * An option within a `ComboBox`.
  */    function B(e) {
-        var n = e.active, o = e.description, a = e.descriptionPosition, i = a === void 0 ? "bottom" : a, l = e.disabled, u = e.elementRef, c = e.icon, s = e.label, f = e.matchRanges, p = e.onClick, v = e.truncate, b = e.value, m = q(e, [ "active", "description", "descriptionPosition", "disabled", "elementRef", "icon", "label", "matchRanges", "onClick", "truncate", "value" ]);
+        var n = e.active, o = e.description, a = e.descriptionPosition, i = a === void 0 ? "bottom" : a, l = e.disabled, u = e.elementRef, c = e.icon, s = e.label, f = e.matchRanges, p = e.onClick, v = e.truncate, b = e.value, m = E(e, [ "active", "description", "descriptionPosition", "disabled", "elementRef", "icon", "label", "matchRanges", "onClick", "truncate", "value" ]);
         // @docs-props-type OptionPropsBase
                 var y = (0, r.useCallback)((function(e) {
             if (!l) {
@@ -210,12 +210,12 @@
             role: "option"
         }), h);
     }
-    B.propTypes = T;
+    B.propTypes = q;
     B.as = "Item";
     /* harmony default export */    const D = B;
     // CONCATENATED MODULE: ./src/utils/scrollIntoViewIfNeeded.ts
     // A utility that attempts to move an element into view by scrolling it's derived parent.
-    var x = function e(n) {
+    var A = function e(n) {
         if (!n) {
             return;
         }
@@ -232,16 +232,16 @@
         }
     };
     // CONCATENATED MODULE: ./src/ComboBox/ComboBox.tsx
-    function I(e) {
+    function x(e) {
         "@babel/helpers - typeof";
-        return I = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return x = "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;
-        }, I(e);
+        }, x(e);
     }
-    function A() {
-        return A = Object.assign ? Object.assign.bind() : function(e) {
+    function I() {
+        return I = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = arguments[n];
                 for (var t in r) {
@@ -249,7 +249,7 @@
                 }
             }
             return e;
-        }, A.apply(null, arguments);
+        }, I.apply(null, arguments);
     }
     function H(e, n) {
         var r = Object.keys(e);
@@ -282,14 +282,14 @@
     }
     function F(e) {
         var n = V(e, "string");
-        return "symbol" == I(n) ? n : n + "";
+        return "symbol" == x(n) ? n : n + "";
     }
     function V(e, n) {
-        if ("object" != I(e) || !e) return e;
+        if ("object" != x(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var t = r.call(e, n || "default");
-            if ("object" != I(t)) return t;
+            if ("object" != x(t)) return t;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
@@ -419,7 +419,7 @@
  * `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.
  */    function ne(e) {
-        var n = e.animateLoading, o = e.append, a = e.children, i = e.controlledFilter, l = e.defaultPlacement, u = l === void 0 ? "vertical" : l, c = e.defaultValue, s = e.describedBy, d = e.disabled, p = e.elementRef, y = e.error, h = e.footerMessage, S = e.inline, M = e.inputId, q = e.inputRef, E = e.isLoadingOptions, T = e.labelledBy, B = e.loadingMessage, I = e.menuStyle, H = I === void 0 ? Z : I, z = e.name, F = e.noOptionsMessage, V = e.onBlur, _ = e.onChange, W = e.onClose, N = e.onFocus, U = e.onKeyDown, X = e.onOpen, $ = e.onScroll, G = e.onScrollBottom, ne = e.onSelect, re = e.placeholder, te = re === void 0 ? ee : re, oe = e.prepend, ae = e.value, ie = e.virtualization, le = Y(e, [ "animateLoading", "append", "children", "controlledFilter", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onBlur", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "onScroll", "onScrollBottom", "onSelect", "placeholder", "prepend", "value", "virtualization" ]);
+        var n = e.animateLoading, o = e.append, a = e.children, i = e.controlledFilter, l = e.defaultPlacement, u = l === void 0 ? "vertical" : l, c = e.defaultValue, s = e.describedBy, d = e.disabled, p = e.elementRef, y = e.error, h = e.footerMessage, S = e.inline, M = e.inputId, E = e.inputRef, T = e.isLoadingOptions, q = e.labelledBy, B = e.loadingMessage, x = e.menuStyle, H = x === void 0 ? Z : x, z = e.name, F = e.noOptionsMessage, V = e.onBlur, _ = e.onChange, W = e.onClose, N = e.onFocus, U = e.onKeyDown, X = e.onOpen, $ = e.onScroll, G = e.onScrollBottom, ne = e.onSelect, re = e.placeholder, te = re === void 0 ? ee : re, oe = e.prepend, ae = e.value, ie = e.virtualization, le = Y(e, [ "animateLoading", "append", "children", "controlledFilter", "defaultPlacement", "defaultValue", "describedBy", "disabled", "elementRef", "error", "footerMessage", "inline", "inputId", "inputRef", "isLoadingOptions", "labelledBy", "loadingMessage", "menuStyle", "name", "noOptionsMessage", "onBlur", "onChange", "onClose", "onFocus", "onKeyDown", "onOpen", "onScroll", "onScrollBottom", "onSelect", "placeholder", "prepend", "value", "virtualization" ]);
         // @docs-props-type ComboBoxPropsBase
                 var ue = O()({
             componentName: "ComboBox",
@@ -431,16 +431,16 @@
         var ye = (0, r.useState)(false), ge = K(ye, 2), he = ge[0], Oe = ge[1];
         var Se = (0, r.useState)(null), Ce = K(Se, 2), ke = Ce[0], Pe = Ce[1];
         var we = (0, r.useState)(), je = K(we, 2), Re = je[0], Me = je[1];
-        var qe = (0, r.useState)(c || ""), Ee = K(qe, 2), Te = Ee[0], Be = Ee[1];
+        var Ee = (0, r.useState)(c || ""), Te = K(Ee, 2), qe = Te[0], Be = Te[1];
         var De = C()(fe);
-        var xe = (0, r.useRef)();
-        var Ie = (0, r.useRef)(0);
-        var Ae = (0, r.useRef)(De);
+        var Ae = (0, r.useRef)();
+        var xe = (0, r.useRef)(0);
+        var Ie = (0, r.useRef)(De);
         var He = (0, w.createDOMID)("popover");
         var Le = (0, w.createDOMID)("active-item");
         var ze = (0, r.useCallback)((function() {
             Oe(false);
-            Ae.current = null;
+            Ie.current = null;
             W === null || W === void 0 ? void 0 : W();
         }), [ W ]);
         var Fe = (0, r.useCallback)((function() {
@@ -451,8 +451,8 @@
             }
         }), [ he, X ]);
         var Ve = (0, r.useCallback)((function() {
-            return ue ? ae : Te;
-        }), [ ue, ae, Te ]);
+            return ue ? ae : qe;
+        }), [ ue, ae, qe ]);
         var Ke = (0, r.useCallback)((function() {
             var e = Ve();
             var n = r.Children.toArray(a).filter(r.isValidElement);
@@ -466,17 +466,17 @@
         }), [ a, Ve, Re ]);
         var _e = (0, r.useCallback)((function(e) {
             Pe(e);
-            R(q, e);
-        }), [ q ]);
+            R(E, e);
+        }), [ E ]);
         var We = (0, r.useCallback)((function(e) {
             me(e);
             R(p, e);
         }), [ p ]);
         var Ne = (0, r.useCallback)((function(e) {
-            if (Ae.current !== fe) {
-                x(e);
+            if (Ie.current !== fe) {
+                A(e);
             }
-        }), [ fe, Ae ]);
+        }), [ fe, Ie ]);
         var Ue = (0, r.useCallback)((function(e, n) {
             Fe();
             N === null || N === void 0 ? void 0 : N(e, n);
@@ -516,10 +516,10 @@
             }
         }), [ be, ze ]);
         var Je = (0, r.useCallback)((function(e) {
-            if (he && !E) {
+            if (he && !T) {
                 G === null || G === void 0 ? void 0 : G(e);
             }
-        }), [ E, he, G ]);
+        }), [ T, he, G ]);
         var Qe = (0, r.useMemo)((function() {
             var e = Ve();
             var n = r.Children.toArray(a).filter(r.isValidElement);
@@ -542,8 +542,8 @@
                 }));
             }
             // Highlight Active
-                        Ie.current = 0;
-            xe.current = undefined;
+                        xe.current = 0;
+            Ae.current = undefined;
             var l = (0, k.stringToKeywords)(Re ? e : Ke());
             return (i ? n : n.filter((function(e) {
                 if (e.props.label !== undefined) {
@@ -559,14 +559,14 @@
                     // ignore non-Option items such as Headings and Dividers
                     return n;
                 }
-                var a = Ie.current === fe;
-                Ie.current += 1;
+                var a = xe.current === fe;
+                xe.current += 1;
                 var u = n.props.label !== undefined ? n.props.label : n.props.value;
                 var c = n.props.matchRanges;
                 var s = !i && e && (o || t > 0) ? (0, k.keywordLocations)(u, l) || undefined : undefined;
                 if (a) {
                     if (!n.props.disabled) {
-                        xe.current = n.props.value;
+                        Ae.current = n.props.value;
                     }
                     
                     return (0, r.cloneElement)(n, {
@@ -585,12 +585,12 @@
             }));
         }), [ fe, Le, a, i, Ke, Ve, Ne, Ye, Re ]);
         var Ze = (0, r.useCallback)((function(e) {
-            var n = Ie.current;
-            var t = xe.current;
-            var o = (0, j.keycode)(e.nativeEvent);
+            var n = xe.current;
+            var t = Ae.current;
+            var o = e.key, i = e.nativeEvent;
             if (he) {
                 switch (o) {
-                  case "enter":
+                  case "Enter":
                     {
                         if (t) {
                             Ye(e, {
@@ -600,23 +600,23 @@
                         break;
                     }
 
-                  case "tab":
+                  case "Tab":
                     ze();
                     break;
 
-                  case "down":
+                  case "ArrowDown":
                     de((function(e) {
                         return Math.min(e + 1, n - 1);
                     }));
                     if (a && G) {
-                        var i = r.Children.count(a) - 2;
-                        if (fe === i) {
+                        var l = r.Children.count(a) - 2;
+                        if (fe === l) {
                             Je(e);
                         }
                     }
                     break;
 
-                  case "up":
+                  case "ArrowUp":
                     de((function(e) {
                         return Math.max(e - 1, 0);
                     }));
@@ -625,9 +625,9 @@
                   default:
  // do nothing
                                 }
-            } else if ((0, j.addsCharacter)(e.nativeEvent) !== false || 
+            } else if ((0, j.addsCharacter)(i) !== false || 
             // Safari 9.0 returns undefined
-            o === "enter" || o === "backspace" || o === "down" || o === "up") {
+            o === "Enter" || o === "Backspace" || o === "ArrowDown" || o === "ArrowUp") {
                 Fe();
             }
             U === null || U === void 0 ? void 0 : U(e);
@@ -645,7 +645,7 @@
                 animateLoading: n,
                 controlledExternally: ue,
                 footerMessage: h,
-                isLoading: E,
+                isLoading: T,
                 loadingMessage: B,
                 noOptionsMessage: F,
                 onScroll: $,
@@ -654,7 +654,7 @@
             };
             if (ie) {
                 
-                return t().createElement(b.VirtualizedResultsMenu, A({
+                return t().createElement(b.VirtualizedResultsMenu, I({
                     virtualization: ie
                 }, l), Qe);
             }
@@ -662,7 +662,7 @@
             return t().createElement(m(), l, Qe);
         };
         
-        return t().createElement(g(), A({
+        return t().createElement(g(), I({
             append: o,
             "aria-activedescendant": he && Array.isArray(Qe) && Qe.length > 0 ? Le : undefined,
             "aria-expanded": he,
@@ -683,7 +683,7 @@
             inline: S,
             inputId: M,
             inputRef: _e,
-            labelledBy: T,
+            labelledBy: q,
             name: z,
             onBlur: V,
             onFocus: Ue,