@splunk/react-ui 4.37.0 → 4.38.0

package/Slider.js

@@ -61,7 +61,7 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ ne
+        default: () => /* reexport */ Z
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -98,56 +98,19 @@
     const w = require("tinycolor2");
     var S =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const T = require("@splunk/react-ui/Box");
-    var C =  e.n(T);
+    const C = require("@splunk/react-ui/Box");
+    var T =  e.n(C);
     // CONCATENATED MODULE: ./src/Slider/SliderStyles.ts
-    var M = x()(C()).withConfig({
+    var V = x()(T()).withConfig({
         displayName: "SliderStyles__StyledBox",
         componentId: "sc-16ooit4-0"
     })([ "", ";flex:1 1 auto;&[data-inline]{width:300px;}" ], h.mixins.reset("block"));
-    var V = x().div.withConfig({
+    var E = x().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 E = "1px";
-    var O = function e(t) {
-        var r = t.$error;
-        return (0, h.pick)({
-            enterprise: {
-                light: h.variables.gray22,
-                dark: h.variables.white
-            },
-            prisma: r ? h.variables.accentColorNegative : h.variables.contentColorActive
-        });
-    };
-    var B = (0, h.pick)({
-        enterprise: {
-            dark: h.variables.gray20,
-            light: h.variables.gray96
-        },
-        prisma: h.variables.neutral100
-    });
-    var $ = (0, h.pick)({
-        enterprise: h.variables.gray60,
-        prisma: h.variables.interactiveColorBorder
-    });
-    var _ = function e(t) {
-        var r = t.$error, n = t.$position, i = t.$stepMarksWidth;
-        /* stylelint-disable indentation */        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,", ",", " ", "%,", " ", "%,", " );" ], O({
-            $error: r
-        }), O({
-            $error: r
-        }), E, E, B, B, E, E, i, O({
-            $error: r
-        }), O({
-            $error: r
-        }), n, $, n, $) : (0, k.css)([ "background-image:linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], O({
-            $error: r
-        }), O({
-            $error: r
-        }), n, $, n, $);
-        /* stylelint-enable indentation */    };
-    var P = x().div.withConfig({
+    var M = "1px";
+    var O = x().div.withConfig({
         displayName: "SliderStyles__StyledSliderBar",
         componentId: "sc-16ooit4-2"
     })([ "position:absolute;top:", ";left:0;height:", ";width:100%;border-radius:2.5px;", "" ], (0, 
@@ -159,23 +122,41 @@
         prisma: "4px"
     }), (function(e) {
         var t = e.$disabled, r = e.$error, n = e.$position, i = e.$stepMarksWidth;
-        return t ? (0, k.css)([ "background-color:", ";" ], (0, h.pick)({
-            enterprise: h.variables.gray92,
-            prisma: h.variables.contentColorDisabled
-        })) : _({
-            $error: r,
-            $position: n,
-            $stepMarksWidth: i
+        if (t) {
+            return (0, k.css)([ "background-color:", ";" ], (0, h.pick)({
+                enterprise: h.variables.gray92,
+                prisma: h.variables.contentColorDisabled
+            }));
+        }
+        var a = r ? h.variables.accentColorNegative : (0, h.pick)({
+            prisma: h.variables.contentColorActive,
+            enterprise: {
+                light: h.variables.gray22,
+                dark: h.variables.white
+            }
+        });
+        var o = (0, h.pick)({
+            enterprise: {
+                dark: h.variables.gray20,
+                light: h.variables.gray96
+            },
+            prisma: h.variables.neutral100
+        });
+        var s = (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);
     }));
-    var j = (0, h.pick)({
+    var B = (0, h.pick)({
         enterprise: 18,
         prisma: 20
     });
-    var q = x().button.withConfig({
+    var _ = x().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"), j, j, (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"), B, B, (0, 
     h.pick)({
         enterprise: "9px",
         prisma: "10px"
@@ -201,13 +182,15 @@
     }), (0, h.pick)({
         enterprise: h.variables.gray92,
         prisma: h.variables.neutral400
-    }), (0, h.pick)({
-        prisma: function e(t) {
-            var r = t.$error;
-            return r && (0, k.css)([ "background-color:", ";&:focus:not([disabled]),&:active{background-color:", ";}" ], h.variables.accentColorNegative, h.mixins.overlayColors(h.variables.accentColorNegative, h.variables.interactiveColorOverlayActive));
-        }
+    }), (function(e) {
+        var t = e.$error;
+        return t && (0, k.css)([ "background-color:", ";&:focus:not([disabled]),&:active{background-color:", ";}" ], h.variables.accentColorNegative, (0, 
+        h.pick)({
+            enterprise: h.variables.errorColorD40,
+            prisma: h.mixins.overlayColors(h.variables.accentColorNegative, h.variables.interactiveColorOverlayActive)
+        }));
     }));
-    var D = x().div.withConfig({
+    var P = x().div.withConfig({
         displayName: "SliderStyles__StyledPopoverContent",
         componentId: "sc-16ooit4-4"
     })([ "padding:", ";font-size:", ";line-height:", ";" ], (0, h.pick)({
@@ -220,43 +203,43 @@
         enterprise: "18px",
         prisma: "24px"
     }));
-    var N = (0, k.css)([ "flex:0 0 auto;line-height:", ";", "" ], h.variables.inputHeight, (function(e) {
+    var j = (0, k.css)([ "flex:0 0 auto;line-height:", ";", "" ], h.variables.inputHeight, (function(e) {
         var t = e.$disabled;
         return t && (0, k.css)([ "color:", ";" ], (0, h.pick)({
             enterprise: h.variables.textDisabledColor,
             prisma: h.variables.contentColorDisabled
         }));
     }));
-    var R = x()(C()).withConfig({
+    var D = x()(T()).withConfig({
         displayName: "SliderStyles__StyledMinLabelBox",
         componentId: "sc-16ooit4-5"
-    })([ "", ";margin-right:", ";text-align:right;" ], N, (0, h.pick)({
+    })([ "", ";margin-right:", ";text-align:right;" ], j, (0, h.pick)({
         enterprise: "15px",
         prisma: "16px"
     }));
-    var F = x()(C()).withConfig({
+    var q = x()(T()).withConfig({
         displayName: "SliderStyles__StyledMaxLabelBox",
         componentId: "sc-16ooit4-6"
-    })([ "", ";margin-left:", ";text-align:left;" ], N, (0, h.pick)({
+    })([ "", ";margin-left:", ";text-align:left;" ], j, (0, h.pick)({
         enterprise: "15px",
         prisma: "16px"
     }));
     // CONCATENATED MODULE: ./src/Slider/Slider.tsx
-    function I(e) {
+    function $(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            I = function e(t) {
+            $ = function e(t) {
                 return typeof t;
             };
         } else {
-            I = function e(t) {
+            $ = function e(t) {
                 return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
             };
         }
-        return I(e);
+        return $(e);
     }
-    function L() {
-        L = Object.assign || function(e) {
+    function N() {
+        N = Object.assign || function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -267,14 +250,14 @@
             }
             return e;
         };
-        return L.apply(this, arguments);
+        return N.apply(this, arguments);
     }
-    function W(e, t) {
+    function R(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function A(e, t) {
+    function F(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
             n.enumerable = n.enumerable || false;
@@ -283,12 +266,12 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function z(e, t, r) {
-        if (t) A(e.prototype, t);
-        if (r) A(e, r);
+    function I(e, t, r) {
+        if (t) F(e.prototype, t);
+        if (r) F(e, r);
         return e;
     }
-    function K(e, t) {
+    function L(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -299,41 +282,41 @@
                 configurable: true
             }
         });
-        if (t) U(e, t);
+        if (t) A(e, t);
     }
-    function U(e, t) {
-        U = Object.setPrototypeOf || function e(t, r) {
+    function A(e, t) {
+        A = Object.setPrototypeOf || function e(t, r) {
             t.__proto__ = r;
             return t;
         };
-        return U(e, t);
+        return A(e, t);
     }
-    function H(e) {
-        var t = J();
+    function W(e) {
+        var t = U();
         return function r() {
-            var n = Q(e), i;
+            var n = H(e), i;
             if (t) {
-                var a = Q(this).constructor;
+                var a = H(this).constructor;
                 i = Reflect.construct(n, arguments, a);
             } else {
                 i = n.apply(this, arguments);
             }
-            return X(this, i);
+            return z(this, i);
         };
     }
-    function X(e, t) {
-        if (t && (I(t) === "object" || typeof t === "function")) {
+    function z(e, t) {
+        if (t && ($(t) === "object" || typeof t === "function")) {
             return t;
         }
-        return G(e);
+        return K(e);
     }
-    function G(e) {
+    function K(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function J() {
+    function U() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -344,13 +327,13 @@
             return false;
         }
     }
-    function Q(e) {
-        Q = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
+    function H(e) {
+        H = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
             return t.__proto__ || Object.getPrototypeOf(t);
         };
-        return Q(e);
+        return H(e);
     }
-    function Y(e, t, r) {
+    function X(e, t, r) {
         if (t in e) {
             Object.defineProperty(e, t, {
                 value: r,
@@ -363,7 +346,7 @@
         }
         return e;
     }
-    var Z = {
+    var G = {
         defaultValue: a().number,
         describedBy: a().string,
         disabled: a().bool,
@@ -386,7 +369,7 @@
         splunkTheme: a().object,
         value: a().number
     };
-    var ee = {
+    var J = {
         disabled: false,
         error: false,
         inline: false,
@@ -395,17 +378,17 @@
         step: 1,
         stepMarks: "focus"
     };
-    var te =  function(e) {
-        K(r, e);
-        var t = H(r);
+    var Q =  function(e) {
+        L(r, e);
+        var t = W(r);
         // @docs-props-type SliderPropsBase
                 function r(e) {
             var n;
-            W(this, r);
+            R(this, r);
             n = t.call(this, e);
-            Y(G(n), "controlledExternally", void 0);
-            Y(G(n), "sliderThumb", null);
-            Y(G(n), "checkPositionBounds", (function(e) {
+            X(K(n), "controlledExternally", void 0);
+            X(K(n), "sliderThumb", null);
+            X(K(n), "checkPositionBounds", (function(e) {
                 if (e > 100) {
                     return 100;
                 }
@@ -414,7 +397,7 @@
                 }
                 return e;
             }));
-            Y(G(n), "checkValueBounds", (function(e) {
+            X(K(n), "checkValueBounds", (function(e) {
                 if (e > n.props.max) {
                     return n.props.max;
                 }
@@ -423,13 +406,13 @@
                 }
                 return e;
             }));
-            Y(G(n), "handleBlur", (function() {
+            X(K(n), "handleBlur", (function() {
                 n.setState({
                     isFocused: false,
                     showTooltip: false
                 });
             }));
-            Y(G(n), "handleClick", (function(e) {
+            X(K(n), "handleClick", (function(e) {
                 var t = n.percentageFromEvent(e);
                 if (t !== undefined) {
                     var r = n.roundValueToStep(n.positionToValue(t));
@@ -438,13 +421,13 @@
                     });
                 }
             }));
-            Y(G(n), "handleFocus", (function() {
+            X(K(n), "handleFocus", (function() {
                 n.setState({
                     isFocused: true,
                     showTooltip: true
                 });
             }));
-            Y(G(n), "getValueOffset", (function(e, t) {
+            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();
                 if (o > 0) {
@@ -452,7 +435,7 @@
                 }
                 return a;
             }));
-            Y(G(n), "handleKeyDown", (function(e) {
+            X(K(n), "handleKeyDown", (function(e) {
                 var t = n.getValue();
                 if (t !== undefined) {
                     if ((0, v.keycode)(e.nativeEvent) === "right") {
@@ -474,12 +457,12 @@
                     });
                 }
             }));
-            Y(G(n), "handleMount", (function(e) {
+            X(K(n), "handleMount", (function(e) {
                 n.setState({
                     sliderBar: e
                 });
             }));
-            Y(G(n), "handleMouseDown", (function(e) {
+            X(K(n), "handleMouseDown", (function(e) {
                 e.preventDefault();
                 n.focus();
                 n.setState({
@@ -487,19 +470,19 @@
                     showTooltip: true
                 });
             }));
-            Y(G(n), "handleMouseEnter", (function() {
+            X(K(n), "handleMouseEnter", (function() {
                 n.setState({
                     showTooltip: true
                 });
             }));
-            Y(G(n), "handleMouseLeave", (function() {
+            X(K(n), "handleMouseLeave", (function() {
                 if (!n.state.selected) {
                     n.setState({
                         showTooltip: false
                     });
                 }
             }));
-            Y(G(n), "handleMouseMove", (function(e) {
+            X(K(n), "handleMouseMove", (function(e) {
                 if (n.state.selected) {
                     var t = n.percentageFromEvent(e);
                     if (t !== undefined) {
@@ -510,13 +493,13 @@
                     }
                 }
             }));
-            Y(G(n), "handleMouseUp", (function() {
+            X(K(n), "handleMouseUp", (function() {
                 n.setState({
                     selected: false,
                     showTooltip: false
                 });
             }));
-            Y(G(n), "percentageFromEvent", (function(e) {
+            X(K(n), "percentageFromEvent", (function(e) {
                 if (n.state.sliderBar === null) {
                     return undefined;
                 }
@@ -524,11 +507,11 @@
                 var r = e.clientX - t.left;
                 return n.checkPositionBounds(r / t.width * 100);
             }));
-            Y(G(n), "positionToValue", (function(e) {
+            X(K(n), "positionToValue", (function(e) {
                 var t = n.props.max - n.props.min;
                 return e / 100 * t + n.props.min;
             }));
-            Y(G(n), "roundValueToStep", (function(e) {
+            X(K(n), "roundValueToStep", (function(e) {
                 var t = n.props, r = t.step, i = t.min, a = t.max;
  // Handles if the max is in between steps but val is larger than the halfway point between last step mark and max
                                 if (e > a - (a - i) % r / 2) {
@@ -536,7 +519,7 @@
                 }
                 return new (s())(e).minus(i).div(r).todp(0).mul(r).add(i).toNumber();
             }));
-            Y(G(n), "valueToPosition", (function(e) {
+            X(K(n), "valueToPosition", (function(e) {
                 if (e === undefined) {
                     return undefined;
                 }
@@ -556,7 +539,7 @@
             if (e.min >= e.max && process.env.NODE_ENV !== "production") {}
             return n;
         }
-        z(r, [ {
+        I(r, [ {
             key: "componentDidUpdate",
             value: function e(t) {
                 if (false) {}
@@ -612,7 +595,7 @@
                 }
                 var s = Math.round((r - n) / i);
                 var l = o.getBoundingClientRect();
-                var u = j(a);
+                var u = B(a);
                 return l.width / s > u / 2 ? this.stepWidthInPercentage() : undefined;
             }
         }, {
@@ -625,20 +608,20 @@
             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, T = w.selected, C = w.sliderBar;
-                var E = this.getValue();
-                var O = this.valueToPosition(E);
-                var B = x === "focus" && S || x === "always";
-                var $ = B && C ? this.stepMarksWidth() : undefined;
-                var _ = f()(this.props, p()(r.propTypes));
+                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));
                 /* eslint-disable jsx-a11y/no-static-element-interactions */                
-                return n().createElement(M, L({
+                return n().createElement(V, N({
                     "data-test": "slider",
-                    "data-test-value": E,
+                    "data-test-value": M,
                     elementRef: l,
                     flex: true,
                     inline: c
-                }, _), T &&  n().createElement(n().Fragment, null,  n().createElement(b(), {
+                }, R), C &&  n().createElement(n().Fragment, null,  n().createElement(b(), {
                     target: window,
                     eventType: "mouseup",
                     listener: this.handleMouseUp
@@ -646,26 +629,26 @@
                     target: window,
                     eventType: "mousemove",
                     listener: this.handleMouseMove
-                })), y !== null &&  n().createElement(R, {
+                })), y !== null &&  n().createElement(D, {
                     "data-test": "min-label",
                     $disabled: o
-                }, y || m),  n().createElement(V, {
+                }, y || m),  n().createElement(E, {
                     onClick: o ? undefined : this.handleClick
-                },  n().createElement(P, {
+                },  n().createElement(O, {
                     "aria-required": k,
                     "data-test": "bar",
                     $disabled: o,
                     ref: this.handleMount,
                     $error: u,
-                    $position: O,
+                    $position: B,
                     $stepMarksWidth: $
-                }),  n().createElement(q, {
+                }),  n().createElement(_, {
                     "aria-describedby": a,
                     "aria-labelledby": d,
                     "aria-invalid": u,
                     "aria-valuemax": v,
                     "aria-valuemin": m,
-                    "aria-valuenow": E,
+                    "aria-valuenow": M,
                     "data-test": "handle",
                     onBlur: this.handleBlur,
                     onMouseEnter: this.handleMouseEnter,
@@ -679,13 +662,13 @@
                     role: "slider",
                     disabled: o,
                     $error: u,
-                    $position: O
+                    $position: B
                 }),  n().createElement(g(), {
                     open: this.state.showTooltip,
                     anchor: this.sliderThumb,
                     appearance: "inverted",
                     align: "center"
-                },  n().createElement(D, null, s || E))), h !== null &&  n().createElement(F, {
+                },  n().createElement(P, null, s || M))), h !== null &&  n().createElement(q, {
                     "data-test": "max-label",
                     $disabled: o
                 }, h || v));
@@ -693,11 +676,11 @@
         } ]);
         return r;
     }(r.Component);
-    Y(te, "propTypes", Z);
-    Y(te, "defaultProps", ee);
-    var re = (0, h.withSplunkTheme)(te);
-    re.propTypes = te.propTypes;
-    /* harmony default export */    const ne = re;
+    X(Q, "propTypes", G);
+    X(Q, "defaultProps", J);
+    var Y = (0, h.withSplunkTheme)(Q);
+    Y.propTypes = Q.propTypes;
+    /* harmony default export */    const Z = Y;
     // CONCATENATED MODULE: ./src/Slider/index.ts
     module.exports = t;
     /******/})();