@zohodesk/dot 1.0.0-beta.179 → 1.0.0-beta.182

package/lib/list/Icons/SmartIcon.js

@@ -68,7 +68,7 @@ var SmartIcon = /*#__PURE__*/function (_Component) {
         "data-title": dataTitle
       }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
         name: "ZD-TK-peek",
-        iconClass: iconClass
+        iconClass: iconClass ? iconClass : ''
       }));
     }
   }]);

package/lib/list/ListLayout/ListLayout.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Column = exports["default"] = void 0;
+exports["default"] = exports.Column = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/lib/list/SecondaryText/AccountName.js

@@ -23,6 +23,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -72,7 +74,14 @@ var AccountName = /*#__PURE__*/function (_Component) {
           fontWeight = _this$props.fontWeight,
           secondaryAccountHref = _this$props.secondaryAccountHref,
           secondaryAccountClick = _this$props.secondaryAccountClick,
-          secondaryAccountText = _this$props.secondaryAccountText;
+          secondaryAccountText = _this$props.secondaryAccountText,
+          customProps = _this$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",
@@ -89,24 +98,24 @@ var AccountName = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _SecondaryTextModule["default"].primaryAccountName,
         shrink: true
-      }, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      }, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
         href: href,
         urlName: urlName,
         urlData: urlData,
         onClick: onClick,
         dataId: "".concat(dataId, "_link"),
         className: _SecondaryTextModule["default"].link
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, 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", {
+      }, 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 : '')
-      }, text)), secondaryAccountText && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      }, 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", {
+      }, /*#__PURE__*/_react["default"].createElement("div", _extends({
         className: "".concat(_SecondaryTextModule["default"].textStyle, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : '')
-      }, secondaryAccountText))))));
+      }, SecondaryTextProps), secondaryAccountText))))));
     }
   }]);
 
@@ -128,12 +137,18 @@ AccountName.propTypes = {
   urlName: _propTypes["default"].string,
   secondaryAccountHref: _propTypes["default"].string,
   secondaryAccountClick: _propTypes["default"].func,
-  secondaryAccountText: _propTypes["default"].string
+  secondaryAccountText: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    LinkProps: _propTypes["default"].object,
+    TextProps: _propTypes["default"].object,
+    SecondaryTextProps: _propTypes["default"].object
+  })
 };
 AccountName.defaultProps = {
   isLink: true,
   dataId: 'accountName',
-  fontWeight: 'regular'
+  fontWeight: 'regular',
+  customProps: {}
 };
 
 if (false) {

package/lib/list/SecondaryText/ContactName.js

@@ -27,6 +27,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -76,7 +78,8 @@ var ContactName = /*#__PURE__*/function (_Component) {
           _this$props$notAccess = _this$props.notAccessible,
           notAccessible = _this$props$notAccess === void 0 ? false : _this$props$notAccess,
           fontWeight = _this$props.fontWeight,
-          i18nKeys = _this$props.i18nKeys;
+          i18nKeys = _this$props.i18nKeys,
+          customProps = _this$props.customProps;
       var _i18nKeys$sentimentTi = i18nKeys.sentimentTitles,
           sentimentTitles = _i18nKeys$sentimentTi === void 0 ? {
         positive: 'Positive',
@@ -86,6 +89,10 @@ var ContactName = /*#__PURE__*/function (_Component) {
           _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",
@@ -99,7 +106,7 @@ var ContactName = /*#__PURE__*/function (_Component) {
         iconClass: _SecondaryTextModule["default"].icon
       })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true
-      }, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      }, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
         urlName: urlName,
         href: href,
         urlData: urlData,
@@ -107,12 +114,12 @@ var ContactName = /*#__PURE__*/function (_Component) {
         title: dataTitle,
         dataId: "".concat(dataId, "_link"),
         className: _SecondaryTextModule["default"].link
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, 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", {
+      }, 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
-      }, text)), sentimentType && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_SentimentStatus["default"], {
+      }, TextProps), text)), sentimentType && /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement(_SentimentStatus["default"], {
         type: sentimentType,
         dataTitle: sentimentDataTitle
       })));
