@splunk/react-ui 4.42.0 → 5.0.0-beta.2

package/Number.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = t => {
-            /******/ var r = t && t.__esModule ? 
-            /******/ () => t["default"]
-            /******/ : () => t
+        /******/ e.n = r => {
+            /******/ var n = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
             /******/;
-            e.d(r, {
-                a: r
+            e.d(n, {
+                a: n
             });
-            /******/            return r;
+            /******/            return n;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, r) => {
-            /******/ for (var n in r) {
-                /******/ if (e.o(r, n) && !e.o(t, n)) {
-                    /******/ Object.defineProperty(t, n, {
+        /******/ e.d = (r, n) => {
+            /******/ for (var t in n) {
+                /******/ if (e.o(n, t) && !e.o(r, t)) {
+                    /******/ Object.defineProperty(r, t, {
                         enumerable: true,
-                        get: r[n]
+                        get: n[t]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
@@ -56,685 +56,602 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
+    /************************************************************************/    var r = {};
     // ESM COMPAT FLAG
-        e.r(t);
+        e.r(r);
     // EXPORTS
-        e.d(t, {
-        default: () => /* reexport */ oe
+        e.d(r, {
+        default: () => /* reexport */ ce
     });
     // CONCATENATED MODULE: external "react"
-    const r = require("react");
-    var n =  e.n(r);
+    const n = require("react");
+    var t =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var i =  e.n(o);
-    // CONCATENATED MODULE: external "lodash/has"
-    const a = require("lodash/has");
-    var l =  e.n(a);
+    const a = require("prop-types");
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "lodash/isFinite"
-    const s = require("lodash/isFinite");
-    var u =  e.n(s);
-    // CONCATENATED MODULE: external "lodash/isString"
-    const p = require("lodash/isString");
-    var c =  e.n(p);
-    // CONCATENATED MODULE: external "lodash/omit"
-    const d = require("lodash/omit");
-    var f =  e.n(d);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const v = require("@splunk/themes");
+    const i = require("lodash/isFinite");
+    var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const m = require("@splunk/ui-utils/i18n");
+    const u = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const b = require("@splunk/ui-utils/keyboard");
-    // CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
-    const h = require("@splunk/react-icons/SVGEnterprise");
-    var y =  e.n(h);
-    // CONCATENATED MODULE: ./src/Number/IncrementIcon.tsx
-    function g() {
-        return g = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
-                }
-            }
-            return e;
-        }, g.apply(null, arguments)
-        /* eslint-disable max-len */;
-    }
-    function k(e) {
-        
-        return n().createElement(y(), g({
-            viewBox: "0 0 933 600"
-        }, e),  n().createElement("path", {
-            fill: "currentColor",
-            d: "M0 466.438L466.438 0l466.44 467.466-134.59 133.56-331.85-331.848-331.85 331.85L0 466.438z"
-        }));
-    }
+    const c = require("@splunk/ui-utils/keyboard");
+    // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
+    const d = require("@splunk/react-ui/useControlled");
+    var s =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
+    const f = require("@splunk/react-ui/usePrevious");
+    var v =  e.n(f);
     // CONCATENATED MODULE: external "styled-components"
-    const S = require("styled-components");
-    var w =  e.n(S);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const x = require("@splunk/react-ui/Button");
-    var O =  e.n(x);
+    const p = require("styled-components");
+    var m =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const j = require("@splunk/react-ui/Clickable");
-    var P =  e.n(j);
+    const b = require("@splunk/react-ui/Clickable");
+    var y =  e.n(b);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
+    const h = require("@splunk/react-ui/Divider");
+    var g =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const C = require("@splunk/react-ui/Text");
-    var T =  e.n(C);
+    const S = require("@splunk/react-ui/Text");
+    var C =  e.n(S);
+    // CONCATENATED MODULE: external "@splunk/react-icons/ChevronDown"
+    const w = require("@splunk/react-icons/ChevronDown");
+    var k =  e.n(w);
+    // CONCATENATED MODULE: external "@splunk/react-icons/ChevronUp"
+    const O = require("@splunk/react-icons/ChevronUp");
+    var j =  e.n(O);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const x = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Number/NumberStyles.ts
-    var V = w()(T()).withConfig({
+    var E = "24px";
+    var D = m()(C()).withConfig({
         displayName: "NumberStyles__StyledText",
         componentId: "sc-2ekj9s-0"
-    })([ "&[data-inline]{", "}" ], (0, v.pick)({
-        enterprise: {
-            comfortable: (0, S.css)([ "width:100px;" ]),
-            compact: (0, S.css)([ "width:80px;" ])
-        },
-        prisma: (0, S.css)([ "width:100px;" ])
+    })([ "&[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 E = w().div.withConfig({
+    var A = m().div.withConfig({
         displayName: "NumberStyles__StyledControls",
         componentId: "sc-2ekj9s-1"
-    })([ "width:", ";height:100%;", " ", "" ], (0, v.pick)({
-        enterprise: {
-            comfortable: "20px",
-            compact: "16px"
-        },
-        prisma: {
-            comfortable: "24px",
-            compact: "24px"
+    })([ "width:", ";height:100%;", "" ], E, (function(e) {
+        var r = e.$isAppend, n = e.$disabled, t = e.$error;
+        var a;
+        if (n) {
+            a = x.variables.interactiveColorBorderDisabled;
+        } else if (t) {
+            a = x.variables.interactiveColorAccentError;
+        } else {
+            a = x.variables.interactiveColorBorder;
         }
-    }), (0, v.pick)({
-        enterprise: (0, S.css)([ "transform:translateY(-1px);" ]),
-        prisma: (0, S.css)([ "transform:translateX(1px);" ])
-    }), (function(e) {
-        var t = e.$isAppend;
-        return t ? (0, S.css)([ "margin-right:8px;", "" ], (0, v.pick)({
-            prisma: (0, S.css)([ "transform:translateX(-1px);" ])
-        })) : (0, S.css)([ "margin-left:8px;" ]);
+        return (0, p.css)([ "", "" ], r ? (0, p.css)([ "border-inline-end:1px solid ", ";" ], a) : (0, 
+        p.css)([ "border-inline-start:1px solid ", ";" ], a));
     }));
-    var _ = (0, S.css)([ "position:relative;padding:3px;font-size:inherit;min-width:0;min-height:0;height:", ";width:100%;" ], (0, 
-    v.pick)({
-        enterprise: "calc(50% + 1.5px)",
-        prisma: "50%"
-    }));
-    var N = w()(O()).withConfig({
-        displayName: "NumberStyles__StyledPlusButton",
+    var N = (0, p.css)([ "height:12px;width:12px;" ]);
+    var P = m()(k()).withConfig({
+        displayName: "NumberStyles__StyledChevronDown",
         componentId: "sc-2ekj9s-2"
-    })([ "", ";top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], _, (function(e) {
-        var t = e.append;
-        return t && (0, v.pick)({
-            enterprise: {
-                light: (0, S.css)([ "border-right:1px solid ", ";" ], v.variables.gray60),
-                dark: (0, S.css)([ "border-right:", ";" ], v.variables.border)
-            }
-        });
-    }), (0, v.pick)({
-        enterprise: {
-            dark: (0, S.css)([ "border-color:", ";" ], v.variables.gray20)
-        }
-    }));
-    var D = w()(O()).withConfig({
-        displayName: "NumberStyles__StyledMinusButton",
+    })([ "", ";" ], N);
+    var T = m()(j()).withConfig({
+        displayName: "NumberStyles__StyledChevronUp",
         componentId: "sc-2ekj9s-3"
-    })([ "", ";bottom:1px;border-top-left-radius:0;border-top-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], _, (function(e) {
-        var t = e.append;
-        return t && (0, v.pick)({
-            enterprise: {
-                light: (0, S.css)([ "border-right:1px solid ", ";" ], v.variables.gray60),
-                dark: (0, S.css)([ "border-right:", ";" ], v.variables.border)
-            }
-        });
-    }), (0, v.pick)({
-        enterprise: {
-            dark: (0, S.css)([ "border-color:", ";" ], v.variables.gray20)
-        }
-    }));
-    var B = w()(P()).withConfig({
-        displayName: "NumberStyles__prismaButton",
+    })([ "", ";" ], 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 B = m()(y()).withConfig({
+        displayName: "NumberStyles__StyledDecrementButton",
         componentId: "sc-2ekj9s-4"
-    })([ "", ";display:flex;align-items:center;justify-content:center;", " &:hover:not([disabled]){", "}&:active:not([disabled]){", "}" ], _, (0, 
-    v.pick)({
-        prisma: (0, S.css)([ "color:", ";" ], v.variables.contentColorDefault)
-    }), (0, v.pick)({
-        prisma: (0, S.css)([ "background-color:", ";color:", ";" ], v.variables.interactiveColorOverlayHover, v.variables.contentColorActive)
-    }), (0, v.pick)({
-        prisma: (0, S.css)([ "background-color:", ";color:", ";" ], v.variables.interactiveColorOverlayActive, v.variables.contentColorActive)
-    }));
-    var I = w()(B).withConfig({
-        displayName: "NumberStyles__StyledPrismaPlusButton",
+    })([ "", ";border-top-left-radius:0;border-top-right-radius:0;" ], _);
+    var I = m()(y()).withConfig({
+        displayName: "NumberStyles__StyledIncrementButton",
         componentId: "sc-2ekj9s-5"
-    })([ "border-top-right-radius:4px;" ]);
-    var A = w()(B).withConfig({
-        displayName: "NumberStyles__StyledPrismaMinusButton",
+    })([ "", ";border-bottom-left-radius:0;border-bottom-right-radius:0;" ], _);
+    var q = m()(g()).withConfig({
+        displayName: "NumberStyles__StyledDivider",
         componentId: "sc-2ekj9s-6"
-    })([ "border-bottom-right-radius:4px;padding-bottom:5px;" ]);
+    })([ "border-color:", ";" ], (function(e) {
+        var r = e.$disabled, n = e.$error;
+        if (r) {
+            return x.variables.interactiveColorBorderDisabled;
+        }
+        if (n) {
+            return x.variables.interactiveColorAccentError;
+        }
+        return x.variables.interactiveColorBorder;
+    }));
+    // CONCATENATED MODULE: external "lodash/isString"
+    const $ = require("lodash/isString");
+    var K =  e.n($);
+    // CONCATENATED MODULE: ./src/Number/utils.ts
+    var M = 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 n = r.val, t = r.min, a = r.max, o = r.roundTo;
+        var i = n;
+        if (!l()(n)) {
+            return i;
+        }
+        if (t !== undefined && l()(t)) {
+            i = Math.max(t, i);
+        }
+        if (a !== undefined && l()(a)) {
+            i = Math.min(a, i);
+        }
+        var u = Math.pow(10, o);
+        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 u = n;
+        if (!K()(u) || u === "") {
+            return undefined;
+        }
+        if (M(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({
+            val: parseFloat(u),
+            min: a,
+            max: o,
+            roundTo: i
+        });
+        if (l()(c)) {
+            return c;
+        }
+        return undefined;
+    };
+    var F = function e(r, n) {
+        if (r === undefined || !l()(r)) {
+            return "";
+        }
+        if (M(n) === ".") {
+            return r.toString();
+        }
+        // comma separated case
+                return r.toString().replace(".", ",");
+    };
+    var V = function e(r) {
+        var n = r.value, t = r.max;
+        return n !== undefined && l()(n) && t !== undefined && l()(t) && n >= t;
+    };
+    var z = function e(r) {
+        var n = r.value, t = r.min;
+        return n !== undefined && l()(n) && t !== undefined && l()(t) && n <= t;
+    };
+    // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
+    /**
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
+ *
+ * @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) {
+        if (e) {
+            if (typeof e === "function") {
+                e(r);
+            } else {
+                // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
+                // the intention here is to signal "we will take care of setting 'current', not you".
+                e.current = r;
+ // eslint-disable-line no-param-reassign
+                        }
+        }
+    }
     // CONCATENATED MODULE: ./src/Number/Number.tsx
-    function q(e) {
+    function G(e) {
         "@babel/helpers - typeof";
-        return q = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return G = "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;
-        }, q(e);
+        }, G(e);
     }
-    function K() {
-        return K = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    function J() {
+        return J = Object.assign ? Object.assign.bind() : function(e) {
+            for (var r = 1; r < arguments.length; r++) {
+                var n = arguments[r];
+                for (var t in n) {
+                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
                 }
             }
             return e;
-        }, K.apply(null, arguments);
+        }, J.apply(null, arguments);
     }
-    function M(e, t) {
-        var r = Object.keys(e);
+    function L(e, r) {
+        var n = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var n = Object.getOwnPropertySymbols(e);
-            t && (n = n.filter((function(t) {
-                return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }))), r.push.apply(r, n);
+            var t = Object.getOwnPropertySymbols(e);
+            r && (t = t.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), n.push.apply(n, t);
         }
-        return r;
+        return n;
     }
-    function R(e) {
-        for (var t = 1; t < arguments.length; t++) {
-            var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? M(Object(r), !0).forEach((function(t) {
-                Q(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : M(Object(r)).forEach((function(t) {
-                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+    function Q(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) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(n, r));
             }));
         }
         return e;
     }
-    function F(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-    }
-    function U(e, t) {
-        for (var r = 0; r < t.length; r++) {
-            var n = t[r];
-            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-            Object.defineProperty(e, W(n.key), n);
-        }
-    }
-    function z(e, t, r) {
-        return t && U(e.prototype, t), r && U(e, r), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
+    function W(e, r, n) {
+        return (r = X(r)) in e ? Object.defineProperty(e, r, {
+            value: n,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[r] = n, e;
     }
-    function X(e, t) {
-        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
-            }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && $(e, t);
+    function X(e) {
+        var r = Y(e, "string");
+        return "symbol" == G(r) ? r : r + "";
     }
-    function $(e, t) {
-        return $ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, $(e, t);
+    function Y(e, r) {
+        if ("object" != G(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;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === r ? String : Number)(e);
     }
-    function L(e) {
-        var t = Y();
-        return function() {
-            var r, n = J(e);
-            if (t) {
-                var o = J(this).constructor;
-                r = Reflect.construct(n, arguments, o);
-            } else r = n.apply(this, arguments);
-            return G(this, r);
-        };
+    function Z(e, r) {
+        return ae(e) || te(e, r) || re(e, r) || ee();
     }
-    function G(e, t) {
-        if (t && ("object" == q(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return H(e);
+    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.");
     }
-    function H(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
+    function re(e, r) {
+        if (e) {
+            if ("string" == typeof e) return ne(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;
+        }
     }
-    function Y() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (Y = function t() {
-            return !!e;
-        })();
+    function ne(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 J(e) {
-        return J = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, J(e);
+    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;
+            try {
+                if (o = (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) {
+                }
+            } catch (e) {
+                c = !0, a = e;
+            } finally {
+                try {
+                    if (!u && null != n["return"] && (i = n["return"](), Object(i) !== i)) return;
+                } finally {
+                    if (c) throw a;
+                }
+            }
+            return l;
+        }
     }
-    function Q(e, t, r) {
-        return (t = W(t)) in e ? Object.defineProperty(e, t, {
-            value: r,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = r, e;
+    function ae(e) {
+        if (Array.isArray(e)) return e;
     }
-    function W(e) {
-        var t = Z(e, "string");
-        return "symbol" == q(t) ? t : t + "";
+    function oe(e, r) {
+        if (null == e) return {};
+        var n, t, a = 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]);
+            }
+        }
+        return a;
     }
-    function Z(e, t) {
-        if ("object" != q(e) || !e) return e;
-        var r = e[Symbol.toPrimitive];
-        if (void 0 !== r) {
-            var n = r.call(e, t || "default");
-            if ("object" != q(n)) return n;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
+    function ie(e, r) {
+        if (null == e) return {};
+        var n = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (r.includes(t)) continue;
+                n[t] = e[t];
+            }
         }
-        return ("string" === t ? String : Number)(e);
+        return n;
     }
     /** @public */
     /** @public */
-    /** @public */    var ee = {
-        append: i().bool,
-        children: i().node,
-        defaultValue: i().number,
-        describedBy: i().string,
-        disabled: i().bool,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        inputRef: i().oneOfType([ i().func, i().object ]),
-        error: i().bool,
-        hideStepButtons: i().bool,
-        inline: i().bool,
-        inputId: i().string,
-        labelledBy: i().string,
-        locale: i().string,
-        max: i().number,
-        min: i().number,
-        name: i().string,
-        onBlur: i().func,
-        onChange: i().func,
-        onFocus: i().func,
-        endAdornment: i().node,
-        startAdornment: i().node,
-        onKeyDown: i().func,
-        onKeyUp: i().func,
-        onSelect: i().func,
-        placeholder: i().string,
-        prepend: i().bool,
-        roundTo: i().number,
-        step: i().number,
-        /** @private */
-        splunkTheme: i().object,
-        useSyntheticPlaceholder: i().bool,
-        value: i().number
+    /** @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
     };
-    var te = {
-        append: false,
-        disabled: false,
-        error: false,
-        hideStepButtons: false,
-        inline: false,
-        locale: "en-US",
-        placeholder: "",
-        prepend: false,
-        roundTo: 5,
-        step: 1
-    };
-    var re =  function(e) {
-        X(r, e);
-        var t = L(r);
-        z(r, null, [ {
-            key: "getDecimalSeparator",
-            // @docs-props-type NumberPropsBase
-            value: function e(t) {
-                // A more robust and expandable solution would be to use formatToParts() once IE requirements are dropped.
-                var r = new Intl.NumberFormat(t.replace("_", "-")).format(1.2);
-                return r.indexOf(",") > -1 ? "," : ".";
-            }
-        }, {
-            key: "validatePrependAppend",
-            value: function e(t, r) {
-                if (false) {}
-            }
-        }, {
-            key: "stringToNumber",
-            value: function e(t, n) {
-                var o = t;
-                if (!c()(o) || o === "") {
-                    return undefined;
-                }
-                if (r.getDecimalSeparator(n.locale) === ".") {
-                    // remove leading non-numeric characters.
-                    o = o.replace(/^[^\d.-]/, "");
-                } else {
-                    // remove leading non-numeric characters and replace comma with period
-                    o = o.replace(/^[^\d,-]/, "").replace(",", ".");
-                }
-                var i = r.limitValue(parseFloat(o), n);
-                if (u()(i)) {
-                    return i;
-                }
-                return undefined;
-            }
-        }, {
-            key: "numberToString",
-            value: function e(t, n) {
-                if (t === undefined || !u()(t)) {
-                    return "";
-                }
-                if (r.getDecimalSeparator(n.locale) === ".") {
-                    return t.toString();
-                }
-                // comma separated case
-                                return t.toString().replace(".", ",");
-            }
-        }, {
-            key: "limitValue",
-            value: function e(t, r) {
-                var n = r.min, o = r.max, i = r.roundTo;
-                var a = t;
-                if (!u()(t)) {
-                    return a;
-                }
-                if (n !== undefined && u()(n)) {
-                    a = Math.max(n, a);
-                }
-                if (o !== undefined && u()(o)) {
-                    a = Math.min(o, a);
-                }
-                var l = Math.pow(10, i);
-                return Math.round(a * l) / l;
+    function ue(e) {
+        var r = e.append, a = e.defaultValue, o = e.describedBy, i = e.disabled, d = 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, N = E === void 0 ? 5 : E, _ = e.step, $ = _ === void 0 ? 1 : _, K = e.endAdornment, G = e.startAdornment, L = e.value, W = 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 = s()({
+            componentName: "Number",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0]
+        });
+        var Y = X ? L : 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 ae = (0, n.useState)(Y), ie = Z(ae, 2), le = ie[0], ue = ie[1];
+        var ce = v()(L);
+        var de = (0, n.useRef)(null);
+        var se = (0, n.useCallback)((function(e) {
+            H(de, e);
+            H(b, e);
+        }), [ b ]);
+        var fe = (0, n.useCallback)((function(e, r) {
+            if (r !== le || !X) {
+                k === null || k === void 0 ? void 0 : k(e, {
+                    value: r,
+                    name: C
+                });
             }
-        }, {
-            key: "getDerivedStateFromProps",
-            value: function e(t, n) {
-                if (l()(t, "value") && t.value !== n.prevValueProp) {
-                    var o = r.stringToNumber(n.stringValue, t);
-                    return t.value !== o ? {
-                        prevValueProp: t.value,
-                        stringValue: r.numberToString(t.value, t)
-                    } : {
-                        prevValueProp: t.value
-                    };
-                }
-                return null;
+            if (!X) {
+                ue(r);
+                te(F(r, h));
             }
-        } ]);
-        function r(e) {
-            var n;
-            F(this, r);
-            n = t.call(this, e);
-            Q(H(n), "controlledExternally", void 0);
-            Q(H(n), "text", null);
-            Q(H(n), "handleInputBlur", (function(e, t) {
-                var r, o;
-                n.updateString();
-                (r = (o = n.props).onBlur) === null || r === void 0 ? void 0 : r.call(o, e, t);
+        }), [ X, h, C, k, le ]);
+        var ve = (0, n.useCallback)((function(e, r) {
+            var n = U({
+                str: ne,
+                locale: h,
+                min: S,
+                max: g,
+                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)) {
+                // increment the defaultValue
+                t = a + r;
+            } else if (r > 0) {
+                // increment up to max or step value
+                t = g || $;
+            } else {
+                // increment down to min or 0
+                t = S || 0;
+ // set to min or 0
+                        }
+            fe(e, R({
+                val: t,
+                min: S,
+                max: g,
+                roundTo: N
             }));
-            Q(H(n), "handleInputChange", (function(e, t) {
-                var r = t.value;
-                n.setValueFromString(e, r);
+        }), [ a, 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: N
+            });
+            var t = F(n, h);
+            te(t);
+            w === null || w === void 0 ? void 0 : w(e, Q(Q({}, r), {}, {
+                value: t
             }));
-            Q(H(n), "handleKeyDown", (function(e) {
-                var t, r;
-                if (!e.metaKey && !e.ctrlKey && !e.altKey && (0, b.addsCharacter)(e.nativeEvent) !== false) {
-                    // only allow numbers, negative and decimals
-                    if (!(0, b.isNumeric)(e.nativeEvent, {
-                        locale: n.props.locale
-                    })) {
-                        e.preventDefault();
-                    }
-                    // if minus is not allowed or there is already one, prevent input
-                                        if ((0, b.isMinus)(e.nativeEvent) && (n.preventNegativeNumbers() || n.state.stringValue.indexOf("-") >= 0)) {
-                        e.preventDefault();
-                    }
-                    // if decimal is not allowed or there is already one, prevent input
-                                        if ((0, b.isDecimal)(e.nativeEvent, {
-                        locale: n.props.locale
-                    }) && (n.props.roundTo <= 0 || n.state.stringValue.indexOf(n.props.locale) >= 0)) {
-                        e.preventDefault();
-                    }
-                }
-                // Arrow up and down will increment
-                                if ((0, b.keycode)(e.nativeEvent) === "up") {
-                    n.increment(e, n.props.step);
-                    e.preventDefault();
-                } else if ((0, b.keycode)(e.nativeEvent) === "down") {
-                    n.increment(e, -n.props.step);
+        }), [ h, g, S, w, N ]);
+        var me = (0, n.useCallback)((function(e, r) {
+            var n = r.value;
+            var t = U({
+                str: n,
+                locale: h,
+                min: S,
+                max: g,
+                roundTo: N
+            });
+            if (le !== t || !X) {
+                k === null || k === void 0 ? void 0 : k(e, {
+                    value: t,
+                    name: C
+                });
+            }
+            te(n);
+            if (!X) {
+                ue(t);
+            }
+        }), [ 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) {
+                // only allow numbers, negative and decimals
+                if (!(0, c.isNumeric)(e.nativeEvent, {
+                    locale: h
+                })) {
                     e.preventDefault();
                 }
-                (t = (r = n.props).onKeyDown) === null || t === void 0 ? void 0 : t.call(r, e);
-            }));
-            Q(H(n), "handleKeyUp", (function(e) {
-                var t, r;
-                if ((0, b.keycode)(e.nativeEvent) === "enter") {
-                    n.updateString();
+                var r = 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)) {
+                    e.preventDefault();
                 }
-                (t = (r = n.props).onKeyUp) === null || t === void 0 ? void 0 : t.call(r, e);
-            }));
-            Q(H(n), "handleIncrement", (function(e) {
-                n.increment(e, n.props.step);
-            }));
-            Q(H(n), "handleDecrement", (function(e) {
-                n.increment(e, -n.props.step);
-            }));
-            n.controlledExternally = l()(e, "value");
-            var o = n.isControlled() ? e.value : e.defaultValue;
-            n.state = {
-                // value stores internal state, only in uncontrolled mode
-                value: n.isControlled() ? undefined : o,
-                // prevValueProp is used to keep track of changes to the value prop, only in controlled mode
-                prevValueProp: n.isControlled() ? o : undefined,
-                // eslint-disable-line react/no-unused-state
-                // stringValue stores the current contents of the input text box - it might be out of range, invalid, ...
-                stringValue: r.numberToString(o, e)
-            };
-            if (false) {}
-            if (l()(e, "useSyntheticPlaceholder")) {
-                // eslint-disable-next-line no-console
-                console.warn("The 'Number' prop 'useSyntheticPlaceholder' has been marked for deprecation.");
-            }
-            if (false) {}
-            r.validatePrependAppend(n.props.append, n.props.prepend);
-            return n;
-        }
-        z(r, [ {
-            key: "componentDidUpdate",
-            value: function e(t) {
-                if (false) {}
-                if (false) {}
-                r.validatePrependAppend(this.props.append, this.props.prepend);
-            }
-        }, {
-            key: "getValue",
-            value: function e() {
-                return this.isControlled() ? this.props.value : this.state.value;
-            }
-        }, {
-            key: "setValueFromString",
-            value: function e(t, n) {
-                var o = this;
-                var i = r.stringToNumber(n, this.props);
-                var a = this.props.name;
-                this.setState({
-                    value: this.isControlled() ? undefined : i,
-                    stringValue: n
-                }, (function() {
-                    if (o.getValue() !== i || !o.isControlled()) {
-                        var e, r;
-                        (e = (r = o.props).onChange) === null || e === void 0 ? void 0 : e.call(r, t, {
-                            value: i,
-                            name: a
-                        });
-                    }
-                }));
-            }
-        }, {
-            key: "setValue",
-            value: function e(t, n) {
-                var o = this;
-                var i = this.props.name;
-                this.setState({
-                    value: this.isControlled() ? undefined : n,
-                    stringValue: r.numberToString(n, this.props)
-                }, (function() {
-                    if (o.getValue() !== n || !o.isControlled()) {
-                        var e, r;
-                        (e = (r = o.props).onChange) === null || e === void 0 ? void 0 : e.call(r, t, {
-                            value: n,
-                            name: i
-                        });
-                    }
-                }));
-            }
-        }, {
-            key: "focus",
-            /**
-     * Place focus on the input.
-     */
-            // eslint-disable-next-line react/no-unused-class-component-methods
-            value: function e(t) {
-                if (this.text) {
-                    this.text.focus(t);
+                // if decimal is not allowed or there is already one, prevent input
+                                if ((0, c.isDecimal)(e.nativeEvent, {
+                    locale: h
+                }) && (N <= 0 || ne.indexOf(M(h)) >= 0)) {
+                    e.preventDefault();
                 }
             }
-        }, {
-            key: "isControlled",
-            value: function e() {
-                return this.controlledExternally;
+            // Arrow up and down will increment
+                        if ((0, c.keycode)(e.nativeEvent) === "up") {
+                ve(e, $);
+                e.preventDefault();
+            } else if ((0, c.keycode)(e.nativeEvent) === "down") {
+                ve(e, -$);
+                e.preventDefault();
             }
-        }, {
-            key: "updateString",
-            value: function e() {
-                var t = this.getValue();
-                this.setState({
-                    stringValue: r.numberToString(t, this.props)
+            O === null || O === void 0 ? void 0 : O(e);
+        }), [ ve, h, S, O, N, $, ne ]);
+        var ye = (0, n.useCallback)((function(e) {
+            var r;
+            if ((0, c.keycode)(e.nativeEvent) === "enter" && (de === null || de === void 0 ? void 0 : (r = de.current) === null || r === void 0 ? void 0 : r.value)) {
+                var n = de.current.value;
+                var t = R({
+                    val: parseFloat(n),
+                    min: S,
+                    max: g,
+                    roundTo: N
                 });
+                te(F(t, h));
             }
-        }, {
-            key: "increment",
-            value: function e(t, n) {
-                var o = r.stringToNumber(this.state.stringValue, this.props);
-                var i;
-                // increment appropriate number
-                                if (o !== undefined && u()(o)) {
-                    // increment the entered value
-                    i = o + n;
-                } else if (this.props.defaultValue !== undefined && u()(this.props.defaultValue)) {
-                    // increment the defaultValue
-                    i = this.props.defaultValue + n;
-                } else if (n > 0) {
-                    // increment up to max or step value
-                    i = this.props.max || this.props.step;
-                } else {
-                    // increment down to min or 0
-                    i = this.props.min || 0;
- // set to min or 0
-                                }
-                this.setValue(t, r.limitValue(i, this.props));
-            }
-        }, {
-            key: "preventNegativeNumbers",
-            value: function e() {
-                return this.props.min !== undefined && u()(this.props.min) && this.props.min >= 0;
+            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, $ ]);
+        (0, n.useEffect)((function() {
+            if (false) {}
+        }), [ 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);
             }
-        }, {
-            key: "render",
-            value: function e() {
-                var t = this;
-                var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.elementRef, s = r.error, p = r.hideStepButtons, c = r.inline, d = r.value, v = d === void 0 ? this.state.value : d, b = r.max, h = r.min, y = r.prepend, g = r.splunkTheme, S = r.endAdornment, w = r.startAdornment;
-                var x = f()(this.props, [ "defaultValue", "hideStepButtons", "max", "min", "roundTo", "spellCheck", "step" ]);
-                var O = g.isPrisma;
-                var j = O ? {} : {
-                    append: o,
-                    prepend: !o,
-                    error: s,
-                    inline: false
-                };
-                var P = v !== undefined && u()(v) && b !== undefined && u()(b) && v >= b;
-                var C = v !== undefined && u()(v) && h !== undefined && u()(h) && v <= h;
-                var T =  n().createElement(k, {
-                    width: "6px",
-                    height: "4px",
-                    screenReaderText: (0, m._)("Increment")
-                });
-                var _ = R({
-                    "data-test": "increment",
-                    disabled: a || P,
-                    onClick: this.handleIncrement,
-                    tabIndex: -1
-                }, j);
-                var B = O ?  n().createElement(I, _, T) :  n().createElement(N, _, T);
-                var q =  n().createElement(k, {
-                    width: "6px",
-                    height: "4px",
-                    screenReaderText: (0, m._)("Decrement"),
-                    style: {
-                        transform: "rotateX(180deg)"
-                    }
+        }), [ L ]);
+        (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) {
+                // 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
                 });
-                var M = R({
-                    "data-test": "decrement",
-                    disabled: a || C,
-                    onClick: this.handleDecrement,
-                    tabIndex: -1
-                }, j);
-                var F = O ?  n().createElement(A, M, q) :  n().createElement(D, M, q);
-                var U = o && !y;
-                var z = (!a || O) && U && !p &&  n().createElement(E, {
-                    $isAppend: U
-                }, B, F);
-                var X = (!a || O) && !U && !p &&  n().createElement(E, {
-                    $isAppend: U
-                }, B, F);
-                
-                return n().createElement(V, K({
-                    autoCapitalize: "off",
-                    autoComplete: "off",
-                    autoCorrect: "off",
-                    spellCheck: false,
-                    "data-test": "number",
-                    elementRef: l,
-                    ref: function e(r) {
-                        t.text = r;
-                    }
-                }, x, {
-                    inline: c,
-                    onChange: this.handleInputChange,
-                    onBlur: this.handleInputBlur,
-                    onKeyDown: this.handleKeyDown,
-                    onKeyUp: this.handleKeyUp,
-                    value: this.state.stringValue,
-                    "aria-describedby": i,
-                    error: s,
-                    "data-test-value": v,
-                    startAdornment: w || z,
-                    endAdornment: S || X,
-                    role: "spinbutton",
-                    "aria-valuenow": this.state.value,
-                    "aria-valuemin": h,
-                    "aria-valuemax": b,
-                    "aria-invalid": s
-                }));
+                if (e !== L && X) {
+                    te(F(L, h));
+                }
             }
-        } ]);
-        return r;
-    }(r.Component);
-    Q(re, "propTypes", ee);
-    Q(re, "defaultProps", te);
-    Q(re, "displayName", "Number");
-    var ne = (0, v.withSplunkTheme)(re);
-    ne.propTypes = re.propTypes;
-    /* harmony default export */    const oe = ne;
+        }), [ X, h, g, S, ce, N, L, ne ]);
+        var Se = {
+            append: r,
+            prepend: !r,
+            error: f,
+            inline: false,
+            tabIndex: -1
+        };
+        var Ce = V({
+            value: le,
+            max: g
+        });
+        var we = z({
+            value: le,
+            min: S
+        });
+        var ke = r && !x;
+        var Oe =  t().createElement(A, {
+            $isAppend: ke,
+            $disabled: i,
+            $error: f
+        },  t().createElement(I, J({
+            "aria-label": (0, u._)("Increment"),
+            "data-test": "increment",
+            disabled: i || Ce,
+            onClick: he
+        }, Se),  t().createElement(T, null)),  t().createElement(q, {
+            $disabled: i,
+            $error: f
+        }),  t().createElement(B, J({
+            "aria-label": (0, u._)("Decrement"),
+            "data-test": "decrement",
+            disabled: i || we,
+            onClick: ge
+        }, Se),  t().createElement(P, null)));
+        var je = ke && !p && Oe;
+        var xe = !ke && !p && Oe;
+        var Ee = G || je;
+        
+        return t().createElement(D, J({
+            autoCapitalize: "off",
+            autoComplete: "off",
+            autoCorrect: "off",
+            "data-test": "number",
+            elementRef: d,
+            inputRef: se,
+            disabled: i,
+            name: C,
+            describedBy: o,
+            append: r,
+            prepend: x
+        }, W, {
+            spellCheck: false,
+            inline: m,
+            onBlur: pe,
+            onChange: me,
+            onKeyDown: be,
+            onKeyUp: ye,
+            value: ne,
+            "aria-describedby": o,
+            error: f,
+            "data-test-value": le,
+            startAdornment: Ee,
+            endAdornment: K || xe,
+            $startAdornment: !!Ee,
+            role: "spinbutton",
+            "aria-valuenow": le,
+            "aria-valuemin": S,
+            "aria-valuemax": g,
+            "aria-invalid": f
+        }));
+    }
+    ue.displayName = "Number";
+    ue.propTypes = le;
+    /* harmony default export */    const ce = ue;
     // only for styled components using Number
         // CONCATENATED MODULE: ./src/Number/index.ts
-    module.exports = t;
+    module.exports = r;
     /******/})();