@zohodesk/dot/lib/v1/list/Subject/Subject.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 _Link = _interopRequireDefault(require("../../Link/Link"));

var _cssUtils = require("@zohodesk/components/es/utils/cssUtils");

var _SubjectModule = _interopRequireDefault(require("../../../list/Subject/Subject.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); }

var Subject = function Subject(props) {
  var text = props.text,
      dataId = props.dataId,
      urlName = props.urlName,
      href = props.href,
      urlData = props.urlData,
      onClick = props.onClick,
      isLink = props.isLink,
      target = props.target,
      fontWeight = props.fontWeight,
      className = props.className,
      isDotted = props.isDotted,
      children = props.children,
      customProps = props.customProps,
      whiteSpace = props.whiteSpace;
  var _customProps$LinkProp = customProps.LinkProps,
      LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
      _customProps$TextProp = customProps.TextProps,
      TextProps = _customProps$TextProp === void 0 ? {} : _customProps$TextProp;
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
    urlName: urlName,
    href: href,
    urlData: urlData,
    onClick: onClick,
    className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(_cssUtils.whiteSpaceClassMapping[whiteSpace], " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)], " ").concat(_SubjectModule["default"].cursorPointer),
    dataId: dataId,
    title: text,
    target: target,
    "data-title-wrap": whiteSpace
  }, LinkProps), children ? children : text) : /*#__PURE__*/_react["default"].createElement("span", _extends({
    className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(_cssUtils.whiteSpaceClassMapping[whiteSpace], " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)]),
    "data-title": text,
    "data-id": dataId,
    "data-test-id": dataId,
    "data-title-wrap": whiteSpace
  }, TextProps), text));
};

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