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

package/Number.js

@@ -67,8 +67,8 @@
     const n = require("react");
     var t =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var o =  e.n(a);
+    const o = require("prop-types");
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/isFinite"
     const i = require("lodash/isFinite");
     var l =  e.n(i);
@@ -103,7 +103,7 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const x = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Number/NumberStyles.ts
-    var E = "24px";
+    var A = "24px";
     var B = m()(C()).withConfig({
         displayName: "NumberStyles__StyledText",
         componentId: "sc-2ekj9s-0"
@@ -114,37 +114,37 @@
     var D = m().div.withConfig({
         displayName: "NumberStyles__StyledControls",
         componentId: "sc-2ekj9s-1"
-    })([ "width:", ";height:100%;", "" ], E, (function(e) {
+    })([ "width:", ";height:100%;", "" ], A, (function(e) {
         var r = e.$isAppend, n = e.$disabled, t = e.$error;
-        var a;
+        var o;
         if (n) {
-            a = x.variables.interactiveColorBorderDisabled;
+            o = x.variables.interactiveColorBorderDisabled;
         } else if (t) {
-            a = x.variables.interactiveColorAccentError;
+            o = x.variables.interactiveColorAccentError;
         } else {
-            a = x.variables.interactiveColorBorder;
+            o = x.variables.interactiveColorBorder;
         }
-        return (0, p.css)([ "", "" ], r ? (0, p.css)([ "border-inline-end:", " solid ", ";" ], x.variables.inputBorderWidth, a) : (0, 
-        p.css)([ "border-inline-start:", " solid ", ";" ], x.variables.inputBorderWidth, a));
+        return (0, p.css)([ "", "" ], r ? (0, p.css)([ "border-inline-end:", " solid ", ";" ], x.variables.inputBorderWidth, o) : (0, 
+        p.css)([ "border-inline-start:", " solid ", ";" ], x.variables.inputBorderWidth, o));
     }));
-    var A = (0, p.css)([ "height:12px;width:12px;" ]);
-    var N = m()(k()).withConfig({
+    var N = (0, p.css)([ "height:12px;width:12px;" ]);
+    var P = m()(k()).withConfig({
         displayName: "NumberStyles__StyledChevronDown",
         componentId: "sc-2ekj9s-2"
-    })([ "", ";" ], A);
-    var P = m()(j()).withConfig({
+    })([ "", ";" ], N);
+    var T = m()(j()).withConfig({
         displayName: "NumberStyles__StyledChevronUp",
         componentId: "sc-2ekj9s-3"
-    })([ "", ";" ], A);
-    var T = (0, p.css)([ "display:flex;align-items:center;justify-content:center;font-size:inherit;min-width:0;min-height:0;color:", ";height:calc(50% - 0.5px);width:100%;&:hover:not([disabled]){background-color:", ";}&:active:not([disabled]){background-color:", ";box-shadow:", ";}" ], x.variables.contentColorActive, x.variables.actionColorBackgroundSecondaryHover, x.variables.actionColorBackgroundSecondary, x.variables.focusShadowInset);
-    var _ = m()(y()).withConfig({
+    })([ "", ";" ], N);
+    var _ = (0, p.css)([ "display:flex;align-items:center;justify-content:center;font-size:inherit;min-width:0;min-height:0;color:", ";height:calc(50% - 0.5px);width:100%;&:hover:not([disabled]){background-color:", ";}&:active:not([disabled]){background-color:", ";box-shadow:", ";}" ], x.variables.contentColorActive, x.variables.actionColorBackgroundSecondaryHover, x.variables.actionColorBackgroundSecondary, x.variables.focusShadowInset);
+    var E = m()(y()).withConfig({
         displayName: "NumberStyles__StyledDecrementButton",
         componentId: "sc-2ekj9s-4"
-    })([ "", ";border-top-left-radius:0;border-top-right-radius:0;" ], T);
+    })([ "", ";border-top-left-radius:0;border-top-right-radius:0;" ], _);
     var I = m()(y()).withConfig({
         displayName: "NumberStyles__StyledIncrementButton",
         componentId: "sc-2ekj9s-5"
-    })([ "", ";border-bottom-left-radius:0;border-bottom-right-radius:0;" ], T);
+    })([ "", ";border-bottom-left-radius:0;border-bottom-right-radius:0;" ], _);
     var q = m()(g()).withConfig({
         displayName: "NumberStyles__StyledDivider",
         componentId: "sc-2ekj9s-6"
@@ -168,7 +168,7 @@
         return n.indexOf(",") > -1 ? "," : ".";
     };
     var R = function e(r) {
-        var n = r.val, t = r.min, a = r.max, o = r.roundTo;
+        var n = r.val, t = r.min, o = r.max, a = r.roundTo;
         var i = n;
         if (!l()(n)) {
             return i;
@@ -176,14 +176,14 @@
         if (t !== undefined && l()(t)) {
             i = Math.max(t, i);
         }
-        if (a !== undefined && l()(a)) {
-            i = Math.min(a, i);
+        if (o !== undefined && l()(o)) {
+            i = Math.min(o, i);
         }
-        var u = Math.pow(10, o);
+        var u = Math.pow(10, a);
         return Math.round(i * u) / u;
     };
     var U = function e(r) {
-        var n = r.str, t = r.locale, a = r.min, o = r.max, i = r.roundTo;
+        var n = r.str, t = r.locale, o = r.min, a = r.max, i = r.roundTo;
         var u = n;
         if (!K()(u) || u === "") {
             return undefined;
@@ -197,8 +197,8 @@
         }
         var c = R({
             val: parseFloat(u),
-            min: a,
-            max: o,
+            min: o,
+            max: a,
             roundTo: i
         });
         if (l()(c)) {
@@ -307,7 +307,7 @@
         return ("string" === r ? String : Number)(e);
     }
     function Z(e, r) {
-        return ae(e) || te(e, r) || re(e, r) || ee();
+        return oe(e) || te(e, r) || re(e, r) || ee();
     }
     function ee() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -329,38 +329,38 @@
     function te(e, r) {
         var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != n) {
-            var t, a, o, i, l = [], u = !0, c = !1;
+            var t, o, a, i, l = [], u = !0, c = !1;
             try {
-                if (o = (n = n.call(e)).next, 0 === r) {
+                if (a = (n = n.call(e)).next, 0 === r) {
                     if (Object(n) !== n) return;
                     u = !1;
-                } else for (;!(u = (t = o.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
+                } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
                 }
             } catch (e) {
-                c = !0, a = e;
+                c = !0, o = e;
             } finally {
                 try {
                     if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
                 } finally {
-                    if (c) throw a;
+                    if (c) throw o;
                 }
             }
             return l;
         }
     }
-    function ae(e) {
+    function oe(e) {
         if (Array.isArray(e)) return e;
     }
-    function oe(e, r) {
+    function ae(e, r) {
         if (null == e) return {};
-        var n, t, a = ie(e, r);
+        var n, t, o = ie(e, r);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < o.length; t++) {
-                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < a.length; t++) {
+                n = a[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
             }
         }
-        return a;
+        return o;
     }
     function ie(e, r) {
         if (null == e) return {};
@@ -376,48 +376,48 @@
     /** @public */
     /** @public */
     /** @public */    var le = {
-        append: o().bool,
-        children: o().node,
-        defaultValue: o().number,
-        describedBy: o().string,
-        disabled: o().bool,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        inputRef: o().oneOfType([ o().func, o().object ]),
-        error: o().bool,
-        hideStepButtons: o().bool,
-        inline: o().bool,
-        inputId: o().string,
-        labelledBy: o().string,
-        locale: o().string,
-        max: o().number,
-        min: o().number,
-        name: o().string,
-        onBlur: o().func,
-        onChange: o().func,
-        onClick: o().func,
-        onFocus: o().func,
-        endAdornment: o().node,
-        startAdornment: o().node,
-        onKeyDown: o().func,
-        onKeyUp: o().func,
-        onSelect: o().func,
-        prepend: o().bool,
-        roundTo: o().number,
-        step: o().number,
-        value: o().number
+        append: a().bool,
+        children: a().node,
+        defaultValue: a().number,
+        describedBy: a().string,
+        disabled: a().bool,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        inputRef: a().oneOfType([ a().func, a().object ]),
+        error: a().bool,
+        hideStepButtons: a().bool,
+        inline: a().bool,
+        inputId: a().string,
+        labelledBy: a().string,
+        locale: a().string,
+        max: a().number,
+        min: a().number,
+        name: a().string,
+        onBlur: a().func,
+        onChange: a().func,
+        onClick: a().func,
+        onFocus: a().func,
+        endAdornment: a().node,
+        startAdornment: a().node,
+        onKeyDown: a().func,
+        onKeyUp: a().func,
+        onSelect: a().func,
+        prepend: a().bool,
+        roundTo: a().number,
+        step: a().number,
+        value: a().number
     };
     function ue(e) {
-        var r = e.append, a = e.defaultValue, o = e.describedBy, i = e.disabled, s = e.elementRef, f = e.error, p = e.hideStepButtons, m = e.inline, b = e.inputRef, y = e.locale, h = y === void 0 ? "en-US" : y, g = e.max, S = e.min, C = e.name, w = e.onBlur, k = e.onChange, O = e.onKeyDown, j = e.onKeyUp, x = e.prepend, E = e.roundTo, A = E === void 0 ? 5 : E, T = e.step, $ = T === void 0 ? 1 : T, K = e.endAdornment, H = e.startAdornment, J = e.value, Q = oe(e, [ "append", "defaultValue", "describedBy", "disabled", "elementRef", "error", "hideStepButtons", "inline", "inputRef", "locale", "max", "min", "name", "onBlur", "onChange", "onKeyDown", "onKeyUp", "prepend", "roundTo", "step", "endAdornment", "startAdornment", "value" ]);
+        var r = e.append, o = e.defaultValue, a = e.describedBy, i = e.disabled, s = e.elementRef, f = e.error, p = e.hideStepButtons, m = e.inline, b = e.inputRef, y = e.locale, h = y === void 0 ? "en-US" : y, g = e.max, S = e.min, C = e.name, w = e.onBlur, k = e.onChange, O = e.onKeyDown, j = e.onKeyUp, x = e.prepend, A = e.roundTo, N = A === void 0 ? 5 : A, _ = e.step, $ = _ === void 0 ? 1 : _, K = e.endAdornment, H = e.startAdornment, J = e.value, Q = ae(e, [ "append", "defaultValue", "describedBy", "disabled", "elementRef", "error", "hideStepButtons", "inline", "inputRef", "locale", "max", "min", "name", "onBlur", "onChange", "onKeyDown", "onKeyUp", "prepend", "roundTo", "step", "endAdornment", "startAdornment", "value" ]);
         // @docs-props-type NumberPropsBase
                 var X = d()({
             componentName: "Number",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var Y = X ? J : a;
+        var Y = X ? J : o;
         // stringValue stores the current contents of the input text box - it might be out of range, invalid, ...
                 var ee = (0, n.useState)(F(Y, h)), re = Z(ee, 2), ne = re[0], te = re[1];
-        var ae = (0, n.useState)(Y), ie = Z(ae, 2), le = ie[0], ue = ie[1];
+        var oe = (0, n.useState)(Y), ie = Z(oe, 2), le = ie[0], ue = ie[1];
         var ce = v()(J);
         var se = (0, n.useRef)(null);
         var de = (0, n.useCallback)((function(e) {
@@ -443,16 +443,16 @@
                 locale: h,
                 min: S,
                 max: g,
-                roundTo: A
+                roundTo: N
             });
             var t;
             // increment appropriate number
                         if (n !== undefined && l()(n)) {
                 // increment the entered value
                 t = n + r;
-            } else if (a !== undefined && l()(a)) {
+            } else if (o !== undefined && l()(o)) {
                 // increment the defaultValue
-                t = a + r;
+                t = o + r;
             } else if (r > 0) {
                 // increment up to max or step value
                 t = g || $;
@@ -465,22 +465,22 @@
                 val: t,
                 min: S,
                 max: g,
-                roundTo: A
+                roundTo: N
             }));
-        }), [ a, fe, h, g, S, A, $, ne ]);
+        }), [ o, fe, h, g, S, N, $, ne ]);
         var pe = (0, n.useCallback)((function(e, r) {
             var n = R({
                 val: parseFloat(r.value),
                 min: S,
                 max: g,
-                roundTo: A
+                roundTo: N
             });
             var t = F(n, h);
             te(t);
             w === null || w === void 0 ? void 0 : w(e, L(L({}, r), {}, {
                 value: t
             }));
-        }), [ h, g, S, w, A ]);
+        }), [ h, g, S, w, N ]);
         var me = (0, n.useCallback)((function(e, r) {
             var n = r.value;
             var t = U({
@@ -488,7 +488,7 @@
                 locale: h,
                 min: S,
                 max: g,
-                roundTo: A
+                roundTo: N
             });
             if (le !== t || !X) {
                 k === null || k === void 0 ? void 0 : k(e, {
@@ -501,51 +501,52 @@
             if (!X) {
                 ue(t);
             }
-        }), [ X, h, g, S, C, k, A, le ]);
+        }), [ X, h, g, S, C, k, N, le ]);
         var be = (0, n.useCallback)((function(e) {
-            if (!e.metaKey && !e.ctrlKey && !e.altKey && (0, c.addsCharacter)(e.nativeEvent) !== false) {
+            var r = e.altKey, n = e.ctrlKey, t = e.key, o = e.nativeEvent, a = e.metaKey;
+            if (!a && !n && !r && (0, c.addsCharacter)(o) !== false) {
                 // only allow numbers, negative and decimals
-                if (!(0, c.isNumeric)(e.nativeEvent, {
+                if (!(0, c.isNumeric)(o, {
                     locale: h
                 })) {
                     e.preventDefault();
                 }
-                var r = S !== undefined && l()(S) && S >= 0;
+                var i = S !== undefined && l()(S) && S >= 0;
                 // if minus is not allowed or there is already one, prevent input
-                                if ((0, c.isMinus)(e.nativeEvent) && (r || ne.indexOf("-") >= 0)) {
+                                if ((0, c.isMinus)(o) && (i || ne.indexOf("-") >= 0)) {
                     e.preventDefault();
                 }
                 // if decimal is not allowed or there is already one, prevent input
-                                if ((0, c.isDecimal)(e.nativeEvent, {
+                                if ((0, c.isDecimal)(o, {
                     locale: h
-                }) && (A <= 0 || ne.indexOf(M(h)) >= 0)) {
+                }) && (N <= 0 || ne.indexOf(M(h)) >= 0)) {
                     e.preventDefault();
                 }
             }
             // Arrow up and down will increment
-                        if ((0, c.keycode)(e.nativeEvent) === "up") {
+                        if (t === "ArrowUp") {
                 ve(e, $);
                 e.preventDefault();
-            } else if ((0, c.keycode)(e.nativeEvent) === "down") {
+            } else if (t === "ArrowDown") {
                 ve(e, -$);
                 e.preventDefault();
             }
             O === null || O === void 0 ? void 0 : O(e);
-        }), [ ve, h, S, O, A, $, ne ]);
+        }), [ ve, h, S, O, N, $, ne ]);
         var ye = (0, n.useCallback)((function(e) {
             var r;
-            if ((0, c.keycode)(e.nativeEvent) === "enter" && (se === null || se === void 0 ? void 0 : (r = se.current) === null || r === void 0 ? void 0 : r.value)) {
+            if (e.key === "Enter" && (se === null || se === void 0 ? void 0 : (r = se.current) === null || r === void 0 ? void 0 : r.value)) {
                 var n = se.current.value;
                 var t = R({
                     val: parseFloat(n),
                     min: S,
                     max: g,
-                    roundTo: A
+                    roundTo: N
                 });
                 te(F(t, h));
             }
             j === null || j === void 0 ? void 0 : j(e);
-        }), [ h, g, S, j, A ]);
+        }), [ h, g, S, j, N ]);
         var he = (0, n.useCallback)((function(e) {
             ve(e, $);
         }), [ ve, $ ]);
@@ -572,13 +573,13 @@
                     locale: h,
                     min: S,
                     max: g,
-                    roundTo: A
+                    roundTo: N
                 });
                 if (e !== J && X) {
                     te(F(J, h));
                 }
             }