@@ -145,6 +152,10 @@ ContactName.propTypes = {
       neutral: _propTypes["default"].string
     }),
     paidTitle: _propTypes["default"].string
+  }),
+  customProps: _propTypes["default"].shape({
+    LinkProps: _propTypes["default"].object,
+    TextProps: _propTypes["default"].object
   })
 };
 ContactName.defaultProps = {
@@ -152,7 +163,8 @@ ContactName.defaultProps = {
   isLink: true,
   dataId: 'contactName',
   fontWeight: 'regular',
-  i18nKeys: {}
+  i18nKeys: {},
+  customProps: {}
 };
 
 if (false) {

package/lib/list/SecondaryText/Email.js

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -64,20 +66,25 @@ var Email = /*#__PURE__*/function (_Component) {
           href = _this$props.href,
           isLink = _this$props.isLink,
           target = _this$props.target,
-          fontWeight = _this$props.fontWeight;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+          fontWeight = _this$props.fontWeight,
+          customProps = _this$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
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, 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", {
+      }, text)) : /*#__PURE__*/_react["default"].createElement("div", _extends({
         className: "".concat(_SecondaryTextModule["default"].secondaryText, "  ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : ''),
         "data-title": title
-      }, text));
+      }, TextProps), text));
     }
   }]);
 
@@ -94,11 +101,16 @@ Email.propTypes = {
   text: _propTypes["default"].string,
   title: _propTypes["default"].string,
   urlData: _propTypes["default"].object,
-  urlName: _propTypes["default"].string
+  urlName: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    LinkProps: _propTypes["default"].object,
+    TextProps: _propTypes["default"].object
+  })
 };
 Email.defaultProps = {
   isLink: true,
-  fontWeight: 'regular'
+  fontWeight: 'regular',
+  customProps: {}
 };
 
 if (false) {

package/lib/list/SecondaryText/PhoneNumber.js

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -66,8 +68,13 @@ var PhoneNumber = /*#__PURE__*/function (_Component) {
           isLink = _this$props.isLink,
           target = _this$props.target,
           hasReload = _this$props.hasReload,
-          fontWeight = _this$props.fontWeight;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+          fontWeight = _this$props.fontWeight,
+          customProps = _this$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,
@@ -76,12 +83,12 @@ var PhoneNumber = /*#__PURE__*/function (_Component) {
         target: target,
         hasReload: hasReload,
         className: _SecondaryTextModule["default"].link
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }, 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", {
+      }, text)) : /*#__PURE__*/_react["default"].createElement("div", _extends({
         className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : ''),
         "data-title": title
-      }, text));
+      }, TextProps), text));
     }
   }]);
 
@@ -100,12 +107,17 @@ PhoneNumber.propTypes = {
   text: _propTypes["default"].string,
   title: _propTypes["default"].string,
   urlData: _propTypes["default"].object,
-  urlName: _propTypes["default"].string
+  urlName: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    LinkProps: _propTypes["default"].object,
+    TextProps: _propTypes["default"].object
+  })
 };
 PhoneNumber.defaultProps = {
   isLink: true,
   hasReload: false,
-  fontWeight: 'regular'
+  fontWeight: 'regular',
+  customProps: {}
 };
 
 if (false) {

package/lib/list/SecondaryText/TicketId.js

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -65,19 +67,24 @@ var TicketId = /*#__PURE__*/function (_Component) {
           url = _this$props.url,
           target = _this$props.target,
           urlName = _this$props.urlName,
-          urlData = _this$props.urlData;
-      return /*#__PURE__*/_react["default"].createElement("div", {
+          urlData = _this$props.urlData,
+          customProps = _this$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-title": dataTitle,
         onClick: !isLink && onClick
-      }, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+      }, TicketIdProps), isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
         urlName: urlName,
         urlData: urlData,
         href: url,
         target: target,
         onClick: onClick
-      }, text) : text);
+      }, LinkProps), text) : text);
     }
   }]);
 
