@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-160

package/lib/v1/list/ListStencils/ListStencils.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ListStencils;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/ListStencils/props/defaultProps");
+
+var _propTypes = require("../../../list/ListStencils/props/propTypes");
+
+var _Stencils = _interopRequireDefault(require("@zohodesk/components/es/v1/Stencils/Stencils"));
+
+var _ListStencilsModule = _interopRequireDefault(require("../../../list/ListStencils/ListStencils.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/*** Libraries ***/
+
+/*** Components ***/
+
+/*** CSS ***/
+function ListStencils(props) {
+  var listType = props.listType;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_ListStencilsModule["default"].container, " ").concat(_ListStencilsModule["default"][listType])
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _ListStencilsModule["default"].innerContainer
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _ListStencilsModule["default"].avatar
+  }, /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
+    shape: "circle",
+    size: listType === 'classic' ? 'large' : listType === 'compact' ? 'medium' : 'small'
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: _ListStencilsModule["default"].detailsColumn
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_ListStencilsModule["default"].detailsInnerColumn)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _ListStencilsModule["default"].primaryRow
+  }, /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
+    size: "default"
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: _ListStencilsModule["default"].secondaryRow
+  }, /*#__PURE__*/_react["default"].createElement(_Stencils["default"], {
+    size: "medium"
+  }))))));
+}
+
+ListStencils.propTypes = _propTypes.propTypes;
+ListStencils.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
+//   ListStencils.docs = {
+//     folderName: 'List',
+//     componentGroup: 'ListStencils'
+//   };
+// }

package/lib/v1/list/SecondaryText/AccountName.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = AccountName;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/SecondaryText/props/defaultProps");
+
+var _propTypes = require("../../../list/SecondaryText/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;

package/lib/v1/list/SecondaryText/ContactName.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ContactName;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/SecondaryText/props/defaultProps");
+
+var _propTypes = require("../../../list/SecondaryText/props/propTypes");
+
+var _Layout = require("@zohodesk/components/es/v1/Layout");
+
+var _Link = _interopRequireDefault(require("../../Link/Link"));
+
+var _SentimentStatus = _interopRequireDefault(require("../SentimentStatus/SentimentStatus"));
+
+var _icons = require("@zohodesk/icons");
+
+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 ContactName(props) {
+  var dataTitle = props.dataTitle,
+      dataId = props.dataId,
+      isPaidUser = props.isPaidUser,
+      urlName = props.urlName,
+      urlData = props.urlData,
+      onClick = props.onClick,
+      sentimentType = props.sentimentType,
+      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,
+      i18nKeys = props.i18nKeys,
+      customProps = props.customProps;
+  var _i18nKeys$sentimentTi = i18nKeys.sentimentTitles,
+      sentimentTitles = _i18nKeys$sentimentTi === void 0 ? {
+    positive: 'Positive',
+    negative: 'Negative',
+    neutral: 'Neutral'
+  } : _i18nKeys$sentimentTi,
+      _i18nKeys$paidTitle = i18nKeys.paidTitle,
+      paidTitle = _i18nKeys$paidTitle === void 0 ? 'Paid User' : _i18nKeys$paidTitle;
+  var sentimentDataTitle = sentimentTitles[sentimentType];
+  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(_Layout.Container, {
+    alignBox: "row",
+    align: "baseline",
+    isCover: false,
+    dataId: dataId
+  }, isPaidUser && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    className: _SecondaryTextModule["default"].paidUserIcon,
+    title: paidTitle,
+    "aria-label": "Paid user"
+  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
+    name: "ZD-paiduser",
+    iconClass: _SecondaryTextModule["default"].icon
+  })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    flexible: true
+  }, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
+    urlName: urlName,
+    href: href,
+    urlData: urlData,
+    onClick: onClick,
+    title: dataTitle,
+    dataId: "".concat(dataId, "_link"),
+    className: _SecondaryTextModule["default"].link
+  }, LinkProps, {
+    ariaLabel: "Contact 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 : ''),
+    "data-title": dataTitle
+  }, TextProps), text)), sentimentType && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_SentimentStatus["default"], {
+    type: sentimentType,
+    dataTitle: sentimentDataTitle
+  })));
+}
+
+ContactName.propTypes = _propTypes.ContactName_propTypes;
+ContactName.defaultProps = _defaultProps.ContactName_defaultProps;

