@zohodesk/dot/lib/v1/form/layout/Field/Field.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

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

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

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

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

var _FieldModule = _interopRequireDefault(require("../../../../form/layout/Field/Field.module.css"));

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

var Field = function Field(props) {
  var width = props.width,
      children = props.children,
      rowBreak = props.rowBreak,
      column = props.column,
      className = props.className,
      containerClass = props.containerClass,
      dataId = props.dataId;
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(containerClass ? containerClass : '', " ").concat(column == 'single' ? "".concat(_FieldModule["default"].singleColumn) : "".concat(_FieldModule["default"][width], " ")),
    "data-id": dataId,
    "data-test-id": dataId
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(className ? className : '', " ", "fieldWidth_".concat(width))
  }, children)), rowBreak && /*#__PURE__*/_react["default"].createElement("div", {
    className: _FieldModule["default"].rowBreak
  }));
};

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