@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.4

package/Number.js

@@ -67,8 +67,8 @@
     const n = require("react");
     var t =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var a =  e.n(o);
+    const a = require("prop-types");
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "lodash/isFinite"
     const i = require("lodash/isFinite");
     var l =  e.n(i);
@@ -104,38 +104,38 @@
     const x = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Number/NumberStyles.ts
     var E = "24px";
-    var D = m()(C()).withConfig({
+    var B = m()(C()).withConfig({
         displayName: "NumberStyles__StyledText",
         componentId: "sc-2ekj9s-0"
     })([ "&[data-inline]{width:180px;}", "" ], (function(e) {
         var r = e.$startAdornment;
         return r ? (0, p.css)([ "padding-inline-start:0;" ]) : (0, p.css)([ "padding-inline-end:0;" ]);
     }));
-    var A = m().div.withConfig({
+    var D = m().div.withConfig({
         displayName: "NumberStyles__StyledControls",
         componentId: "sc-2ekj9s-1"
     })([ "width:", ";height:100%;", "" ], E, (function(e) {
         var r = e.$isAppend, n = e.$disabled, t = e.$error;
-        var o;
+        var a;
         if (n) {
-            o = x.variables.interactiveColorBorderDisabled;
+            a = x.variables.interactiveColorBorderDisabled;
         } else if (t) {
-            o = x.variables.interactiveColorAccentError;
+            a = x.variables.interactiveColorAccentError;
         } else {
-            o = x.variables.interactiveColorBorder;
+            a = x.variables.interactiveColorBorder;
         }
-        return (0, p.css)([ "", "" ], r ? (0, p.css)([ "border-inline-end:1px solid ", ";" ], o) : (0, 
-        p.css)([ "border-inline-start:1px solid ", ";" ], o));
+        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));
     }));
-    var B = (0, p.css)([ "height:12px;width:12px;" ]);
+    var A = (0, p.css)([ "height:12px;width:12px;" ]);
     var N = m()(k()).withConfig({
         displayName: "NumberStyles__StyledChevronDown",
         componentId: "sc-2ekj9s-2"
-    })([ "", ";" ], B);
+    })([ "", ";" ], A);
     var P = m()(j()).withConfig({
         displayName: "NumberStyles__StyledChevronUp",
         componentId: "sc-2ekj9s-3"
-    })([ "", ";" ], B);
+    })([ "", ";" ], 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({
         displayName: "NumberStyles__StyledDecrementButton",
@@ -168,7 +168,7 @@
         return n.indexOf(",") > -1 ? "," : ".";
     };
     var R = function e(r) {
-        var n = r.val, t = r.min, o = r.max, a = r.roundTo;
+        var n = r.val, t = r.min, a = r.max, o = 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 (o !== undefined && l()(o)) {
-            i = Math.min(o, i);
+        if (a !== undefined && l()(a)) {
+            i = Math.min(a, i);
         }
-        var u = Math.pow(10, a);
+        var u = Math.pow(10, o);
         return Math.round(i * u) / u;
     };
     var U = function e(r) {
-        var n = r.str, t = r.locale, o = r.min, a = r.max, i = r.roundTo;
+        var n = r.str, t = r.locale, a = r.min, o = 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: o,
-            max: a,
+            min: a,
+            max: o,
             roundTo: i
         });
         if (l()(c)) {
@@ -231,7 +231,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function H(e, r) {
+    function W(e, r) {
         if (e) {
             if (typeof e === "function") {
                 e(r);
@@ -244,16 +244,16 @@
         }
     }
     // CONCATENATED MODULE: ./src/Number/Number.tsx
-    function G(e) {
+    function H(e) {
         "@babel/helpers - typeof";
-        return G = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return H = "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;
-        }, G(e);
+        }, H(e);
     }
-    function J() {
-        return J = Object.assign ? Object.assign.bind() : function(e) {
+    function G() {
+        return G = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -261,9 +261,9 @@
                 }
             }
             return e;
-        }, J.apply(null, arguments);
+        }, G.apply(null, arguments);
     }
-    function L(e, r) {
+    function J(e, r) {
         var n = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
@@ -273,18 +273,18 @@
         }
         return n;
     }
-    function Q(e) {
+    function L(e) {
         for (var r = 1; r < arguments.length; r++) {
             var n = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? L(Object(n), !0).forEach((function(r) {
-                W(e, r, n[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : L(Object(n)).forEach((function(r) {
+            r % 2 ? J(Object(n), !0).forEach((function(r) {
+                Q(e, r, n[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : J(Object(n)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
             }));
         }
         return e;
     }
-    function W(e, r, n) {
+    function Q(e, r, n) {
         return (r = X(r)) in e ? Object.defineProperty(e, r, {
             value: n,
             enumerable: !0,
@@ -294,20 +294,20 @@
     }
     function X(e) {
         var r = Y(e, "string");
-        return "symbol" == G(r) ? r : r + "";
+        return "symbol" == H(r) ? r : r + "";
     }
     function Y(e, r) {
-        if ("object" != G(e) || !e) return e;
+        if ("object" != H(e) || !e) return e;
         var n = e[Symbol.toPrimitive];
         if (void 0 !== n) {
             var t = n.call(e, r || "default");
-            if ("object" != G(t)) return t;
+            if ("object" != H(t)) return t;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === r ? String : Number)(e);
     }
     function Z(e, r) {
-        return oe(e) || te(e, r) || re(e, r) || ee();
+        return ae(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, o, a, i, l = [], u = !0, c = !1;
+            var t, a, o, i, l = [], u = !0, c = !1;
             try {
-                if (a = (n = n.call(e)).next, 0 === r) {
+                if (o = (n = n.call(e)).next, 0 === r) {
                     if (Object(n) !== n) return;
                     u = !1;
-                } else for (;!(u = (t = a.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
+                } else for (;!(u = (t = o.call(n)).done) && (l.push(t.value), l.length !== r); u = !0) {
                 }
             } catch (e) {
-                c = !0, o = e;
+                c = !0, a = e;
             } finally {
                 try {
                     if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
                 } finally {
-                    if (c) throw o;
+                    if (c) throw a;
                 }
             }
             return l;
         }
     }
-    function oe(e) {
+    function ae(e) {
         if (Array.isArray(e)) return e;
     }
-    function ae(e, r) {
+    function oe(e, r) {
         if (null == e) return {};
-        var n, t, o = ie(e, r);
+        var n, t, a = ie(e, r);
         if (Object.getOwnPropertySymbols) {
-            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]);
+            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]);
             }
         }
-        return o;
+        return a;
     }
     function ie(e, r) {
         if (null == e) return {};
@@ -376,53 +376,53 @@
     /** @public */
     /** @public */
     /** @public */    var le = {
-        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
+        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
     };
     function ue(e) {
-        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, E = e.roundTo, B = E === void 0 ? 5 : E, T = e.step, $ = T === void 0 ? 1 : T, K = e.endAdornment, G = e.startAdornment, L = e.value, W = 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" ]);
+        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" ]);
         // @docs-props-type NumberPropsBase
                 var X = d()({
             componentName: "Number",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var Y = X ? L : o;
+        var Y = X ? J : a;
         // 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 oe = (0, n.useState)(Y), ie = Z(oe, 2), le = ie[0], ue = ie[1];
-        var ce = v()(L);
+        var ae = (0, n.useState)(Y), ie = Z(ae, 2), le = ie[0], ue = ie[1];
+        var ce = v()(J);
         var se = (0, n.useRef)(null);
         var de = (0, n.useCallback)((function(e) {
-            H(se, e);
-            H(b, e);
+            W(se, e);
+            W(b, e);
         }), [ b ]);
         var fe = (0, n.useCallback)((function(e, r) {
             if (r !== le || !X) {
@@ -443,16 +443,16 @@
                 locale: h,
                 min: S,
                 max: g,
-                roundTo: B
+                roundTo: A
             });
             var t;
             // increment appropriate number
                         if (n !== undefined && l()(n)) {
                 // increment the entered value
                 t = n + r;
-            } else if (o !== undefined && l()(o)) {
+            } else if (a !== undefined && l()(a)) {
                 // increment the defaultValue
-                t = o + r;
+                t = a + 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: B
+                roundTo: A
             }));
-        }), [ o, fe, h, g, S, B, $, ne ]);
+        }), [ a, fe, h, g, S, A, $, ne ]);
         var pe = (0, n.useCallback)((function(e, r) {
             var n = R({
                 val: parseFloat(r.value),
                 min: S,
                 max: g,
-                roundTo: B
+                roundTo: A
             });
             var t = F(n, h);
             te(t);
-            w === null || w === void 0 ? void 0 : w(e, Q(Q({}, r), {}, {
+            w === null || w === void 0 ? void 0 : w(e, L(L({}, r), {}, {
                 value: t
             }));
-        }), [ h, g, S, w, B ]);
+        }), [ h, g, S, w, A ]);
         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: B
+                roundTo: A
             });
             if (le !== t || !X) {
                 k === null || k === void 0 ? void 0 : k(e, {
@@ -501,7 +501,7 @@
             if (!X) {
                 ue(t);
             }
-        }), [ X, h, g, S, C, k, B, le ]);
+        }), [ X, h, g, S, C, k, A, le ]);
         var be = (0, n.useCallback)((function(e) {
             if (!e.metaKey && !e.ctrlKey && !e.altKey && (0, c.addsCharacter)(e.nativeEvent) !== false) {
                 // only allow numbers, negative and decimals
@@ -518,7 +518,7 @@
                 // if decimal is not allowed or there is already one, prevent input
                                 if ((0, c.isDecimal)(e.nativeEvent, {
                     locale: h
-                }) && (B <= 0 || ne.indexOf(M(h)) >= 0)) {
+                }) && (A <= 0 || ne.indexOf(M(h)) >= 0)) {
                     e.preventDefault();
                 }
             }
@@ -531,7 +531,7 @@
                 e.preventDefault();
             }
             O === null || O === void 0 ? void 0 : O(e);
-        }), [ ve, h, S, O, B, $, ne ]);
+        }), [ ve, h, S, O, A, $, 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)) {
@@ -540,12 +540,12 @@
                     val: parseFloat(n),
                     min: S,
                     max: g,
-                    roundTo: B
+                    roundTo: A
                 });
                 te(F(t, h));
             }
             j === null || j === void 0 ? void 0 : j(e);
-        }), [ h, g, S, j, B ]);
+        }), [ h, g, S, j, A ]);
         var he = (0, n.useCallback)((function(e) {
             ve(e, $);
         }), [ ve, $ ]);