package/lib/v1/list/SecondaryText/DepartmentText.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = DepartmentText;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../../list/SecondaryText/props/propTypes");
+
+var _SecondaryTextModule = _interopRequireDefault(require("../../../list/SecondaryText/SecondaryText.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function DepartmentText(props) {
+  var className = props.className,
+      text = props.text,
+      dataTitle = props.dataTitle,
+      dataId = props.dataId;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_SecondaryTextModule["default"].departmentText, " ").concat(className ? className : ''),
+    "data-title": dataTitle,
+    "data-id": dataId,
+    "data-test-id": dataId
+  }, text);
+}
+
+DepartmentText.propTypes = _propTypes.DepartmentText_propTypes;

package/lib/v1/list/SecondaryText/Email.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Email;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/SecondaryText/props/defaultProps");
+
+var _propTypes = require("../../../list/SecondaryText/props/propTypes");
+
+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 Email(props) {
+  var text = props.text,
+      urlData = props.urlData,
+      urlName = props.urlName,
+      className = props.className,
+      title = props.title,
+      href = props.href,
+      isLink = props.isLink,
+      target = props.target,
+      fontWeight = props.fontWeight,
+      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;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
+    href: href,
+    title: title,
+    urlData: urlData,
+    urlName: urlName,
+    target: target,
+    className: _SecondaryTextModule["default"].link
+  }, LinkProps), /*#__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 : ''),
+    "data-title": title
+  }, TextProps), text));
+}
+
+Email.propTypes = _propTypes.Email_propTypes;
+Email.defaultProps = _defaultProps.Email_defaultProps;

package/lib/v1/list/SecondaryText/HappinessRating.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = HappinessRating;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../../list/SecondaryText/props/propTypes");
+
+var _SecondaryTextModule = _interopRequireDefault(require("../../../list/SecondaryText/SecondaryText.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/**** Libraries ****/
+
+/**** CSS ****/
+function HappinessRating(props) {
+  var text = props.text,
+      className = props.className,
+      src = props.src;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_SecondaryTextModule["default"].happinessContainer, " ").concat(className ? className : '')
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(_SecondaryTextModule["default"].happinessImg),
+    src: src
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: _SecondaryTextModule["default"].ratingText,
+    "data-title": text
+  }, "".concat(text, "%")));
+}
+
+HappinessRating.propTypes = _propTypes.HappinessRating_propTypes;

package/lib/v1/list/SecondaryText/PhoneNumber.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = PhoneNumber;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/SecondaryText/props/defaultProps");
+
+var _propTypes = require("../../../list/SecondaryText/props/propTypes");
+
+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 PhoneNumber(props) {
+  var text = props.text,
+      urlData = props.urlData,
+      urlName = props.urlName,
+      className = props.className,
+      title = props.title,
+      href = props.href,
+      dataId = props.dataId,
+      isLink = props.isLink,
+      target = props.target,
+      hasReload = props.hasReload,
+      fontWeight = props.fontWeight,
+      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;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
+    href: href,
+    title: title,
+    urlData: urlData,
+    urlName: urlName,
+    dataId: dataId,
+    target: target,
+    hasReload: hasReload,
+    className: _SecondaryTextModule["default"].link
+  }, LinkProps), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_SecondaryTextModule["default"].phoneNumber, " ").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 : ''),
+    "data-title": title
+  }, TextProps), text));
+}
+
+PhoneNumber.propTypes = _propTypes.PhoneNumber_propTypes;
+PhoneNumber.defaultProps = _defaultProps.PhoneNumber_defaultProps;

package/lib/v1/list/SecondaryText/PriorityText.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = PriorityText;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/SecondaryText/props/defaultProps");
+
+var _propTypes = require("../../../list/SecondaryText/props/propTypes");
+
+var _SecondaryTextModule = _interopRequireDefault(require("../../../list/SecondaryText/SecondaryText.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function PriorityText(props) {
+  var className = props.className,
+      color = props.color,
+      text = props.text,
+      dataTitle = props.dataTitle,
+      dataId = props.dataId;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_SecondaryTextModule["default"].priorityText, " ").concat(_SecondaryTextModule["default"][color], " ").concat(className ? className : ''),
+    "data-title": dataTitle,
+    "data-id": dataId,
+    "data-test-id": dataId
+  }, text);
+}
+
+PriorityText.propTypes = _propTypes.PriorityText_propTypes;
+PriorityText.defaultProps = _defaultProps.PriorityText_defaultProps;

