@carbon/react 0.17.0-rc.0 → 1.0.0

package/lib/components/RadioButton/RadioButton.Skeleton.js

@@ -0,0 +1,47 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var usePrefix = require('../../internal/usePrefix.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var _excluded = ["className"];
+
+function RadioButtonSkeleton(_ref) {
+  var className = _ref.className,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    className: cx__default["default"]("".concat(prefix, "--radio-button-wrapper"), className)
+  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(prefix, "--radio-button ").concat(prefix, "--skeleton")
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--radio-button__label ").concat(prefix, "--skeleton")
+  }));
+}
+
+RadioButtonSkeleton.propTypes = {
+  /**
+   * Specify an optional className to add.
+   */
+  className: PropTypes__default["default"].string
+};
+
+exports["default"] = RadioButtonSkeleton;

package/lib/components/RadioButton/RadioButton.js

@@ -0,0 +1,183 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var cx = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
+var warning = require('../../internal/warning.js');
+var uniqueId = require('../../tools/uniqueId.js');
+require('../Text/index.js');
+var usePrefix = require('../../internal/usePrefix.js');
+var Text = require('../Text/Text.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["className", "labelText", "labelPosition", "innerRef", "hideLabel"];
+
+var RadioButton = /*#__PURE__*/function (_React$Component) {
+  _rollupPluginBabelHelpers.inherits(RadioButton, _React$Component);
+
+  var _super = _rollupPluginBabelHelpers.createSuper(RadioButton);
+
+  function RadioButton() {
+    var _this;
+
+    _rollupPluginBabelHelpers.classCallCheck(this, RadioButton);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "prefix", _this.context);
+
+    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "uid", _this.props.id || uniqueId["default"]());
+
+    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleChange", function (evt) {
+      _this.props.onChange(_this.props.value, _this.props.name, evt);
+    });
+
+    return _this;
+  }
+
+  _rollupPluginBabelHelpers.createClass(RadioButton, [{
+    key: "render",
+    value: function render() {
+      var prefix = this.prefix;
+
+      var _this$props = this.props,
+          className = _this$props.className,
+          labelText = _this$props.labelText,
+          labelPosition = _this$props.labelPosition,
+          ref = _this$props.innerRef,
+          hideLabel = _this$props.hideLabel,
+          other = _rollupPluginBabelHelpers.objectWithoutProperties(_this$props, _excluded);
+
+      if (process.env.NODE_ENV !== "production") {
+        process.env.NODE_ENV !== "production" ? warning.warning(labelPosition !== 'top' && labelPosition !== 'bottom', '`top`/`bottom` values for `labelPosition` property in the `RadioButton` component is deprecated ' + 'and being removed in the next release of `carbon-components-react`.') : void 0;
+      }
+
+      var innerLabelClasses = cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
+      var wrapperClasses = cx__default["default"](className, "".concat(prefix, "--radio-button-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--radio-button-wrapper--label-").concat(labelPosition), labelPosition !== 'right'));
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: wrapperClasses
+      }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
+        type: "radio",
+        className: "".concat(prefix, "--radio-button"),
+        onChange: this.handleChange,
+        id: this.uid,
+        ref: ref
+      })), /*#__PURE__*/React__default["default"].createElement("label", {
+        htmlFor: this.uid,
+        className: "".concat(prefix, "--radio-button__label")
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "".concat(prefix, "--radio-button__appearance")
+      }), labelText && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+        className: innerLabelClasses
+      }, labelText)));
+    }
+  }]);
+
+  return RadioButton;
+}(React__default["default"].Component);
+
+_rollupPluginBabelHelpers.defineProperty(RadioButton, "propTypes", {
+  /**
+   * Specify whether the <RadioButton> is currently checked
+   */
+  checked: PropTypes__default["default"].bool,
+
+  /**
+   * Provide an optional className to be applied to the containing node
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether the <RadioButton> should be checked by default
+   */
+  defaultChecked: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether the control is disabled
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether the label should be hidden, or not
+   */
+  hideLabel: PropTypes__default["default"].bool,
+
+  /**
+   * Provide a unique id for the underlying `<input>` node
+   */
+  id: PropTypes__default["default"].string,
+
+  /**
+   * Provide where label text should be placed
+   * NOTE: `top`/`bottom` are deprecated
+   */
+  labelPosition: PropTypes__default["default"].oneOf(['top', 'right', 'bottom', 'left']),
+
+  /**
+   * Provide label text to be read by screen readers when interacting with the
+   * control
+   */
+  labelText: PropTypes__default["default"].node.isRequired,
+
+  /**
+   * Provide a name for the underlying `<input>` node
+   */
+  name: PropTypes__default["default"].string,
+
+  /**
+   * Provide an optional `onChange` hook that is called each time the value of
+   * the underlying `<input>` changes
+   */
+  onChange: PropTypes__default["default"].func,
+
+  /**
+   * Provide a handler that is invoked when a user clicks on the control
+   */
+  onClick: PropTypes__default["default"].func,
+
+  /**
+   * Specify the value of the <RadioButton>
+   */
+  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired
+});
+
+_rollupPluginBabelHelpers.defineProperty(RadioButton, "contextType", usePrefix.PrefixContext);
+
+_rollupPluginBabelHelpers.defineProperty(RadioButton, "defaultProps", {
+  labelText: '',
+  labelPosition: 'right',
+  onChange: function onChange() {},
+  value: ''
+});
+var RadioButtonClassic = (function () {
+  var forwardRef = function forwardRef(props, ref) {
+    return /*#__PURE__*/React__default["default"].createElement(RadioButton, _rollupPluginBabelHelpers["extends"]({}, props, {
+      innerRef: ref
+    }));
+  };
+
+  forwardRef.displayName = 'RadioButton';
+  return /*#__PURE__*/React__default["default"].forwardRef(forwardRef);
+})();
+
+exports.RadioButton = RadioButton;
+exports["default"] = RadioButtonClassic;