@@ -557,13 +557,13 @@
         }), [ r, x ]);
         (0, n.useEffect)((function() {
             // if value prop passed, keep local valueNumeric up to date with value prop
-            if (L || L === 0) {
-                ue(L);
+            if (J || J === 0) {
+                ue(J);
             }
-        }), [ L ]);
+        }), [ J ]);
         (0, n.useEffect)((function() {
             // This useEffect has multiple dependencies, but we only want to run this code if the `value` prop has changed.
-            if (L !== ce) {
+            if (J !== ce) {
                 // on value (number) prop change compare the new value to the number version of stringValue (state)
                 // This is because we pass in the number version of stringValue to the onChange handler
                 // Thus if these values match we want to ignore the update as that is the current value based on stringValue
@@ -572,13 +572,13 @@
                     locale: h,
                     min: S,
                     max: g,
-                    roundTo: B
+                    roundTo: A
                 });
-                if (e !== L && X) {
-                    te(F(L, h));
+                if (e !== J && X) {
+                    te(F(J, h));
                 }
             }
-        }), [ X, h, g, S, ce, B, L, ne ]);
+        }), [ X, h, g, S, ce, A, J, ne ]);
         var Se = {
             append: r,
             prepend: !r,
@@ -595,11 +595,11 @@
             min: S
         });
         var ke = r && !x;
