@splunk/react-ui 5.0.0-rc.2 → 5.1.0

package/RadioList.js

@@ -62,48 +62,48 @@
     // EXPORTS
         e.d(r, {
         Option: () => /* reexport */ w,
-        default: () => /* reexport */ D
+        default: () => /* reexport */ T
     });
     // CONCATENATED MODULE: external "react"
     const a = require("react");
     var n =  e.n(a);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var t =  e.n(o);
     // CONCATENATED MODULE: external "lodash/omit"
-    const i = require("lodash/omit");
+    const o = require("lodash/omit");
+    var t =  e.n(o);
+    // CONCATENATED MODULE: external "prop-types"
+    const i = require("prop-types");
     var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const d = require("@splunk/ui-utils/id");
-    // CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
-    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);
+    const c = require("styled-components");
+    var s =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const b = require("@splunk/themes");
+    const u = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/RadioList/OptionStyles.ts
-    var f = v().div.withConfig({
+    var v = s().div.withConfig({
         displayName: "OptionStyles__StyledWrapper",
         componentId: "imaqjt-0"
-    })([ "display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:", ";" ], b.variables.spacingSmall);
-    var p = v().label.withConfig({
+    })([ "display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:", ";" ], u.variables.spacingSmall);
+    var b = s().label.withConfig({
         displayName: "OptionStyles__StyledLabel",
         componentId: "imaqjt-1"
     })([ "grid-column:label;color:", ";cursor:pointer;" ], (function(e) {
         var r = e.$disabled;
-        return r ? b.variables.contentColorDisabled : b.variables.contentColorActive;
+        return r ? u.variables.contentColorDisabled : u.variables.contentColorActive;
     }));
-    var y = "20px";
-    var m = v().input.withConfig({
+    var f = "20px";
+    var p = s().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:", ";}", "" ], 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) {
+    })([ "", ";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:", ";}", "" ], u.mixins.reset("grid"), f, f, u.variables.interactiveColorBorder, u.variables.interactiveColorBackground, u.variables.interactiveColorBorderHover, u.mixins.overlayColors(u.variables.interactiveColorBackground, u.variables.interactiveColorOverlayHover), u.variables.interactiveColorAccent, u.mixins.overlayColors(u.variables.interactiveColorAccent, u.variables.interactiveColorBorderHover), u.variables.interactiveColorBorderDisabled, u.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:", ";}" ], b.variables.interactiveColorAccentError, b.mixins.overlayColors(b.variables.interactiveColorAccentError, b.variables.interactiveColorBorderHover), b.variables.interactiveColorOverlayHover, b.mixins.overlayColors(b.variables.interactiveColorAccentError, b.variables.interactiveColorBorderHover));
+        return r && (0, c.css)([ "&,&:checked,&:checked::after{border-color:", ";}&:checked:hover{border-color:", ";}&:hover{background-color:", ";border-color:", ";}" ], u.variables.interactiveColorAccentError, u.mixins.overlayColors(u.variables.interactiveColorAccentError, u.variables.interactiveColorBorderHover), u.variables.interactiveColorOverlayHover, u.mixins.overlayColors(u.variables.interactiveColorAccentError, u.variables.interactiveColorBorderHover));
     }));
