@splunk/react-ui 4.36.0 → 4.38.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]
                     });
                     /******/                }
                 /******/            }
@@ -64,8 +64,8 @@
         default: () => /* reexport */ ee
     });
     // 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,7 +106,7 @@
                 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"
         }));
@@ -288,7 +288,7 @@
             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]{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]{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),
@@ -376,7 +376,7 @@
         displayName: "SwitchStyles__StyledToggleSpan",
         componentId: "sc-844ieu-7"
     })([ "", "" ], L);
-    var D = h().label.withConfig({
+    var N = h().label.withConfig({
         displayName: "SwitchStyles__StyledLabel",
         componentId: "sc-844ieu-8"
     })([ "", " flex:1 1 auto;padding-left:", ";color:inherit;", ";" ], b.mixins.reset("inline-block"), (0, 
@@ -388,59 +388,59 @@
         return !r && (0, f.css)([ "cursor:pointer;" ]);
     }));
     // CONCATENATED MODULE: ./src/Switch/Switch.tsx
-    function q(e) {
+    function D(e) {
         "@babel/helpers - typeof";
         if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            q = function e(r) {
+            D = function e(r) {
                 return typeof r;
             };
         } else {
-            q = function e(r) {
+            D = function e(r) {
                 return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
             };
         }
-        return q(e);
+        return D(e);
     }
-    function T() {
-        T = Object.assign || function(e) {
+    function q() {
+        q = Object.assign || 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) {
+                    if (Object.prototype.hasOwnProperty.call(a, t)) {
+                        e[t] = a[t];
                     }
                 }
             }
             return e;
         };
-        return T.apply(this, arguments);
+        return q.apply(this, arguments);
     }
-    function N(e, r) {
+    function T(e, r) {
         if (e == null) return {};
-        var t = R(e, r);
-        var a, i;
+        var a = R(e, r);
+        var t, i;
         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];
+                t = o[i];
+                if (r.indexOf(t) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
+                a[t] = e[t];
             }
         }
-        return t;
+        return a;
     }
     function R(e, r) {
         if (e == null) return {};
-        var t = {};
-        var a = Object.keys(e);
+        var a = {};
+        var t = Object.keys(e);
         var i, o;
-        for (o = 0; o < a.length; o++) {
-            i = a[o];
+        for (o = 0; o < t.length; o++) {
+            i = t[o];
             if (r.indexOf(i) >= 0) continue;
-            t[i] = e[i];
+            a[i] = e[i];
         }
-        return t;
+        return a;
     }
     function B(e, r) {
         if (!(e instanceof r)) {
@@ -448,17 +448,17 @@
         }
     }
     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 || false;
+            t.configurable = true;
+            if ("value" in t) t.writable = true;
+            Object.defineProperty(e, t.key, t);
         }
     }
