@splunk/react-ui 5.0.0 → 5.1.0

package/RadioBar.js

@@ -61,57 +61,59 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Option: () => /* reexport */ x,
-        default: () => /* reexport */ X
+        Option: () => /* reexport */ A,
+        default: () => /* reexport */ G
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/omit"
-    const i = require("lodash/omit");
+    const o = require("lodash/omit");
+    var a =  e.n(o);
+    // CONCATENATED MODULE: external "prop-types"
+    const i = require("prop-types");
     var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
     const d = require("@splunk/react-ui/useControlled");
     var u =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const c = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "styled-components"
-    const c = require("styled-components");
-    var s =  e.n(c);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const v = require("@splunk/themes");
+    const s = require("styled-components");
+    var b =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const b = require("@splunk/react-ui/Button");
-    var f =  e.n(b);
+    const v = require("@splunk/react-ui/Button");
+    var f =  e.n(v);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const p = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
-    var p = 10;
-    var y = s()(f()).withConfig({
+    var y = 10;
+    var m = b()(f()).withConfig({
         displayName: "OptionStyles__StyledButton",
         componentId: "fyq77p-0"
-    })([ "border:", " solid ", ";border-radius:0;height:", ";min-height:", ";min-width:0;padding:", " ", ";z-index:", ";&&{color:", ";}&:first-child{border-top-left-radius:", ";border-bottom-left-radius:", ";}&:last-child{border-top-right-radius:", ";border-bottom-right-radius:", ";}&:not(:last-child){margin-right:-", ";}&&:focus{background-color:", ";box-shadow:", ";color:", ";z-index:", ";border:0;span{padding:0 ", ";}}&:not([disabled],[aria-disabled='true']){", "}&[disabled],&[aria-disabled='true']{background-color:", ";color:", ";z-index:0;}" ], v.variables.inputBorderWidth, v.variables.borderColor, v.variables.inputHeight, v.variables.inputHeight, v.variables.spacingXSmall, v.variables.spacingSmall, p, v.variables.contentColorDefault, v.variables.borderRadius, v.variables.borderRadius, v.variables.borderRadius, v.variables.borderRadius, v.variables.inputBorderWidth, v.variables.actionColorBackgroundSecondaryActive, v.variables.focusShadowInset, v.variables.contentColorActive, p * 5, v.variables.inputBorderWidth, (0, 
-    v.pickVariant)("$optionSelected", {
-        true: (0, c.css)([ "", ";background-color:", ";border-color:", ";border-width:", ";z-index:", ";" ], v.mixins.typography({
+    })([ "border:", " solid ", ";border-radius:0;height:", ";min-height:", ";min-width:0;padding:", " ", ";z-index:", ";&&{color:", ";}&:first-child{border-top-left-radius:", ";border-bottom-left-radius:", ";}&:last-child{border-top-right-radius:", ";border-bottom-right-radius:", ";}&:not(:last-child){margin-right:-", ";}&&:focus{background-color:", ";box-shadow:", ";color:", ";z-index:", ";border:0;span{padding:0 ", ";}}&:not([disabled],[aria-disabled='true']){", "}&[disabled],&[aria-disabled='true']{background-color:", ";color:", ";z-index:0;}" ], p.variables.inputBorderWidth, p.variables.borderColor, p.variables.inputHeight, p.variables.inputHeight, p.variables.spacingXSmall, p.variables.spacingSmall, y, p.variables.contentColorDefault, p.variables.borderRadius, p.variables.borderRadius, p.variables.borderRadius, p.variables.borderRadius, p.variables.inputBorderWidth, p.variables.actionColorBackgroundSecondaryActive, p.variables.focusShadowInset, p.variables.contentColorActive, y * 5, p.variables.inputBorderWidth, (0, 
+    p.pickVariant)("$optionSelected", {
+        true: (0, s.css)([ "", ";background-color:", ";border-color:", ";border-width:", ";z-index:", ";" ], p.mixins.typography({
             weight: "bold",
             color: "active"
-        }), v.variables.actionColorBackgroundSecondaryActive, v.variables.actionColorBorderSecondaryActive, v.variables.inputBorderWidth, p * 4),
-        false: (0, c.css)([ "&:hover{background-color:", ";border-color:", ";color:", ";z-index:", ";}" ], v.variables.actionColorBackgroundSecondaryHover, v.variables.borderColor, v.variables.contentColorActive, p * 3)
-    }), v.variables.actionColorBackgroundSecondaryDisabled, v.variables.contentColorDisabled);
-    var m = s().div.withConfig({
+        }), p.variables.actionColorBackgroundSecondaryActive, p.variables.actionColorBorderSecondaryActive, p.variables.inputBorderWidth, y * 4),
+        false: (0, s.css)([ "&:hover{background-color:", ";border-color:", ";color:", ";z-index:", ";}" ], p.variables.actionColorBackgroundSecondaryHover, p.variables.borderColor, p.variables.contentColorActive, y * 3)
+    }), p.variables.actionColorBackgroundSecondaryDisabled, p.variables.contentColorDisabled);
+    var g = b().div.withConfig({
         displayName: "OptionStyles__StyledLabel",
         componentId: "fyq77p-1"
-    })([ "", " flex:0 1 auto;" ], v.mixins.ellipsis);
-    var g = s().div.withConfig({
+    })([ "", " flex:0 1 auto;" ], p.mixins.ellipsis);
+    var h = b().div.withConfig({
         displayName: "OptionStyles__StyledAdornment",
         componentId: "fyq77p-2"
     })([ "display:flex;" ]);
     // CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
-    var h =  (0, t.createContext)({});
-    h.displayName = "RadioBar";
-    /* harmony default export */    const O = h;
+    var O =  (0, t.createContext)({});
+    O.displayName = "RadioBar";
+    /* harmony default export */    const S = O;
     // CONCATENATED MODULE: ./src/RadioBar/Option.tsx
-    function S() {
-        return S = Object.assign ? Object.assign.bind() : function(e) {
+    function w() {
+        return w = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -119,11 +121,11 @@
                 }
             }
             return e;
-        }, S.apply(null, arguments);
+        }, w.apply(null, arguments);
     }
