@r3l/app/lib/modules/styled/form/reduxformimageupload.component.js

Relevant App

"use strict";

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

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

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _imageUpload = _interopRequireDefault(require("../../ui/web/imageUpload.component"));

var _ = require("./..");

var ReduxFormField = function ReduxFormField(props) {
  var label = props.label,
      meta = props.meta,
      name = props.name,
      placeholder = props.placeholder,
      imageComponent = props.imageComponent;
  var _props$input = props.input,
      _onChange = _props$input.onChange,
      value = _props$input.value;
  var touched = meta.touched,
      error = meta.error,
      warning = meta.warning;
  return /*#__PURE__*/_react.default.createElement(_.View, {
    sx: {
      mt: 3
    }
  }, label ? /*#__PURE__*/_react.default.createElement("label", {
    "html-for": name
  }, /*#__PURE__*/_react.default.createElement(_.LinkFont, {
    sx: {
      color: 'black'
    }
  }, label)) : null, /*#__PURE__*/_react.default.createElement(_imageUpload.default, {
    placeholder: value || placeholder,
    imageComponent: imageComponent,
    onChange: function onChange(vals) {
      _onChange(vals);
    }
  }), touched && (error && /*#__PURE__*/_react.default.createElement(_.SecondaryText, {
    sx: {
      color: 'red',
      mt: 1
    }
  }, error) || warning && /*#__PURE__*/_react.default.createElement(_.SecondaryText, {
    sx: {
      color: 'red'
    }
  }, warning)));
};

ReduxFormField.propTypes = {
  name: _propTypes.default.string,
  label: _propTypes.default.string,
  meta: _propTypes.default.object,
  input: _propTypes.default.object,
  placeholder: _propTypes.default.node,
  imageComponent: _propTypes.default.node
};
var _default = ReduxFormField;
exports.default = _default;
//# sourceMappingURL=reduxformimageupload.component.js.map