+    // CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
+    var y =  (0, a.createContext)({});
+    y.displayName = "RadioList";
+    /* harmony default export */    const m = y;
     // CONCATENATED MODULE: ./src/RadioList/Option.tsx
     function g() {
         return g = Object.assign ? Object.assign.bind() : function(e) {
@@ -139,33 +139,33 @@
         return a;
     }
     var O = {
-        children: t().node,
-        disabled: t().bool,
-        error: t().bool,
-        id: t().string,
-        onChange: t().func,
-        value: t().any.isRequired
+        children: l().node,
+        disabled: l().bool,
+        error: l().bool,
+        id: l().string,
+        onChange: l().func,
+        value: l().any.isRequired
     };
     function S(e) {
-        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" ]);
+        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, s = e.onChange, u = e.value, f = h(e, [ "children", "disabled", "error", "id", "onChange", "value" ]);
         // @docs-props-type OptionPropsBase
                 var y = (0, a.useRef)(c || (0, d.createDOMID)("radio-option")), C = y.current;
-        var O = (0, a.useContext)(s);
+        var O = (0, a.useContext)(m);
         var S = function e(r) {
             var a;
             r.stopPropagation();
-            u === null || u === void 0 ? void 0 : u(r, {
-                value: v,
+            s === null || s === void 0 ? void 0 : s(r, {
+                value: u,
                 name: O.name
             });
             (a = O.onChange) === null || a === void 0 ? void 0 : a.call(O, r, {
-                value: v,
+                value: u,
                 name: O.name
             });
         };
         var w = false;
         if ((O === null || O === void 0 ? void 0 : O.value) !== undefined) {
-            w = O.value === v;
+            w = O.value === u;
         }
         var j = t;
         if (O === null || O === void 0 ? void 0 : O.disabled) {
@@ -176,24 +176,24 @@
             k = O.error;
         }
         
-        return n().createElement(f, g({
+        return n().createElement(v, g({
             "data-test": "option",
-            "data-test-value": v,
+            "data-test-value": u,
             "data-test-disabled": j ? "disabled" : undefined
-        }, b, {
+        }, f, {
             "data-checked": w
-        }),  n().createElement(m, {
+        }),  n().createElement(p, {
             id: C,
             type: "radio",
             name: O.name,
             $error: k,
             disabled: j,
-            value: v.toString(),
+            value: u.toString(),
             checked: w,
             onChange: S,
             "data-test": "input",
             required: O.required
-        }),  n().createElement(p, {
+        }),  n().createElement(b, {
             htmlFor: C,
             "data-test": "label",
             $disabled: j
@@ -202,11 +202,11 @@
     S.propTypes = O;
     /* harmony default export */    const w = S;
     // CONCATENATED MODULE: ./src/RadioList/RadioListStyles.ts
-    var j = v().div.withConfig({
+    var j = s().div.withConfig({
         displayName: "RadioListStyles__StyledRadioList",
         componentId: "sc-1qg10hx-0"
-    })([ "", ";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);
+    })([ "", ";grid-template-columns:[input] min-content [label] auto;gap:", " ", ";", "" ], u.mixins.reset("grid"), u.variables.spacingMedium, u.variables.spacingSmall, (function(e) {
+        return e.direction === "row" && (0, c.css)([ "", ";gap:", ";", "{grid-template-columns:[input] min-content [label] auto;gap:", ";}" ], u.mixins.reset("flex"), u.variables.spacingXLarge, /* sc-sel */ v, u.variables.spacingSmall);
     }));
     // CONCATENATED MODULE: ./src/RadioList/RadioList.tsx
     function k() {
@@ -221,7 +221,7 @@
         }, k.apply(null, arguments);
     }
     function q(e, r) {
-        return A(e) || E(e, r) || B(e, r) || x();
+        return R(e) || E(e, r) || B(e, r) || x();
     }
     function x() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -262,12 +262,12 @@
             return l;
         }
     }
-    function A(e) {
+    function R(e) {
         if (Array.isArray(e)) return e;
     }
-    function I(e, r) {
+    function A(e, r) {
         if (null == e) return {};
-        var a, n, o = R(e, r);
+        var a, n, o = I(e, r);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(e);
             for (n = 0; n < t.length; n++) {
@@ -276,7 +276,7 @@
         }
         return o;
     }
-    function R(e, r) {
+    function I(e, r) {
         if (null == e) return {};
         var a = {};
         for (var n in e) {
@@ -288,22 +288,22 @@
         return a;
     }
     /** @public */    var _ = {
-        children: t().node,
-        defaultValue: t().any,
-        describedBy: t().string,
-        direction: t().oneOf([ "row", "column" ]),
-        disabled: t().bool,
-        elementRef: t().oneOfType([ t().func, t().object ]),
-        error: t().bool,
-        labelledBy: t().string,
-        name: t().string,
-        onChange: t().func,
+        children: l().node,
+        defaultValue: l().any,
+        describedBy: l().string,
+        direction: l().oneOf([ "row", "column" ]),
+        disabled: l().bool,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        error: l().bool,
+        labelledBy: l().string,
+        name: l().string,
+        onChange: l().func,
         /** @private. */
-        required: t().bool,
-        value: t().any
+        required: l().bool,
+        value: l().any
     };
     function M(e) {
-        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" ]);
+        var r = e.children, o = e.defaultValue, i = e.describedBy, l = e.direction, c = e.disabled, s = c === void 0 ? false : c, u = e.elementRef, v = e.error, b = v === void 0 ? false : v, f = e.labelledBy, p = e.name, y = e.onChange, g = e.required, h = e.value, C = A(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
@@ -311,12 +311,12 @@
                 var O = (0, a.useRef)(h !== undefined), S = O.current;
         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, d.createDOMID)("radio-name")), R = A.current;
+        var R = (0, a.useRef)(p || (0, d.createDOMID)("radio-name")), I = R.current;
         var _ = function e(r, a) {
             if (!S) {
                 P(a.value);
             }
-            m === null || m === void 0 ? void 0 : m(r, a);
+            y === null || y === void 0 ? void 0 : y(r, a);
         };
         // Check correct props are passed
                 if (false) {}
@@ -326,41 +326,42 @@
                 (0, a.useEffect)((function() {
             if (false) {}
         }), [ h, S ]);
-        var M = (0, a.useRef)(o), D = M.current;
+        var M = (0, a.useRef)(o), T = M.current;
         (0, a.useEffect)((function() {
             if (false) {}
-        }), [ D, o, S ]);
-        var H = (0, a.useMemo)((function() {
+        }), [ T, o, S ]);
+        var D = (0, a.useMemo)((function() {
             return {
-                disabled: u,
-                error: f,
+                disabled: s,
+                error: b,
                 onChange: _,
-                name: R,
+                name: I,
                 required: g,
                 value: E
             };
-        }), [ u, f, _, R, g, E ]);
-        var T = C["aria-labelledby"];
+        }), [ s, b, _, I, g, E ]);
+        var H = C["aria-labelledby"];
         var L = C["aria-describedby"];
         
-        return n().createElement(s.Provider, {
-            value: H
+        return n().createElement(m.Provider, {
+            value: D
         },  n().createElement(j, k({
-            direction: i || "column",
+            direction: l || "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": f
+            "data-test-disabled": s ? "disabled" : undefined,
+            ref: u
+        }, t()(C, [ "aria-labelledby", "aria-describedby" ]), {
+            "aria-labelledby": H ? "".concat(H, " ").concat(f) : f,
+            "aria-describedby": L ? "".concat(L, " ").concat(i) : i,
+            "aria-invalid": b
         }), r));
     }
     M.propTypes = _;
     M.Option = w;
-    /* harmony default export */    const D = M;
+    M.componentType = "RadioList";
+    /* harmony default export */    const T = M;
     // only for styled components using RadioList
         // CONCATENATED MODULE: ./src/RadioList/index.ts
     module.exports = r;