@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
64 lines (53 loc) • 1.97 kB
JavaScript
;
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'
// };
// }