@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
86 lines (75 loc) • 4.32 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = AccountName;
var _react = _interopRequireDefault(require("react"));
var _defaultProps = require("./props/defaultProps");
var _propTypes = require("./props/propTypes");
var _Layout = require("@zohodesk/components/es/v1/Layout");
var _Link = _interopRequireDefault(require("../../Link/Link"));
var _SecondaryTextModule = _interopRequireDefault(require("../../../list/SecondaryText/SecondaryText.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 AccountName(props) {
var dataTitle = props.dataTitle,
dataId = props.dataId,
urlName = props.urlName,
urlData = props.urlData,
onClick = props.onClick,
isLink = props.isLink,
className = props.className,
text = props.text,
href = props.href,
_props$notAccessible = props.notAccessible,
notAccessible = _props$notAccessible === void 0 ? false : _props$notAccessible,
fontWeight = props.fontWeight,
secondaryAccountHref = props.secondaryAccountHref,
secondaryAccountClick = props.secondaryAccountClick,
secondaryAccountText = props.secondaryAccountText,
customProps = props.customProps;
var _customProps$LinkProp = customProps.LinkProps,
LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
_customProps$TextProp = customProps.TextProps,
TextProps = _customProps$TextProp === void 0 ? {} : _customProps$TextProp,
_customProps$Secondar = customProps.SecondaryTextProps,
SecondaryTextProps = _customProps$Secondar === void 0 ? {} : _customProps$Secondar;
return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
alignBox: "row",
align: "baseline",
isCover: false,
"data-title": dataTitle,
dataId: dataId
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
flexible: true
}, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
alignBox: "row",
align: "baseline",
isCover: false,
className: _SecondaryTextModule["default"].primaryAccountNameCnt
}, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
className: _SecondaryTextModule["default"].primaryAccountName,
shrink: true
}, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
href: href,
urlName: urlName,
urlData: urlData,
onClick: onClick,
dataId: "".concat(dataId, "_link"),
className: _SecondaryTextModule["default"].link
}, LinkProps, {
ariaLabel: "Account Name ".concat(text)
}), /*#__PURE__*/_react["default"].createElement("div", {
className: "".concat(_SecondaryTextModule["default"].textStyle, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '')
}, text)) : /*#__PURE__*/_react["default"].createElement("div", _extends({
className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '', " ").concat(notAccessible ? _SecondaryTextModule["default"].disable : '')
}, TextProps), text)), secondaryAccountText && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
href: secondaryAccountHref,
onClick: secondaryAccountClick,
className: _SecondaryTextModule["default"].link
}, /*#__PURE__*/_react["default"].createElement("div", _extends({
className: "".concat(_SecondaryTextModule["default"].textStyle, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '')
}, SecondaryTextProps), secondaryAccountText))))));
}
AccountName.propTypes = _propTypes.AccountName_propTypes;
AccountName.defaultProps = _defaultProps.AccountName_defaultProps;