@@ -95,10 +102,15 @@ TicketId.propTypes = {
   text: _propTypes["default"].string,
   url: _propTypes["default"].string,
   urlData: _propTypes["default"].string,
-  urlName: _propTypes["default"].string
+  urlName: _propTypes["default"].string,
+  customProps: _propTypes["default"].shape({
+    TicketIdProps: _propTypes["default"].object,
+    LinkProps: _propTypes["default"].object
+  })
 };
 TicketId.defaultProps = {
-  dataId: 'ticketId'
+  dataId: 'ticketId',
+  customProps: {}
 };
 
 if (false) {

package/lib/list/SecondaryText/index.js

@@ -3,28 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ContactName", {
-  enumerable: true,
-  get: function get() {
-    return _ContactName["default"];
-  }
-});
 Object.defineProperty(exports, "AccountName", {
   enumerable: true,
   get: function get() {
     return _AccountName["default"];
   }
 });
-Object.defineProperty(exports, "TicketId", {
-  enumerable: true,
-  get: function get() {
-    return _TicketId["default"];
-  }
-});
-Object.defineProperty(exports, "StatusText", {
+Object.defineProperty(exports, "ContactName", {
   enumerable: true,
   get: function get() {
-    return _StatusText["default"];
+    return _ContactName["default"];
   }
 });
 Object.defineProperty(exports, "DepartmentText", {
@@ -33,16 +21,16 @@ Object.defineProperty(exports, "DepartmentText", {
     return _DepartmentText["default"];
   }
 });
-Object.defineProperty(exports, "PriorityText", {
+Object.defineProperty(exports, "Email", {
   enumerable: true,
   get: function get() {
-    return _PriorityText["default"];
+    return _Email["default"];
   }
 });
-Object.defineProperty(exports, "Email", {
+Object.defineProperty(exports, "HappinessRating", {
   enumerable: true,
   get: function get() {
-    return _Email["default"];
+    return _HappinessRating["default"];
   }
 });
 Object.defineProperty(exports, "PhoneNumber", {
@@ -51,10 +39,10 @@ Object.defineProperty(exports, "PhoneNumber", {
     return _PhoneNumber["default"];
   }
 });
-Object.defineProperty(exports, "Website", {
+Object.defineProperty(exports, "PriorityText", {
   enumerable: true,
   get: function get() {
-    return _Website["default"];
+    return _PriorityText["default"];
   }
 });
 Object.defineProperty(exports, "SecondaryText", {
@@ -63,10 +51,22 @@ Object.defineProperty(exports, "SecondaryText", {
     return _SecondaryText["default"];
   }
 });
-Object.defineProperty(exports, "HappinessRating", {
+Object.defineProperty(exports, "StatusText", {
   enumerable: true,
   get: function get() {
-    return _HappinessRating["default"];
+    return _StatusText["default"];
+  }
+});
+Object.defineProperty(exports, "TicketId", {
+  enumerable: true,
+  get: function get() {
+    return _TicketId["default"];
+  }
+});
+Object.defineProperty(exports, "Website", {
+  enumerable: true,
+  get: function get() {
+    return _Website["default"];
   }
 });
 

package/lib/list/SecondryPanel/SecondryPanel.js

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SecondryPanelItem = exports.SecondryPanelLI = exports.SecondryPanelUL = exports["default"] = void 0;
+exports["default"] = exports.SecondryPanelUL = exports.SecondryPanelLI = exports.SecondryPanelItem = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/lib/list/Subject/Subject.js

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -67,8 +69,13 @@ var Subject = /*#__PURE__*/function (_Component) {
           fontWeight = _this$props.fontWeight,
           className = _this$props.className,
           isDotted = _this$props.isDotted,
-          children = _this$props.children;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+          children = _this$props.children,
+          customProps = _this$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({
         urlName: urlName,
         href: href,
         urlData: urlData,
@@ -77,11 +84,11 @@ var Subject = /*#__PURE__*/function (_Component) {
         dataId: dataId,
         title: text,
         target: target
-      }, children ? children : text) : /*#__PURE__*/_react["default"].createElement("span", {
+      }, LinkProps), children ? children : text) : /*#__PURE__*/_react["default"].createElement("span", _extends({
         className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)]),
         "data-title": text,
         "data-id": dataId
-      }, text));
+      }, TextProps), text));
     }
   }]);
 
@@ -101,13 +108,18 @@ Subject.propTypes = {
   urlData: _propTypes["default"].object,
   urlName: _propTypes["default"].string,
   isDotted: _propTypes["default"].bool,
-  children: _propTypes["default"].node
+  children: _propTypes["default"].node,
+  customProps: _propTypes["default"].shape({
+    LinkProps: _propTypes["default"].object,
+    TextProps: _propTypes["default"].object
+  })
 };
 Subject.defaultProps = {
   isLink: false,
   fontWeight: 'regular',
   className: '',
-  isDotted: true
+  isDotted: true,
+  customProps: {}
 };
 
 if (false) {

package/lib/utils/ChannelIconMapping.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getChannelMappingObj = getChannelMappingObj;
 exports.getActivitiesIconObj = getActivitiesIconObj;
+exports.getChannelMappingObj = getChannelMappingObj;
 
 function getChannelMappingObj() {
   return {

package/lib/utils/General.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.stopBubbling = stopBubbling;
+exports.formatCurrency = formatCurrency;
+exports.formatPhoneUrl = formatPhoneUrl;
 exports.getFullName = getFullName;
 exports.shallowDiff = shallowDiff;
-exports.formatPhoneUrl = formatPhoneUrl;
-exports.formatCurrency = formatCurrency;
+exports.stopBubbling = stopBubbling;
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 

package/lib/utils/KeyboardApi.js

@@ -289,7 +289,9 @@ function _shortRestrictionPlaces(e) {
   var keyCode = e.keyCode || e.charCode;
   var isContentEditable = _target.contentEditable === 'true';
 
-  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || keyCode >= 112 && keyCode <= 123 || isContentEditable) {
+  if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || //!SupportUI.CurrentUser.getKBStatus() ||
+  //restrict_keyUI() ||
+  keyCode >= 112 && keyCode <= 123 || isContentEditable) {
     return true;
   }
 

package/lib/utils/editorUtils.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.bind = bind;
+exports.changeContent = void 0;
 exports.editorContentValidate = editorContentValidate;
-exports.fixEncoding = fixEncoding;
 exports.encodeForHtml = encodeForHtml;
+exports.fixEncoding = fixEncoding;
+exports.getExtensionFromFileName = getExtensionFromFileName;
+exports.getRichEditorContent = getRichEditorContent;
 exports.isFileNameSizeInvalid = isFileNameSizeInvalid;
 exports.isImageFormat = isImageFormat;
-exports.getExtensionFromFileName = getExtensionFromFileName;
+exports.loadResource = loadResource;
 exports.triggerKeyup = triggerKeyup;
-exports.getRichEditorContent = getRichEditorContent;
 exports.validateEditorContentOnInsertHtml = validateEditorContentOnInsertHtml;
-exports.loadResource = loadResource;
-exports.bind = bind;
-exports.changeContent = void 0;
 var ATTACHMENT_FILE_NAME_SIZE_LIMIT = 200; // editorUtils
 
 function editorContentValidate(editorObj) {

package/lib/version2/GlobalNotification/GlobalNotification.js

@@ -5,8 +5,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GlobalNotificationUI = GlobalNotificationUI;
 exports.GlobalNotificationNew = GlobalNotificationNew;
+exports.GlobalNotificationUI = GlobalNotificationUI;
 exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.179",
+  "version": "1.0.0-beta.182",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -32,8 +32,8 @@
     "velocity-react": "^1.4.3",
     "@zohodesk/variables": "1.0.0-beta.23",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-195",
-    "@zohodesk/icons": "1.0.0-beta.79",
+    "@zohodesk/components": "1.0.0-alpha-202",
+    "@zohodesk/icons": "1.0.0-beta.83",
     "@zohodesk/svg": "1.0.0-beta.34",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3"
@@ -42,8 +42,8 @@
     "velocity-react": "^1.4.3",
     "@zohodesk/variables": "^1.0.0-beta.23",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-195",
-    "@zohodesk/icons": "^1.0.0-beta.79",
+    "@zohodesk/components": "1.0.0-alpha-202",
+    "@zohodesk/icons": "^1.0.0-beta.83",
     "@zohodesk/svg": "^1.0.0-beta.34"
   },
   "react-cli": {