package/lib/components/RadioButton/index.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FeatureFlags = require('@carbon/feature-flags');
+var RadioButton$2 = require('./next/RadioButton.js');
+var RadioButton$3 = require('./RadioButton.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
+
+var RadioButton = FeatureFlags__namespace.enabled('enable-v11-release') ? RadioButton$2["default"] : RadioButton$3["default"];
+var RadioButton$1 = RadioButton;
+
+exports["default"] = RadioButton$1;

package/lib/components/RadioButton/next/RadioButton.js

@@ -0,0 +1,138 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var usePrefix = require('../../../internal/usePrefix.js');
+var useId = require('../../../internal/useId.js');
+require('../../Text/index.js');
+var Text = require('../../Text/Text.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var _excluded = ["className", "disabled", "hideLabel", "id", "labelPosition", "labelText", "name", "onChange", "value"];
+var RadioButton = /*#__PURE__*/React__default["default"].forwardRef(function RadioButton(_ref, ref) {
+  var className = _ref.className,
+      disabled = _ref.disabled,
+      hideLabel = _ref.hideLabel,
+      id = _ref.id,
+      _ref$labelPosition = _ref.labelPosition,
+      labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
+      _ref$labelText = _ref.labelText,
+      labelText = _ref$labelText === void 0 ? '' : _ref$labelText,
+      name = _ref.name,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var uid = useId.useId('radio-button');
+  var uniqueId = id || uid;
+
+  function handleOnChange(event) {
+    onChange(value, name, event);
+  }
+
+  var innerLabelClasses = cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
+  var wrapperClasses = cx__default["default"](className, "".concat(prefix, "--radio-button-wrapper"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--radio-button-wrapper--label-").concat(labelPosition), labelPosition !== 'right'));
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: wrapperClasses
+  }, /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    type: "radio",
+    className: "".concat(prefix, "--radio-button"),
+    onChange: handleOnChange,
+    id: uniqueId,
+    ref: ref,
+    disabled: disabled
+  })), /*#__PURE__*/React__default["default"].createElement("label", {
+    htmlFor: uniqueId,
+    className: "".concat(prefix, "--radio-button__label")
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--radio-button__appearance")
+  }), labelText && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    className: innerLabelClasses
+  }, labelText)));
+});
+RadioButton.propTypes = {
+  /**
+   * Specify whether the `<RadioButton>` is currently checked
+   */
+  checked: PropTypes__default["default"].bool,
+
+  /**
+   * Provide an optional className to be applied to the containing node
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether the `<RadioButton>` should be checked by default
+   */
+  defaultChecked: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether the control is disabled
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether the label should be hidden, or not
+   */
+  hideLabel: PropTypes__default["default"].bool,
+
+  /**
+   * Provide a unique id for the underlying `<input>` node
+   */
+  id: PropTypes__default["default"].string,
+
+  /**
+   * Provide where label text should be placed
+   * NOTE: `top`/`bottom` are deprecated
+   */
+  labelPosition: PropTypes__default["default"].oneOf(['right', 'left']),
+
+  /**
+   * Provide label text to be read by screen readers when interacting with the
+   * control
+   */
+  labelText: PropTypes__default["default"].node.isRequired,
+
+  /**
+   * Provide a name for the underlying `<input>` node
+   */
+  name: PropTypes__default["default"].string,
+
+  /**
+   * Provide an optional `onChange` hook that is called each time the value of
+   * the underlying `<input>` changes
+   */
+  onChange: PropTypes__default["default"].func,
+
+  /**
+   * Provide a handler that is invoked when a user clicks on the control
+   */
+  onClick: PropTypes__default["default"].func,
+
+  /**
+   * Specify the value of the `<RadioButton>`
+   */
+  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired
+};
+var RadioButtonNext = RadioButton;
+
+exports["default"] = RadioButtonNext;

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -0,0 +1,200 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var warning = require('../../internal/warning.js');
+var index = require('../Text/index.js');
+var index$1 = require('../FeatureFlags/index.js');
+var usePrefix = require('../../internal/usePrefix.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+var RadioButtonGroup = /*#__PURE__*/function (_React$Component) {
+  _rollupPluginBabelHelpers.inherits(RadioButtonGroup, _React$Component);
+
+  var _super = _rollupPluginBabelHelpers.createSuper(RadioButtonGroup);
+
+  function RadioButtonGroup() {
+    var _this;
+
+    _rollupPluginBabelHelpers.classCallCheck(this, RadioButtonGroup);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "state", {
+      selected: typeof _this.props.valueSelected !== 'undefined' ? _this.props.valueSelected : _this.props.defaultSelected
+    });
+
+    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "getRadioButtons", function () {
+      var children = React__default["default"].Children.map(_this.props.children, function (radioButton) {
+        var value = radioButton.props.value;
+        /* istanbul ignore if */
+
+        if (typeof radioButton.props.checked !== 'undefined') {
+          process.env.NODE_ENV !== "production" ? warning.warning(false, "Instead of using the checked property on the RadioButton, set\n            the defaultSelected property or valueSelected property on the RadioButtonGroup.") : void 0;
+        }
+
+        return /*#__PURE__*/React__default["default"].cloneElement(radioButton, {
+          name: _this.props.name,
+          key: value,
+          value: value,
+          onChange: _this.handleChange,
+          checked: value === _this.state.selected
+        });
+      });
+      return children;
+    });
+
+    _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.assertThisInitialized(_this), "handleChange", function (newSelection, value, evt) {
+      if (newSelection !== _this.state.selected) {
+        _this.setState({
+          selected: newSelection
+        });
+
+        _this.props.onChange(newSelection, _this.props.name, evt);
+      }
+    });
+
+    return _this;
+  }
+
+  _rollupPluginBabelHelpers.createClass(RadioButtonGroup, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          disabled = _this$props.disabled,
+          className = _this$props.className,
+          hideLegend = _this$props.hideLegend,
+          orientation = _this$props.orientation,
+          labelPosition = _this$props.labelPosition,
+          legendText = _this$props.legendText;
+      var scope = this.context;
+      var enabled;
+
+      if (scope.enabled) {
+        enabled = scope.enabled('enable-v11-release');
+      }
+
+      return /*#__PURE__*/React__default["default"].createElement(usePrefix.PrefixContext.Consumer, null, function (prefix) {
+        var _classNames;
+
+        var wrapperClasses = cx__default["default"]("".concat(prefix, "--radio-button-group"), [enabled ? null : className], (_classNames = {}, _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--").concat(orientation), orientation === 'vertical'), _rollupPluginBabelHelpers.defineProperty(_classNames, "".concat(prefix, "--radio-button-group--label-").concat(labelPosition), labelPosition), _classNames));
+        var legendClasses = cx__default["default"]("".concat(prefix, "--label"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLegend));
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: enabled ? cx__default["default"]("".concat(prefix, "--form-item"), className) : "".concat(prefix, "--form-item")
+        }, /*#__PURE__*/React__default["default"].createElement("fieldset", {
+          className: wrapperClasses,
+          disabled: disabled
+        }, legendText && /*#__PURE__*/React__default["default"].createElement(index.Legend, {
+          className: legendClasses
+        }, legendText), _this2.getRadioButtons()));
+      });
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(_ref, state) {
+      var valueSelected = _ref.valueSelected,
+          defaultSelected = _ref.defaultSelected;
+      var prevValueSelected = state.prevValueSelected;
+      return prevValueSelected === valueSelected ? null : {
+        selected: typeof valueSelected !== 'undefined' ? valueSelected : defaultSelected,
+        prevValueSelected: valueSelected
+      };
+    }
+  }]);
+
+  return RadioButtonGroup;
+}(React__default["default"].Component);
+
+_rollupPluginBabelHelpers.defineProperty(RadioButtonGroup, "propTypes", {
+  /**
+   * Provide a collection of <RadioButton> components to render in the group
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Provide an optional className to be applied to the container node
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify the <RadioButton> to be selected by default
+   */
+  defaultSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+
+  /**
+   * Specify whether the group is disabled
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether the legend should be hidden, or not
+   */
+  hideLegend: PropTypes__default["default"].bool,
+
+  /**
+   * Provide where label text should be placed
+   */
+  labelPosition: PropTypes__default["default"].oneOf(['left', 'right']),
+
+  /**
+   * Provide a legend to the RadioButtonGroup input that you are
+   * exposing to the user
+   */
+  legendText: PropTypes__default["default"].node,
+
+  /**
+   * Specify the name of the underlying `<input>` nodes
+   */
+  name: PropTypes__default["default"].string.isRequired,
+
+  /**
+   * Provide an optional `onChange` hook that is called whenever the value of
+   * the group changes
+   */
+  onChange: PropTypes__default["default"].func,
+
+  /**
+   * Provide where radio buttons should be placed
+   */
+  orientation: PropTypes__default["default"].oneOf(['horizontal', 'vertical']),
+
+  /**
+   * Specify the value that is currently selected in the group
+   */
+  valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
+});
+
+_rollupPluginBabelHelpers.defineProperty(RadioButtonGroup, "defaultProps", {
+  orientation: 'horizontal',
+  labelPosition: 'right',
+  hideLegend: false,
+  onChange:
+  /* istanbul ignore next */
+  function onChange() {}
+});
+
+_rollupPluginBabelHelpers.defineProperty(RadioButtonGroup, "contextType", index$1.FeatureFlagContext);
+
+exports["default"] = RadioButtonGroup;

package/lib/components/RadioButtonGroup/index.js

@@ -0,0 +1,39 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FeatureFlags = require('@carbon/feature-flags');
+var RadioButtonGroup$2 = require('./next/RadioButtonGroup.js');
+var RadioButtonGroup$3 = require('./RadioButtonGroup.js');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
+
+var RadioButtonGroup = FeatureFlags__namespace.enabled('enable-v11-release') ? RadioButtonGroup$2["default"] : RadioButtonGroup$3["default"];
+var RadioButtonGroup$1 = RadioButtonGroup;
+
+exports["default"] = RadioButtonGroup$1;