"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }

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

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

var _TextBoxModule = _interopRequireDefault(require("./TextBox.module.css"));

var _TextBox = _interopRequireDefault(require("./TextBox.constantProps"));

var _getCompliedClassName3 = _interopRequireDefault(require("../../utils/getCompliedClassName"));

var _getCompliedCustomId = _interopRequireDefault(require("../../utils/getCompliedCustomId"));

var _TextBox2 = _interopRequireWildcard(require("./TextBox.propTypes"));

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

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

function TextBox(props) {
  var _getCompliedClassName, _getCompliedClassName2;

  var placeholder = props.placeholder,
      name = props.name,
      value = props.value,
      id = props.id,
      maxlength = props.maxlength,
      minlength = props.minlength,
      min = props.min,
      max = props.max,
      step = props.step,
      pattern = props.pattern,
      required = props.required,
      autocomplete = props.autocomplete,
      variant = props.variant,
      border = props.border,
      type = props.type,
      size = props.size,
      shape = props.shape,
      active = props.active,
      hovered = props.hovered,
      disabled = props.disabled,
      readonly = props.readonly,
      startIcon = props.startIcon,
      endIcon = props.endIcon,
      onClick = props.onClick,
      onFocus = props.onFocus,
      onBlur = props.onBlur,
      onChange = props.onChange,
      onKeyPress = props.onKeyPress,
      onKeyUp = props.onKeyUp,
      onKeyDown = props.onKeyDown,
      onMouseUp = props.onMouseUp,
      onMouseDown = props.onMouseDown,
      inputRef = props.inputRef,
      ariaLabel = props.ariaLabel,
      role = props.role,
      tabIndex = props.tabIndex,
      autofocus = props.autofocus,
      focusClass = props.focusClass,
      ariaDisabled = props.ariaDisabled,
      customClassName = props.customClassName,
      customId = props.customId,
      tagAttributeProps = props.tagAttributeProps;
  var hasIcon = startIcon || endIcon;
  var className = (0, _getCompliedClassName3["default"])(customClassName, (_getCompliedClassName = {}, _defineProperty(_getCompliedClassName, _TextBoxModule["default"].base, true), _defineProperty(_getCompliedClassName, _TextBoxModule["default"][size], !!size), _defineProperty(_getCompliedClassName, _TextBoxModule["default"][shape], !!shape), _defineProperty(_getCompliedClassName, _TextBoxModule["default"][variant], !!variant), _defineProperty(_getCompliedClassName, _TextBoxModule["default"][border], !!border), _defineProperty(_getCompliedClassName, _TextBoxModule["default"].active, !!active), _defineProperty(_getCompliedClassName, _TextBoxModule["default"].hovered, !!hovered), _defineProperty(_getCompliedClassName, _TextBoxModule["default"].disabled, !!disabled), _defineProperty(_getCompliedClassName, _TextBoxModule["default"].readonly, !!readonly), _getCompliedClassName), (_getCompliedClassName2 = {}, _defineProperty(_getCompliedClassName2, customClassName.base, !!customClassName.base), _defineProperty(_getCompliedClassName2, customClassName.size, !!customClassName.size), _defineProperty(_getCompliedClassName2, customClassName.shape, !!customClassName.shape), _defineProperty(_getCompliedClassName2, customClassName.variant, !!customClassName.variant), _defineProperty(_getCompliedClassName2, customClassName.border, !!customClassName.border), _defineProperty(_getCompliedClassName2, customClassName.active, !!customClassName.active), _defineProperty(_getCompliedClassName2, customClassName.hovered, !!customClassName.hovered), _defineProperty(_getCompliedClassName2, customClassName.disabled, !!customClassName.disabled), _defineProperty(_getCompliedClassName2, customClassName.readonly, !!customClassName.readonly), _getCompliedClassName2));

  var textBoxFunctionalProperties = _objectSpread({
    maxlength: maxlength,
    minlength: minlength,
    min: min,
    max: max,
    step: step,
    pattern: pattern,
    required: required,
    autofocus: autofocus,
    autocomplete: autocomplete
  }, tagAttributeProps);

  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(RenderAsIcon, {
    icon: startIcon,
    className: _TextBoxModule["default"].start_icon
  }), /*#__PURE__*/_react["default"].createElement("input", _extends({
    type: type,
    name: name,
    value: value,
    id: id,
    placeholder: placeholder // maxlength={maxlength}
    // minlength={minlength}
    // min={min}
    // max={max}
    // step={step}
    // pattern={pattern}
    // required={required}
    // autofocus={autofocus}
    // autocomplete={autocomplete}

  }, textBoxFunctionalProperties, {
    className: className,
    disabled: disabled,
    readonly: readonly,
    "data-id": (0, _getCompliedCustomId["default"])(props, customId.textbox),
    "aria-label": ariaLabel,
    role: role,
    tabIndex: tabIndex,
    "data-aria-focusstyle": focusClass,
    "data-aria-autofocus": autofocus,
    "aria-disabled": ariaDisabled
  })), /*#__PURE__*/_react["default"].createElement(RenderAsIcon, {
    icon: endIcon,
    className: _TextBoxModule["default"].end_icon
  }));
}

TextBox.propTypes = _TextBox2["default"];
TextBox.defaultProps = _TextBox2.defaultProps;
TextBox.propsDescription = _TextBox2.propsDescription;
TextBox.constantProps = _TextBox["default"];

var RenderAsIcon = function RenderAsIcon(props) {
  return props.icon ? /*#__PURE__*/_react["default"].createElement("span", {
    className: props.className
  }, props.icon) : null;
};

RenderAsIcon.propTypes = {
  icon: _propTypes["default"].any,
  className: _propTypes["default"].string
};
/*Disableed readoly
event props as common
border props
stretch size
*/