-    function w(e, r) {
+    function C(e, r) {
         if (null == e) return {};
-        var t, n, o = C(e, r);
+        var t, n, o = j(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (n = 0; n < a.length; n++) {
@@ -132,7 +134,7 @@
         }
         return o;
     }
-    function C(e, r) {
+    function j(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -143,74 +145,77 @@
         }
         return t;
     }
-    var j = {
-        disabled: a().bool,
-        startAdornment: a().node,
-        endAdornment: a().node,
-        label: a().string,
+    var k = {
+        disabled: l().bool,
+        startAdornment: l().node,
+        endAdornment: l().node,
+        label: l().string,
         /** @private Set by `RadioBar`. */
-        role: a().oneOf([ "radio", "menuitemradio" ]),
+        role: l().oneOf([ "radio", "menuitemradio" ]),
         /** @private Set by `RadioBar`. */
-        selected: a().bool,
+        selected: l().bool,
         /** The value of the `Option`. */
-        value: a().any.isRequired
+        value: l().any.isRequired
     };
-    function k(e) {
-        var r = e.disabled, o = e.label, a = e.selected, i = e.startAdornment, l = e.endAdornment, d = e.value, u = e.role, c = u === void 0 ? "radio" : u, s = w(e, [ "disabled", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
+    function x(e) {
+        var r = e.disabled, o = e.label, a = e.selected, i = e.startAdornment, l = e.endAdornment, d = e.value, u = e.role, c = u === void 0 ? "radio" : u, s = C(e, [ "disabled", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
         // @docs-props-type OptionPropsBase
-                var v = (0, t.useContext)(O), b = v.onClick, f = v.error, p = v.onKeyDown, h = v.firstValue, C = v.selectedValue;
-        var j = -1;
-        if (C) {
-            if (d === C) {
-                j = 0;
+                var b = (0, t.useContext)(S), v = b.disabled, f = b.error, p = b.firstValue, y = b.name, O = b.onClick, j = b.onKeyDown, k = b.selectedValue;
+        var x = v || r;
+        var A = -1;
+        if (k) {
+            if (d === k) {
+                A = 0;
             }
-        } else if (d === h) {
-            j = 0;
+        } else if (d === p) {
+            A = 0;
         }
-        var k = j;
-        var x = (0, t.useCallback)((function(e) {
+        var B = A;
+        var P = (0, t.useCallback)((function(e) {
             if (!a) {
-                b === null || b === void 0 ? void 0 : b(e, {
+                O === null || O === void 0 ? void 0 : O(e, {
                     value: d,
                     label: o
                 });
             }
-        }), [ o, b, a, d ]);
-        var B = (0, t.useCallback)((function(e) {
-            return p === null || p === void 0 ? void 0 : p(e, {
+        }), [ o, O, a, d ]);
+        var D = (0, t.useCallback)((function(e) {
+            return j === null || j === void 0 ? void 0 : j(e, {
                 value: d,
                 label: o
             });
-        }), [ o, p, d ]);
+        }), [ o, j, d ]);
         
-        return n().createElement(y, S({
+        return n().createElement(m, w({
             "aria-invalid": f,
             "data-test": "option",
             "data-test-value": d,
+            "data-test-disabled": x ? "disabled" : undefined,
             appearance: "default",
-            disabled: r ? "disabled" : undefined,
+            disabled: x ? "disabled" : undefined,
             $optionSelected: a,
-            value: d
+            value: d,
+            name: y
         }, s, {
-            onClick: x,
+            onClick: P,
             role: c,
             "aria-checked": a,
-            tabIndex: k,
-            onKeyDown: B
-        }), i &&  n().createElement(g, null, i), o &&  n().createElement(m, null, o), l &&  n().createElement(g, null, l));
+            tabIndex: B,
+            onKeyDown: D
+        }), i &&  n().createElement(h, null, i), o &&  n().createElement(g, null, o), l &&  n().createElement(h, null, l));
     }
-    k.propTypes = j;
-    /* harmony default export */    const x = k;
+    x.propTypes = k;
+    /* harmony default export */    const A = x;
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
     const B = require("@splunk/react-ui/Box");
-    var A =  e.n(B);
+    var P =  e.n(B);
     // CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
-    var P = s()(A()).withConfig({
+    var D = b()(P()).withConfig({
         displayName: "RadioBarStyles__StyledRadioBar",
         componentId: "gg1b79-0"
-    })([ "height:", ";", "" ], v.variables.inputHeight, (function(e) {
+    })([ "height:", ";", "" ], p.variables.inputHeight, (function(e) {
         var r = e.$error;
-        return r && (0, c.css)([ "& > ", "{border-color:", ";:not([disabled],[aria-disabled='true']){&:hover{border-color:", ";}&[aria-checked='true']{background-color:", ";border-color:", ";}}}" ], y, v.variables.actionColorBorderDestructiveSecondary, v.variables.actionColorBorderDestructiveSecondary, v.variables.actionColorBackgroundDestructiveSecondaryActive, v.variables.actionColorBorderDestructiveSecondaryActive);
+        return r && (0, s.css)([ "& > ", "{border-color:", ";:not([disabled],[aria-disabled='true']){&:hover{border-color:", ";}&[aria-checked='true']{background-color:", ";border-color:", ";}}}" ], m, p.variables.actionColorBorderDestructiveSecondary, p.variables.actionColorBorderDestructiveSecondary, p.variables.actionColorBackgroundDestructiveSecondaryActive, p.variables.actionColorBorderDestructiveSecondaryActive);
     }));
     // CONCATENATED MODULE: ./src/RadioBar/RadioBar.tsx
     function R(e) {
@@ -232,7 +237,7 @@
             return e;
         }, E.apply(null, arguments);
     }
-    function D(e, r) {
+    function q(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -242,18 +247,18 @@
         }
         return t;
     }
-    function q(e) {
+    function I(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? D(Object(t), !0).forEach((function(r) {
-                I(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : D(Object(t)).forEach((function(r) {
+            r % 2 ? q(Object(t), !0).forEach((function(r) {
+                T(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : q(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function I(e, r, t) {
+    function T(e, r, t) {
         return (r = _(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
@@ -262,10 +267,10 @@
         }) : e[r] = t, e;
     }
     function _(e) {
-        var r = T(e, "string");
+        var r = V(e, "string");
         return "symbol" == R(r) ? r : r + "";
     }
-    function T(e, r) {
+    function V(e, r) {
         if ("object" != R(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
@@ -275,27 +280,27 @@
         }
         return ("string" === r ? String : Number)(e);
     }
-    function V(e, r) {
-        return H(e) || z(e, r) || N(e, r) || M();
+    function M(e, r) {
+        return W(e) || H(e, r) || $(e, r) || N();
     }
-    function M() {
+    function N() {
         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 N(e, r) {
+    function $(e, r) {
         if (e) {
-            if ("string" == typeof e) return $(e, r);
+            if ("string" == typeof e) return z(e, r);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? $(e, r) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? z(e, r) : void 0;
         }
     }
-    function $(e, r) {
+    function z(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var t = 0, n = Array(r); t < r; t++) {
             n[t] = e[t];
         }
         return n;
     }
-    function z(e, r) {
+    function H(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var n, o, a, i, l = [], d = !0, u = !1;
@@ -317,12 +322,12 @@
             return l;
         }
     }
-    function H(e) {
+    function W(e) {
         if (Array.isArray(e)) return e;
     }
-    function W(e, r) {
+    function K(e, r) {
         if (null == e) return {};
-        var t, n, o = K(e, r);
+        var t, n, o = F(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (n = 0; n < a.length; n++) {
@@ -331,7 +336,7 @@
         }
         return o;
     }
-    function K(e, r) {
+    function F(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -342,23 +347,24 @@
         }
         return t;
     }
-    /** @public */    var F = {
-        children: a().node,
-        defaultValue: a().any,
-        describedBy: a().string,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        error: a().bool,
-        inline: a().bool,
-        labelledBy: a().string,
-        name: a().string,
-        onChange: a().func,
+    /** @public */    var L = {
+        children: l().node,
+        defaultValue: l().oneOfType([ l().string, l().number, l().bool ]),
+        describedBy: l().string,
+        disabled: l().bool,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        error: l().bool,
+        inline: l().bool,
+        labelledBy: l().string,
+        name: l().string,
+        onChange: l().func,
         /** @private. */
-        required: a().bool,
-        role: a().oneOf([ "radiogroup", "menubar" ]),
-        value: a().any
+        required: l().bool,
+        role: l().oneOf([ "radiogroup", "menubar" ]),
+        value: l().oneOfType([ l().string, l().number, l().bool ])
     };
     // TODO(SUI-7012): Once converted to a functional component, this function can be removed and RadioBar should use useRovingFocus hook
-        var L = function e(r, t, n, o) {
+        var U = function e(r, t, n, o) {
         var a = r === "forward" ? 1 : -1;
         var i = r === "forward" ? "nextSibling" : "previousSibling";
         var l = r === "forward" ? "firstElementChild" : "lastElementChild";
@@ -368,13 +374,13 @@
         var s = o + a;
         while (u !== n && c === null) {
             if (u === null) {
-                var v;
-                u = (v = n.parentElement) === null || v === void 0 ? void 0 : v[l];
+                var b;
+                u = (b = n.parentElement) === null || b === void 0 ? void 0 : b[l];
                 s = d;
             }
             if (u.disabled) {
-                var b = u[i];
-                u = b;
+                var v = u[i];
+                u = v;
                 s += a;
             } else {
                 c = u;
@@ -387,115 +393,123 @@
     };
     /**
  * RadioBar is a form control that provides the ability to select one option out of a group.
- */    function U(e) {
-        var r = e.children, o = e.defaultValue, a = e.describedBy, i = e.elementRef, d = e.error, c = e.labelledBy, s = e.name, v = e.onChange, b = e.required, f = e.role, p = f === void 0 ? "radiogroup" : f, y = e.value, m = W(e, [ "children", "defaultValue", "describedBy", "elementRef", "error", "labelledBy", "name", "onChange", "required", "role", "value" ]);
+ */    function X(e) {
+        var r = e.children, o = e.defaultValue, i = e.describedBy, l = e.disabled, d = l === void 0 ? false : l, s = e.elementRef, b = e.error, v = e.labelledBy, f = e.name, p = e.onChange, y = e.required, m = e.role, g = m === void 0 ? "radiogroup" : m, h = e.value, O = K(e, [ "children", "defaultValue", "describedBy", "disabled", "elementRef", "error", "labelledBy", "name", "onChange", "required", "role", "value" ]);
         // @docs-props-type RadioBarPropsBase
-                var g = u()({
+                var w = u()({
             componentName: "RadioBar",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var h = (0, t.useState)(o), S = V(h, 2), w = S[0], C = S[1];
-        var j = g ? y : w;
-        var k = (0, t.useMemo)((function() {
+        var C = (0, t.useState)(o), j = M(C, 2), k = j[0], x = j[1];
+        var A = w ? h : k;
+        var B = (0, t.useMemo)((function() {
+            return f || (0, c.createDOMID)("radio-name");
+        }), [ f ]);
+        var P = (0, t.useMemo)((function() {
             // Everything in here is grouped because together they are based on children changing
             var e = t.Children.toArray(r).filter(t.isValidElement);
-            var n = e.map((function(e) {
-                return e.props.value;
-            }));
-            var o = e.every((function(e) {
+            var n = e.length > 0 && e.every((function(e) {
                 var r;
                 return (e === null || e === void 0 ? void 0 : (r = e.props) === null || r === void 0 ? void 0 : r.disabled) === true;
             }));
+            var o = e.map((function(e) {
+                return e.props.value;
+            }));
             var a = e.map((function(e, r) {
                 
                 return (0, t.cloneElement)(e, {
-                    selected: e.props.value === j,
+                    selected: e.props.value === A,
                     key: e.key || r,
-                    role: p === "radiogroup" ? "radio" : "menuitemradio"
+                    role: g === "radiogroup" ? "radio" : "menuitemradio"
                 });
             }));
             return {
                 childrenFormatted: a,
-                disabled: o,
-                filteredValues: n
+                childrenAreDisabled: n,
+                filteredValues: o
             };
-        }), [ r, p, j ]), x = k.childrenFormatted, B = k.disabled, A = k.filteredValues;
-        var R = A[0];
-        var D = (0, t.useMemo)((function() {
-            return y == null || A.includes(j);
-        }), [ A, j, y ]);
+        }), [ r, g, A ]), R = P.childrenFormatted, q = P.childrenAreDisabled, T = P.filteredValues;
+        var _ = T[0];
+        var V = (0, t.useMemo)((function() {
+            return h == null || T.includes(A);
+        }), [ T, A, h ]);
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ A, j, D ]);
-        var I = (0, t.useCallback)((function(e, r) {
-            if (y !== r.value) {
-                v === null || v === void 0 ? void 0 : v(e, q({
-                    name: s
+        }), [ T, A, V ]);
+        var N = (0, t.useCallback)((function(e, r) {
+            if (h !== r.value) {
+                p === null || p === void 0 ? void 0 : p(e, I({
+                    name: B
                 }, r));
-                if (!g) {
-                    C(r.value);
+                if (!w) {
+                    x(r.value);
                 }
             }
-        }), [ g, s, v, y ]);
-        var _ = (0, t.useCallback)((function(e, r) {
+        }), [ w, B, p, h ]);
+        var $ = (0, t.useCallback)((function(e, r) {
             var t = r.value, n = r.label;
             var o = e.key;
             var a = e.currentTarget;
             var i = null;
             var l = 0;
-            var d = A.indexOf(t);
+            var d = T.indexOf(t);
             if (o === "ArrowDown" || o === "ArrowRight") {
                 e.preventDefault();
-                var u = L("forward", A.length, a, d), c = u.nextTargetRes, s = u.nextIndexRes;
+                var u = U("forward", T.length, a, d), c = u.nextTargetRes, s = u.nextIndexRes;
                 i = c;
                 l = s;
             } else if (o === "ArrowUp" || o === "ArrowLeft") {
                 e.preventDefault();
-                var v = L("backward", A.length, a, d), b = v.nextTargetRes, f = v.nextIndexRes;
-                i = b;
+                var b = U("backward", T.length, a, d), v = b.nextTargetRes, f = b.nextIndexRes;
+                i = v;
                 l = f;
             }
             if (i) {
                 var p;
                 (p = i) === null || p === void 0 ? void 0 : p.focus();
-                var y = A[l];
-                I(e, {
+                var y = T[l];
+                N(e, {
                     value: y,
                     label: n
                 });
             }
-        }), [ A, I ]);
-        var T = (0, t.useMemo)((function() {
+        }), [ T, N ]);
+        var z = (0, t.useMemo)((function() {
             return {
-                error: d,
-                firstValue: R,
-                onClick: I,
-                onKeyDown: _,
-                selectedValue: D ? j : undefined
+                disabled: d,
+                error: b,
+                firstValue: _,
+                name: B,
+                onClick: N,
+                onKeyDown: $,
+                selectedValue: V ? A : undefined
             };
-        }), [ d, R, I, _, D, j ]);
+        }), [ d, b, _, N, $, B, V, A ]);
+        var H = d || q;
         
-        return n().createElement(P, E({
+        return n().createElement(D, E({
             flex: true,
-            $disabled: B,
-            $error: d,
-            elementRef: i,
+            $disabled: H,
+            $error: b,
+            elementRef: s,
             "data-test": "radio-bar",
-            "data-test-value": j,
-            role: p,
-            "aria-labelledby": c,
-            "aria-describedby": a,
-            "aria-disabled": B || undefined,
-            "aria-required": b,
-            "aria-invalid": p === "radiogroup" ? d : undefined
-        }, l()(m, "onChange")),  n().createElement(O.Provider, {
-            value: T
-        }, x));
+            "data-test-value": A,
+            "data-test-disabled": H ? "disabled" : undefined,
+            role: g,
+            "aria-labelledby": v,
+            "aria-describedby": i,
+            "aria-disabled": H || undefined,
+            "aria-required": y,
+            "aria-invalid": g === "radiogroup" ? b : undefined
+        }, a()(O, "onChange")),  n().createElement(S.Provider, {
+            value: z
+        }, R));
     }
-    U.Option = x;
-    U.propTypes = F;
-    /* harmony default export */    const X = U;
+    X.Option = A;
+    X.propTypes = L;
+    X.componentType = "RadioBar";
+    /* harmony default export */    const G = X;
     // only for styled components using RadioBar
         // CONCATENATED MODULE: ./src/RadioBar/index.ts
     module.exports = r;