-        var Oe =  t().createElement(A, {
+        var Oe =  t().createElement(D, {
             $isAppend: ke,
             $disabled: i,
             $error: f
-        },  t().createElement(I, J({
+        },  t().createElement(I, G({
             "aria-label": (0, u._)("Increment"),
             "data-test": "increment",
             disabled: i || Ce,
@@ -607,7 +607,7 @@
         }, Se),  t().createElement(P, null)),  t().createElement(q, {
             $disabled: i,
             $error: f
-        }),  t().createElement(_, J({
+        }),  t().createElement(_, G({
             "aria-label": (0, u._)("Decrement"),
             "data-test": "decrement",
             disabled: i || we,
@@ -615,9 +615,9 @@
         }, Se),  t().createElement(N, null)));
         var je = ke && !p && Oe;
         var xe = !ke && !p && Oe;
-        var Ee = G || je;
+        var Ee = H || je;
         
-        return t().createElement(D, J({
+        return t().createElement(B, G({
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
@@ -626,10 +626,10 @@
             inputRef: de,
             disabled: i,
             name: C,
-            describedBy: a,
+            describedBy: o,
             append: r,
             prepend: x
-        }, W, {
+        }, Q, {
             spellCheck: false,
             inline: m,
             onBlur: pe,
@@ -637,7 +637,7 @@
             onKeyDown: be,
             onKeyUp: ye,
             value: ne,
-            "aria-describedby": a,
+            "aria-describedby": o,
             error: f,
             "data-test-value": le,
             startAdornment: Ee,