@splunk/react-ui 4.43.0 → 5.0.0-beta.2

package/RadioBar.js

@@ -24,11 +24,11 @@
     /******/    (() => {
         /******/ // 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, {
+            /******/ for (var n in t) {
+                /******/ if (e.o(t, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
                         enumerable: true,
-                        get: t[a]
+                        get: t[n]
                     });
                     /******/                }
                 /******/            }
@@ -61,562 +61,440 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Option: () => /* reexport */ T,
-        default: () => /* reexport */ ae
+        Option: () => /* reexport */ A,
+        default: () => /* reexport */ Q
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
-    var a =  e.n(t);
+    var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
-    const n = require("prop-types");
-    var o =  e.n(n);
-    // CONCATENATED MODULE: external "lodash/has"
-    const l = require("lodash/has");
-    var i =  e.n(l);
+    const o = require("prop-types");
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/omit"
-    const s = require("lodash/omit");
-    var u =  e.n(s);
+    const l = require("lodash/omit");
+    var i =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const c = require("@splunk/ui-utils/keyboard");
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const d = require("@splunk/themes");
+    const u = require("@splunk/ui-utils/keyboard");
+    // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
+    const d = require("@splunk/react-ui/useControlled");
+    var c =  e.n(d);
     // CONCATENATED MODULE: external "styled-components"
-    const p = require("styled-components");
-    var f =  e.n(p);
+    const s = require("styled-components");
+    var v =  e.n(s);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const b = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const v = require("@splunk/react-ui/Button");
-    var b =  e.n(v);
+    const f = require("@splunk/react-ui/Button");
+    var p =  e.n(f);
     // CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
-    var y = "inset 0 1px 0 rgba(0, 0, 0, 0.1)";
-    var g = "inset 0 2px 0 rgba(0, 0, 0, 0.1)";
-    var h = f()(b()).withConfig({
+    var y = 10;
+    var m = "2px";
+    var g = v()(p()).withConfig({
         displayName: "OptionStyles__StyledButton",
         componentId: "fyq77p-0"
-    })([ "", "" ], (0, d.pick)({
-        enterprise: (0, p.css)([ "", "" ], (function(e) {
-            var r = e.$optionSelected;
-            return r && (0, p.css)([ "&:not([disabled],[aria-disabled='true']){", "}&[disabled],&[aria-disabled='true']{", "}" ], (0, 
-            d.pickVariant)("appearance", {
-                default: (0, p.css)([ "", ";background-color:", ";border-color:", ";" ], (0, d.pick)({
-                    light: (0, p.css)([ "box-shadow:", ";" ], y),
-                    dark: (0, p.css)([ "box-shadow:inset 0 1px 0 ", ";" ], d.variables.black)
-                }), (0, d.pick)({
-                    light: d.variables.gray92,
-                    dark: d.variables.gray22
-                }), (0, d.pick)({
-                    light: d.variables.gray60,
-                    dark: d.variables.gray20
-                })),
-                destructive: (0, p.css)([ "box-shadow:", ";background-color:", ";" ], g, d.variables.errorColorD30),
-                subtle: (0, p.css)([ "border-color:", ";" ], d.variables.accentColor)
-            }), (0, d.pickVariant)("appearance", {
-                default: {
-                    light: (0, p.css)([ "box-shadow:", ";background-color:", ";border-color:", ";" ], y, d.variables.gray92, d.variables.gray80),
-                    dark: (0, p.css)([ "box-shadow:inset 0 1px 0 ", ";background-color:", ";border-color:", ";" ], d.variables.black, d.variables.gray22, d.variables.gray20)
-                },
-                destructive: (0, p.css)([ "box-shadow:", ";background-color:", ";" ], g, d.variables.errorColorD40),
-                subtle: (0, p.css)([ "border-color:", ";" ], d.variables.borderLightColor)
-            }));
-        })),
-        prisma: (0, p.css)([ "border-radius:3px;font-weight:initial;height:calc(", " - 6px);min-height:calc(", " - 6px);padding:2px 12px;> span{gap:", ";}", " &:not([disabled],[aria-disabled='true']){", "}" ], d.variables.inputHeight, d.variables.inputHeight, d.variables.spacingXSmall, (function(e) {
-            var r = e.$optionSelected;
-            return r && (0, p.css)([ "box-shadow:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";&:focus{background-color:", ";}}&:hover{background-color:", ";}&[disabled],&[aria-disabled='true']{background-color:", ";}" ], d.variables.embossShadow, (0, 
-            d.pick)({
-                dark: d.variables.interactiveColorOverlaySelected,
-                light: d.variables.white
-            }), (0, d.pick)({
-                dark: d.variables.interactiveColorOverlaySelected,
-                light: d.variables.white
-            }), d.mixins.overlayColors(d.variables.interactiveColorOverlaySelected, d.variables.interactiveColorOverlayHover), d.variables.backgroundColorPage);
-        }), (function(e) {
-            var r = e.$optionSelected;
-            return !r && (0, p.css)([ "color:", ";" ], d.variables.contentColorDefault);
-        }))
-    }));
-    var m = f().div.withConfig({
-        displayName: "OptionStyles__StyledPrismaIconWrapper",
-        componentId: "fyq77p-1"
-    })([ "flex:0 0 auto;margin-top:-2px;font-size:15px;" ]);
-    var O = f().div.withConfig({
+    })([ "border:", " solid ", ";border-radius:0;flex-grow: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:", ";border:0;box-shadow:", ";color:", ";z-index:", ";}&:not([disabled],[aria-disabled='true']){", "}&[disabled],&[aria-disabled='true']{background-color:", ";color:", ";z-index:0;}" ], m, b.variables.borderColor, b.variables.inputHeight, b.variables.inputHeight, b.variables.spacingXSmall, b.variables.spacingSmall, y, b.variables.contentColorDefault, b.variables.borderRadius, b.variables.borderRadius, b.variables.borderRadius, b.variables.borderRadius, m, b.variables.actionColorBackgroundSecondaryActive, b.variables.focusShadowInset, b.variables.contentColorActive, y * 5, (0, 
+    b.pickVariant)("$optionSelected", {
+        true: (0, s.css)([ "background-color:", ";border-color:", ";border-width:", ";color:", ";margin-left:-", ";z-index:", ";" ], b.variables.actionColorBackgroundSecondaryActive, b.variables.actionColorBorderSecondaryActive, m, b.variables.contentColorActive, m, y * 4),
+        false: (0, s.css)([ "&:hover{background-color:", ";border-color:", ";color:", ";z-index:", ";}" ], b.variables.actionColorBackgroundSecondaryHover, b.variables.borderColor, b.variables.contentColorActive, y * 3)
+    }), b.variables.actionColorBackgroundSecondaryDisabled, b.variables.contentColorDisabled);
+    var h = v().div.withConfig({
         displayName: "OptionStyles__StyledLabel",
-        componentId: "fyq77p-2"
-    })([ "", " flex:0 1 auto;", "" ], d.mixins.ellipsis, (0, d.pick)({
-        enterprise: (0, p.css)([ "&:not(:first-child){margin-left:", ";}" ], d.variables.spacingXSmall)
-    }));
-    var k = f().div.withConfig({
+        componentId: "fyq77p-1"
+    })([ "", " flex:0 1 auto;" ], b.mixins.ellipsis);
+    var O = v().div.withConfig({
         displayName: "OptionStyles__StyledAdornment",
-        componentId: "fyq77p-3"
-    })([ "flex:0 0 auto;", "" ], (0, d.pick)({
-        enterprise: (0, p.css)([ "&:not(:first-child){margin-left:", ";}" ], d.variables.spacingXSmall)
-    }));
+        componentId: "fyq77p-2"
+    })([ "display:flex;" ]);
     // CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
