@splunk/react-ui 5.9.0 → 5.9.1

package/Number.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ ce
+        default: () => /* reexport */ le
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -75,99 +75,96 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
     const u = require("@splunk/react-ui/useControlled");
     var c =  e.n(u);
-    // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-    const s = require("@splunk/react-ui/usePrevious");
-    var d =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const f = require("@splunk/ui-utils/i18n");
+    const d = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const v = require("@splunk/ui-utils/keyboard");
+    const s = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "styled-components"
-    const p = require("styled-components");
-    var m =  e.n(p);
+    const f = require("styled-components");
+    var v =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronDown"
-    const b = require("@splunk/react-icons/ChevronDown");
-    var y =  e.n(b);
+    const p = require("@splunk/react-icons/ChevronDown");
+    var m =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronUp"
-    const h = require("@splunk/react-icons/ChevronUp");
-    var g =  e.n(h);
+    const b = require("@splunk/react-icons/ChevronUp");
+    var y =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const S = require("@splunk/react-ui/Clickable");
-    var C =  e.n(S);
+    const h = require("@splunk/react-ui/Clickable");
+    var g =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-    const w = require("@splunk/react-ui/Divider");
-    var O =  e.n(w);
+    const S = require("@splunk/react-ui/Divider");
+    var C =  e.n(S);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const k = require("@splunk/react-ui/Text");
-    var j =  e.n(k);
+    const w = require("@splunk/react-ui/Text");
+    var O =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const x = require("@splunk/themes");
+    const k = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Number/NumberStyles.ts
-    var A = "24px";
-    var B = m()(j()).withConfig({
+    var j = "24px";
+    var x = v()(O()).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;" ]);
+        return r ? (0, f.css)([ "padding-inline-start:0;" ]) : (0, f.css)([ "padding-inline-end:0;" ]);
     }));
