@splunk/react-ui 4.38.0 → 4.39.0

package/Slider.js

@@ -61,7 +61,7 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ Z
+        default: () => /* reexport */ te
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -71,10 +71,10 @@
     var a =  e.n(i);
     // CONCATENATED MODULE: external "decimal.js-light"
     const o = require("decimal.js-light");
-    var s =  e.n(o);
+    var l =  e.n(o);
     // CONCATENATED MODULE: external "lodash/has"
-    const l = require("lodash/has");
-    var u =  e.n(l);
+    const s = require("lodash/has");
+    var u =  e.n(s);
     // CONCATENATED MODULE: external "lodash/keys"
     const c = require("lodash/keys");
     var p =  e.n(c);
@@ -86,31 +86,31 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const h = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const m = require("@splunk/react-ui/EventListener");
-    var b =  e.n(m);
+    const b = require("@splunk/react-ui/EventListener");
+    var m =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
     const y = require("@splunk/react-ui/Popover");
     var g =  e.n(y);
     // CONCATENATED MODULE: external "styled-components"
     const k = require("styled-components");
-    var x =  e.n(k);
+    var w =  e.n(k);
     // CONCATENATED MODULE: external "tinycolor2"
-    const w = require("tinycolor2");
-    var S =  e.n(w);
+    const x = require("tinycolor2");
+    var S =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const C = require("@splunk/react-ui/Box");
-    var T =  e.n(C);
+    const T = require("@splunk/react-ui/Box");
+    var C =  e.n(T);
     // CONCATENATED MODULE: ./src/Slider/SliderStyles.ts
