@zohodesk/components/lib/shared/InputFieldLine/InputFieldLine.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

"use strict";

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

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

var _propTypes = _interopRequireDefault(require("./props/propTypes"));

var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));

var _Container = _interopRequireDefault(require("../../Layout/Container"));

var _InputFieldLineModule = _interopRequireDefault(require("./InputFieldLine.module.css"));

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

function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 InputFieldLine(props) {
  var isDisabled = props.isDisabled,
      isReadOnly = props.isReadOnly,
      hasPadding = props.hasPadding,
      hasEffect = props.hasEffect,
      title = props.title,
      isActive = props.isActive,
      size = props.size,
      border = props.border,
      borderColor = props.borderColor,
      dataId = props.dataId,
      onClick = props.onClick,
      customProps = props.customProps,
      customClass = props.customClass,
      children = props.children,
      onKeyDown = props.onKeyDown,
      a11yAttributes = props.a11yAttributes,
      tagAttributes = props.tagAttributes;
  var borderClass = _InputFieldLineModule["default"]["border_".concat(border)] || '';
  var borderColorClass = _InputFieldLineModule["default"]["borderColor_".concat(borderColor)] || '';
  return /*#__PURE__*/_react["default"].createElement(_Container["default"], _extends({
    alignBox: "row",
    isCover: false
  }, tagAttributes, a11yAttributes, customProps, {
    "data-title": title,
    dataId: dataId,
    onClick: onClick,
    onKeyDown: onKeyDown,
    scroll: size != 'auto' ? 'vertical' : undefined,
    className: "".concat(_InputFieldLineModule["default"].varClass, " ").concat(_InputFieldLineModule["default"].customContainer, " ").concat(size != 'auto' ? _InputFieldLineModule["default"][size] : '', " ").concat(hasPadding && size != 'auto' ? _InputFieldLineModule["default"]["padding_".concat(size)] : '', " ").concat(borderClass, " ").concat(isDisabled ? _InputFieldLineModule["default"].disabled : isReadOnly ? hasEffect ? _InputFieldLineModule["default"].effect : _InputFieldLineModule["default"].readonly : _InputFieldLineModule["default"].effect, " ").concat(border !== 'none' ? "".concat(borderColorClass, " ").concat(_InputFieldLineModule["default"].hasBorder) : '', " ").concat(isActive && !(isDisabled || isReadOnly) ? _InputFieldLineModule["default"].active : '', "  ").concat(customClass)
  }), children);
}

InputFieldLine.propTypes = _propTypes["default"];
InputFieldLine.defaultProps = _defaultProps["default"];
var _default = InputFieldLine;
exports["default"] = _default;