-    function A(e, r, t) {
+    function A(e, r, a) {
         if (r) M(e.prototype, r);
-        if (t) M(e, t);
+        if (a) M(e, a);
         return e;
     }
     function W(e, r) {
@@ -475,27 +475,27 @@
         if (r) z(e, r);
     }
     function z(e, r) {
-        z = Object.setPrototypeOf || function e(r, t) {
-            r.__proto__ = t;
+        z = Object.setPrototypeOf || function e(r, a) {
+            r.__proto__ = a;
             return r;
         };
         return z(e, r);
     }
     function F(e) {
         var r = V();
-        return function t() {
-            var a = X(e), i;
+        return function a() {
+            var t = X(e), i;
             if (r) {
                 var o = X(this).constructor;
-                i = Reflect.construct(a, arguments, o);
+                i = Reflect.construct(t, arguments, o);
             } else {
-                i = a.apply(this, arguments);
+                i = t.apply(this, arguments);
             }
             return H(this, i);
         };
     }
     function H(e, r) {
-        if (r && (q(r) === "object" || typeof r === "function")) {
+        if (r && (D(r) === "object" || typeof r === "function")) {
             return r;
         }
         return U(e);
@@ -523,16 +523,16 @@
         };
         return X(e);
     }
-    function Z(e, r, t) {
+    function Z(e, r, a) {
         if (r in e) {
             Object.defineProperty(e, r, {
-                value: t,
+                value: a,
                 enumerable: true,
                 configurable: true,
                 writable: true
             });
         } else {
-            e[r] = t;
+            e[r] = a;
         }
         return e;
     }
@@ -545,6 +545,8 @@
         id: o().string,
         inline: o().bool,
         /** @private */
+        inputClassName: o().string,
+        /** @private */
         interactive: o().bool,
         labelledBy: o().string,
         onClick: o().func,
@@ -576,39 +578,39 @@
     /**
  * `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, [ {
+        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;
+            B(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.
@@ -621,74 +623,76 @@
             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 O = f;
+                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, h = a.onClick, g = a.required, m = a.selected, y = a.selectedLabel, k = a.someSelectedLabel, x = a.unselectedLabel, C = a.value, S = a.inputClassName, O = T(a, [ "appearance", "children", "disabled", "elementRef", "error", "id", "inline", "interactive", "labelledBy", "onClick", "required", "selected", "selectedLabel", "someSelectedLabel", "unselectedLabel", "value", "inputClassName" ]);
+                var $ = f;
  // consumer defined external label
-                                var $ = p;
+                                var L = p;
  // consumer defined id
                 // if has internal label defined with children....
                                 if (o) {
-                    O = this.labelId;
+                    $ = this.labelId;
  // must use generated labelId
-                                        $ = p || this.clickableId;
+                                        L = p || this.clickableId;
  // must have an id
                                 }
-                var L = m === "some" ? "mixed" : m;
-                var j = {
+                var j = m === "some" ? "mixed" : m;
+                var I = {
                     true: y,
                     false: x,
                     some: k
                 };
-                var I = {
+                var D = {
                     disabled: n,
                     $interactive: b,
                     $error: d,
                     $selected: m === "some" || m,
-                    "aria-labelledby": b ? O : undefined,
-                    "aria-checked": b ? L : undefined,
+                    "aria-labelledby": b ? $ : undefined,
+                    "aria-checked": b ? j : undefined,
                     "aria-invalid": d ? true : undefined,
                     "aria-required": g,
-                    id: $,
-                    ref: function e(t) {
-                        r.toggle = t;
+                    id: L,
+                    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 R = K[i];
+                var B = Q[i];
+                var M = function e(r) {
                     return function() {
-                        var e =  a().createElement(a().Fragment, null,  a().createElement(P, {
+                        var e =  t().createElement(t().Fragment, null,  t().createElement(P, {
                             $delay: r,
                             $disabled: n,
                             $error: !n && d,
                             $selected: m
-                        }),  a().createElement(E, {
+                        }),  t().createElement(E, {
                             $delay: r,
                             $error: !n && d
                         }));
-                        return b ?  a().createElement(q, T({
-                            role: "switch"
-                        }, I, {
+                        return b ?  t().createElement(R, q({
+                            role: "switch",
+                            className: S
+                        }, D, {
                             $delay: r
-                        }), e) :  a().createElement(R, T({}, I, {
+                        }), e) :  t().createElement(B, q({}, D, {
                             $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 A = function e() {
+                    var r =  t().createElement(t().Fragment, null, m === true && i === "checkbox" &&  t().createElement(v, null), m === "some" && i === "checkbox" &&  t().createElement(_, null));
+                    return b ?  t().createElement(R, q({
                         "data-clickable": true,
-                        role: i
-                    }, I), r) :  a().createElement(R, I, r);
+                        role: i,
+                        className: S
+                    }, D), r) :  t().createElement(B, D, r);
                 };
-                var A = n && "disabled" || d && "error" || null;
-                var W = !!y || !!k || !!x;
+                var W = n && "disabled" || d && "error" || null;
+                var z = !!y || !!k || !!x;
                 
-                return a().createElement(w, T({
+                return t().createElement(w, q({
                     flex: true,
                     inline: u,
                     "data-test": "switch",
@@ -698,21 +702,21 @@
                     "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, {
+                    $switchState: W
+                }, O), i === "toggle" &&  t().createElement(l(), {
+                    on: M("200ms"),
+                    off: M()
+                }), i !== "toggle" && A(), b && z &&  t().createElement(c(), null, I["".concat(m)]), o &&  t().createElement(N, {
                     $disabled: n,
                     "data-test": "label",
-                    id: O,
-                    htmlFor: $,
+                    id: $,
+                    htmlFor: L,
                     "data-disabled": n || null
                 }, o));
             }
         } ]);
-        return t;
-    }(t.Component);
+        return a;
+    }(a.Component);
     Z(Y, "propTypes", G);
     Z(Y, "defaultProps", J);
     /* harmony default export */    const ee = Y;