@splunk/react-ui 4.37.0 → 4.39.0

package/Switch.js

@@ -9,26 +9,26 @@
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
         /******/ e.n = r => {
-            /******/ var t = r && r.__esModule ? 
+            /******/ var a = r && r.__esModule ? 
             /******/ () => r["default"]
             /******/ : () => r
             /******/;
-            e.d(t, {
-                a: t
+            e.d(a, {
+                a
             });
-            /******/            return t;
+            /******/            return a;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (r, t) => {
-            /******/ for (var a in t) {
-                /******/ if (e.o(t, a) && !e.o(r, a)) {
-                    /******/ Object.defineProperty(r, a, {
+        /******/ e.d = (r, a) => {
+            /******/ for (var t in a) {
+                /******/ if (e.o(a, t) && !e.o(r, t)) {
+                    /******/ Object.defineProperty(r, t, {
                         enumerable: true,
-                        get: t[a]
+                        get: a[t]
                     });
                     /******/                }
                 /******/            }
@@ -61,11 +61,11 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ ee
+        default: () => /* reexport */ ae
     });
     // CONCATENATED MODULE: external "react"
-    const t = require("react");
-    var a =  e.n(t);
+    const a = require("react");
+    var t =  e.n(a);
     // CONCATENATED MODULE: external "prop-types"
     const i = require("prop-types");
     var o =  e.n(i);
@@ -87,7 +87,7 @@
         var e = (0, b.useSplunkTheme)(), r = e.family;
         if (r === "enterprise") {
             
-            return a().createElement(u(), {
+            return t().createElement(u(), {
                 inline: false,
                 size: "12px",
                 screenReaderText: null,
@@ -98,7 +98,7 @@
             });
         }
         
-        return a().createElement("svg", {
+        return t().createElement("svg", {
             width: "12",
             height: "12",
             viewBox: "-1 -2 11 10",
@@ -106,24 +106,24 @@
                 display: "block"
             },
             xmlns: "http://www.w3.org/2000/svg"
-        },  a().createElement("path", {
+        },  t().createElement("path", {
             d: "M8.70711 0.292893C9.09763 0.683417 9.09763 1.31658 8.70711 1.70711L4.32132 6.0929C3.73559 6.67862 2.78596 6.67869 2.20015 6.09305L0.292997 4.18646C-0.0975845 3.79599 -0.0976776 3.16282 0.292789 2.77224C0.683256 2.38166 1.31642 2.38157 1.707 2.77203L3.26061 4.32518L7.29289 0.292893C7.68342 -0.0976311 8.31658 -0.0976311 8.70711 0.292893Z",
             fill: "currentColor"
         }));
     }
     // CONCATENATED MODULE: external "styled-components"
     const f = require("styled-components");
-    var h =  e.n(f);
+    var g =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const g = require("@splunk/react-ui/Box");
-    var m =  e.n(g);
+    const h = require("@splunk/react-ui/Box");
+    var m =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const y = require("@splunk/react-ui/Clickable");
     var k =  e.n(y);
     // CONCATENATED MODULE: ./src/Switch/SwitchStyles.ts
     var x = "18px";
-    var C = "20px";
-    var w = h()(m()).withConfig({
+    var w = "20px";
+    var C = g()(m()).withConfig({
         displayName: "SwitchStyles__StyledBox",
         componentId: "sc-844ieu-0"
     })([ "display:inline;position:relative;color:", ";flex-shrink:0;", ";[data-inline] + &{margin-left:", ";}" ], (0, 
@@ -143,7 +143,7 @@
             comfortable: (0, f.css)([ "padding:10px 0;" ])
         }
     }), b.variables.spacingSmall);
-    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, 
+    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:", ";", " &:not([disabled]){&: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,
@@ -160,40 +160,35 @@
         }),
         prisma: b.variables.white
     }), (0, b.pick)({
-        prisma: (0, f.css)([ "top:1px;padding:1px;border-radius:3px;", " ", "" ], (function(e) {
+        prisma: (0, f.css)([ "top:1px;padding:1px;border-radius:3px;", "" ], (function(e) {
             var r = e.$interactive;
             return r && (0, f.css)([ "&:not([disabled]):not(:focus):hover{box-shadow:0 0 0 2px ", ",0 0 0 5px ", ";}" ], b.variables.backgroundColorPage, b.variables.interactiveColorOverlayHover);
-        }), (function(e) {
-            var r = e.$selected;
-            return !r && (0, f.css)([ "&:not([disabled]):not(:focus):hover{border-color:", ";}" ], b.variables.contentColorDefault);
         }))
     }), b.variables.focusShadow, (function(e) {
-        var r = e.$selected;
-        return r && (0, f.css)([ "&:not([disabled]){border-color:", ";background-color:", ";}" ], (0, 
-        b.pick)({
-            enterprise: {
-                light: b.variables.gray45,
-                dark: b.variables.gray80
-            },
-            prisma: b.variables.interactiveColorPrimary
-        }), (0, b.pick)({
-            enterprise: "#none",
-            prisma: (0, f.css)([ "", ";" ], b.variables.interactiveColorPrimary)
-        }));
-    }), (function(e) {
-        var r = e.$error;
-        return r && (0, b.pick)({
-            enterprise: (0, b.pick)({
-                light: (0, f.css)([ "&:not([disabled]){border-color:", ";color:", ";", "}" ], b.variables.errorColorL30, b.variables.errorColor, (function(e) {
-                    var r = e.$selected;
-                    return r && (0, f.css)([ "border-color:", ";" ], b.variables.errorColor);
-                })),
-                dark: (0, f.css)([ "border-color:", ";" ], b.variables.errorColor)
-            }),
-            prisma: (0, f.css)([ "&:not([disabled]){border-color:", ";", "}" ], b.variables.accentColorNegative, (function(e) {
-                var r = e.$selected;
-                return r && (0, f.css)([ "background-color:", ";" ], b.variables.accentColorNegative);
-            }))
+        var r = e.$error, a = e.$selected;
+        if (a && !r) {
+            return (0, b.pick)({
+                prisma: (0, f.css)([ "background-color:", ";border-color:", ";" ], b.variables.interactiveColorPrimary, b.variables.interactiveColorPrimary)
+            });
+        }
+        if (!a && r) {
+            return (0, f.css)([ "border-color:", ";" ], (0, b.pick)({
+                enterprise: {
+                    light: b.variables.errorColorL30,
+                    dark: b.variables.accentColorNegative
+                },
+                prisma: b.variables.accentColorNegative
+            }));
+        }
+        if (a && r) {
+            return (0, f.css)([ "border-color:", ";", "" ], b.variables.accentColorNegative, (0, 
+            b.pick)({
+                enterprise: (0, f.css)([ "color:", ";" ], b.variables.accentColorNegative),
+                prisma: (0, f.css)([ "background-color:", ";" ], b.variables.accentColorNegative)
+            }));
+        }
+        return (0, b.pick)({
+            prisma: (0, f.css)([ "&:hover{border-color:", ";}" ], b.variables.contentColorDefault)
         });
     }), (0, b.pick)({
         enterprise: {
@@ -207,15 +202,15 @@
             prisma: (0, f.css)([ "border-color:transparent;background-color:", ";" ], b.variables.interactiveColorBackgroundDisabled)
         });
     }));
-    var O = h()(k()).withConfig({
+    var O = g()(k()).withConfig({
         displayName: "SwitchStyles__StyledCheckboxClickable",
         componentId: "sc-844ieu-1"
     })([ "", "" ], S);
-    var $ = h().span.withConfig({
+    var _ = g().span.withConfig({
         displayName: "SwitchStyles__StyledCheckboxSpan",
         componentId: "sc-844ieu-2"
     })([ "", "" ], S);
-    var _ = h().div.withConfig({
+    var P = g().div.withConfig({
         displayName: "SwitchStyles__StyledSome",
         componentId: "sc-844ieu-3"
     })([ "display:block;margin:", ";", " background:currentColor;border-radius:1px;" ], (0, 
@@ -226,7 +221,7 @@
         enterprise: (0, f.css)([ "height:calc(", " - 10px);width:calc(", " - 10px);" ], x, x),
         prisma: (0, f.css)([ "height:2px;width:8px;" ])
     }));
-    var P = h().div.withConfig({
+    var $ = g().div.withConfig({
         displayName: "SwitchStyles__StyledIndicator",
         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, 
@@ -267,10 +262,10 @@
         var r = e.$selected;
         return r && (0, f.css)([ "", ";" ], (0, b.pick)({
             enterprise: (0, f.css)([ "left:calc(100% - ", " + 1px);" ], x),
-            prisma: (0, f.css)([ "left:calc(100% - ", " + 1px);" ], C)
+            prisma: (0, f.css)([ "left:calc(100% - ", " + 1px);" ], w)
         }));
     }));
-    var E = h().div.withConfig({
+    var j = g().div.withConfig({
         displayName: "SwitchStyles__StyledToggleOutline",
         componentId: "sc-844ieu-5"
     })([ "position:absolute;border:1px solid transparent;", ";", ";top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;", " ", "" ], (function(e) {
@@ -288,13 +283,13 @@
             prisma: b.variables.transparent
         }));
     }));
-    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]{cursor:not-allowed;border:1px solid ", ";background-color:", ";", " ", "}", ";", "" ], (0, 
+    var E = (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]{cursor:not-allowed;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),
             dark: (0, f.css)([ "width:calc(", " * 2);background-color:", ";height:", ";" ], x, b.variables.gray45, x)
         }),
-        prisma: (0, f.css)([ "width:32px;background-color:", ";height:", ";top:1px;" ], b.variables.contentColorMuted, C)
+        prisma: (0, f.css)([ "width:32px;background-color:", ";height:", ";top:1px;" ], b.variables.contentColorMuted, w)
     }), x, (function(e) {
         return e.$delay;
     }), (0, b.pick)({
@@ -309,20 +304,14 @@
         enterprise: (0, f.css)([ "box-shadow:", ",inset 0 2px 0 rgba(0,0,0,0.1);" ], b.variables.focusShadow),
         prisma: (0, f.css)([ "box-shadow:", ";" ], b.variables.focusShadow)
     }), (0, b.pick)({
-        enterprise: (0, f.css)([ "> ", "{border-color:", ";}" ], 
-        /* sc-sel */
-        E, b.mixins.colorWithAlpha(b.variables.focusColor, .8))
-    }), 
-    /* sc-sel */
-    P, (0, b.pick)({
+        enterprise: (0, f.css)([ "> ", "{border-color:", ";}" ], /* sc-sel */ j, b.mixins.colorWithAlpha(b.variables.focusColor, .8))
+    }), /* sc-sel */ $, (0, b.pick)({
         enterprise: (0, b.pick)({
             light: b.variables.gray96,
             dark: "#b1bcc7"
         }),
         prisma: b.variables.white
-    }), 
-    /* sc-sel */
-    E, (0, b.pick)({
+    }), /* sc-sel */ j, (0, b.pick)({
         prisma: b.variables.interactiveColorOverlayHover
     }), (0, b.pick)({
         enterprise: {
@@ -368,15 +357,15 @@
             prisma: (0, f.css)([ "background-color:", ";" ], b.variables.accentColorNegative)
         }));
     }));
-    var j = h()(k()).withConfig({
+    var L = g()(k()).withConfig({
         displayName: "SwitchStyles__StyledToggleClickable",
         componentId: "sc-844ieu-6"
-    })([ "", "" ], L);
-    var I = h().span.withConfig({
+    })([ "", "" ], E);
+    var I = g().span.withConfig({
         displayName: "SwitchStyles__StyledToggleSpan",
         componentId: "sc-844ieu-7"
-    })([ "", "" ], L);
-    var D = h().label.withConfig({
+    })([ "", "" ], E);
+    var N = g().label.withConfig({
         displayName: "SwitchStyles__StyledLabel",
         componentId: "sc-844ieu-8"
     })([ "", " flex:1 1 auto;padding-left:", ";color:inherit;", ";" ], b.mixins.reset("inline-block"), (0, 
@@ -388,155 +377,136 @@
         return !r && (0, f.css)([ "cursor:pointer;" ]);
     }));
     // CONCATENATED MODULE: ./src/Switch/Switch.tsx
-    function q(e) {
+    function T(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            q = function e(r) {
-                return typeof r;
-            };
-        } else {
-            q = function e(r) {
-                return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-            };
-        }
-        return q(e);
+        return T = "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;
+        }, T(e);
     }
-    function T() {
-        T = Object.assign || function(e) {
+    function q() {
+        return q = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
-                var t = arguments[r];
-                for (var a in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, a)) {
-                        e[a] = t[a];
-                    }
+                var a = arguments[r];
+                for (var t in a) {
+                    ({}).hasOwnProperty.call(a, t) && (e[t] = a[t]);
                 }
             }
             return e;
-        };
-        return T.apply(this, arguments);
+        }, q.apply(null, arguments);
     }
-    function N(e, r) {
-        if (e == null) return {};
-        var t = R(e, r);
-        var a, i;
+    function D(e, r) {
+        if (null == e) return {};
+        var a, t, i = B(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < o.length; i++) {
-                a = o[i];
-                if (r.indexOf(a) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, a)) continue;
-                t[a] = e[a];
+            for (t = 0; t < o.length; t++) {
+                a = o[t], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (i[a] = e[a]);
             }
         }
-        return t;
-    }
-    function R(e, r) {
-        if (e == null) return {};
-        var t = {};
-        var a = Object.keys(e);
-        var i, o;
-        for (o = 0; o < a.length; o++) {
-            i = a[o];
-            if (r.indexOf(i) >= 0) continue;
-            t[i] = e[i];
-        }
-        return t;
+        return i;
     }
     function B(e, r) {
-        if (!(e instanceof r)) {
-            throw new TypeError("Cannot call a class as a function");
+        if (null == e) return {};
+        var a = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (r.includes(t)) continue;
+                a[t] = e[t];
+            }
         }
+        return a;
+    }
+    function R(e, r) {
+        if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
     }
     function M(e, r) {
-        for (var t = 0; t < r.length; t++) {
-            var a = r[t];
-            a.enumerable = a.enumerable || false;
-            a.configurable = true;
-            if ("value" in a) a.writable = true;
-            Object.defineProperty(e, a.key, a);
+        for (var a = 0; a < r.length; a++) {
+            var t = r[a];
+            t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), 
+            Object.defineProperty(e, G(t.key), t);
         }
     }
-    function A(e, r, t) {
-        if (r) M(e.prototype, r);
-        if (t) M(e, t);
-        return e;
+    function A(e, r, a) {
+        return r && M(e.prototype, r), a && M(e, a), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
     function W(e, r) {
-        if (typeof r !== "function" && r !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+        if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(r && r.prototype, {
             constructor: {
                 value: e,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (r) z(e, r);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), r && z(e, r);
     }
     function z(e, r) {
-        z = Object.setPrototypeOf || function e(r, t) {
-            r.__proto__ = t;
-            return r;
-        };
-        return z(e, r);
+        return z = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
+            return e.__proto__ = r, e;
+        }, z(e, r);
     }
     function F(e) {
         var r = V();
-        return function t() {
-            var a = X(e), i;
+        return function() {
+            var a, t = X(e);
             if (r) {
-                var o = X(this).constructor;
-                i = Reflect.construct(a, arguments, o);
-            } else {
-                i = a.apply(this, arguments);
-            }
-            return H(this, i);
+                var i = X(this).constructor;
+                a = Reflect.construct(t, arguments, i);
+            } else a = t.apply(this, arguments);
+            return H(this, a);
         };
     }
     function H(e, r) {
-        if (r && (q(r) === "object" || typeof r === "function")) {
-            return r;
-        }
+        if (r && ("object" == T(r) || "function" == typeof r)) return r;
+        if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
         return U(e);
     }
     function U(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 V() {
-        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 (V = function r() {
+            return !!e;
+        })();
     }
     function X(e) {
-        X = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
-            return r.__proto__ || Object.getPrototypeOf(r);
-        };
-        return X(e);
+        return X = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, X(e);
     }
-    function Z(e, r, t) {
-        if (r in e) {
-            Object.defineProperty(e, r, {
-                value: t,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[r] = t;
+    function Z(e, r, a) {
+        return (r = G(r)) in e ? Object.defineProperty(e, r, {
+            value: a,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[r] = a, e;
+    }
+    function G(e) {
+        var r = J(e, "string");
+        return "symbol" == T(r) ? r : r + "";
+    }
+    function J(e, r) {
+        if ("object" != T(e) || !e) return e;
+        var a = e[Symbol.toPrimitive];
+        if (void 0 !== a) {
+            var t = a.call(e, r || "default");
+            if ("object" != T(t)) return t;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === r ? String : Number)(e);
     }
-    var G = {
+    /** @public */
+    /** @public */    var K = {
         appearance: o().oneOf([ "checkbox", "toggle" ]),
         children: o().node,
         disabled: o().bool,
@@ -556,7 +526,9 @@
         unselectedLabel: o().string,
         value: o().any
     };
-    var J = {
+    /* Disabling rule caused by the `ref?: React.Ref<Switch>` added for styled-components 
+  Will be irrelevant when refactored to functional in react-ui@5 */
+    /* eslint-disable react/default-props-match-prop-types */    var Q = {
         appearance: "checkbox",
         disabled: false,
         error: false,
@@ -564,55 +536,57 @@
         interactive: true,
         selected: false
     };
+    /* eslint-enable react/default-props-match-prop-types */
     // unclear why the manual ref is needed here (only for styled-components)
-        var K = {
+        var Y = {
         checkbox: O,
-        toggle: j
+        toggle: L
     };
-    var Q = {
-        checkbox: $,
+    var ee = {
+        checkbox: _,
         toggle: I
     };
     /**
  * `Switch` is a basic form control with an on/off state.
- */    var Y =  function(e) {
-        W(t, e);
-        var r = F(t);
-        A(t, null, [ {
+ */    var re =  function(e) {
+        W(a, e);
+        var r = F(a);
+        A(a, null, [ {
             key: "validateProps",
             // @docs-props-type SwitchPropsBase
             value: function e(r) {
-                var t = r.selected, a = r.appearance;
+                var a = r.selected, t = r.appearance;
                 if (false) {}
             }
         } ]);
-        function t(e) {
-            var a;
-            B(this, t);
-            a = r.call(this, 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, {
+        function a(e) {
+            var t;
+            R(this, a);
+            t = r.call(this, e);
+            Z(U(t), "clickableId", void 0);
+            Z(U(t), "labelId", void 0);
+            Z(U(t), "toggle", null);
+            Z(U(t), "componentDidUpdate", a.validateProps);
+            Z(U(t), "handleContainerClick", (function(e) {
+                var r, a;
+                var i = t.props, o = i.value, n = i.selected;
+                (r = (a = t.props).onClick) === null || r === void 0 ? void 0 : r.call(a, e, {
                     value: o,
                     // @ts-expect-error - safe due to individual prop interfaces
                     selected: n
                 });
             }));
-            a.labelId = (0, d.createDOMID)("label");
-            a.clickableId = (0, d.createDOMID)("clickable");
-            t.validateProps(e);
-            return a;
+            t.labelId = (0, d.createDOMID)("label");
+            t.clickableId = (0, d.createDOMID)("clickable");
+            a.validateProps(e);
+            return t;
         }
-        A(t, [ {
+        A(a, [ {
             key: "focus",
             /**
      * Place focus on the toggle.
      */
+            // eslint-disable-next-line react/no-unused-class-component-methods
             value: function e() {
                 var r;
                 (r = this.toggle) === null || r === void 0 ? void 0 : r.focus();
@@ -621,20 +595,20 @@
             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 = N(t, [ "appearance", "children", "disabled", "elementRef", "error", "id", "inline", "interactive", "labelledBy", "onClick", "required", "selected", "selectedLabel", "someSelectedLabel", "unselectedLabel", "value" ]);
+                var a = this.props, i = a.appearance, o = a.children, n = a.disabled, s = a.elementRef, d = a.error, p = a.id, u = a.inline, b = a.interactive, f = a.labelledBy, g = a.onClick, h = a.required, m = a.selected, y = a.selectedLabel, k = a.someSelectedLabel, x = a.unselectedLabel, w = a.value, S = D(a, [ "appearance", "children", "disabled", "elementRef", "error", "id", "inline", "interactive", "labelledBy", "onClick", "required", "selected", "selectedLabel", "someSelectedLabel", "unselectedLabel", "value" ]);
                 var O = f;
  // consumer defined external label
-                                var $ = p;
+                                var _ = p;
  // consumer defined id
                 // if has internal label defined with children....
                                 if (o) {
                     O = this.labelId;
  // must use generated labelId
-                                        $ = p || this.clickableId;
+                                        _ = p || this.clickableId;
  // must have an id
                                 }
-                var L = m === "some" ? "mixed" : m;
-                var j = {
+                var E = m === "some" ? "mixed" : m;
+                var L = {
                     true: y,
                     false: x,
                     some: k
@@ -645,77 +619,78 @@
                     $error: d,
                     $selected: m === "some" || m,
                     "aria-labelledby": b ? O : undefined,
-                    "aria-checked": b ? L : undefined,
+                    "aria-checked": b ? E : undefined,
                     "aria-invalid": d ? true : undefined,
-                    "aria-required": g,
-                    id: $,
-                    ref: function e(t) {
-                        r.toggle = t;
+                    "aria-required": h,
+                    id: _,
+                    ref: function e(a) {
+                        r.toggle = a;
                     },
                     onClick: n || !b ? undefined : this.handleContainerClick,
                     "data-test": "button",
                     "data-selected": m
                 };
-                var q = K[i];
-                var R = Q[i];
-                var B = function e(r) {
+                var T = Y[i];
+                var B = ee[i];
+                // eslint-disable-next-line react/no-unstable-nested-components
+                                var R = function e(r) {
                     return function() {
-                        var e =  a().createElement(a().Fragment, null,  a().createElement(P, {
+                        var e =  t().createElement(t().Fragment, null,  t().createElement($, {
                             $delay: r,
                             $disabled: n,
                             $error: !n && d,
                             $selected: m
-                        }),  a().createElement(E, {
+                        }),  t().createElement(j, {
                             $delay: r,
                             $error: !n && d
                         }));
-                        return b ?  a().createElement(q, T({
+                        return b ?  t().createElement(T, q({
                             role: "switch"
                         }, I, {
                             $delay: r
-                        }), e) :  a().createElement(R, T({}, I, {
+                        }), e) :  t().createElement(B, q({}, 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(q, T({
+                    var r =  t().createElement(t().Fragment, null, m === true && i === "checkbox" &&  t().createElement(v, null), m === "some" && i === "checkbox" &&  t().createElement(P, null));
+                    return b ?  t().createElement(T, q({
                         "data-clickable": true,
                         role: i
-                    }, I), r) :  a().createElement(R, I, r);
+                    }, I), r) :  t().createElement(B, I, r);
                 };
                 var A = n && "disabled" || d && "error" || null;
                 var W = !!y || !!k || !!x;
                 
-                return a().createElement(w, T({
+                return t().createElement(C, q({
                     flex: true,
                     inline: u,
                     "data-test": "switch",
                     "data-test-selected": m,
-                    "data-test-value": C,
+                    "data-test-value": w,
                     "data-test-error": d ? true : undefined,
                     "data-error": d ? true : undefined,
                     "data-disabled": n ? true : undefined,
                     elementRef: s,
                     $switchState: A
-                }, S), i === "toggle" &&  a().createElement(l(), {
-                    on: B("200ms"),
-                    off: B()
-                }), i !== "toggle" && M(), b && W &&  a().createElement(c(), null, j["".concat(m)]), o &&  a().createElement(D, {
+                }, S), i === "toggle" &&  t().createElement(l(), {
+                    on: R("200ms"),
+                    off: R()
+                }), i !== "toggle" && M(), b && W &&  t().createElement(c(), null, L["".concat(m)]), o &&  t().createElement(N, {
                     $disabled: n,
                     "data-test": "label",
                     id: O,
-                    htmlFor: $,
+                    htmlFor: _,
                     "data-disabled": n || null
                 }, o));
             }
         } ]);
-        return t;
-    }(t.Component);
-    Z(Y, "propTypes", G);
-    Z(Y, "defaultProps", J);
-    /* harmony default export */    const ee = Y;
+        return a;
+    }(a.Component);
+    Z(re, "propTypes", K);
+    Z(re, "defaultProps", Q);
+    /* harmony default export */    const ae = re;
     // CONCATENATED MODULE: ./src/Switch/index.ts
     module.exports = r;
     /******/})();