@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.5

package/RadioList.js

@@ -24,11 +24,11 @@
     /******/    (() => {
         /******/ // define getter functions for harmony exports
         /******/ e.d = (r, a) => {
-            /******/ for (var o in a) {
-                /******/ if (e.o(a, o) && !e.o(r, o)) {
-                    /******/ Object.defineProperty(r, o, {
+            /******/ for (var n in a) {
+                /******/ if (e.o(a, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
                         enumerable: true,
-                        get: a[o]
+                        get: a[n]
                     });
                     /******/                }
                 /******/            }
@@ -66,51 +66,51 @@
     });
     // CONCATENATED MODULE: external "react"
     const a = require("react");
-    var o =  e.n(a);
+    var n =  e.n(a);
     // CONCATENATED MODULE: external "prop-types"
-    const n = require("prop-types");
-    var t =  e.n(n);
+    const o = require("prop-types");
+    var t =  e.n(o);
     // CONCATENATED MODULE: external "lodash/omit"
     const i = require("lodash/omit");
     var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const c = require("@splunk/ui-utils/id");
+    const d = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
-    var d =  (0, a.createContext)({});
-    d.displayName = "RadioList";
-    /* harmony default export */    const s = d;
+    var c =  (0, a.createContext)({});
+    c.displayName = "RadioList";
+    /* harmony default export */    const s = c;
     // CONCATENATED MODULE: external "styled-components"
     const u = require("styled-components");
     var v =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const f = require("@splunk/themes");
+    const b = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/RadioList/OptionStyles.ts
-    var b = v().div.withConfig({
+    var f = v().div.withConfig({
         displayName: "OptionStyles__StyledWrapper",
         componentId: "imaqjt-0"
-    })([ "display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:", ";" ], f.variables.spacingSmall);
+    })([ "display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:", ";" ], b.variables.spacingSmall);
     var p = v().label.withConfig({
         displayName: "OptionStyles__StyledLabel",
         componentId: "imaqjt-1"
     })([ "grid-column:label;color:", ";cursor:pointer;" ], (function(e) {
         var r = e.$disabled;
-        return r ? f.variables.contentColorDisabled : f.variables.contentColorActive;
+        return r ? b.variables.contentColorDisabled : b.variables.contentColorActive;
     }));
     var y = "20px";
     var m = v().input.withConfig({
         displayName: "OptionStyles__StyledRadioInput",
         componentId: "imaqjt-2"
-    })([ "", ";grid-column:input;appearance:none;align-items:center;justify-items:center;height:", ";width:", ";border-radius:50%;border:2px solid ", ";background-color:", ";&::after{display:block;content:'';border-radius:50%;height:0;width:0;opacity:0;border:5px solid transparent;}&:checked::after{opacity:1;}&:hover{border-color:", ";background-color:", ";}&:checked{&,&::after{border-color:", ";}&:hover{border-color:", ";}}&:disabled{cursor:not-allowed;&,&:hover,&:checked,&:checked:hover,&:checked::after{border-color:", ";}&,&:hover{background-color:transparent;}}&:focus{box-shadow:", ";}", "" ], f.mixins.reset("grid"), y, y, f.variables.interactiveColorBorder, f.variables.interactiveColorBackground, f.variables.interactiveColorBorderHover, f.mixins.overlayColors(f.variables.interactiveColorBackground, f.variables.interactiveColorOverlayHover), f.variables.interactiveColorAccent, f.mixins.overlayColors(f.variables.interactiveColorAccent, f.variables.interactiveColorBorderHover), f.variables.interactiveColorBorderDisabled, f.variables.focusShadow, (function(e) {
+    })([ "", ";grid-column:input;appearance:none;align-items:center;justify-items:center;height:", ";width:", ";border-radius:50%;border:2px solid ", ";background-color:", ";&::after{display:block;content:'';border-radius:50%;height:0;width:0;opacity:0;border:5px solid transparent;}&:checked::after{opacity:1;}&:hover{border-color:", ";background-color:", ";}&:checked{&,&::after{border-color:", ";}&:hover{border-color:", ";}}&:disabled{cursor:not-allowed;&,&:hover,&:checked,&:checked:hover,&:checked::after{border-color:", ";}&,&:hover{background-color:transparent;}}&:focus{box-shadow:", ";}", "" ], b.mixins.reset("grid"), y, y, b.variables.interactiveColorBorder, b.variables.interactiveColorBackground, b.variables.interactiveColorBorderHover, b.mixins.overlayColors(b.variables.interactiveColorBackground, b.variables.interactiveColorOverlayHover), b.variables.interactiveColorAccent, b.mixins.overlayColors(b.variables.interactiveColorAccent, b.variables.interactiveColorBorderHover), b.variables.interactiveColorBorderDisabled, b.variables.focusShadow, (function(e) {
         var r = e.$error;
-        return r && (0, u.css)([ "&,&:checked,&:checked::after{border-color:", ";}&:checked:hover{border-color:", ";}&:hover{background-color:", ";border-color:", ";}" ], f.variables.interactiveColorAccentError, f.mixins.overlayColors(f.variables.interactiveColorAccentError, f.variables.interactiveColorBorderHover), f.variables.interactiveColorOverlayHover, f.mixins.overlayColors(f.variables.interactiveColorAccentError, f.variables.interactiveColorBorderHover));
+        return r && (0, u.css)([ "&,&:checked,&:checked::after{border-color:", ";}&:checked:hover{border-color:", ";}&:hover{background-color:", ";border-color:", ";}" ], b.variables.interactiveColorAccentError, b.mixins.overlayColors(b.variables.interactiveColorAccentError, b.variables.interactiveColorBorderHover), b.variables.interactiveColorOverlayHover, b.mixins.overlayColors(b.variables.interactiveColorAccentError, b.variables.interactiveColorBorderHover));
     }));
     // CONCATENATED MODULE: ./src/RadioList/Option.tsx
     function g() {
         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) {
-                    ({}).hasOwnProperty.call(a, o) && (e[o] = a[o]);
+                for (var n in a) {
+                    ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
                 }
             }
             return e;
@@ -118,22 +118,22 @@
     }
     function h(e, r) {
         if (null == e) return {};
-        var a, o, n = C(e, r);
+        var a, n, o = C(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < t.length; o++) {
-                a = t[o], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (n[a] = e[a]);
+            for (n = 0; n < t.length; n++) {
+                a = t[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (o[a] = e[a]);
             }
         }
-        return n;
+        return o;
     }
     function C(e, r) {
         if (null == e) return {};
         var a = {};
-        for (var o in e) {
-            if ({}.hasOwnProperty.call(e, o)) {
-                if (r.includes(o)) continue;
-                a[o] = e[o];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                a[n] = e[n];
             }
         }
         return a;
@@ -147,9 +147,9 @@
         value: t().any.isRequired
     };
     function S(e) {
-        var r = e.children, n = e.disabled, t = n === void 0 ? false : n, i = e.error, l = i === void 0 ? false : i, d = e.id, u = e.onChange, v = e.value, f = h(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
+        var r = e.children, o = e.disabled, t = o === void 0 ? false : o, i = e.error, l = i === void 0 ? false : i, c = e.id, u = e.onChange, v = e.value, b = h(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
         // @docs-props-type OptionPropsBase
-                var y = (0, a.useRef)(d || (0, c.createDOMID)("radio-option")), C = y.current;
+                var y = (0, a.useRef)(c || (0, d.createDOMID)("radio-option")), C = y.current;
         var O = (0, a.useContext)(s);
         var S = function e(r) {
             var a;
@@ -176,12 +176,13 @@
             k = O.error;
         }
         
-        return o().createElement(b, g({
+        return n().createElement(f, g({
             "data-test": "option",
-            "data-test-value": v
-        }, f, {
+            "data-test-value": v,
+            "data-test-disabled": j ? "disabled" : undefined
+        }, b, {
             "data-checked": w
-        }),  o().createElement(m, {
+        }),  n().createElement(m, {
             id: C,
             type: "radio",
             name: O.name,
@@ -192,7 +193,7 @@
             onChange: S,
             "data-test": "input",
             required: O.required
-        }),  o().createElement(p, {
+        }),  n().createElement(p, {
             htmlFor: C,
             "data-test": "label",
             $disabled: j
@@ -204,16 +205,16 @@
     var j = v().div.withConfig({
         displayName: "RadioListStyles__StyledRadioList",
         componentId: "sc-1qg10hx-0"
-    })([ "", ";grid-template-columns:[input] min-content [label] auto;gap:", " ", ";", "" ], f.mixins.reset("grid"), f.variables.spacingMedium, f.variables.spacingSmall, (function(e) {
-        return e.direction === "row" && (0, u.css)([ "", ";gap:", ";", "{grid-template-columns:[input] min-content [label] auto;gap:", ";}" ], f.mixins.reset("flex"), f.variables.spacingXLarge, /* sc-sel */ b, f.variables.spacingSmall);
+    })([ "", ";grid-template-columns:[input] min-content [label] auto;gap:", " ", ";", "" ], b.mixins.reset("grid"), b.variables.spacingMedium, b.variables.spacingSmall, (function(e) {
+        return e.direction === "row" && (0, u.css)([ "", ";gap:", ";", "{grid-template-columns:[input] min-content [label] auto;gap:", ";}" ], b.mixins.reset("flex"), b.variables.spacingXLarge, /* sc-sel */ f, b.variables.spacingSmall);
     }));
     // CONCATENATED MODULE: ./src/RadioList/RadioList.tsx
     function k() {
         return k = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
-                for (var o in a) {
-                    ({}).hasOwnProperty.call(a, o) && (e[o] = a[o]);
+                for (var n in a) {
+                    ({}).hasOwnProperty.call(a, n) && (e[n] = a[n]);
                 }
             }
             return e;
@@ -234,28 +235,28 @@
     }
     function P(e, r) {
         (null == r || r > e.length) && (r = e.length);
-        for (var a = 0, o = Array(r); a < r; a++) {
-            o[a] = e[a];
+        for (var a = 0, n = Array(r); a < r; a++) {
+            n[a] = e[a];
         }
-        return o;
+        return n;
     }
     function E(e, r) {
         var a = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != a) {
-            var o, n, t, i, l = [], c = !0, d = !1;
+            var n, o, t, i, l = [], d = !0, c = !1;
             try {
                 if (t = (a = a.call(e)).next, 0 === r) {
                     if (Object(a) !== a) return;
-                    c = !1;
-                } else for (;!(c = (o = t.call(a)).done) && (l.push(o.value), l.length !== r); c = !0) {
+                    d = !1;
+                } else for (;!(d = (n = t.call(a)).done) && (l.push(n.value), l.length !== r); d = !0) {
                 }
             } catch (e) {
-                d = !0, n = e;
+                c = !0, o = e;
             } finally {
                 try {
-                    if (!c && null != a["return"] && (i = a["return"](), Object(i) !== i)) return;
+                    if (!d && null != a["return"] && (i = a["return"](), Object(i) !== i)) return;
                 } finally {
-                    if (d) throw n;
+                    if (c) throw o;
                 }
             }
             return l;
@@ -266,22 +267,22 @@
     }
     function I(e, r) {
         if (null == e) return {};
-        var a, o, n = R(e, r);
+        var a, n, o = R(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
-            for (o = 0; o < t.length; o++) {
-                a = t[o], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (n[a] = e[a]);
+            for (n = 0; n < t.length; n++) {
+                a = t[n], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (o[a] = e[a]);
             }
         }
-        return n;
+        return o;
     }
     function R(e, r) {
         if (null == e) return {};
         var a = {};
-        for (var o in e) {
-            if ({}.hasOwnProperty.call(e, o)) {
-                if (r.includes(o)) continue;
-                a[o] = e[o];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                a[n] = e[n];
             }
         }
         return a;
@@ -302,15 +303,15 @@
         value: t().any
     };
     function M(e) {
-        var r = e.children, n = e.defaultValue, t = e.describedBy, i = e.direction, d = e.disabled, u = d === void 0 ? false : d, v = e.elementRef, f = e.error, b = f === void 0 ? false : f, p = e.labelledBy, y = e.name, m = e.onChange, g = e.required, h = e.value, C = I(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "value" ]);
+        var r = e.children, o = e.defaultValue, t = e.describedBy, i = e.direction, c = e.disabled, u = c === void 0 ? false : c, v = e.elementRef, b = e.error, f = b === void 0 ? false : b, p = e.labelledBy, y = e.name, m = e.onChange, g = e.required, h = e.value, C = I(e, [ "children", "defaultValue", "describedBy", "direction", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "value" ]);
         // @docs-props-type RadioListPropsBase
         // TODO: Implement shared isControlled hook (SUI-5283).
         // See material-ui for similar pattern to handle controlled/un-controlled in functional components w/ hooks
         // https://github.com/mui-org/material-ui/blob/60d99a39836fb82f4da1477a717f642c216fb0b9/packages/material-ui/src/utils/useControlled.js
                 var O = (0, a.useRef)(h !== undefined), S = O.current;
-        var w = (0, a.useState)(n), x = q(w, 2), B = x[0], P = x[1];
+        var w = (0, a.useState)(o), x = q(w, 2), B = x[0], P = x[1];
         var E = S ? h : B;
-        var A = (0, a.useRef)(y || (0, c.createDOMID)("radio-name")), R = A.current;
+        var A = (0, a.useRef)(y || (0, d.createDOMID)("radio-name")), R = A.current;
         var _ = function e(r, a) {
             if (!S) {
                 P(a.value);
@@ -325,35 +326,36 @@
                 (0, a.useEffect)((function() {
             if (false) {}
         }), [ h, S ]);
-        var M = (0, a.useRef)(n), D = M.current;
+        var M = (0, a.useRef)(o), D = M.current;
         (0, a.useEffect)((function() {
             if (false) {}
-        }), [ D, n, S ]);
+        }), [ D, o, S ]);
         var H = (0, a.useMemo)((function() {
             return {
                 disabled: u,
-                error: b,
+                error: f,
                 onChange: _,
                 name: R,
                 required: g,
                 value: E
             };
-        }), [ u, b, _, R, g, E ]);
+        }), [ u, f, _, R, g, E ]);
         var T = C["aria-labelledby"];
         var L = C["aria-describedby"];
         
-        return o().createElement(s.Provider, {
+        return n().createElement(s.Provider, {
             value: H
-        },  o().createElement(j, k({
+        },  n().createElement(j, k({
             direction: i || "column",
             role: "radiogroup",
             "data-test": "radio-list",
             "data-test-value": E,
+            "data-test-disabled": u ? "disabled" : undefined,
             ref: v
         }, l()(C, [ "aria-labelledby", "aria-describedby" ]), {
             "aria-labelledby": T ? "".concat(T, " ").concat(p) : p,
             "aria-describedby": L ? "".concat(L, " ").concat(t) : t,
-            "aria-invalid": b
+            "aria-invalid": f
         }), r));
     }
     M.propTypes = _;