npm-nc-components/dist/SelectField.js

Reusable React components for Header and SelectField.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _formik = require("formik");
var _propTypes = _interopRequireDefault(require("prop-types"));
require("../dist/index.css");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var SelectField = function SelectField(props) {
  var _props$require = props.require,
    require = _props$require === void 0 ? true : _props$require,
    label = props.label,
    id = props.id,
    error = props.error,
    name = props.name,
    tooltipID = props.tooltipID,
    option = props.option,
    className = props.className,
    tipContent = props.tipContent,
    titleMainClassName = props.titleMainClassName,
    titleClassName = props.titleClassName,
    _props$selectClassNam = props.selectClassName,
    selectClassName = _props$selectClassNam === void 0 ? " w-[131px] h-[22px] pl-1.5" : _props$selectClassNam,
    _props$chooseOption = props.chooseOption,
    chooseOption = _props$chooseOption === void 0 ? false : _props$chooseOption;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(className, " items-start flex gap-2")
  }, label && /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(titleMainClassName, " text-end flex min-w-[8em] basis-[237px] justify-end items-center")
  }, require && /*#__PURE__*/_react["default"].createElement("img", {
    width: 14,
    height: 9,
    src: ""
  }), /*#__PURE__*/_react["default"].createElement("span", {
    className: "".concat(titleClassName, " text-[#000] text-[12px]"),
    style: {
      textWrap: "nowrap",
      whiteSpace: "pre-wrap"
    }
  }, label)), /*#__PURE__*/_react["default"].createElement(_formik.Field, {
    name: name,
    as: "select",
    id: id,
    className: "".concat(error ? "bg-[#FFB] !border-[#cc0000]" : "", " ").concat(selectClassName)
  }, chooseOption && /*#__PURE__*/_react["default"].createElement("option", {
    value: "",
    title: ""
  }, "Choose"), option === null || option === void 0 ? void 0 : option.map(function (item, index) {
    return /*#__PURE__*/_react["default"].createElement("option", {
      key: index,
      value: item.value,
      title: ""
    }, item.label);
  })));
};
SelectField.propTypes = {
  require: _propTypes["default"].bool,
  label: _propTypes["default"].string,
  id: _propTypes["default"].string.isRequired,
  error: _propTypes["default"].bool,
  name: _propTypes["default"].string.isRequired,
  tooltipID: _propTypes["default"].string,
  option: _propTypes["default"].arrayOf(_propTypes["default"].shape({
    value: _propTypes["default"].string.isRequired,
    label: _propTypes["default"].string.isRequired
  })).isRequired,
  className: _propTypes["default"].string,
  tipContent: _propTypes["default"].string,
  titleMainClassName: _propTypes["default"].string,
  titleClassName: _propTypes["default"].string,
  selectClassName: _propTypes["default"].string,
  chooseOption: _propTypes["default"].bool
};
var _default = exports["default"] = SelectField;