@splunk/react-ui 4.34.0 → 4.35.0

package/Switch.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ Q
+        default: () => /* reexport */ ee
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -143,10 +143,7 @@
             comfortable: (0, f.css)([ "padding:10px 0;" ])
         }
     }), b.variables.spacingSmall);
-    var S = h()(k()).withConfig({
-        displayName: "SwitchStyles__StyledCheckboxClickable",
-        componentId: "sc-844ieu-1"
-    })([ "", " position:relative;width:", ";height:", ";line-height:", ";padding:2px;border-radius:2px;cursor:pointer;flex:0 0 auto;border-color:", ";border-style:solid;border-width:", ";color:", ";", " &:focus{box-shadow:", ";}", " ", " &[disabled]{cursor:not-allowed;border-color:", ";", "}" ], b.mixins.reset("inline"), x, x, x, (0, 
+    var S = (0, f.css)([ "", " position:relative;width:", ";height:", ";line-height:", ";padding:2px;border-radius:2px;cursor:pointer;flex:0 0 auto;border-color:", ";border-style:solid;border-width:", ";color:", ";", " &:focus{box-shadow:", ";}", " ", " &[disabled]{cursor:not-allowed;border-color:", ";", "}" ], b.mixins.reset("inline"), x, x, x, (0, 
     b.pick)({
         enterprise: (0, b.pick)({
             light: b.variables.gray45,
@@ -210,10 +207,17 @@
             prisma: (0, f.css)([ "border-color:transparent;background-color:", ";" ], b.variables.interactiveColorBackgroundDisabled)
         });
     }));
-    var O = S.withComponent("span");
-    var $ = h().div.withConfig({
-        displayName: "SwitchStyles__StyledSome",
+    var O = h()(k()).withConfig({
+        displayName: "SwitchStyles__StyledCheckboxClickable",
+        componentId: "sc-844ieu-1"
+    })([ "", "" ], S);
+    var $ = h().span.withConfig({
+        displayName: "SwitchStyles__StyledCheckboxSpan",
         componentId: "sc-844ieu-2"
+    })([ "", "" ], S);
+    var _ = h().div.withConfig({
+        displayName: "SwitchStyles__StyledSome",
+        componentId: "sc-844ieu-3"
     })([ "display:block;margin:", ";", " background:currentColor;border-radius:1px;" ], (0, 
     b.pick)({
         enterprise: "2px",
@@ -222,9 +226,9 @@
         enterprise: (0, f.css)([ "height:calc(", " - 10px);width:calc(", " - 10px);" ], x, x),
         prisma: (0, f.css)([ "height:2px;width:8px;" ])
     }));
-    var _ = h().div.withConfig({
+    var P = h().div.withConfig({
         displayName: "SwitchStyles__StyledIndicator",
-        componentId: "sc-844ieu-3"
+        componentId: "sc-844ieu-4"
     })([ "background-color:", ";border-color:", ";box-sizing:border-box;border-radius:50%;border-width:1px;position:absolute;left:-1px;top:-1px;", ";", " ", " ", "" ], (0, 
     b.pick)({
         enterprise: {
@@ -266,9 +270,9 @@
             prisma: (0, f.css)([ "left:calc(100% - ", " + 1px);" ], C)
         }));
     }));
-    var P = h().div.withConfig({
+    var E = h().div.withConfig({
         displayName: "SwitchStyles__StyledToggleOutline",
-        componentId: "sc-844ieu-4"
+        componentId: "sc-844ieu-5"
     })([ "position:absolute;border:1px solid transparent;", ";", ";top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;", " ", "" ], (function(e) {
         var r = e.$delay;
         return r && (0, f.css)([ "transition:border-color ", ";" ], r);
@@ -284,10 +288,7 @@
             prisma: b.variables.transparent
         }));
     }));
-    var E = h()(k()).withConfig({
-        displayName: "SwitchStyles__StyledToggleClickable",
-        componentId: "sc-844ieu-5"
-    })([ "position:relative;", " border-radius:", ";transition:background-color ", ";flex:0 0 auto;border:1px solid ", ";", " &:not([disabled]){&:focus{outline:0;", ";", "}&:hover ", "{background-color:", ";}&:hover ", "{background-color:", ";}}&[disabled]{border:1px solid ", ";background-color:", ";", " ", "}", ";", "" ], (0, 
+    var L = (0, f.css)([ "position:relative;", " border-radius:", ";transition:background-color ", ";flex:0 0 auto;border:1px solid ", ";", " &:not([disabled]){&:focus{outline:0;", ";", "}&:hover ", "{background-color:", ";}&:hover ", "{background-color:", ";}}&[disabled]{border:1px solid ", ";background-color:", ";", " ", "}", ";", "" ], (0, 
     b.pick)({
         enterprise: (0, b.pick)({
             light: (0, f.css)([ "width:calc(", " * 2);background-color:", ";height:", ";" ], x, b.variables.gray98, x),
@@ -310,10 +311,10 @@
     }), (0, b.pick)({
         enterprise: (0, f.css)([ "> ", "{border-color:", ";}" ], 
         /* sc-sel */
-        P, b.mixins.colorWithAlpha(b.variables.focusColor, .8))
+        E, b.mixins.colorWithAlpha(b.variables.focusColor, .8))
     }), 
     /* sc-sel */
-    _, (0, b.pick)({
+    P, (0, b.pick)({
         enterprise: (0, b.pick)({
             light: b.variables.gray96,
             dark: "#b1bcc7"
@@ -321,7 +322,7 @@
         prisma: b.variables.white
     }), 
     /* sc-sel */
-    P, (0, b.pick)({
+    E, (0, b.pick)({
         prisma: b.variables.interactiveColorOverlayHover
     }), (0, b.pick)({
         enterprise: {
@@ -367,10 +368,17 @@
             prisma: (0, f.css)([ "background-color:", ";" ], b.variables.accentColorNegative)
         }));
     }));
-    var L = E.withComponent("span");
-    var j = h().label.withConfig({
-        displayName: "SwitchStyles__StyledLabel",
+    var j = h()(k()).withConfig({
+        displayName: "SwitchStyles__StyledToggleClickable",
         componentId: "sc-844ieu-6"
+    })([ "", "" ], L);
+    var I = h().span.withConfig({
+        displayName: "SwitchStyles__StyledToggleSpan",
+        componentId: "sc-844ieu-7"
+    })([ "", "" ], L);
+    var D = h().label.withConfig({
+        displayName: "SwitchStyles__StyledLabel",
+        componentId: "sc-844ieu-8"
     })([ "", " flex:1 1 auto;padding-left:", ";color:inherit;", ";" ], b.mixins.reset("inline-block"), (0, 
     b.pick)({
         enterprise: (0, f.css)([ "", ";" ], b.variables.spacingXSmall),
@@ -380,21 +388,21 @@
         return !r && (0, f.css)([ "cursor:pointer;" ]);
     }));
     // CONCATENATED MODULE: ./src/Switch/Switch.tsx
-    function I(e) {
+    function q(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            I = function e(r) {
+            q = function e(r) {
                 return typeof r;
             };
         } else {
-            I = function e(r) {
+            q = function e(r) {
                 return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
             };
         }
-        return I(e);
+        return q(e);
     }
-    function D() {
-        D = Object.assign || function(e) {
+    function T() {
+        T = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var a in t) {
@@ -405,11 +413,11 @@
             }
             return e;
         };
-        return D.apply(this, arguments);
+        return T.apply(this, arguments);
     }
-    function q(e, r) {
+    function N(e, r) {
         if (e == null) return {};
-        var t = T(e, r);
+        var t = R(e, r);
         var a, i;
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
@@ -422,7 +430,7 @@
         }
         return t;
     }
-    function T(e, r) {
+    function R(e, r) {
         if (e == null) return {};
         var t = {};
         var a = Object.keys(e);
@@ -434,12 +442,12 @@
         }
         return t;
     }
-    function R(e, r) {
+    function B(e, r) {
         if (!(e instanceof r)) {
             throw new TypeError("Cannot call a class as a function");
         }
     }
-    function N(e, r) {
+    function M(e, r) {
         for (var t = 0; t < r.length; t++) {
             var a = r[t];
             a.enumerable = a.enumerable || false;
@@ -448,12 +456,12 @@
             Object.defineProperty(e, a.key, a);
         }
     }
-    function B(e, r, t) {
-        if (r) N(e.prototype, r);
-        if (t) N(e, t);
+    function A(e, r, t) {
+        if (r) M(e.prototype, r);
+        if (t) M(e, t);
         return e;
     }
-    function M(e, r) {
+    function W(e, r) {
         if (typeof r !== "function" && r !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -464,41 +472,41 @@
                 configurable: true
             }
         });
-        if (r) A(e, r);
+        if (r) z(e, r);
     }
-    function A(e, r) {
-        A = Object.setPrototypeOf || function e(r, t) {
+    function z(e, r) {
+        z = Object.setPrototypeOf || function e(r, t) {
             r.__proto__ = t;
             return r;
         };
-        return A(e, r);
+        return z(e, r);
     }
-    function W(e) {
-        var r = H();
+    function F(e) {
+        var r = V();
         return function t() {
-            var a = U(e), i;
+            var a = X(e), i;
             if (r) {
-                var o = U(this).constructor;
+                var o = X(this).constructor;
                 i = Reflect.construct(a, arguments, o);
             } else {
                 i = a.apply(this, arguments);
             }
-            return z(this, i);
+            return H(this, i);
         };
     }
-    function z(e, r) {
-        if (r && (I(r) === "object" || typeof r === "function")) {
+    function H(e, r) {
+        if (r && (q(r) === "object" || typeof r === "function")) {
             return r;
         }
-        return F(e);
+        return U(e);
     }
-    function F(e) {
+    function U(e) {
         if (e === void 0) {
             throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         }
         return e;
     }
-    function H() {
+    function V() {
         if (typeof Reflect === "undefined" || !Reflect.construct) return false;
         if (Reflect.construct.sham) return false;
         if (typeof Proxy === "function") return true;
@@ -509,13 +517,13 @@
             return false;
         }
     }
-    function U(e) {
-        U = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
+    function X(e) {
+        X = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
             return r.__proto__ || Object.getPrototypeOf(r);
         };
-        return U(e);
+        return X(e);
     }
-    function V(e, r, t) {
+    function Z(e, r, t) {
         if (r in e) {
             Object.defineProperty(e, r, {
                 value: t,
@@ -528,7 +536,7 @@
         }
         return e;
     }
-    var X = {
+    var G = {
         appearance: o().oneOf([ "checkbox", "toggle" ]),
         children: o().node,
         disabled: o().bool,
@@ -548,7 +556,7 @@
         unselectedLabel: o().string,
         value: o().any
     };
-    var Z = {
+    var J = {
         appearance: "checkbox",
         disabled: false,
         error: false,
@@ -557,20 +565,20 @@
         selected: false
     };
     // unclear why the manual ref is needed here (only for styled-components)
-        var G = {
-        checkbox: S,
-        toggle: E
-    };
-    var J = {
+        var K = {
         checkbox: O,
-        toggle: L
+        toggle: j
+    };
+    var Q = {
+        checkbox: $,
+        toggle: I
     };
     /**
  * `Switch` is a basic form control with an on/off state.
- */    var K =  function(e) {
-        M(t, e);
-        var r = W(t);
-        B(t, null, [ {
+ */    var Y =  function(e) {
+        W(t, e);
+        var r = F(t);
+        A(t, null, [ {
             key: "validateProps",
             // @docs-props-type SwitchPropsBase
             value: function e(r) {
@@ -580,13 +588,13 @@
         } ]);
         function t(e) {
             var a;
-            R(this, t);
+            B(this, t);
             a = r.call(this, e);
-            V(F(a), "clickableId", void 0);
-            V(F(a), "labelId", void 0);
-            V(F(a), "toggle", null);
-            V(F(a), "componentDidUpdate", t.validateProps);
-            V(F(a), "handleContainerClick", (function(e) {
+            Z(U(a), "clickableId", void 0);
+            Z(U(a), "labelId", void 0);
+            Z(U(a), "toggle", null);
+            Z(U(a), "componentDidUpdate", t.validateProps);
+            Z(U(a), "handleContainerClick", (function(e) {
                 var r, t;
                 var i = a.props, o = i.value, n = i.selected;
                 (r = (t = a.props).onClick) === null || r === void 0 ? void 0 : r.call(t, e, {
@@ -600,7 +608,7 @@
             t.validateProps(e);
             return a;
         }
-        B(t, [ {
+        A(t, [ {
             key: "focus",
             /**
      * Place focus on the toggle.
@@ -613,25 +621,25 @@
             key: "render",
             value: function e() {
                 var r = this;
-                var t = this.props, i = t.appearance, o = t.children, n = t.disabled, s = t.elementRef, d = t.error, p = t.id, u = t.inline, b = t.interactive, f = t.labelledBy, h = t.onClick, g = t.required, m = t.selected, y = t.selectedLabel, k = t.someSelectedLabel, x = t.unselectedLabel, C = t.value, S = q(t, [ "appearance", "children", "disabled", "elementRef", "error", "id", "inline", "interactive", "labelledBy", "onClick", "required", "selected", "selectedLabel", "someSelectedLabel", "unselectedLabel", "value" ]);
+                var t = this.props, i = t.appearance, o = t.children, n = t.disabled, s = t.elementRef, d = t.error, p = t.id, u = t.inline, b = t.interactive, f = t.labelledBy, h = t.onClick, g = t.required, m = t.selected, y = t.selectedLabel, k = t.someSelectedLabel, x = t.unselectedLabel, C = t.value, S = N(t, [ "appearance", "children", "disabled", "elementRef", "error", "id", "inline", "interactive", "labelledBy", "onClick", "required", "selected", "selectedLabel", "someSelectedLabel", "unselectedLabel", "value" ]);
                 var O = f;
  // consumer defined external label
-                                var E = p;
+                                var $ = p;
  // consumer defined id
                 // if has internal label defined with children....
                                 if (o) {
                     O = this.labelId;
  // must use generated labelId
-                                        E = p || this.clickableId;
+                                        $ = p || this.clickableId;
  // must have an id
                                 }
                 var L = m === "some" ? "mixed" : m;
-                var I = {
+                var j = {
                     true: y,
                     false: x,
                     some: k
                 };
-                var T = {
+                var I = {
                     disabled: n,
                     $interactive: b,
                     $error: d,
@@ -640,7 +648,7 @@
                     "aria-checked": b ? L : undefined,
                     "aria-invalid": d ? true : undefined,
                     "aria-required": g,
-                    id: E,
+                    id: $,
                     ref: function e(t) {
                         r.toggle = t;
                     },
@@ -648,39 +656,39 @@
                     "data-test": "button",
                     "data-selected": m
                 };
-                var R = G[i];
-                var N = J[i];
+                var q = K[i];
+                var R = Q[i];
                 var B = function e(r) {
                     return function() {
-                        var e =  a().createElement(a().Fragment, null,  a().createElement(_, {
+                        var e =  a().createElement(a().Fragment, null,  a().createElement(P, {
                             $delay: r,
                             $disabled: n,
                             $error: !n && d,
                             $selected: m
-                        }),  a().createElement(P, {
+                        }),  a().createElement(E, {
                             $delay: r,
                             $error: !n && d
                         }));
-                        return b ?  a().createElement(R, D({
+                        return b ?  a().createElement(q, T({
                             role: "switch"
-                        }, T, {
+                        }, I, {
                             $delay: r
-                        }), e) :  a().createElement(N, D({}, T, {
+                        }), e) :  a().createElement(R, T({}, I, {
                             $delay: r
                         }), e);
                     };
                 };
                 var M = function e() {
-                    var r =  a().createElement(a().Fragment, null, m === true && i === "checkbox" &&  a().createElement(v, null), m === "some" && i === "checkbox" &&  a().createElement($, null));
-                    return b ?  a().createElement(R, D({
+                    var r =  a().createElement(a().Fragment, null, m === true && i === "checkbox" &&  a().createElement(v, null), m === "some" && i === "checkbox" &&  a().createElement(_, null));
+                    return b ?  a().createElement(q, T({
                         "data-clickable": true,
                         role: i
-                    }, T), r) :  a().createElement(N, T, r);
+                    }, I), r) :  a().createElement(R, I, r);
                 };
                 var A = n && "disabled" || d && "error" || null;
                 var W = !!y || !!k || !!x;
                 
-                return a().createElement(w, D({
+                return a().createElement(w, T({
                     flex: true,
                     inline: u,
                     "data-test": "switch",
@@ -694,20 +702,20 @@
                 }, S), i === "toggle" &&  a().createElement(l(), {
                     on: B("200ms"),
                     off: B()
-                }), i !== "toggle" && M(), b && W &&  a().createElement(c(), null, I["".concat(m)]), o &&  a().createElement(j, {
+                }), i !== "toggle" && M(), b && W &&  a().createElement(c(), null, j["".concat(m)]), o &&  a().createElement(D, {
                     $disabled: n,
                     "data-test": "label",
                     id: O,
-                    htmlFor: E,
+                    htmlFor: $,
                     "data-disabled": n || null
                 }, o));
             }
         } ]);
         return t;
     }(t.Component);
-    V(K, "propTypes", X);
-    V(K, "defaultProps", Z);
-    /* harmony default export */    const Q = K;
+    Z(Y, "propTypes", G);
+    Z(Y, "defaultProps", J);
+    /* harmony default export */    const ee = Y;
     // CONCATENATED MODULE: ./src/Switch/index.ts
     module.exports = r;
     /******/})();