@wordpress/components/build/radio-group/index.js

UI components for WordPress.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@wordpress/element");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _Radio = require("reakit/Radio");

var _buttonGroup = _interopRequireDefault(require("../button-group"));

var _radioContext = _interopRequireDefault(require("./radio-context"));

// @ts-nocheck

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
function RadioGroup(_ref, ref) {
  let {
    label,
    checked,
    defaultChecked,
    disabled,
    onChange,
    ...props
  } = _ref;
  const radioState = (0, _Radio.useRadioState)({
    state: defaultChecked,
    baseId: props.id
  });
  const radioContext = { ...radioState,
    disabled,
    // Controlled or uncontrolled.
    state: checked !== null && checked !== void 0 ? checked : radioState.state,
    setState: onChange !== null && onChange !== void 0 ? onChange : radioState.setState
  };
  return (0, _element.createElement)(_radioContext.default.Provider, {
    value: radioContext
  }, (0, _element.createElement)(_Radio.RadioGroup, (0, _extends2.default)({
    ref: ref,
    as: _buttonGroup.default,
    "aria-label": label
  }, radioState, props)));
}
/**
 * @deprecated Use `RadioControl` or `ToggleGroupControl` instead.
 */


var _default = (0, _element.forwardRef)(RadioGroup);

exports.default = _default;
//# sourceMappingURL=index.js.map