@splunk/react-ui 4.38.0 → 4.40.0

package/RadioList.js

@@ -135,40 +135,27 @@
     var y = b().input.withConfig({
         displayName: "OptionStyles__StyledRadioInput",
         componentId: "imaqjt-2"
-    })([ "opacity:0;position:absolute;top:10px;left:0;&:focus{& + ", "::before{box-shadow:", ";}}&:checked + ", "::after{opacity:1;}&:checked + ", "::before{", "}&:disabled,&:disabled + ", "{color:", ";cursor:not-allowed;}&:disabled + ", "::before{", ";}&:disabled:not(:checked) + ", "::before{", ";}&:disabled + ", "::after{background-color:", ";}", " ", "" ], 
-    /* sc-sel */
-    f, p.variables.focusShadow, 
-    /* sc-sel */
-    f, 
-    /* sc-sel */
-    f, (0, p.pick)({
+    })([ "opacity:0;position:absolute;top:10px;left:0;&:focus{& + ", "::before{box-shadow:", ";}}&:checked + ", "::after{opacity:1;}&:checked + ", "::before{", "}&:disabled,&:disabled + ", "{color:", ";cursor:not-allowed;}&:disabled + ", "::before{", ";}&:disabled:not(:checked) + ", "::before{", ";}&:disabled + ", "::after{background-color:", ";}", " ", "" ], /* sc-sel */ f, p.variables.focusShadow, /* sc-sel */ f, /* sc-sel */ f, (0, 
+    p.pick)({
         prisma: (0, u.css)([ "border-color:transparent;background-color:", ";" ], p.variables.interactiveColorPrimary),
         enterprise: {
             dark: (0, u.css)([ "border-color:", ";" ], p.variables.gray80),
             light: (0, u.css)([ "border-color:", ";" ], p.variables.gray45)
         }
-    }), 
-    /* sc-sel */
-    f, (0, p.pick)({
+    }), /* sc-sel */ f, (0, p.pick)({
         prisma: p.variables.contentColorDisabled,
         enterprise: {
             dark: p.variables.gray45,
             light: p.variables.gray80
         }
-    }), 
-    /* sc-sel */
-    f, (0, p.pick)({
+    }), /* sc-sel */ f, (0, p.pick)({
         enterprise: {
             dark: (0, u.css)([ "border-color:", ";" ], p.variables.gray45),
             light: (0, u.css)([ "border-color:", ";" ], p.variables.gray80)
         }
-    }), 
-    /* sc-sel */
-    f, (0, p.pick)({
+    }), /* sc-sel */ f, (0, p.pick)({
         prisma: (0, u.css)([ "border-color:", ";" ], p.variables.contentColorDisabled)
-    }), 
-    /* sc-sel */
-    f, (0, p.pick)({
+    }), /* sc-sel */ f, (0, p.pick)({
         prisma: p.variables.contentColorDisabled,
         enterprise: {
             dark: p.variables.gray45,
@@ -176,9 +163,8 @@
         }
     }), (function(e) {
         var r = e.$error;
-        return r && (0, u.css)([ "&:not(:disabled) + ", "{color:", ";&::before{border-color:", ";}}&:checked:not(:disabled) + ", "{&::before{border-color:", ";}", "}", "" ], 
-        /* sc-sel */
-        f, (0, p.pick)({
+        return r && (0, u.css)([ "&:not(:disabled) + ", "{color:", ";&::before{border-color:", ";}}&:checked:not(:disabled) + ", "{&::before{border-color:", ";}", "}", "" ], /* sc-sel */ f, (0, 
+        p.pick)({
             prisma: p.variables.accentColorNegative,
             enterprise: p.variables.errorColor
         }), (0, p.pick)({
@@ -187,70 +173,48 @@
                 dark: p.variables.errorColor,
                 light: p.variables.errorColorL30
             }
-        }), 
-        /* sc-sel */
-        f, (0, p.pick)({
+        }), /* sc-sel */ f, (0, p.pick)({
             prisma: p.variables.accentColorNegative,
             enterprise: p.variables.errorColor
         }), (0, p.pick)({
             enterprise: (0, u.css)([ "&::after{background-color:", ";}" ], p.variables.errorColor)
         }), (0, p.pick)({
-            prisma: (0, u.css)([ "&:not(:disabled):checked + ", "{&::before{background-color:", ";}}" ], 
-            /* sc-sel */
-            f, p.variables.accentColorNegative)
+            prisma: (0, u.css)([ "&:not(:disabled):checked + ", "{&::before{background-color:", ";}}" ], /* sc-sel */ f, p.variables.accentColorNegative)
         }));
     }), (0, p.pick)({
-        prisma: (0, u.css)([ "&:active + ", "::before{background-color:", ";}&:active + ", "::after{background-color:", ";}&:checked:active + ", "::before{border-color:transparent;background-color:", ";}&:disabled + ", ":hover::before{box-shadow:none;}&:checked:disabled + ", "{&::before{background-color:", ";}&::after{background-color:rgba(255,255,255,0.3);}}" ], 
-        /* sc-sel */
-        f, p.mixins.overlayColors(p.variables.backgroundColorPage, p.variables.interactiveColorOverlayActive), 
-        /* sc-sel */
-        f, p.mixins.overlayColors(p.variables.white, p.variables.interactiveColorOverlayActive), 
-        /* sc-sel */
-        f, p.mixins.overlayColors(p.variables.interactiveColorPrimary, p.variables.interactiveColorOverlayActive), 
-        /* sc-sel */
-        f, 
-        /* sc-sel */
-        f, p.variables.interactiveColorBackgroundDisabled)
+        prisma: (0, u.css)([ "&:active + ", "::before{background-color:", ";}&:active + ", "::after{background-color:", ";}&:checked:active + ", "::before{border-color:transparent;background-color:", ";}&:disabled + ", ":hover::before{box-shadow:none;}&:checked:disabled + ", "{&::before{background-color:", ";}&::after{background-color:rgba(255,255,255,0.3);}}" ], /* sc-sel */ f, p.mixins.overlayColors(p.variables.backgroundColorPage, p.variables.interactiveColorOverlayActive), /* sc-sel */ f, p.mixins.overlayColors(p.variables.white, p.variables.interactiveColorOverlayActive), /* sc-sel */ f, p.mixins.overlayColors(p.variables.interactiveColorPrimary, p.variables.interactiveColorOverlayActive), /* sc-sel */ f, /* sc-sel */ f, p.variables.interactiveColorBackgroundDisabled)
     }));
     // CONCATENATED MODULE: ./src/RadioList/Option.tsx
     function g() {
-        g = Object.assign || function(e) {
+        return g = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
                 for (var o in a) {
-                    if (Object.prototype.hasOwnProperty.call(a, o)) {
-                        e[o] = a[o];
-                    }
+                    ({}).hasOwnProperty.call(a, o) && (e[o] = a[o]);
                 }
             }
             return e;
-        };
-        return g.apply(this, arguments);
+        }, g.apply(null, arguments);
     }
     function m(e, r) {
-        if (e == null) return {};
-        var a = h(e, r);
-        var o, i;
+        if (null == e) return {};
+        var a, o, i = h(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < t.length; i++) {
-                o = t[i];
-                if (r.indexOf(o) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, o)) continue;
-                a[o] = e[o];
+            for (o = 0; o < t.length; o++) {
+                a = t[o], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (i[a] = e[a]);
             }
         }
-        return a;
+        return i;
     }
     function h(e, r) {
-        if (e == null) return {};
+        if (null == e) return {};
         var a = {};
-        var o = Object.keys(e);
-        var i, t;
-        for (t = 0; t < o.length; t++) {
-            i = o[t];
-            if (r.indexOf(i) >= 0) continue;
-            a[i] = e[i];
+        for (var o in e) {
+            if ({}.hasOwnProperty.call(e, o)) {
+                if (r.includes(o)) continue;
+                a[o] = e[o];
+            }
         }
         return a;
     }
@@ -329,18 +293,15 @@
     }));
     // CONCATENATED MODULE: ./src/RadioList/RadioList.tsx
     function j() {
-        j = Object.assign || function(e) {
+        return j = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
                 for (var o in a) {
-                    if (Object.prototype.hasOwnProperty.call(a, o)) {
-                        e[o] = a[o];
-                    }
+                    ({}).hasOwnProperty.call(a, o) && (e[o] = a[o]);
                 }
             }
             return e;
-        };
-        return j.apply(this, arguments);
+        }, j.apply(null, arguments);
     }
     function q(e, r) {
         return E(e) || A(e, r) || I(e, r) || P();
@@ -349,74 +310,67 @@
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
     function I(e, r) {
-        if (!e) return;
-        if (typeof e === "string") return _(e, r);
-        var a = Object.prototype.toString.call(e).slice(8, -1);
-        if (a === "Object" && e.constructor) a = e.constructor.name;
-        if (a === "Map" || a === "Set") return Array.from(e);
-        if (a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)) return _(e, r);
+        if (e) {
+            if ("string" == typeof e) return _(e, r);
+            var a = {}.toString.call(e).slice(8, -1);
+            return "Object" === a && e.constructor && (a = e.constructor.name), "Map" === a || "Set" === a ? Array.from(e) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? _(e, r) : void 0;
+        }
     }
     function _(e, r) {
-        if (r == null || r > e.length) r = e.length;
-        for (var a = 0, o = new Array(r); a < r; a++) {
+        (null == r || r > e.length) && (r = e.length);
+        for (var a = 0, o = Array(r); a < r; a++) {
             o[a] = e[a];
         }
         return o;
     }
     function A(e, r) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
-        var a = [];
-        var o = true;
-        var i = false;
-        var t = undefined;
-        try {
-            for (var n = e[Symbol.iterator](), l; !(o = (l = n.next()).done); o = true) {
-                a.push(l.value);
-                if (r && a.length === r) break;
-            }
-        } catch (e) {
-            i = true;
-            t = e;
-        } finally {
+        var a = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != a) {
+            var o, i, t, n, l = [], s = !0, c = !1;
             try {
-                if (!o && n["return"] != null) n["return"]();
+                if (t = (a = a.call(e)).next, 0 === r) {
+                    if (Object(a) !== a) return;
+                    s = !1;
+                } else for (;!(s = (o = t.call(a)).done) && (l.push(o.value), l.length !== r); s = !0) {
+                }
+            } catch (e) {
+                c = !0, i = e;
             } finally {
-                if (i) throw t;
+                try {
+                    if (!s && null != a["return"] && (n = a["return"](), Object(n) !== n)) return;
+                } finally {
+                    if (c) throw i;
+                }
             }
+            return l;
         }
-        return a;
     }
     function E(e) {
         if (Array.isArray(e)) return e;
     }
     function B(e, r) {
-        if (e == null) return {};
-        var a = D(e, r);
-        var o, i;
+        if (null == e) return {};
+        var a, o, i = D(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < t.length; i++) {
-                o = t[i];
-                if (r.indexOf(o) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, o)) continue;
-                a[o] = e[o];
+            for (o = 0; o < t.length; o++) {
+                a = t[o], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (i[a] = e[a]);
             }
         }