-    var w =  (0, t.createContext)({});
-    w.displayName = "RadioBar";
-    /* harmony default export */    const x = w;
+    var S =  (0, t.createContext)({});
+    S.displayName = "RadioBar";
+    /* harmony default export */    const w = S;
     // CONCATENATED MODULE: ./src/RadioBar/Option.tsx
-    function S() {
-        return S = Object.assign ? Object.assign.bind() : function(e) {
+    function C() {
+        return C = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
-                for (var a in t) {
-                    ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        }, S.apply(null, arguments);
+        }, C.apply(null, arguments);
     }
-    function C(e, r) {
+    function j(e, r) {
         if (null == e) return {};
-        var t, a, n = j(e, r);
+        var t, n, o = k(e, r);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < o.length; a++) {
-                t = o[a], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
-        return n;
+        return o;
     }
-    function j(e, r) {
+    function k(e, r) {
         if (null == e) return {};
         var t = {};
-        for (var a in e) {
-            if ({}.hasOwnProperty.call(e, a)) {
-                if (r.includes(a)) continue;
-                t[a] = e[a];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
             }
         }
         return t;
     }
-    var P = {
-        /** @private Set by `RadioBar`. */
-        append: o().bool,
-        disabled: o().bool,
-        startAdornment: o().node,
-        endAdornment: o().node,
-        icon: o().node,
-        label: o().string,
+    var x = {
+        disabled: a().bool,
+        startAdornment: a().node,
+        endAdornment: a().node,
+        label: a().string,
         /** @private Set by `RadioBar`. */
-        prepend: o().bool,
+        role: a().oneOf([ "radio", "menuitemradio" ]),
         /** @private Set by `RadioBar`. */
-        role: o().oneOf([ "radio", "menuitemradio" ]),
-        /** @private Set by `Radiobar`. */
-        selected: o().bool,
+        selected: a().bool,
         /** The value of the `Option`. */
-        value: o().any.isRequired
+        value: a().any.isRequired
     };
-    function E(e) {
-        var r = e.disabled, n = e.icon, o = e.label, l = e.selected, i = e.startAdornment, s = e.endAdornment, u = e.value, c = e.role, p = c === void 0 ? "radio" : c, f = C(e, [ "disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
+    function P(e) {
+        var r = e.disabled, o = e.label, a = e.selected, l = e.startAdornment, i = e.endAdornment, u = e.value, d = e.role, c = d === void 0 ? "radio" : d, s = j(e, [ "disabled", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
         // @docs-props-type OptionPropsBase
-                var v = (0, t.useContext)(x), b = v.onClick, y = v.appearance, g = v.error, w = v.onKeyDown, j = v.firstValue, P = v.selectedValue;
-        var E = (0, d.useSplunkTheme)(), T = E.isEnterprise, _ = E.isPrisma;
-        if (false) {}
-        var q = -1;
-        if (P) {
-            if (u === P) {
-                q = 0;
+                var v = (0, t.useContext)(w), b = v.onClick, f = v.error, p = v.onKeyDown, y = v.firstValue, m = v.selectedValue;
+        var S = -1;
+        if (m) {
+            if (u === m) {
+                S = 0;
             }
-        } else if (u === j) {
-            q = 0;
+        } else if (u === y) {
+            S = 0;
         }
-        var D = q;
-        var V = (0, t.useCallback)((function(e) {
-            if (!l) {
+        var k = S;
+        var x = (0, t.useCallback)((function(e) {
+            if (!a) {
                 b === null || b === void 0 ? void 0 : b(e, {
                     value: u,
                     label: o
                 });
             }
-        }), [ o, b, l, u ]);
-        var B = (0, t.useCallback)((function(e) {
-            return w === null || w === void 0 ? void 0 : w(e, {
+        }), [ o, b, a, u ]);
+        var P = (0, t.useCallback)((function(e) {
+            return p === null || p === void 0 ? void 0 : p(e, {
                 value: u,
                 label: o
             });
-        }), [ o, w, u ]);
+        }), [ o, p, u ]);
         
-        return a().createElement(h, S({
-            "aria-invalid": g,
+        return n().createElement(g, C({
+            "aria-invalid": f,
             "data-test": "option",
             "data-test-value": u,
-            appearance: T && g ? "destructive" : y,
-            disabled: r,
-            icon: !_ ? n : null,
-            $optionSelected: l,
+            appearance: "default",
+            disabled: r ? "disabled" : undefined,
+            $optionSelected: a,
             value: u
-        }, f, {
-            onClick: V,
-            role: p,
-            "aria-checked": l,
-            tabIndex: D,
-            onKeyDown: B
-        }), _ && n &&  a().createElement(m, null, n), i &&  a().createElement(k, null, i), o &&  a().createElement(O, null, o), s &&  a().createElement(k, null, s));
+        }, s, {
+            onClick: x,
+            role: c,
+            "aria-checked": a,
+            tabIndex: k,
+            onKeyDown: P
+        }), l &&  n().createElement(O, null, l), o &&  n().createElement(h, null, o), i &&  n().createElement(O, null, i));
     }
-    E.propTypes = P;
-    /* harmony default export */    const T = E;
+    P.propTypes = x;
+    /* harmony default export */    const A = P;
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const _ = require("@splunk/react-ui/Box");
-    var q =  e.n(_);
+    const B = require("@splunk/react-ui/Box");
+    var E =  e.n(B);
     // CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
-    var D = f()(q()).withConfig({
+    var q = v()(E()).withConfig({
         displayName: "RadioBarStyles__StyledRadioBar",
         componentId: "gg1b79-0"
-    })([ "height:", ";", " [data-inline] + &{margin-left:", ";}" ], d.variables.inputHeight, (0, 
-    d.pick)({
-        prisma: (0, p.css)([ "padding:2px;gap:2px;border-radius:", ";border:1px solid ", ";background:", ";" ], d.variables.borderRadius, (function(e) {
-            var r = e.$error;
-            return r ? d.variables.accentColorNegative : "transparent";
-        }), (function(e) {
-            var r = e.$disabled;
-            return r ? d.variables.interactiveColorBackgroundDisabled : d.variables.interactiveColorBackground;
-        }))
-    }), d.variables.spacingSmall);
+    })([ "height:", ";", "" ], b.variables.inputHeight, (function(e) {
+        var r = e.$error;
+        return r && (0, s.css)([ "& > ", "{border-color:", ";:not([disabled],[aria-disabled='true']){&:hover{border-color:", ";}&[aria-checked='true']{background-color:", ";border-color:", ";}}}" ], g, b.variables.actionColorBorderDestructiveSecondary, b.variables.actionColorBorderDestructiveSecondary, b.variables.actionColorBackgroundDestructiveSecondaryActive, b.variables.actionColorBorderDestructiveSecondaryActive);
+    }));
     // CONCATENATED MODULE: ./src/RadioBar/RadioBar.tsx
-    function V(e) {
+    function D(e) {
         "@babel/helpers - typeof";
-        return V = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return D = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, V(e);
+        }, D(e);
     }
-    function B() {
-        return B = Object.assign ? Object.assign.bind() : function(e) {
+    function R() {
+        return R = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
-                for (var a in t) {
-                    ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        }, B.apply(null, arguments);
-    }
-    function R(e, r) {
-        if (null == e) return {};
-        var t, a, n = I(e, r);
-        if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < o.length; a++) {
-                t = o[a], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
-            }
-        }
-        return n;
+        }, R.apply(null, arguments);
     }
     function I(e, r) {
-        if (null == e) return {};
-        var t = {};
-        for (var a in e) {
-            if ({}.hasOwnProperty.call(e, a)) {
-                if (r.includes(a)) continue;
-                t[a] = e[a];
-            }
-        }
-        return t;
-    }
-    function N(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
-            var a = Object.getOwnPropertySymbols(e);
-            r && (a = a.filter((function(r) {
+            var n = Object.getOwnPropertySymbols(e);
+            r && (n = n.filter((function(r) {
                 return Object.getOwnPropertyDescriptor(e, r).enumerable;
-            }))), t.push.apply(t, a);
+            }))), t.push.apply(t, n);
         }
         return t;
     }
-    function A(e) {
+    function _(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? N(Object(t), !0).forEach((function(r) {
-                G(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : N(Object(t)).forEach((function(r) {
+            r % 2 ? I(Object(t), !0).forEach((function(r) {
+                T(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : I(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function $(e, r) {
-        if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
-    }
-    function K(e, r) {
-        for (var t = 0; t < r.length; t++) {
-            var a = r[t];
-            a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), 
-            Object.defineProperty(e, J(a.key), a);
-        }
+    function T(e, r, t) {
+        return (r = V(r)) in e ? Object.defineProperty(e, r, {
+            value: t,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[r] = t, e;
     }
-    function H(e, r, t) {
-        return r && K(e.prototype, r), t && K(e, t), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
+    function V(e) {
+        var r = M(e, "string");
+        return "symbol" == D(r) ? r : r + "";
     }
     function M(e, r) {
-        if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(r && r.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
-            }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), r && X(e, r);
+        if ("object" != D(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var n = t.call(e, r || "default");
+            if ("object" != D(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+        }
+        return ("string" === r ? String : Number)(e);
     }
-    function X(e, r) {
-        return X = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
-            return e.__proto__ = r, e;
-        }, X(e, r);
+    function N(e, r) {
+        return F(e) || K(e, r) || z(e, r) || $();
     }
-    function L(e) {
-        var r = W();
-        return function() {
-            var t, a = F(e);
-            if (r) {
-                var n = F(this).constructor;
-                t = Reflect.construct(a, arguments, n);
-            } else t = a.apply(this, arguments);
-            return z(this, t);
-        };
+    function $() {
+        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 z(e, r) {
-        if (r && ("object" == V(r) || "function" == typeof r)) return r;
-        if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
-        return U(e);
+        if (e) {
+            if ("string" == typeof e) return H(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) ? H(e, r) : void 0;
+        }
     }
-    function U(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
+    function H(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 W() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (W = function r() {
-            return !!e;
-        })();
+    function K(e, r) {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
+            var n, o, a, l, i = [], u = !0, d = !1;
+            try {
+                if (a = (t = t.call(e)).next, 0 === r) {
+                    if (Object(t) !== t) return;
+                    u = !1;
+                } else for (;!(u = (n = a.call(t)).done) && (i.push(n.value), i.length !== r); u = !0) {
+                }
+            } catch (e) {
+                d = !0, o = e;
+            } finally {
+                try {
+                    if (!u && null != t["return"] && (l = t["return"](), Object(l) !== l)) return;
+                } finally {
+                    if (d) throw o;
+                }
+            }
+            return i;
+        }
     }
     function F(e) {
-        return F = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, F(e);
+        if (Array.isArray(e)) return e;
     }
-    function G(e, r, t) {
-        return (r = J(r)) in e ? Object.defineProperty(e, r, {
-            value: t,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[r] = t, e;
-    }
-    function J(e) {
-        var r = Q(e, "string");
-        return "symbol" == V(r) ? r : r + "";
+    function L(e, r) {
+        if (null == e) return {};
+        var t, n, o = U(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+            }
+        }
+        return o;
     }
-    function Q(e, r) {
-        if ("object" != V(e) || !e) return e;
-        var t = e[Symbol.toPrimitive];
-        if (void 0 !== t) {
-            var a = t.call(e, r || "default");
-            if ("object" != V(a)) return a;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
+    function U(e, r) {
+        if (null == e) return {};
+        var t = {};
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
+            }
         }
-        return ("string" === r ? String : Number)(e);
+        return t;
     }
-    /** @public */    var Y = {
-        appearance: o().oneOf([ "default", "pill" ]),
-        children: o().node,
-        defaultValue: o().any,
-        describedBy: o().string,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        error: o().bool,
-        inline: o().bool,
-        labelledBy: o().string,
-        name: o().string,
-        onChange: o().func,
+    /** @public */    var X = {
+        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,
         /** @private. */
-        required: o().bool,
-        role: o().oneOf([ "radiogroup", "menubar" ]),
-        /** @private */
-        splunkTheme: o().object,
-        value: o().any
+        required: a().bool,
+        role: a().oneOf([ "radiogroup", "menubar" ]),
+        value: a().any
     };
-    var Z = {
-        appearance: "default",
-        error: false,
-        inline: false,
-        role: "radiogroup"
+    // TODO(SUI-7012): Once converted to a functional component, this function can be removed and RadioBar should use useRovingFocus hook
+        var G = function e(r, t, n, o) {
+        var a = r === "forward" ? 1 : -1;
+        var l = r === "forward" ? "nextSibling" : "previousSibling";
+        var i = r === "forward" ? "firstElementChild" : "lastElementChild";
+        var u = r === "forward" ? 0 : t - 1;
+        var d = n[l];
+        var c = null;
+        var s = o + a;
+        while (d !== n && c === null) {
+            if (d === null) {
+                var v;
+                d = (v = n.parentElement) === null || v === void 0 ? void 0 : v[i];
+                s = u;
+            }
+            if (d.disabled) {
+                var b = d[l];
+                d = b;
+                s += a;
+            } else {
+                c = d;
+            }
+        }
+        return {
+            nextTargetRes: c,
+            nextIndexRes: s
+        };
     };
     /**
  * RadioBar is a form control that provides the ability to select one option out of a group.
- */    var ee =  function(e) {
-        M(n, e);
-        var r = L(n);
+ */    function J(e) {
+        var r = e.children, o = e.defaultValue, a = e.describedBy, l = e.error, d = e.labelledBy, s = e.name, v = e.onChange, b = e.required, f = e.role, p = f === void 0 ? "radiogroup" : f, y = e.value, m = L(e, [ "children", "defaultValue", "describedBy", "error", "labelledBy", "name", "onChange", "required", "role", "value" ]);
         // @docs-props-type RadioBarPropsBase
-        // eslint-disable-line @typescript-eslint/no-explicit-any
-                function n(e) {
-            var t;
-            $(this, n);
-            t = r.call(this, e);
-            G(U(t), "controlledExternally", void 0);
-            G(U(t), "filteredValues", []);
-            G(U(t), "handleClick", (function(e, r) {
-                t.handleOnChange(e, r);
+                var g = c()({
+            componentName: "RadioBar",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0]
+        });
+        var h = (0, t.useState)(o), O = N(h, 2), S = O[0], C = O[1];
+        var j = g ? y : S;
+        var k = (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;
             }));
-            G(U(t), "handleOnKeyDown", (function(e, r) {
-                var a = r.value, n = r.label;
-                var o = (0, c.keycode)(e.nativeEvent);
-                var l = e.currentTarget;
-                var i = null;
-                var s = 0;
-                var u = t.filteredValues.indexOf(a);
-                if (o === "down" || o === "right") {
-                    e.preventDefault();
-                    var d = t.getNextTarget("forward", l, u), p = d.nextTargetRes, f = d.nextIndexRes;
-                    i = p;
-                    s = f;
-                } else if (o === "up" || o === "left") {
-                    e.preventDefault();
-                    var v = t.getNextTarget("backward", l, u), b = v.nextTargetRes, y = v.nextIndexRes;
-                    i = b;
-                    s = y;
-                }
-                if (i) {
-                    var g;
-                    (g = i) === null || g === void 0 ? void 0 : g.focus();
-                    var h = t.filteredValues[s];
-                    t.handleOnChange(e, {
-                        value: h,
-                        label: n
-                    });
-                }
+            var o = 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;
             }));
-            G(U(t), "handleOnChange", (function(e, r) {
-                if (t.props.value !== r.value) {
-                    var a, n;
-                    (a = (n = t.props).onChange) === null || a === void 0 ? void 0 : a.call(n, e, A({
-                        name: t.props.name
-                    }, r));
-                    if (!t.isControlled()) {
-                        t.setState({
-                            value: r.value
-                        });
-                    }
-                }
+            var a = e.map((function(e, r) {
+                
+                return (0, t.cloneElement)(e, {
+                    selected: e.props.value === j,
+                    key: e.key || r,
+                    role: p === "radiogroup" ? "radio" : "menuitemradio"
+                });
             }));
-            t.controlledExternally = i()(e, "value");
-            if (!t.isControlled()) {
-                t.state = {
-                    value: e.defaultValue
-                };
-            }
+            return {
+                childrenFormatted: a,
+                disabled: o,
+                filteredValues: n
+            };
+        }), [ r, p, j ]), x = k.childrenFormatted, P = k.disabled, A = k.filteredValues;
+        var B = A[0];
+        var E = (0, t.useMemo)((function() {
+            return y == null || A.includes(j);
+        }), [ A, j, y ]);
+        (0, t.useEffect)((function() {
             if (false) {}
-            return t;
-        }
-        H(n, [ {
-            key: "componentDidUpdate",
-            value: function e(r) {
-                if (false) {}
-                if (false) {}
-            }
-        }, {
-            key: "isControlled",
-            value: function e() {
-                return this.controlledExternally;
-            }
- // TODO: Once converted to a functional component, this function can be removed and RadioBar should use useRovingFocus hook
-                }, {
-            key: "getNextTarget",
-            value: function e(r, t, a) {
-                var n = r === "forward" ? 1 : -1;
-                var o = r === "forward" ? "nextSibling" : "previousSibling";
-                var l = r === "forward" ? "firstElementChild" : "lastElementChild";
-                var i = r === "forward" ? 0 : this.filteredValues.length - 1;
-                var s = t[o];
-                var u = null;
-                var c = a + n;
-                while (s !== t && u === null) {
-                    if (s === null) {
-                        var d;
-                        s = (d = t.parentElement) === null || d === void 0 ? void 0 : d[l];
-                        c = i;
-                    }
-                    if (s.disabled) {
-                        var p = s[o];
-                        s = p;
-                        c += n;
-                    } else {
-                        u = s;
-                    }
+        }), [ A, j, E ]);
+        var D = (0, t.useCallback)((function(e, r) {
+            if (y !== r.value) {
+                v === null || v === void 0 ? void 0 : v(e, _({
+                    name: s
+                }, r));
+                if (!g) {
+                    C(r.value);
                 }
-                return {
-                    nextTargetRes: u,
-                    nextIndexRes: c
-                };
             }
-        }, {
-            key: "render",
-            value: function e() {
-                var r = this;
-                var n = this.props, o = n.appearance, l = n.children, i = n.describedBy, s = n.error, c = n.labelledBy, d = n.splunkTheme, p = n.value, f = n.required, v = n.role, b = R(n, [ "appearance", "children", "describedBy", "error", "labelledBy", "splunkTheme", "value", "required", "role" ]);
-                if (false) {}
-                var y = this.isControlled() ? p : this.state.value;
-                var g = d.isEnterprise;
-                var h = true;
-                this.filteredValues = [];
-                var m = t.Children.toArray(l).filter(t.isValidElement).map((function(e, a, n) {
-                    var o = n.length;
-                    r.filteredValues.push(e.props.value);
-                    if (e.props && !e.props.disabled) {
-                        h = false;
-                    }
-                    
-                    return (0, t.cloneElement)(e, {
-                        selected: e.props.value === y,
-                        key: e.key || a,
-                        append: a < o - 1,
-                        prepend: a > 0,
-                        role: v === "radiogroup" ? "radio" : "menuitemradio"
-                    });
-                }));
-                var O = this.filteredValues[0];
-                var k = p == null || this.filteredValues.includes(y);
-                if (false) {}
-                var w = g && o === "default" ? "default" : "subtle";
-                // eslint-disable-next-line react/jsx-no-constructed-context-values
-                                var S = {
-                    appearance: w,
-                    onClick: this.handleClick,
-                    error: s,
-                    onKeyDown: this.handleOnKeyDown,
-                    firstValue: O,
-                    selectedValue: k ? y : undefined
-                };
-                
-                return a().createElement(D, B({
-                    flex: true,
-                    $disabled: h,
-                    $error: s,
-                    "data-test": "radio-bar",
-                    "data-test-value": y,
-                    role: v,
-                    "aria-labelledby": c,
-                    "aria-describedby": i,
-                    "aria-disabled": h || undefined,
-                    "aria-required": f,
-                    "aria-invalid": v === "radiogroup" ? s : undefined
-                }, u()(b, "onChange")),  a().createElement(x.Provider, {
-                    value: S
-                }, m));
+        }), [ g, s, v, y ]);
+        var I = (0, t.useCallback)((function(e, r) {
+            var t = r.value, n = r.label;
+            var o = (0, u.keycode)(e.nativeEvent);
+            var a = e.currentTarget;
+            var l = null;
+            var i = 0;
+            var d = A.indexOf(t);
+            if (o === "down" || o === "right") {
+                e.preventDefault();
+                var c = G("forward", A.length, a, d), s = c.nextTargetRes, v = c.nextIndexRes;
+                l = s;
+                i = v;
+            } else if (o === "up" || o === "left") {
+                e.preventDefault();
+                var b = G("backward", A.length, a, d), f = b.nextTargetRes, p = b.nextIndexRes;
+                l = f;
+                i = p;
             }
-        } ]);
-        return n;
-    }(t.Component);
-    G(ee, "propTypes", Y);
-    G(ee, "defaultProps", Z);
-    G(ee, "Option", T);
-    var re = (0, d.withSplunkTheme)(ee);
-    var te = re;
-    te.propTypes = ee.propTypes;
-    te.Option = T;
-    /* harmony default export */    const ae = te;
+            if (l) {
+                var y;
+                (y = l) === null || y === void 0 ? void 0 : y.focus();
+                var m = A[i];
+                D(e, {
+                    value: m,
+                    label: n
+                });
+            }
+        }), [ A, D ]);
+        var T = (0, t.useMemo)((function() {
+            return {
+                error: l,
+                firstValue: B,
+                onClick: D,
+                onKeyDown: I,
+                selectedValue: E ? j : undefined
+            };
+        }), [ l, B, D, I, E, j ]);
+        
+        return n().createElement(q, R({
+            flex: true,
+            $disabled: P,
+            $error: l,
+            "data-test": "radio-bar",
+            "data-test-value": j,
+            role: p,
+            "aria-labelledby": d,
+            "aria-describedby": a,
+            "aria-disabled": P || undefined,
+            "aria-required": b,
+            "aria-invalid": p === "radiogroup" ? l : undefined
+        }, i()(m, "onChange")),  n().createElement(w.Provider, {
+            value: T
+        }, x));
+    }
+    J.Option = A;
+    J.propTypes = X;
+    /* harmony default export */    const Q = J;
     // only for styled components using RadioBar
         // CONCATENATED MODULE: ./src/RadioBar/index.ts
     module.exports = r;