react-lightning-design-system/lib/scripts/Radio.js

Salesforce Lightning Design System components built with React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Radio = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _RadioGroup = require("./RadioGroup");
var _hooks = require("./hooks");
var _excluded = ["id", "className", "label", "name", "value", "inputRef", "onChange", "children"];
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
/**
 *
 */

/**
 *
 */
var Radio = exports.Radio = function Radio(_ref) {
  var id_ = _ref.id,
    className = _ref.className,
    label = _ref.label,
    name = _ref.name,
    value = _ref.value,
    inputRef = _ref.inputRef,
    onChange_ = _ref.onChange,
    children = _ref.children,
    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  var _useContext = (0, _react.useContext)(_RadioGroup.RadioGroupContext),
    grpName = _useContext.name,
    error = _useContext.error,
    errorId = _useContext.errorId,
    onValueChange = _useContext.onValueChange;
  var prefix = (0, _react.useId)();
  var id = id_ !== null && id_ !== void 0 ? id_ : "".concat(prefix, "-id");
  var onChange = (0, _hooks.useEventCallback)(function (e) {
    onChange_ === null || onChange_ === void 0 || onChange_(e);
    if (value != null) {
      onValueChange === null || onValueChange === void 0 || onValueChange(value);
    }
  });
  var radioClassNames = (0, _classnames["default"])(className, 'slds-radio');
  return /*#__PURE__*/_react["default"].createElement("span", {
    className: radioClassNames
  }, /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
    ref: inputRef,
    type: "radio",
    name: name !== null && name !== void 0 ? name : grpName,
    value: value,
    onChange: onChange
  }, props, {
    id: id,
    "aria-describedby": error ? errorId : undefined
  })), /*#__PURE__*/_react["default"].createElement("label", {
    className: "slds-radio__label",
    htmlFor: id
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "slds-radio_faux"
  }), /*#__PURE__*/_react["default"].createElement("span", {
    className: "slds-form-element__label"
  }, label || children)));
};
//# sourceMappingURL=Radio.js.map