-        }), [ X, h, g, S, ce, A, J, ne ]);
+        }), [ X, h, g, S, ce, N, J, ne ]);
         var Se = {
             append: r,
             prepend: !r,
@@ -604,18 +605,18 @@
             "data-test": "increment",
             disabled: i || Ce,
             onClick: he
-        }, Se),  t().createElement(P, null)),  t().createElement(q, {
+        }, Se),  t().createElement(T, null)),  t().createElement(q, {
             $disabled: i,
             $error: f
-        }),  t().createElement(_, G({
+        }),  t().createElement(E, G({
             "aria-label": (0, u._)("Decrement"),
             "data-test": "decrement",
             disabled: i || we,
             onClick: ge
-        }, Se),  t().createElement(N, null)));
+        }, Se),  t().createElement(P, null)));
         var je = ke && !p && Oe;
         var xe = !ke && !p && Oe;
-        var Ee = H || je;
+        var Ae = H || je;
         
         return t().createElement(B, G({
             autoCapitalize: "off",
@@ -626,7 +627,7 @@
             inputRef: de,
             disabled: i,
             name: C,
-            describedBy: o,
+            describedBy: a,
             append: r,
             prepend: x
         }, Q, {
@@ -637,12 +638,12 @@
             onKeyDown: be,
             onKeyUp: ye,
             value: ne,
-            "aria-describedby": o,
+            "aria-describedby": a,
             error: f,
             "data-test-value": le,
-            startAdornment: Ee,
+            startAdornment: Ae,
             endAdornment: K || xe,
-            $startAdornment: !!Ee,
+            $startAdornment: !!Ae,
             role: "spinbutton",
             "aria-valuenow": le,
             "aria-valuemin": S,