-    var V = x()(T()).withConfig({
+    var O = w()(C()).withConfig({
         displayName: "SliderStyles__StyledBox",
         componentId: "sc-16ooit4-0"
     })([ "", ";flex:1 1 auto;&[data-inline]{width:300px;}" ], h.mixins.reset("block"));
-    var E = x().div.withConfig({
+    var E = w().div.withConfig({
         displayName: "SliderStyles__StyledInput",
         componentId: "sc-16ooit4-1"
     })([ "flex:1 0 0;vertical-align:middle;position:relative;cursor:default;height:", ";max-width:100%;" ], h.variables.inputHeight);
-    var M = "1px";
-    var O = x().div.withConfig({
+    var V = "1px";
+    var B = w().div.withConfig({
         displayName: "SliderStyles__StyledSliderBar",
         componentId: "sc-16ooit4-2"
     })([ "position:absolute;top:", ";left:0;height:", ";width:100%;border-radius:2.5px;", "" ], (0, 
@@ -142,21 +142,21 @@
             },
             prisma: h.variables.neutral100
         });
-        var s = (0, h.pick)({
+        var l = (0, h.pick)({
             enterprise: h.variables.gray60,
             prisma: h.variables.interactiveColorBorder
         });
-        return i !== undefined ? (0, k.css)([ "background-image:linear-gradient( to right,", ",", " ", ",transparent ", ",transparent 100% ),repeating-linear-gradient( to right,", ",", " ", ",transparent ", ",transparent ", "% ),linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], a, a, M, M, o, o, M, M, i, a, a, n, s, n, s) : (0, 
-        k.css)([ "background-image:linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], a, a, n, s, n, s);
+        return i !== undefined ? (0, k.css)([ "background-image:linear-gradient( to right,", ",", " ", ",transparent ", ",transparent 100% ),repeating-linear-gradient( to right,", ",", " ", ",transparent ", ",transparent ", "% ),linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], a, a, V, V, o, o, V, V, i, a, a, n, l, n, l) : (0, 
+        k.css)([ "background-image:linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], a, a, n, l, n, l);
     }));
-    var B = (0, h.pick)({
+    var M = (0, h.pick)({
         enterprise: 18,
         prisma: 20
     });
-    var _ = x().button.withConfig({
+    var _ = w().button.withConfig({
         displayName: "SliderStyles__StyledSliderThumb",
         componentId: "sc-16ooit4-3"
-    })([ "", ";display:block;position:absolute;cursor:pointer;width:", "px;height:", "px;border-radius:", ";border-width:0;background-color:", ";margin-left:-8px;top:", ";left:", "%;&:hover:not([disabled]){outline:0;z-index:1;", "}&:focus:not([disabled]),&:active{outline:0;box-shadow:", ";z-index:1;", "}&[disabled]{cursor:not-allowed;background-color:", ";}", "" ], h.mixins.reset("inline"), B, B, (0, 
+    })([ "", ";display:block;position:absolute;cursor:pointer;width:", "px;height:", "px;border-radius:", ";border-width:0;background-color:", ";margin-left:-8px;top:", ";left:", "%;&:hover:not([disabled]){outline:0;z-index:1;", "}&:focus:not([disabled]),&:active{outline:0;box-shadow:", ";z-index:1;", "}&[disabled]{cursor:not-allowed;background-color:", ";}", "" ], h.mixins.reset("inline"), M, M, (0, 
     h.pick)({
         enterprise: "9px",
         prisma: "10px"
@@ -190,7 +190,7 @@
             prisma: h.mixins.overlayColors(h.variables.accentColorNegative, h.variables.interactiveColorOverlayActive)
         }));
     }));
-    var P = x().div.withConfig({
+    var P = w().div.withConfig({
         displayName: "SliderStyles__StyledPopoverContent",
         componentId: "sc-16ooit4-4"
     })([ "padding:", ";font-size:", ";line-height:", ";" ], (0, h.pick)({
@@ -210,14 +210,14 @@
             prisma: h.variables.contentColorDisabled
         }));
     }));
-    var D = x()(T()).withConfig({
+    var q = w()(C()).withConfig({
         displayName: "SliderStyles__StyledMinLabelBox",
         componentId: "sc-16ooit4-5"
     })([ "", ";margin-right:", ";text-align:right;" ], j, (0, h.pick)({
         enterprise: "15px",
         prisma: "16px"
     }));
-    var q = x()(T()).withConfig({
+    var D = w()(C()).withConfig({
         displayName: "SliderStyles__StyledMaxLabelBox",
         componentId: "sc-16ooit4-6"
     })([ "", ";margin-left:", ";text-align:left;" ], j, (0, h.pick)({
@@ -225,128 +225,113 @@
         prisma: "16px"
     }));
     // CONCATENATED MODULE: ./src/Slider/Slider.tsx
-    function $(e) {
+    function N(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            $ = function e(t) {
-                return typeof t;
-            };
-        } else {
-            $ = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return $(e);
+        return N = "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;
+        }, N(e);
     }
-    function N() {
-        N = Object.assign || function(e) {
+    function $() {
+        return $ = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        };
-        return N.apply(this, arguments);
-    }
-    function R(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+        }, $.apply(null, arguments);
     }
     function F(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+    }
+    function I(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
-            n.enumerable = n.enumerable || false;
-            n.configurable = true;
-            if ("value" in n) n.writable = true;
-            Object.defineProperty(e, n.key, n);
+            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
+            Object.defineProperty(e, G(n.key), n);
         }
     }
-    function I(e, t, r) {
-        if (t) F(e.prototype, t);
-        if (r) F(e, r);
-        return e;
+    function L(e, t, r) {
+        return t && I(e.prototype, t), r && I(e, r), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function L(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function R(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: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) A(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && A(e, t);
     }
     function A(e, t) {
-        A = Object.setPrototypeOf || function e(t, r) {
-            t.__proto__ = r;
-            return t;
-        };
-        return A(e, t);
+        return A = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, A(e, t);
     }
     function W(e) {
         var t = U();
-        return function r() {
-            var n = H(e), i;
+        return function() {
+            var r, n = H(e);
             if (t) {
-                var a = H(this).constructor;
-                i = Reflect.construct(n, arguments, a);
-            } else {
-                i = n.apply(this, arguments);
-            }
-            return z(this, i);
+                var i = H(this).constructor;
+                r = Reflect.construct(n, arguments, i);
+            } else r = n.apply(this, arguments);
+            return z(this, r);
         };
     }
     function z(e, t) {
-        if (t && ($(t) === "object" || typeof t === "function")) {
-            return t;
-        }
+        if (t && ("object" == N(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
         return K(e);
     }
     function K(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
     function U() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (U = function t() {
+            return !!e;
+        })();
     }
     function H(e) {
-        H = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return H(e);
+        return H = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, H(e);
     }
     function X(e, t, r) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: r,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = r;
+        return (t = G(t)) in e ? Object.defineProperty(e, t, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = r, e;
+    }
+    function G(e) {
+        var t = J(e, "string");
+        return "symbol" == N(t) ? t : t + "";
+    }
+    function J(e, t) {
+        if ("object" != N(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var n = r.call(e, t || "default");
+            if ("object" != N(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var G = {
+    /** @public */    var Q = {
         defaultValue: a().number,
         describedBy: a().string,
         disabled: a().bool,
@@ -369,7 +354,7 @@
         splunkTheme: a().object,
         value: a().number
     };
-    var J = {
+    var Y = {
         disabled: false,
         error: false,
         inline: false,
@@ -378,13 +363,13 @@
         step: 1,
         stepMarks: "focus"
     };
-    var Q =  function(e) {
-        L(r, e);
+    var Z =  function(e) {
+        R(r, e);
         var t = W(r);
         // @docs-props-type SliderPropsBase
                 function r(e) {
             var n;
-            R(this, r);
+            F(this, r);
             n = t.call(this, e);
             X(K(n), "controlledExternally", void 0);
             X(K(n), "sliderThumb", null);
@@ -429,7 +414,7 @@
             }));
             X(K(n), "getValueOffset", (function(e, t) {
                 var r = n.props, i = r.min, a = r.step;
-                var o = new (s())(e).minus(i).modulo(a).toNumber();
+                var o = new (l())(e).minus(i).modulo(a).toNumber();
                 if (o > 0) {
                     return t === "forward" ? a - o : o;
                 }
@@ -517,7 +502,7 @@
                                 if (e > a - (a - i) % r / 2) {
                     return a;
                 }
-                return new (s())(e).minus(i).div(r).todp(0).mul(r).add(i).toNumber();
+                return new (l())(e).minus(i).div(r).todp(0).mul(r).add(i).toNumber();
             }));
             X(K(n), "valueToPosition", (function(e) {
                 if (e === undefined) {
@@ -539,7 +524,7 @@
             if (e.min >= e.max && process.env.NODE_ENV !== "production") {}
             return n;
         }
-        I(r, [ {
+        L(r, [ {
             key: "componentDidUpdate",
             value: function e(t) {
                 if (false) {}
@@ -557,8 +542,8 @@
                 var i = this.getValue();
                 var a = this.props.name;
                 if (i !== n) {
-                    var o, s;
-                    (o = (s = this.props).onChange) === null || o === void 0 ? void 0 : o.call(s, t, {
+                    var o, l;
+                    (o = (l = this.props).onChange) === null || o === void 0 ? void 0 : o.call(l, t, {
                         value: n,
                         name: a
                     });
@@ -569,7 +554,9 @@
                     }
                 }
             }
-        }, {
+ // If the current value is in between a step, i.e. defaultValue is not at a
+            // step mark, this function handles navigating to the next correct step
+                }, {
             key: "focus",
             /**
      * Places focus on the slider.
@@ -593,10 +580,10 @@
                 if (o === null) {
                     return undefined;
                 }
-                var s = Math.round((r - n) / i);
-                var l = o.getBoundingClientRect();
-                var u = B(a);
-                return l.width / s > u / 2 ? this.stepWidthInPercentage() : undefined;
+                var l = Math.round((r - n) / i);
+                var s = o.getBoundingClientRect();
+                var u = M(a);
+                return s.width / l > u / 2 ? this.stepWidthInPercentage() : undefined;
             }
         }, {
             key: "isControlled",
@@ -607,48 +594,48 @@
             key: "render",
             value: function e() {
                 var t = this;
-                var i = this.props, a = i.describedBy, o = i.disabled, s = i.displayValue, l = i.elementRef, u = i.error, c = i.inline, d = i.labelledBy, v = i.max, h = i.maxLabel, m = i.min, y = i.minLabel, k = i.required, x = i.stepMarks;
-                var w = this.state, S = w.isFocused, C = w.selected, T = w.sliderBar;
-                var M = this.getValue();
-                var B = this.valueToPosition(M);
-                var j = x === "focus" && S || x === "always";
-                var $ = j && T ? this.stepMarksWidth() : undefined;
-                var R = f()(this.props, p()(r.propTypes));
+                var i = this.props, a = i.describedBy, o = i.disabled, l = i.displayValue, s = i.elementRef, u = i.error, c = i.inline, d = i.labelledBy, v = i.max, h = i.maxLabel, b = i.min, y = i.minLabel, k = i.required, w = i.stepMarks;
+                var x = this.state, S = x.isFocused, T = x.selected, C = x.sliderBar;
+                var V = this.getValue();
+                var M = this.valueToPosition(V);
+                var j = w === "focus" && S || w === "always";
+                var N = j && C ? this.stepMarksWidth() : undefined;
+                var F = f()(this.props, p()(r.propTypes));
                 /* eslint-disable jsx-a11y/no-static-element-interactions */                
-                return n().createElement(V, N({
+                return n().createElement(O, $({
                     "data-test": "slider",
-                    "data-test-value": M,
-                    elementRef: l,
+                    "data-test-value": V,
+                    elementRef: s,
                     flex: true,
                     inline: c
-                }, R), C &&  n().createElement(n().Fragment, null,  n().createElement(b(), {
+                }, F), T &&  n().createElement(n().Fragment, null,  n().createElement(m(), {
                     target: window,
                     eventType: "mouseup",
                     listener: this.handleMouseUp
-                }),  n().createElement(b(), {
+                }),  n().createElement(m(), {
                     target: window,
                     eventType: "mousemove",
                     listener: this.handleMouseMove
-                })), y !== null &&  n().createElement(D, {
+                })), y !== null &&  n().createElement(q, {
                     "data-test": "min-label",
                     $disabled: o
-                }, y || m),  n().createElement(E, {
+                }, y || b),  n().createElement(E, {
                     onClick: o ? undefined : this.handleClick
-                },  n().createElement(O, {
+                },  n().createElement(B, {
                     "aria-required": k,
                     "data-test": "bar",
                     $disabled: o,
                     ref: this.handleMount,
                     $error: u,
-                    $position: B,
-                    $stepMarksWidth: $
+                    $position: M,
+                    $stepMarksWidth: N
                 }),  n().createElement(_, {
                     "aria-describedby": a,
                     "aria-labelledby": d,
                     "aria-invalid": u,
                     "aria-valuemax": v,
-                    "aria-valuemin": m,
-                    "aria-valuenow": M,
+                    "aria-valuemin": b,
+                    "aria-valuenow": V,
                     "data-test": "handle",
                     onBlur: this.handleBlur,
                     onMouseEnter: this.handleMouseEnter,
@@ -662,13 +649,13 @@
                     role: "slider",
                     disabled: o,
                     $error: u,
-                    $position: B
+                    $position: M
                 }),  n().createElement(g(), {
                     open: this.state.showTooltip,
                     anchor: this.sliderThumb,
                     appearance: "inverted",
                     align: "center"
-                },  n().createElement(P, null, s || M))), h !== null &&  n().createElement(q, {
+                },  n().createElement(P, null, l || V))), h !== null &&  n().createElement(D, {
                     "data-test": "max-label",
                     $disabled: o
                 }, h || v));
@@ -676,11 +663,11 @@
         } ]);
         return r;
     }(r.Component);
-    X(Q, "propTypes", G);
-    X(Q, "defaultProps", J);
-    var Y = (0, h.withSplunkTheme)(Q);
-    Y.propTypes = Q.propTypes;
-    /* harmony default export */    const Z = Y;
+    X(Z, "propTypes", Q);
+    X(Z, "defaultProps", Y);
+    var ee = (0, h.withSplunkTheme)(Z);
+    ee.propTypes = Z.propTypes;
+    /* harmony default export */    const te = ee;
     // CONCATENATED MODULE: ./src/Slider/index.ts
     module.exports = t;
     /******/})();