@centreon/react-components/lib/InputField/index.js

react components used by centreon web frontend

"use strict";

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

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

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

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

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

var _classnames = _interopRequireDefault(require("classnames"));

var _inputText = _interopRequireDefault(require("./input-text.scss"));

var _IconInfo = _interopRequireDefault(require("../Icon/IconInfo"));

/* eslint-disable jsx-a11y/label-has-for */

/* eslint-disable react/jsx-filename-extension */

/* eslint-disable react/prop-types */
var InputField = function InputField(_ref) {
  var type = _ref.type,
      label = _ref.label,
      placeholder = _ref.placeholder,
      topRightLabel = _ref.topRightLabel,
      name = _ref.name,
      inputSize = _ref.inputSize,
      error = _ref.error,
      iconName = _ref.iconName,
      iconColor = _ref.iconColor,
      noMargin = _ref.noMargin,
      _ref$reference = _ref.reference,
      reference = _ref$reference === void 0 ? function () {} : _ref$reference,
      rest = (0, _objectWithoutProperties2["default"])(_ref, ["type", "label", "placeholder", "topRightLabel", "name", "inputSize", "error", "iconName", "iconColor", "noMargin", "reference"]);
  return _react["default"].createElement("div", {
    className: (0, _classnames["default"])(_inputText["default"]['form-group'], _inputText["default"][inputSize || ''], error ? _inputText["default"]['has-danger'] : '', noMargin ? _inputText["default"]['no-bottom-margin'] : '')
  }, label && _react["default"].createElement("label", {
    htmlFor: rest.id
  }, _react["default"].createElement("span", null, iconName ? _react["default"].createElement(_IconInfo["default"], {
    iconName: iconName,
    iconColor: iconColor
  }) : null, label), _react["default"].createElement("span", {
    className: (0, _classnames["default"])(_inputText["default"]['label-option'], _inputText["default"].required)
  }, topRightLabel || null)), _react["default"].createElement("input", (0, _extends2["default"])({
    name: name,
    type: type,
    placeholder: placeholder,
    className: (0, _classnames["default"])(_inputText["default"]['form-control']),
    ref: reference
  }, rest)), error ? _react["default"].createElement("div", {
    className: (0, _classnames["default"])(_inputText["default"]['form-error'])
  }, error) : null);
};

exports.InputField = InputField;
var _default = InputField;
exports["default"] = _default;