UNPKG

@zohodesk/dot

Version:

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

64 lines (53 loc) 1.97 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports["default"] = Text; var _react = _interopRequireDefault(require("react")); var _defaultProps = require("./props/defaultProps"); var _propTypes = require("./props/propTypes"); var _Link = _interopRequireDefault(require("../../../../Link/Link")); var _TableTextModule = _interopRequireDefault(require("../../../../setup/table/Text/TableText.module.css")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function Text(props) { var text = props.text, url = props.url, onClick = props.onClick, type = props.type, palette = props.palette, className = props.className, size = props.size, dataId = props.dataId, _props$title = props.title, title = _props$title === void 0 ? null : _props$title, target = props.target; title = title || text; var textComponent; var classNameCheck = "".concat(type ? _TableTextModule["default"][type] : '', " ").concat(_TableTextModule["default"]["".concat(palette, "Color")], " ").concat(_TableTextModule["default"][size], " ").concat(className, " ").concat(onClick ? _TableTextModule["default"].isClickable : ''); if (url) { textComponent = /*#__PURE__*/_react["default"].createElement(_Link["default"], { title: title, dataId: dataId, href: url, target: target, className: classNameCheck, onClick: onClick }, text); } else { textComponent = /*#__PURE__*/_react["default"].createElement("div", { "data-title": title, "data-id": dataId, "data-test-id": dataId, className: classNameCheck, onClick: onClick }, text); } return textComponent; } Text.defaultProps = _defaultProps.defaultProps; Text.propTypes = _propTypes.propTypes; // if (__DOCS__) { // Text.docs = { // componentGroup: 'Text', // folderName: 'Setup' // }; // }