@e-group/material-formik/esm/TextLoadingField/TextLoadingField.js

Custom react components for integrate redux-form.

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import React from 'react';
import TextLoading from '@e-group/material/TextLoading';
import useFieldStatus from '../utils/useFieldStatus';

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

  const _useFieldStatus = useFieldStatus(field, form, disabledProp),
        fieldError = _useFieldStatus.fieldError,
        showError = _useFieldStatus.showError,
        disabled = _useFieldStatus.disabled;

  return /*#__PURE__*/React.createElement(TextLoading, _extends({
    disabled: disabled,
    helperText: showError ? fieldError : helperText,
    error: showError
  }, field, other));
};

export default TextLoadingField;