package/lib/v1/list/SecondaryText/SecondaryText.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = SecondaryText;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/SecondaryText/props/defaultProps");
+
+var _propTypes = require("../../../list/SecondaryText/props/propTypes");
+
+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 SecondaryText(props) {
+  var className = props.className,
+      text = props.text,
+      dataTitle = props.dataTitle,
+      dataId = props.dataId,
+      onClick = props.onClick,
+      customProps = props.customProps;
+  var SecondaryTextProps = customProps.SecondaryTextProps;
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({
+    className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(className ? className : ''),
+    "data-title": dataTitle,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    onClick: onClick
+  }, SecondaryTextProps), text);
+}
+
+SecondaryText.propTypes = _propTypes.SecondaryText_propTypes;
+SecondaryText.defaultProps = _defaultProps.SecondaryText_defaultProps;

package/lib/v1/list/SecondaryText/StatusText.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = StatusText;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/SecondaryText/props/defaultProps");
+
+var _propTypes = require("../../../list/SecondaryText/props/propTypes");
+
+var _SecondaryTextModule = _interopRequireDefault(require("../../../list/SecondaryText/SecondaryText.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function StatusText(props) {
+  var className = props.className,
+      color = props.color,
+      text = props.text,
+      dataTitle = props.dataTitle,
+      fontWeight = props.fontWeight,
+      dataId = props.dataId;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_SecondaryTextModule["default"].statusText, " ").concat(_SecondaryTextModule["default"][color], " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : ''),
+    "data-title": dataTitle,
+    "data-id": dataId,
+    "data-test-id": dataId
+  }, text);
+}
+
+StatusText.propTypes = _propTypes.StatusText_propTypes;
+StatusText.defaultProps = _defaultProps.StatusText_defaultProps;

package/lib/v1/list/SecondaryText/TicketId.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = TicketId;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/SecondaryText/props/defaultProps");
+
+var _propTypes = require("../../../list/SecondaryText/props/propTypes");
+
+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 TicketId(props) {
+  var text = props.text,
+      className = props.className,
+      dataId = props.dataId,
+      isLink = props.isLink,
+      dataTitle = props.dataTitle,
+      onClick = props.onClick,
+      url = props.url,
+      target = props.target,
+      urlName = props.urlName,
+      urlData = props.urlData,
+      customProps = props.customProps;
+  var _customProps$LinkProp = customProps.LinkProps,
+      LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
+      _customProps$TicketId = customProps.TicketIdProps,
+      TicketIdProps = _customProps$TicketId === void 0 ? {} : _customProps$TicketId;
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({
+    className: "".concat(_SecondaryTextModule["default"].ticketId, " ").concat(isLink ? _SecondaryTextModule["default"].ticketIdLink : '', " ").concat(className ? className : ''),
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    onClick: !isLink && onClick
+  }, TicketIdProps), isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
+    urlName: urlName,
+    urlData: urlData,
+    href: url,
+    target: target,
+    onClick: onClick
+  }, LinkProps), text) : text);
+}
+
+TicketId.propTypes = _propTypes.TicketId_propTypes;
+TicketId.defaultProps = _defaultProps.TicketId_defaultProps;

package/lib/v1/list/SecondaryText/Website.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = Website;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _defaultProps = require("../../../list/SecondaryText/props/defaultProps");
+
+var _propTypes = require("../../../list/SecondaryText/props/propTypes");
+
+var _ExternalLink = _interopRequireDefault(require("../../ExternalLink/ExternalLink"));
+
+var _SecondaryTextModule = _interopRequireDefault(require("../../../list/SecondaryText/SecondaryText.module.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/* eslint-disable react/forbid-component-props */
+
+/**** Libraries ****/
+
+/**** Components ****/
+
+/**** CSS ****/
+function Website(props) {
+  var text = props.text,
+      className = props.className,
+      title = props.title,
+      href = props.href,
+      dataId = props.dataId,
+      isLink = props.isLink,
+      target = props.target;
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
+    className: "".concat(_SecondaryTextModule["default"].textStyle, " ").concat(className ? className : ''),
+    href: href,
+    title: title,
+    dataId: dataId,
+    target: target
+  }, text) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(className ? className : ''),
+    "data-title": text
+  }, text));
+}
+
+Website.propTypes = _propTypes.Website_propTypes;
+Website.defaultProps = _defaultProps.Website_defaultProps;