@splunk/react-ui 5.1.0 → 5.2.0

package/ComboBox.js

@@ -61,9 +61,9 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Divider: () => /* reexport */ f.Divider,
-        Heading: () => /* reexport */ f.Heading,
-        Option: () => /* reexport */ I,
+        Divider: () => /* reexport */ d.Divider,
+        Heading: () => /* reexport */ d.Heading,
+        Option: () => /* reexport */ A,
         default: () => /* reexport */ re
     });
     // CONCATENATED MODULE: external "react"
@@ -80,9 +80,9 @@
     var c =  e.n(u);
     // CONCATENATED MODULE: external "prop-types"
     const s = require("prop-types");
-    var d =  e.n(s);
+    var f =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/Menu"
-    const f = require("@splunk/react-ui/Menu");
+    const d = require("@splunk/react-ui/Menu");
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
     const p = require("@splunk/react-ui/Popover");
     var v =  e.n(p);
@@ -141,48 +141,48 @@
     }
     function E(e, n) {
         if (null == e) return {};
-        var r, t, o = B(e, n);
+        var r, t, o = x(e, n);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
     }
-    function B(e, n) {
+    function x(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
         return r;
     }
-    var D = {
+    var B = {
         /** @private */
-        active: d().bool,
-        description: d().string,
-        descriptionPosition: d().oneOf([ "right", "bottom" ]),
-        disabled: d().bool,
-        elementRef: d().oneOfType([ d().func, d().object ]),
-        icon: d().node,
-        label: d().string,
-        matchRanges: d().arrayOf(d().shape({
-            start: d().number.isRequired,
-            end: d().number.isRequired
+        active: f().bool,
+        description: f().string,
+        descriptionPosition: f().oneOf([ "right", "bottom" ]),
+        disabled: f().bool,
+        elementRef: f().oneOfType([ f().func, f().object ]),
+        icon: f().node,
+        label: f().string,
+        matchRanges: f().arrayOf(f().shape({
+            start: f().number.isRequired,
+            end: f().number.isRequired
         })),
         /** @private */
-        onClick: d().func,
-        truncate: d().bool,
-        value: d().string.isRequired
+        onClick: f().func,
+        truncate: f().bool,
+        value: f().string.isRequired
     };
     /**
  * An option within a `ComboBox`.
- */    function A(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, d = 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" ]);
+ */    function D(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 = 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) {
@@ -196,7 +196,7 @@
         }), [ u ]);
         var h = s === undefined ? b : s;
         
-        return t().createElement(f.Item, q({
+        return t().createElement(d.Item, q({
             active: n,
             "data-test": "option",
             "data-test-value": b,
@@ -205,24 +205,24 @@
             disabled: l ? "disabled" : undefined,
             elementRef: g,
             startAdornment: c,
-            matchRanges: d,
+            matchRanges: f,
             onClick: y,
             truncate: v
         }, m, {
             role: "option"
         }), h);
     }
-    A.propTypes = D;
-    A.as = "Item";
-    /* harmony default export */    const I = A;
+    D.propTypes = B;
+    D.as = "Item";
+    /* harmony default export */    const A = D;
     // CONCATENATED MODULE: ./src/ComboBox/ComboBox.tsx
-    function x(e) {
+    function I(e) {
         "@babel/helpers - typeof";
-        return x = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return I = "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;
-        }, x(e);
+        }, I(e);
     }
     function T() {
         return T = Object.assign ? Object.assign.bind() : function(e) {
@@ -266,14 +266,14 @@
     }
     function z(e) {
         var n = F(e, "string");
-        return "symbol" == x(n) ? n : n + "";
+        return "symbol" == I(n) ? n : n + "";
     }
     function F(e, n) {
-        if ("object" != x(e) || !e) return e;
+        if ("object" != I(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var t = r.call(e, n || "default");
-            if ("object" != x(t)) return t;
+            if ("object" != I(t)) return t;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
@@ -329,7 +329,7 @@
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
-                r = a[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                r = a[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
             }
         }
         return o;
@@ -339,7 +339,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -349,40 +349,40 @@
     /** @public */
     /** @public */
     /** @public */    var G = {
-        animateLoading: d().bool,
-        append: d().bool,
-        children: d().node,
-        controlledFilter: d().bool,
-        defaultPlacement: d().oneOf([ "above", "below", "vertical" ]),
-        defaultValue: d().string,
-        describedBy: d().string,
-        disabled: d().bool,
-        elementRef: d().oneOfType([ d().func, d().object ]),
-        error: d().bool,
-        footerMessage: d().node,
-        inline: d().bool,
-        inputId: d().string,
-        inputRef: d().oneOfType([ d().func, d().object ]),
-        isLoadingOptions: d().bool,
-        labelledBy: d().string,
-        loadingMessage: d().node,
-        menuStyle: d().object,
-        name: d().string,
-        noOptionsMessage: d().node,
-        onBlur: d().func,
-        onChange: d().func,
-        onClose: d().func,
-        onFocus: d().func,
-        onKeyDown: d().func,
-        onOpen: d().func,
-        onScroll: d().func,
-        onScrollBottom: d().func,
-        onSelect: d().func,
-        placeholder: d().string,
-        prepend: d().bool,
-        value: d().string,
+        animateLoading: f().bool,
+        append: f().bool,
+        children: f().node,
+        controlledFilter: f().bool,
+        defaultPlacement: f().oneOf([ "above", "below", "vertical" ]),
+        defaultValue: f().string,
+        describedBy: f().string,
+        disabled: f().bool,
+        elementRef: f().oneOfType([ f().func, f().object ]),
+        error: f().bool,
+        footerMessage: f().node,
+        inline: f().bool,
+        inputId: f().string,
+        inputRef: f().oneOfType([ f().func, f().object ]),
+        isLoadingOptions: f().bool,
+        labelledBy: f().string,
+        loadingMessage: f().node,
+        menuStyle: f().object,
+        name: f().string,
+        noOptionsMessage: f().node,
+        onBlur: f().func,
+        onChange: f().func,
+        onClose: f().func,
+        onFocus: f().func,
+        onKeyDown: f().func,
+        onOpen: f().func,
+        onScroll: f().func,
+        onScrollBottom: f().func,
+        onSelect: f().func,
+        placeholder: f().string,
+        prepend: f().bool,
+        value: f().string,
         /** @private. */
-        virtualization: d().number
+        virtualization: f().number
     };
     function J(e, n) {
         var r = n.clientX, t = n.clientY;
@@ -403,23 +403,23 @@
  * `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, s = e.defaultValue, d = e.describedBy, f = e.disabled, p = e.elementRef, y = e.error, h = e.footerMessage, S = e.inline, q = e.inputId, E = e.inputRef, B = e.isLoadingOptions, D = e.labelledBy, A = e.loadingMessage, x = e.menuStyle, L = x === void 0 ? Z : x, V = e.name, z = e.noOptionsMessage, F = e.onBlur, _ = e.onChange, N = e.onClose, W = 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, s = e.defaultValue, f = e.describedBy, d = e.disabled, p = e.elementRef, y = e.error, h = e.footerMessage, S = e.inline, q = e.inputId, E = e.inputRef, x = e.isLoadingOptions, B = e.labelledBy, D = e.loadingMessage, I = e.menuStyle, L = I === void 0 ? Z : I, V = e.name, z = e.noOptionsMessage, F = e.onBlur, _ = e.onChange, N = e.onClose, W = 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",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var ce = (0, r.useState)(0), se = K(ce, 2), de = se[0], fe = se[1];
+        var ce = (0, r.useState)(0), se = K(ce, 2), fe = se[0], de = se[1];
         var pe = (0, r.useState)(null), ve = K(pe, 2), be = ve[0], me = ve[1];
         var ye = (0, r.useState)(false), ge = K(ye, 2), he = ge[0], Oe = ge[1];
         var Se = (0, r.useState)(null), ke = K(Se, 2), Ce = ke[0], we = ke[1];
         var Pe = (0, r.useState)(), je = K(Pe, 2), Re = je[0], Me = je[1];
-        var qe = (0, r.useState)(s || ""), Ee = K(qe, 2), Be = Ee[0], De = Ee[1];
-        var Ae = k()(de);
-        var Ie = (0, r.useRef)();
-        var xe = (0, r.useRef)(0);
-        var Te = (0, r.useRef)(Ae);
+        var qe = (0, r.useState)(s || ""), Ee = K(qe, 2), xe = Ee[0], Be = Ee[1];
+        var De = k()(fe);
+        var Ae = (0, r.useRef)();
+        var Ie = (0, r.useRef)(0);
+        var Te = (0, r.useRef)(De);
         var Le = (0, P.createDOMID)("popover");
         var He = (0, P.createDOMID)("active-item");
         var Ve = (0, r.useCallback)((function() {
@@ -430,13 +430,13 @@
         var ze = (0, r.useCallback)((function() {
             if (!he) {
                 Oe(true);
-                fe(0);
+                de(0);
                 X === null || X === void 0 ? void 0 : X();
             }
         }), [ he, X ]);
         var Fe = (0, r.useCallback)((function() {
-            return ue ? ae : Be;
-        }), [ ue, ae, Be ]);
+            return ue ? ae : xe;
+        }), [ ue, ae, xe ]);
         var Ke = (0, r.useCallback)((function() {
             var e = Fe();
             var n = r.Children.toArray(a).filter(r.isValidElement);
@@ -457,10 +457,10 @@
             M(p, e);
         }), [ p ]);
         var We = (0, r.useCallback)((function(e) {
-            if (Te.current !== de) {
+            if (Te.current !== fe) {
                 (0, R.scrollIntoViewIfNeeded)(e);
             }
-        }), [ de, Te ]);
+        }), [ fe, Te ]);
         var Ue = (0, r.useCallback)((function(e, n) {
             ze();
             W === null || W === void 0 ? void 0 : W(e, n);
@@ -469,10 +469,10 @@
             var r = n.value, t = n.selectedOption;
             e.stopPropagation();
             var o = t ? undefined : r;
-            fe(0);
+            de(0);
             Me(o);
             if (!ue) {
-                De(r);
+                Be(r);
             }
             _ === null || _ === void 0 ? void 0 : _(e, {
                 value: r,
@@ -488,10 +488,10 @@
         }), [ Ve, Xe, Ce ]);
         var $e = (0, r.useCallback)((function(e) {
             e.stopPropagation();
-            if (!f) {
+            if (!d) {
                 ze();
             }
-        }), [ f, ze ]);
+        }), [ d, ze ]);
         var Ge = (0, r.useCallback)((function(e) {
             var n = e.event, r = e.reason;
             var t = r === "offScreen" || r === "escapeKey" || r === "clickAway" && be && !J(be, n);
@@ -500,10 +500,10 @@
             }
         }), [ be, Ve ]);
         var Je = (0, r.useCallback)((function(e) {
-            if (he && !B) {
+            if (he && !x) {
                 G === null || G === void 0 ? void 0 : G(e);
             }
-        }), [ B, he, G ]);
+        }), [ x, he, G ]);
         var Qe = (0, r.useMemo)((function() {
             var e = Fe();
             var n = r.Children.toArray(a).filter(r.isValidElement);
@@ -517,7 +517,7 @@
                 return n.props.value === e;
             }));
             if (!o && e) {
-                n.unshift( t().createElement(I, {
+                n.unshift( t().createElement(A, {
                     description: (0, w._)("(New value)"),
                     descriptionPosition: "right",
                     key: "currentValueOption",
@@ -526,8 +526,8 @@
                 }));
             }
             // Highlight Active
-                        xe.current = 0;
-            Ie.current = undefined;
+                        Ie.current = 0;
+            Ae.current = undefined;
             var l = (0, C.stringToKeywords)(Re ? e : Ke());
             return (i ? n : n.filter((function(e) {
                 if (e.props.label !== undefined) {
@@ -543,14 +543,14 @@
                     // ignore non-Option items such as Headings and Dividers
                     return n;
                 }
-                var a = xe.current === de;
-                xe.current += 1;
+                var a = Ie.current === fe;
+                Ie.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, C.keywordLocations)(u, l) || undefined : undefined;
                 if (a) {
                     if (!n.props.disabled) {
-                        Ie.current = n.props.value;
+                        Ae.current = n.props.value;
                     }
                     
                     return (0, r.cloneElement)(n, {
@@ -567,10 +567,10 @@
                     matchRanges: c || s
                 });
             }));
-        }), [ de, He, a, i, Ke, Fe, We, Ye, Re ]);
+        }), [ fe, He, a, i, Ke, Fe, We, Ye, Re ]);
         var Ze = (0, r.useCallback)((function(e) {
-            var n = xe.current;
-            var t = Ie.current;
+            var n = Ie.current;
+            var t = Ae.current;
             var o = e.key, i = e.nativeEvent;
             if (he) {
                 switch (o) {
@@ -589,19 +589,19 @@
                     break;
 
                   case "ArrowDown":
-                    fe((function(e) {
+                    de((function(e) {
                         return Math.min(e + 1, n - 1);
                     }));
                     if (a && G) {
                         var l = r.Children.count(a) - 2;
-                        if (de === l) {
+                        if (fe === l) {
                             Je(e);
                         }
                     }
                     break;
 
                   case "ArrowUp":
-                    fe((function(e) {
+                    de((function(e) {
                         return Math.max(e - 1, 0);
                     }));
                     break;
@@ -615,7 +615,7 @@
                 ze();
             }
             U === null || U === void 0 ? void 0 : U(e);
-        }), [ de, a, Ve, Je, Ye, he, U, G, ze ]);
+        }), [ fe, a, Ve, Je, Ye, he, U, G, ze ]);
         var en = Fe();
         var nn = Ke();
         var rn = function e(r) {
@@ -629,8 +629,8 @@
                 animateLoading: n,
                 controlledExternally: ue,
                 footerMessage: h,
-                isLoading: B,
-                loadingMessage: A,
+                isLoading: x,
+                loadingMessage: D,
                 noOptionsMessage: z,
                 onScroll: $,
                 onScrollBottom: G ? Je : undefined,
@@ -660,14 +660,14 @@
             "data-test-label": nn,
             "data-test-value": en,
             "data-test-open": he && !!be,
-            describedBy: d,
-            disabled: f,
+            describedBy: f,
+            disabled: d,
             elementRef: Ne,
             error: y,
             inline: S,
             inputId: q,
             inputRef: _e,
-            labelledBy: D,
+            labelledBy: B,
             name: V,
             onBlur: F,
             onFocus: Ue,
@@ -692,9 +692,9 @@
             repositionMode: "flip"
         }, rn));
     }
-    ne.Divider = f.Divider;
-    ne.Heading = f.Heading;
-    ne.Option = I;
+    ne.Divider = d.Divider;
+    ne.Heading = d.Heading;
+    ne.Option = A;
     ne.propTypes = G;
     /* harmony default export */    const re = ne;
     // CONCATENATED MODULE: ./src/ComboBox/index.ts