@e-group/material-formik/TextLoadingField/TextLoadingField.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 _TextLoading = _interopRequireDefault(require("@e-group/material/TextLoading"));

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

const TextLoadingField = props => {
  const field = props.field,
        form = props.form,
        disabledProp = props.disabled,
        helperText = props.helperText,
        other = (0, _objectWithoutProperties2.default)(props, ["field", "form", "disabled", "helperText"]);

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

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

var _default = TextLoadingField;
exports.default = _default;