es-grid-template/lib/grid-component/control/InputControl/InputControl.js

es-grid-template

"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 _reactHookForm = require("react-hook-form");
var _rcMasterUi = require("rc-master-ui");
var _antd = require("antd");
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireWildcard(require("react"));
var _hooks = require("../../hooks");
var _grid = require("rc-master-ui/es/grid");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
// import {isNullOrUndefined} from "../../../hooks"

const {
  Text
} = _antd.Typography;
const InputControl = props => {
  const {
    id,
    control,
    name,
    type,
    label,
    labelSize,
    required,
    errors,
    height,
    disabled,
    row,
    isLabel,
    placeholder,
    autoFocus,
    inLine,
    callback,
    readOnly,
    classes,
    isView,
    t,
    onKeyDown,
    ...rest
  } = props;
  const renderLabel = () => {
    return /*#__PURE__*/_react.default.createElement(_grid.Col, {
      span: 6
    }, isLabel === false ? '' : /*#__PURE__*/_react.default.createElement("label", {
      className: "form-label"
    }, t ? t(label ? label : '') : label ? label : '', " ", required ? /*#__PURE__*/_react.default.createElement("span", {
      className: "text-danger"
    }, "*") : '', " "));
  };

  // const renderText = () => {
  //   return (
  //     <Fragment>
  //       <Controller
  //         name={name}
  //         control={control}
  //         render={({ field: { value } }) => (
  //           <span>{value}</span>
  //         )}
  //       />
  //     </Fragment>
  //   )
  // }

  const renderInput = () => {
    return /*#__PURE__*/_react.default.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column'
      }
    }, /*#__PURE__*/_react.default.createElement(_reactHookForm.Controller, {
      name: name,
      control: control,
      render: ({
        field: {
          value,
          onChange
        }
      }) => /*#__PURE__*/_react.default.createElement(_rcMasterUi.Input, (0, _extends2.default)({}, rest, {
        id: id,
        value: !(0, _hooks.isNullOrUndefined)(value) ? value : '',
        onChange: val => {
          onChange(val.target.value);
          if (callback) {
            callback(val);
          }
        },
        style: {
          height: `${height}px`
        },
        autoFocus: autoFocus,
        disabled: disabled,
        placeholder: placeholder,
        type: type ? type : 'text'
        // invalid={errors && true}
        ,
        status: errors && true ? 'error' : undefined
        // rows={row}
        ,
        readOnly: readOnly,
        onKeyDown: onKeyDown
      }))
    }), errors && /*#__PURE__*/_react.default.createElement(Text, {
      type: "danger"
    }, errors?.message));
  };
  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_grid.Row, {
    gutter: [4, 4]
    // className={classnames(' align', {
    //   [labelSize ? labelSize : '']: labelSize,
    //   [classes ? classes : '']: classes,
    //   'form-row-inline-error': errors
    // }, inLine === false ? 'form-group ' : 'form-row-inline d-flex'
    // )}
  }, renderLabel(), /*#__PURE__*/_react.default.createElement(_grid.Col, {
    span: 18,
    className: (0, _classnames.default)('', {
      'hidden-label': isLabel === false
    })
  }, renderInput())));
};
var _default = exports.default = InputControl;