-    var D = m().div.withConfig({
+    var A = v().div.withConfig({
         displayName: "NumberStyles__StyledControls",
         componentId: "sc-2ekj9s-1"
-    })([ "width:", ";height:100%;", "" ], A, (function(e) {
+    })([ "width:", ";height:100%;", "" ], j, (function(e) {
         var r = e.$isAppend, n = e.$disabled, t = e.$error;
         var o;
         if (n) {
-            o = x.variables.interactiveColorBorderDisabled;
+            o = k.variables.interactiveColorBorderDisabled;
         } else if (t) {
-            o = x.variables.interactiveColorAccentError;
+            o = k.variables.interactiveColorAccentError;
         } else {
-            o = x.variables.interactiveColorBorder;
+            o = k.variables.interactiveColorBorder;
         }
-        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));
+        return (0, f.css)([ "", "" ], r ? (0, f.css)([ "border-inline-end:", " solid ", ";" ], k.variables.inputBorderWidth, o) : (0, 
+        f.css)([ "border-inline-start:", " solid ", ";" ], k.variables.inputBorderWidth, o));
     }));
-    var N = (0, p.css)([ "height:12px;width:12px;" ]);
-    var P = m()(y()).withConfig({
+    var B = (0, f.css)([ "height:12px;width:12px;" ]);
+    var D = v()(m()).withConfig({
         displayName: "NumberStyles__StyledChevronDown",
         componentId: "sc-2ekj9s-2"
-    })([ "", ";" ], N);
-    var T = m()(g()).withConfig({
+    })([ "", ";" ], B);
+    var N = v()(y()).withConfig({
         displayName: "NumberStyles__StyledChevronUp",
         componentId: "sc-2ekj9s-3"
-    })([ "", ";" ], 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()(C()).withConfig({
+    })([ "", ";" ], B);
+    var T = (0, f.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:", ";}" ], k.variables.contentColorActive, k.variables.actionColorBackgroundSecondaryHover, k.variables.actionColorBackgroundSecondary, k.variables.focusShadowInset);
+    var _ = v()(g()).withConfig({
         displayName: "NumberStyles__StyledDecrementButton",
         componentId: "sc-2ekj9s-4"
-    })([ "", ";border-top-left-radius:0;border-top-right-radius:0;" ], _);
-    var I = m()(C()).withConfig({
+    })([ "", ";border-top-left-radius:0;border-top-right-radius:0;" ], T);
+    var P = v()(g()).withConfig({
         displayName: "NumberStyles__StyledIncrementButton",
         componentId: "sc-2ekj9s-5"
-    })([ "", ";border-bottom-left-radius:0;border-bottom-right-radius:0;" ], _);
-    var q = m()(O()).withConfig({
+    })([ "", ";border-bottom-left-radius:0;border-bottom-right-radius:0;" ], T);
+    var E = v()(C()).withConfig({
         displayName: "NumberStyles__StyledDivider",
         componentId: "sc-2ekj9s-6"
     })([ "border-color:", ";" ], (function(e) {
         var r = e.$disabled, n = e.$error;
         if (r) {
-            return x.variables.interactiveColorBorderDisabled;
+            return k.variables.interactiveColorBorderDisabled;
         }
         if (n) {
-            return x.variables.interactiveColorAccentError;
+            return k.variables.interactiveColorAccentError;
         }
-        return x.variables.interactiveColorBorder;
+        return k.variables.interactiveColorBorder;
     }));
     // CONCATENATED MODULE: external "lodash/isString"
-    const $ = require("lodash/isString");
-    var K =  e.n($);
+    const I = require("lodash/isString");
+    var q =  e.n(I);
     // CONCATENATED MODULE: ./src/Number/utils.ts
-    var M = function e(r) {
+    var $ = function e(r) {
         // A more robust and expandable solution would be to use formatToParts() once IE requirements are dropped.
         var n = new Intl.NumberFormat(r.replace("_", "-")).format(1.2);
         return n.indexOf(",") > -1 ? "," : ".";
     };
-    var R = function e(r) {
+    var K = function e(r) {
         var n = r.val, t = r.min, o = r.max, i = r.roundTo;
         var l = n;
         if (!a()(n)) {
@@ -182,20 +179,20 @@
         var u = Math.pow(10, i);
         return Math.round(l * u) / u;
     };
-    var U = function e(r) {
+    var M = function e(r) {
         var n = r.str, t = r.locale, o = r.min, i = r.max, l = r.roundTo;
         var u = n;
-        if (!K()(u) || u === "") {
+        if (!q()(u) || u === "") {
             return undefined;
         }
-        if (M(t) === ".") {
+        if ($(t) === ".") {
             // remove leading non-numeric characters.
             u = u.replace(/^[^\d.-]/, "");
         } else {
             // remove leading non-numeric characters and replace comma with period
             u = u.replace(/^[^\d,-]/, "").replace(",", ".");
         }
-        var c = R({
+        var c = K({
             val: parseFloat(u),
             min: o,
             max: i,
@@ -206,21 +203,21 @@
         }
         return undefined;
     };
-    var F = function e(r, n) {
+    var R = function e(r, n) {
         if (r === undefined || !a()(r)) {
             return "";
         }
-        if (M(n) === ".") {
+        if ($(n) === ".") {
             return r.toString();
         }
         // comma separated case
                 return r.toString().replace(".", ",");
     };
-    var V = function e(r) {
+    var U = function e(r) {
         var n = r.value, t = r.max;
         return n !== undefined && a()(n) && t !== undefined && a()(t) && n >= t;
     };
-    var z = function e(r) {
+    var F = function e(r) {
         var n = r.value, t = r.min;
         return n !== undefined && a()(n) && t !== undefined && a()(t) && n <= t;
     };
@@ -231,7 +228,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function W(e, r) {
+    function V(e, r) {
         if (e) {
             if (typeof e === "function") {
                 e(r);
@@ -244,16 +241,16 @@
         }
     }
     // CONCATENATED MODULE: ./src/Number/Number.tsx
-    function H(e) {
+    function z(e) {
         "@babel/helpers - typeof";
-        return H = "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;
-        }, H(e);
+        }, z(e);
     }
-    function G() {
-        return G = Object.assign ? Object.assign.bind() : function(e) {
+    function W() {
+        return W = 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 +258,9 @@
                 }
             }
             return e;
-        }, G.apply(null, arguments);
+        }, W.apply(null, arguments);
     }
-    function J(e, r) {
+    function H(e, r) {
         var n = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
@@ -276,57 +273,57 @@
     function L(e) {
         for (var r = 1; r < arguments.length; r++) {
             var n = null != arguments[r] ? arguments[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) {
+            r % 2 ? H(Object(n), !0).forEach((function(r) {
+                G(e, r, n[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : H(Object(n)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
             }));
         }
         return e;
     }
-    function Q(e, r, n) {
-        return (r = X(r)) in e ? Object.defineProperty(e, r, {
+    function G(e, r, n) {
+        return (r = J(r)) in e ? Object.defineProperty(e, r, {
             value: n,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[r] = n, e;
     }
-    function X(e) {
-        var r = Y(e, "string");
-        return "symbol" == H(r) ? r : r + "";
+    function J(e) {
+        var r = Q(e, "string");
+        return "symbol" == z(r) ? r : r + "";
     }
-    function Y(e, r) {
-        if ("object" != H(e) || !e) return e;
+    function Q(e, r) {
+        if ("object" != z(e) || !e) return e;
         var n = e[Symbol.toPrimitive];
         if (void 0 !== n) {
             var t = n.call(e, r || "default");
-            if ("object" != H(t)) return t;
+            if ("object" != z(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();
+    function X(e, r) {
+        return ne(e) || re(e, r) || Z(e, r) || Y();
     }
-    function ee() {
+    function Y() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function re(e, r) {
+    function Z(e, r) {
         if (e) {
-            if ("string" == typeof e) return ne(e, r);
+            if ("string" == typeof e) return ee(e, r);
             var n = {}.toString.call(e).slice(8, -1);
-            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ne(e, r) : void 0;
+            return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? ee(e, r) : void 0;
         }
     }
-    function ne(e, r) {
+    function ee(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var n = 0, t = Array(r); n < r; n++) {
             t[n] = e[n];
         }
         return t;
     }
-    function te(e, r) {
+    function re(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;
@@ -348,12 +345,12 @@
             return l;
         }
     }
-    function oe(e) {
+    function ne(e) {
         if (Array.isArray(e)) return e;
     }
-    function ae(e, r) {
+    function te(e, r) {
         if (null == e) return {};
-        var n, t, o = ie(e, r);
+        var n, t, o = oe(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (t = 0; t < a.length; t++) {
@@ -362,7 +359,7 @@
         }
         return o;
     }
-    function ie(e, r) {
+    function oe(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -375,7 +372,7 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var le = {
+    /** @public */    var ae = {
         append: l().bool,
         children: l().node,
         defaultValue: l().number,
@@ -406,44 +403,43 @@
         step: l().number,
         value: l().number
     };
-    function ue(e) {
-        var r = e.append, o = e.defaultValue, i = e.describedBy, l = e.disabled, u = e.elementRef, s = 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, O = e.onChange, k = 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" ]);
+    function ie(e) {
+        var r = e.append, o = e.defaultValue, i = e.describedBy, l = e.disabled, u = e.elementRef, f = e.error, v = e.hideStepButtons, p = e.inline, m = e.inputRef, b = e.locale, y = b === void 0 ? "en-US" : b, h = e.max, g = e.min, S = e.name, C = e.onBlur, w = e.onChange, O = e.onKeyDown, k = e.onKeyUp, j = e.prepend, B = e.roundTo, T = B === void 0 ? 5 : B, I = e.step, q = I === void 0 ? 1 : I, z = e.endAdornment, H = e.startAdornment, G = e.value, J = te(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 = c()({
+                var Q = c()({
             componentName: "Number",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var Y = X ? J : o;
+        var Y = Q ? G : 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 oe = (0, n.useState)(Y), ie = Z(oe, 2), le = ie[0], ue = ie[1];
-        var ce = d()(J);
-        var se = (0, n.useRef)(null);
-        var de = (0, n.useCallback)((function(e) {
-            W(se, e);
-            W(b, e);
-        }), [ b ]);
-        var fe = (0, n.useCallback)((function(e, r) {
-            if (r !== le || !X) {
-                O === null || O === void 0 ? void 0 : O(e, {
+                var Z = (0, n.useState)(R(Y, y)), ee = X(Z, 2), re = ee[0], ne = ee[1];
+        var oe = (0, n.useState)(Y), ae = X(oe, 2), ie = ae[0], le = ae[1];
+        var ue = (0, n.useRef)(null);
+        var ce = (0, n.useCallback)((function(e) {
+            V(ue, e);
+            V(m, e);
+        }), [ m ]);
+        var de = (0, n.useCallback)((function(e, r) {
+            if (r !== ie || !Q) {
+                w === null || w === void 0 ? void 0 : w(e, {
                     value: r,
-                    name: C,
+                    name: S,
                     reason: "stepButton"
                 });
             }
-            if (!X) {
-                ue(r);
-                te(F(r, h));
+            if (!Q) {
+                le(r);
+                ne(R(r, y));
             }
-        }), [ X, h, C, O, le ]);
-        var ve = (0, n.useCallback)((function(e, r) {
-            var n = U({
-                str: ne,
-                locale: h,
-                min: S,
-                max: g,
-                roundTo: N
+        }), [ Q, y, S, w, ie ]);
+        var se = (0, n.useCallback)((function(e, r) {
+            var n = M({
+                str: re,
+                locale: y,
+                min: g,
+                max: h,
+                roundTo: T
             });
             var t;
             // increment appropriate number
@@ -455,206 +451,204 @@
                 t = o + r;
             } else if (r > 0) {
                 // increment up to max or step value
-                t = g || $;
+                t = h || q;
             } else {
                 // increment down to min or 0
-                t = S || 0;
+                t = g || 0;
  // set to min or 0
                         }
-            fe(e, R({
+            de(e, K({
                 val: t,
-                min: S,
-                max: g,
-                roundTo: N
+                min: g,
+                max: h,
+                roundTo: T
             }));
-        }), [ o, fe, h, g, S, N, $, ne ]);
-        var pe = (0, n.useCallback)((function(e, r) {
-            var n = R({
+        }), [ o, de, y, h, g, T, q, re ]);
+        var fe = (0, n.useCallback)((function(e, r) {
+            var n = K({
                 val: parseFloat(r.value),
-                min: S,
-                max: g,
-                roundTo: N
+                min: g,
+                max: h,
+                roundTo: T
             });
-            var t = F(n, h);
-            te(t);
-            w === null || w === void 0 ? void 0 : w(e, L(L({}, r), {}, {
+            var t = R(n, y);
+            ne(t);
+            C === null || C === void 0 ? void 0 : C(e, L(L({}, r), {}, {
                 value: t
             }));
-        }), [ h, g, S, w, N ]);
-        var me = (0, n.useCallback)((function(e, r) {
+        }), [ y, h, g, C, T ]);
+        var ve = (0, n.useCallback)((function(e, r) {
             var n = r.value;
-            var t = U({
+            var t = M({
                 str: n,
-                locale: h,
-                min: S,
-                max: g,
-                roundTo: N
+                locale: y,
+                min: g,
+                max: h,
+                roundTo: T
             });
-            if (le !== t || !X) {
-                O === null || O === void 0 ? void 0 : O(e, {
+            if (ie !== t || !Q) {
+                w === null || w === void 0 ? void 0 : w(e, {
                     value: t,
-                    name: C,
+                    name: S,
                     reason: "input"
                 });
             }
-            te(n);
-            if (!X) {
-                ue(t);
+            ne(n);
+            if (!Q) {
+                le(t);
             }
-        }), [ X, h, g, S, C, O, N, le ]);
-        var be = (0, n.useCallback)((function(e) {
+        }), [ Q, y, h, g, S, w, T, ie ]);
+        var pe = (0, n.useCallback)((function(e) {
             var r = e.altKey, n = e.ctrlKey, t = e.key, o = e.nativeEvent, i = e.metaKey;
-            if (!i && !n && !r && (0, v.addsCharacter)(o) !== false) {
+            if (!i && !n && !r && (0, s.addsCharacter)(o) !== false) {
                 // only allow numbers, negative and decimals
-                if (!(0, v.isNumeric)(o, {
-                    locale: h
+                if (!(0, s.isNumeric)(o, {
+                    locale: y
                 })) {
                     e.preventDefault();
                 }
-                var l = S !== undefined && a()(S) && S >= 0;
+                var l = g !== undefined && a()(g) && g >= 0;
                 // if minus is not allowed or there is already one, prevent input
-                                if ((0, v.isMinus)(o) && (l || ne.indexOf("-") >= 0)) {
+                                if ((0, s.isMinus)(o) && (l || re.indexOf("-") >= 0)) {
                     e.preventDefault();
                 }
                 // if decimal is not allowed or there is already one, prevent input
-                                if ((0, v.isDecimal)(o, {
-                    locale: h
-                }) && (N <= 0 || ne.indexOf(M(h)) >= 0)) {
+                                if ((0, s.isDecimal)(o, {
+                    locale: y
+                }) && (T <= 0 || re.indexOf($(y)) >= 0)) {
                     e.preventDefault();
                 }
             }
             // Arrow up and down will increment
                         if (t === "ArrowUp") {
-                ve(e, $);
+                se(e, q);
                 e.preventDefault();
             } else if (t === "ArrowDown") {
-                ve(e, -$);
+                se(e, -q);
                 e.preventDefault();
             }
-            k === null || k === void 0 ? void 0 : k(e);
-        }), [ ve, h, S, k, N, $, ne ]);
-        var ye = (0, n.useCallback)((function(e) {
+            O === null || O === void 0 ? void 0 : O(e);
+        }), [ se, y, g, O, T, q, re ]);
+        var me = (0, n.useCallback)((function(e) {
             var r;
-            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({
+            if (e.key === "Enter" && (ue === null || ue === void 0 ? void 0 : (r = ue.current) === null || r === void 0 ? void 0 : r.value)) {
+                var n = ue.current.value;
+                var t = K({
                     val: parseFloat(n),
-                    min: S,
-                    max: g,
-                    roundTo: N
+                    min: g,
+                    max: h,
+                    roundTo: T
                 });
-                te(F(t, h));
+                ne(R(t, y));
             }
-            j === null || j === void 0 ? void 0 : j(e);
-        }), [ h, g, S, j, N ]);
-        var he = (0, n.useCallback)((function(e) {
-            ve(e, $);
-        }), [ ve, $ ]);
-        var ge = (0, n.useCallback)((function(e) {
-            ve(e, -$);
-        }), [ ve, $ ]);
+            k === null || k === void 0 ? void 0 : k(e);
+        }), [ y, h, g, k, T ]);
+        var be = (0, n.useCallback)((function(e) {
+            se(e, q);
+        }), [ se, q ]);
+        var ye = (0, n.useCallback)((function(e) {
+            se(e, -q);
+        }), [ se, q ]);
         (0, n.useEffect)((function() {
             if (false) {}
-        }), [ r, x ]);
+        }), [ r, j ]);
         (0, n.useEffect)((function() {
             // if isControlled (value prop passed), keep local valueNumeric up to date with value prop
-            if (X) {
-                ue(J);
+            if (Q) {
+                le(G);
             }
-        }), [ X, 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 (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
-                var e = U({
-                    str: ne,
-                    locale: h,
-                    min: S,
-                    max: g,
-                    roundTo: N
-                });
-                if (e !== J && X) {
-                    te(F(J, h));
-                }
+        }), [ Q, G ]);
+        (0, n.useLayoutEffect)((function() {
+            if (Q) {
+                // When the controlled value changes, keep the rendered text in sync unless the
+                // current text already represents that same numeric value.
+                ne((function(e) {
+                    var r = M({
+                        str: e,
+                        locale: y,
+                        min: g,
+                        max: h,
+                        roundTo: T
+                    });
+                    return r !== G ? R(G, y) : e;
+                }));
             }
-        }), [ X, h, g, S, ce, N, J, ne ]);
-        var Se = {
+        }), [ Q, y, h, g, T, G ]);
+        var he = {
             append: r,
             prepend: !r,
-            error: s,
+            error: f,
             inline: false,
             tabIndex: -1
         };
-        var Ce = V({
-            value: le,
-            max: g
+        var ge = U({
+            value: ie,
+            max: h
         });
-        var we = z({
-            value: le,
-            min: S
+        var Se = F({
+            value: ie,
+            min: g
         });
-        var Oe = r && !x;
-        var ke =  t().createElement(D, {
-            $isAppend: Oe,
+        var Ce = r && !j;
+        var we =  t().createElement(A, {
+            $isAppend: Ce,
             $disabled: l,
-            $error: s
-        },  t().createElement(I, G({
-            "aria-label": (0, f._)("Increment"),
+            $error: f
+        },  t().createElement(P, W({
+            "aria-label": (0, d._)("Increment"),
             "data-test": "increment",
-            disabled: l || Ce,
-            onClick: he
-        }, Se),  t().createElement(T, null)),  t().createElement(q, {
+            disabled: l || ge,
+            onClick: be
+        }, he),  t().createElement(N, null)),  t().createElement(E, {
             $disabled: l,
-            $error: s,
+            $error: f,
             decorative: true
-        }),  t().createElement(E, G({
-            "aria-label": (0, f._)("Decrement"),
+        }),  t().createElement(_, W({
+            "aria-label": (0, d._)("Decrement"),
             "data-test": "decrement",
-            disabled: l || we,
-            onClick: ge
-        }, Se),  t().createElement(P, null)));
-        var je = Oe && !p && ke;
-        var xe = !Oe && !p && ke;
-        var Ae = H || je;
+            disabled: l || Se,
+            onClick: ye
+        }, he),  t().createElement(D, null)));
+        var Oe = Ce && !v && we;
+        var ke = !Ce && !v && we;
+        var je = H || Oe;
         
-        return t().createElement(B, G({
+        return t().createElement(x, W({
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
             "data-test": "number",
             elementRef: u,
-            inputRef: de,
+            inputRef: ce,
             disabled: l,
-            name: C,
+            name: S,
             describedBy: i,
             append: r,
-            prepend: x
-        }, Q, {
+            prepend: j
+        }, J, {
             spellCheck: false,
-            inline: m,
-            onBlur: pe,
-            onChange: me,
-            onKeyDown: be,
-            onKeyUp: ye,
-            value: ne,
+            inline: p,
+            onBlur: fe,
+            onChange: ve,
+            onKeyDown: pe,
+            onKeyUp: me,
+            value: re,
             "aria-describedby": i,
-            error: s,
-            "data-test-value": le,
-            startAdornment: Ae,
-            endAdornment: K || xe,
-            $startAdornment: !!Ae,
+            error: f,
+            "data-test-value": ie,
+            startAdornment: je,
+            endAdornment: z || ke,
+            $startAdornment: !!je,
             role: "spinbutton",
-            "aria-valuenow": le,
-            "aria-valuemin": S,
-            "aria-valuemax": g,
-            "aria-invalid": s
+            "aria-valuenow": ie,
+            "aria-valuemin": g,
+            "aria-valuemax": h,
+            "aria-invalid": f
         }));
     }
-    ue.displayName = "Number";
-    ue.propTypes = le;
-    /* harmony default export */    const ce = ue;
+    ie.displayName = "Number";
+    ie.propTypes = ae;
+    /* harmony default export */    const le = ie;
     // only for styled components using Number
         // CONCATENATED MODULE: ./src/Number/index.ts
     module.exports = r;