react-lightning-design-system/lib/scripts/Checkbox.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.Checkbox = 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 _FormElement = require("./FormElement");
var _CheckboxGroup = require("./CheckboxGroup");
var _excluded = ["type", "id", "className", "label", "required", "cols", "tooltip", "tooltipIcon", "elementRef", "inputRef", "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 Checkbox = exports.Checkbox = function Checkbox(props) {
  var type = props.type,
    id_ = props.id,
    className = props.className,
    label = props.label,
    required = props.required,
    cols = props.cols,
    tooltip = props.tooltip,
    tooltipIcon = props.tooltipIcon,
    elementRef = props.elementRef,
    inputRef = props.inputRef,
    children = props.children,
    rprops = (0, _objectWithoutProperties2["default"])(props, _excluded);
  var prefix = (0, _react.useId)();
  var id = id_ !== null && id_ !== void 0 ? id_ : "".concat(prefix, "-id");
  var _useContext = (0, _react.useContext)(_CheckboxGroup.CheckboxGroupContext),
    grouped = _useContext.grouped,
    error = _useContext.error,
    errorId = _useContext.errorId;
  var formElemProps = {
    required: required,
    error: error,
    errorId: errorId,
    cols: cols,
    tooltip: tooltip,
    tooltipIcon: tooltipIcon,
    elementRef: elementRef
  };
  var checkClassNames = (0, _classnames["default"])(className, 'slds-checkbox');
  var check = /*#__PURE__*/_react["default"].createElement("div", {
    className: checkClassNames
  }, /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
    ref: inputRef,
    type: "checkbox"
  }, rprops, {
    id: id,
    "aria-describedby": error ? errorId : undefined
  })), /*#__PURE__*/_react["default"].createElement("label", {
    className: "slds-checkbox__label",
    htmlFor: id
  }, /*#__PURE__*/_react["default"].createElement("span", {
    className: "slds-checkbox_faux"
  }), /*#__PURE__*/_react["default"].createElement("span", {
    className: "slds-form-element__label"
  }, label || children)));
  return grouped ? check : /*#__PURE__*/_react["default"].createElement(_FormElement.FormElement, formElemProps, check);
};
//# sourceMappingURL=Checkbox.js.map