@e-group/material-formik/CheckboxInputGroupField/CheckboxInputGroupField.js

Custom react components for integrate redux-form.

"use strict";

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

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

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

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

var _react = _interopRequireDefault(require("react"));

var _CheckboxInputGroup = _interopRequireDefault(require("@e-group/material/CheckboxInputGroup"));

var _useFieldStatus2 = _interopRequireDefault(require("../utils/useFieldStatus"));

// Code below is refer to https://github.com/erikras/redux-form/issues/1037
const CheckboxInputGroupField = props => {
  const field = props.field,
        setFieldValue = props.form.setFieldValue,
        errorProp = props.error,
        helperText = props.helperText,
        disabledProp = props.disabled,
        other = (0, _objectWithoutProperties2.default)(props, ["field", "form", "error", "helperText", "disabled"]);

  const _useFieldStatus = (0, _useFieldStatus2.default)(field, props.form, disabledProp),
        fieldError = _useFieldStatus.fieldError,
        showError = _useFieldStatus.showError,
        disabled = _useFieldStatus.disabled;

  const handleChange = value => {
    setFieldValue(field.name, value);
  };

  return /*#__PURE__*/_react.default.createElement(_CheckboxInputGroup.default, (0, _extends2.default)({
    error: showError,
    disabled: disabled,
    helperText: showError ? fieldError : helperText
  }, field, {
    onChange: handleChange
  }, other));
};

var _default = CheckboxInputGroupField;
exports.default = _default;