-        return a;
+        return i;
     }
     function D(e, r) {
-        if (e == null) return {};
+        if (null == e) return {};
         var a = {};
-        var o = Object.keys(e);
-        var i, t;
-        for (t = 0; t < o.length; t++) {
-            i = o[t];
-            if (r.indexOf(i) >= 0) continue;
-            a[i] = e[i];
+        for (var o in e) {
+            if ({}.hasOwnProperty.call(e, o)) {
+                if (r.includes(o)) continue;
+                a[o] = e[o];
+            }
         }
         return a;
     }
-    var N = {
+    /** @public */    var N = {
         children: t().node,
         defaultValue: t().any,
         describedBy: t().string,
@@ -447,10 +401,10 @@
             }
             g === null || g === void 0 ? void 0 : g(r, a);
         };
- // Check correct props are passed
+        // Check correct props are passed
                 if (false) {}
         if (false) {}
- // Check if changing from controlled to un-controlled
+        // Check if changing from controlled to un-controlled
                 (0, a.useEffect)((function() {
             if (false) {}
         }), [ h, C ]);
@@ -458,18 +412,21 @@
         (0, a.useEffect)((function() {
             if (false) {}
         }), [ R, i, C ]);
-        var M = k["aria-labelledby"];
-        var T = k["aria-describedby"];
-        
-        return o().createElement(d.Provider, {
-            value: {
+        var M = (0, a.useMemo)((function() {
+            return {
                 disabled: b,
                 error: v,
                 onChange: D,
                 name: E,
                 required: m,
                 value: _
-            }
+            };
+        }), [ b, v, D, E, m, _ ]);
+        var T = k["aria-labelledby"];
+        var L = k["aria-describedby"];
+        
+        return o().createElement(d.Provider, {
+            value: M
         },  o().createElement(S, j({
             flex: true,
             direction: c,
@@ -477,8 +434,9 @@
             "data-test": "radio-list",
             "data-test-value": _
         }, l()(k, [ "aria-labelledby", "aria-describedby" ]), {
-            "aria-labelledby": M ? "".concat(M, " ").concat(f) : f,
-            "aria-describedby": T ? "".concat(T, " ").concat(t) : t
+            "aria-labelledby": T ? "".concat(T, " ").concat(f) : f,
+            "aria-describedby": L ? "".concat(L, " ").concat(t) : t,
+            "aria-invalid": v
         }), r));
     }
     R.propTypes = N;