@zohodesk/dot 1.0.0-temp-218.1 → 1.0.0-temp-187.18

package/lib/list/SecondaryText/SecondaryText.js

@@ -13,8 +13,6 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _textHighlighter = require("@zohodesk/components/es/Typography/utils/textHighlighter");
-
 var _SecondaryTextModule = _interopRequireDefault(require("./SecondaryText.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -25,12 +23,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 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,28 +57,21 @@ var SecondaryText = /*#__PURE__*/function (_Component) {
   _createClass(SecondaryText, [{
     key: "render",
     value: function render() {
-      var _highlights$data;
-
       var _this$props = this.props,
           className = _this$props.className,
           text = _this$props.text,
           dataTitle = _this$props.dataTitle,
           dataId = _this$props.dataId,
           onClick = _this$props.onClick,
-          customProps = _this$props.customProps,
-          enableHighlight = _this$props.enableHighlight,
-          highlights = _this$props.highlights;
+          customProps = _this$props.customProps;
       var SecondaryTextProps = customProps.SecondaryTextProps;
-      var displayContent = enableHighlight && highlights !== null && highlights !== void 0 && highlights.data && (highlights === null || highlights === void 0 ? void 0 : (_highlights$data = highlights.data) === null || _highlights$data === void 0 ? void 0 : _highlights$data.length) > 0 && text ? (0, _textHighlighter.highlightText)(_objectSpread(_objectSpread({}, highlights), {}, {
-        text: text
-      })) : text;
       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), displayContent);
+      }, SecondaryTextProps), text);
     }
   }]);
 

package/lib/list/SecondaryText/StatusText.js

@@ -13,8 +13,6 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _textHighlighter = require("@zohodesk/components/es/Typography/utils/textHighlighter");
-
 var _SecondaryTextModule = _interopRequireDefault(require("./SecondaryText.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -23,12 +21,6 @@ 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 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); } }
@@ -63,26 +55,19 @@ var StatusText = /*#__PURE__*/function (_Component) {
   _createClass(StatusText, [{
     key: "render",
     value: function render() {
-      var _highlights$data;
-
       var _this$props = this.props,
           className = _this$props.className,
           color = _this$props.color,
           text = _this$props.text,
           dataTitle = _this$props.dataTitle,
           fontWeight = _this$props.fontWeight,
-          dataId = _this$props.dataId,
-          enableHighlight = _this$props.enableHighlight,
-          highlights = _this$props.highlights;
-      var displayContent = enableHighlight && highlights !== null && highlights !== void 0 && highlights.data && (highlights === null || highlights === void 0 ? void 0 : (_highlights$data = highlights.data) === null || _highlights$data === void 0 ? void 0 : _highlights$data.length) > 0 && text ? (0, _textHighlighter.highlightText)(_objectSpread(_objectSpread({}, highlights), {}, {
-        text: text
-      })) : text;
+          dataId = _this$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
-      }, displayContent);
+      }, text);
     }
   }]);
 

package/lib/list/SecondaryText/TicketId.js

@@ -15,8 +15,6 @@ var _propTypes = require("./props/propTypes");
 
 var _Link = _interopRequireDefault(require("../../Link/Link"));
 
-var _textHighlighter = require("@zohodesk/components/es/Typography/utils/textHighlighter");
-
 var _SecondaryTextModule = _interopRequireDefault(require("./SecondaryText.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -27,12 +25,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 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 +59,6 @@ var TicketId = /*#__PURE__*/function (_Component) {
   _createClass(TicketId, [{
     key: "render",
     value: function render() {
-      var _highlights$data;
-
       var _this$props = this.props,
           text = _this$props.text,
           className = _this$props.className,
@@ -80,17 +70,11 @@ var TicketId = /*#__PURE__*/function (_Component) {
           target = _this$props.target,
           urlName = _this$props.urlName,
           urlData = _this$props.urlData,
-          customProps = _this$props.customProps,
-          enableHighlight = _this$props.enableHighlight,
-          highlights = _this$props.highlights;
+          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;
-      var processedText = enableHighlight && highlights !== null && highlights !== void 0 && highlights.data && (highlights === null || highlights === void 0 ? void 0 : (_highlights$data = highlights.data) === null || _highlights$data === void 0 ? void 0 : _highlights$data.length) > 0 && typeof text === 'string' ? (0, _textHighlighter.highlightText)(_objectSpread(_objectSpread({}, highlights), {}, {
-        text: text
-      })) : text;
-      var textContent = Array.isArray(processedText) ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, processedText) : processedText;
       return /*#__PURE__*/_react["default"].createElement("div", _extends({
         className: "".concat(_SecondaryTextModule["default"].ticketId, " ").concat(isLink ? _SecondaryTextModule["default"].ticketIdLink : '', " ").concat(className ? className : ''),
         "data-id": dataId,
@@ -103,7 +87,7 @@ var TicketId = /*#__PURE__*/function (_Component) {
         href: url,
         target: target,
         onClick: onClick
-      }, LinkProps), textContent) : textContent);
+      }, LinkProps), text) : text);
     }
   }]);
 

package/lib/list/SecondaryText/Website.js

@@ -13,8 +13,6 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
-var _textHighlighter = require("@zohodesk/components/es/Typography/utils/textHighlighter");
-
 var _ExternalLink = _interopRequireDefault(require("../../ExternalLink/ExternalLink"));
 
 var _SecondaryTextModule = _interopRequireDefault(require("./SecondaryText.module.css"));
@@ -25,12 +23,6 @@ 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 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,8 +57,6 @@ var Website = /*#__PURE__*/function (_Component) {
   _createClass(Website, [{
     key: "render",
     value: function render() {
-      var _highlights$data;
-
       var _this$props = this.props,
           text = _this$props.text,
           className = _this$props.className,
@@ -74,22 +64,17 @@ var Website = /*#__PURE__*/function (_Component) {
           href = _this$props.href,
           dataId = _this$props.dataId,
           isLink = _this$props.isLink,
-          target = _this$props.target,
-          enableHighlight = _this$props.enableHighlight,
-          highlights = _this$props.highlights;
-      var displayContent = enableHighlight && highlights !== null && highlights !== void 0 && highlights.data && (highlights === null || highlights === void 0 ? void 0 : (_highlights$data = highlights.data) === null || _highlights$data === void 0 ? void 0 : _highlights$data.length) > 0 && text ? (0, _textHighlighter.highlightText)(_objectSpread(_objectSpread({}, highlights), {}, {
-        text: text
-      })) : text;
+          target = _this$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
-      }, displayContent) : /*#__PURE__*/_react["default"].createElement("div", {
+      }, text) : /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(className ? className : ''),
         "data-title": text
-      }, displayContent));
+      }, text));
     }
   }]);
 

package/lib/list/SecondaryText/props/defaultProps.js

@@ -8,8 +8,6 @@ var AccountName_defaultProps = {
   isLink: true,
   dataId: 'accountName',
   fontWeight: 'regular',
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 exports.AccountName_defaultProps = AccountName_defaultProps;
@@ -19,16 +17,12 @@ var ContactName_defaultProps = {
   dataId: 'contactName',
   fontWeight: 'regular',
   i18nKeys: {},
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 exports.ContactName_defaultProps = ContactName_defaultProps;
 var Email_defaultProps = {
   isLink: true,
   fontWeight: 'regular',
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 exports.Email_defaultProps = Email_defaultProps;
@@ -36,42 +30,30 @@ var PhoneNumber_defaultProps = {
   isLink: true,
   hasReload: false,
   fontWeight: 'regular',
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 exports.PhoneNumber_defaultProps = PhoneNumber_defaultProps;
 var PriorityText_defaultProps = {
   color: 'black',
-  enableHighlight: false,
-  highlights: {},
   dataId: 'priority'
 };
 exports.PriorityText_defaultProps = PriorityText_defaultProps;
 var SecondaryText_defaultProps = {
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 exports.SecondaryText_defaultProps = SecondaryText_defaultProps;
 var StatusText_defaultProps = {
   color: 'black',
   dataId: 'statusContainer',
-  enableHighlight: false,
-  highlights: {},
   fontWeight: 'regular'
 };
 exports.StatusText_defaultProps = StatusText_defaultProps;
 var TicketId_defaultProps = {
   dataId: 'ticketId',
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 exports.TicketId_defaultProps = TicketId_defaultProps;
 var Website_defaultProps = {
-  enableHighlight: false,
-  highlights: {},
   isLink: true
 };
 exports.Website_defaultProps = Website_defaultProps;

package/lib/list/SecondaryText/props/propTypes.js

@@ -24,8 +24,6 @@ var AccountName_propTypes = {
   secondaryAccountHref: _propTypes["default"].string,
   secondaryAccountClick: _propTypes["default"].func,
   secondaryAccountText: _propTypes["default"].string,
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object,
@@ -55,8 +53,6 @@ var ContactName_propTypes = {
     }),
     paidTitle: _propTypes["default"].string
   }),
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object
@@ -67,8 +63,6 @@ var DepartmentText_propTypes = {
   className: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
   dataTitle: _propTypes["default"].string,
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].object,
   text: _propTypes["default"].string
 };
 exports.DepartmentText_propTypes = DepartmentText_propTypes;
@@ -82,8 +76,6 @@ var Email_propTypes = {
   title: _propTypes["default"].string,
   urlData: _propTypes["default"].object,
   urlName: _propTypes["default"].string,
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object
@@ -108,8 +100,6 @@ var PhoneNumber_propTypes = {
   title: _propTypes["default"].string,
   urlData: _propTypes["default"].object,
   urlName: _propTypes["default"].string,
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object
@@ -121,8 +111,6 @@ var PriorityText_propTypes = {
   color: _propTypes["default"].oneOf(['red', 'green', 'gray', 'orange']),
   dataId: _propTypes["default"].string,
   dataTitle: _propTypes["default"].string,
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].object,
   text: _propTypes["default"].string
 };
 exports.PriorityText_propTypes = PriorityText_propTypes;
@@ -132,8 +120,6 @@ var SecondaryText_propTypes = {
   dataTitle: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
   text: _propTypes["default"].string,
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     SecondaryTextProps: _propTypes["default"].object
   })
@@ -145,8 +131,6 @@ var StatusText_propTypes = {
   dataId: _propTypes["default"].string,
   dataTitle: _propTypes["default"].string,
   fontWeight: _propTypes["default"].oneOf(['regular', 'semibold', 'bold']),
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].object,
   text: _propTypes["default"].string
 };
 exports.StatusText_propTypes = StatusText_propTypes;
@@ -161,8 +145,6 @@ var TicketId_propTypes = {
   url: _propTypes["default"].string,
   urlData: _propTypes["default"].string,
   urlName: _propTypes["default"].string,
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].object,
   customProps: _propTypes["default"].shape({
     TicketIdProps: _propTypes["default"].object,
     LinkProps: _propTypes["default"].object
@@ -176,8 +158,6 @@ var Website_propTypes = {
   isLink: _propTypes["default"].bool,
   target: _propTypes["default"].string,
   text: _propTypes["default"].string,
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].object,
   title: _propTypes["default"].string
 };
 exports.Website_propTypes = Website_propTypes;

package/lib/list/Subject/Subject.js

@@ -17,8 +17,6 @@ var _Link = _interopRequireDefault(require("../../Link/Link"));
 
 var _cssUtils = require("@zohodesk/components/es/utils/cssUtils");
 
-var _textHighlighter = require("@zohodesk/components/es/Typography/utils/textHighlighter");
-
 var _SubjectModule = _interopRequireDefault(require("./Subject.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -29,12 +27,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 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); } }
@@ -69,8 +61,6 @@ var Subject = /*#__PURE__*/function (_Component) {
   _createClass(Subject, [{
     key: "render",
     value: function render() {
-      var _highlights$data;
-
       var _this$props = this.props,
           text = _this$props.text,
           dataId = _this$props.dataId,
@@ -85,16 +75,11 @@ var Subject = /*#__PURE__*/function (_Component) {
           isDotted = _this$props.isDotted,
           children = _this$props.children,
           customProps = _this$props.customProps,
-          whiteSpace = _this$props.whiteSpace,
-          enableHighlight = _this$props.enableHighlight,
-          highlights = _this$props.highlights;
+          whiteSpace = _this$props.whiteSpace;
       var _customProps$LinkProp = customProps.LinkProps,
           LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
           _customProps$TextProp = customProps.TextProps,
           TextProps = _customProps$TextProp === void 0 ? {} : _customProps$TextProp;
-      var displayContent = enableHighlight && highlights !== null && highlights !== void 0 && highlights.data && (highlights === null || highlights === void 0 ? void 0 : (_highlights$data = highlights.data) === null || _highlights$data === void 0 ? void 0 : _highlights$data.length) > 0 && text ? (0, _textHighlighter.highlightText)(_objectSpread(_objectSpread({}, highlights), {}, {
-        text: text
-      })) : children ? children : text;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
         urlName: urlName,
         href: href,
@@ -105,13 +90,13 @@ var Subject = /*#__PURE__*/function (_Component) {
         title: text,
         target: target,
         "data-title-wrap": whiteSpace
-      }, LinkProps), displayContent) : /*#__PURE__*/_react["default"].createElement("span", _extends({
+      }, LinkProps), children ? children : text) : /*#__PURE__*/_react["default"].createElement("span", _extends({
         className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(_cssUtils.whiteSpaceClassMapping[whiteSpace], " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)]),
         "data-title": text,
         "data-id": dataId,
         "data-test-id": dataId,
         "data-title-wrap": whiteSpace
-      }, TextProps), displayContent));
+      }, TextProps), text));
     }
   }]);
 

package/lib/list/Subject/props/defaultProps.js

@@ -10,8 +10,6 @@ var defaultProps = {
   className: '',
   isDotted: true,
   customProps: {},
-  whiteSpace: 'pre',
-  enableHighlight: false,
-  highlights: {}
+  whiteSpace: 'pre'
 };
 exports.defaultProps = defaultProps;

package/lib/list/Subject/props/propTypes.js

@@ -9,29 +9,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var highlightsStyleShape = _propTypes["default"].shape({
-  weight: _propTypes["default"].oneOf(['regular', 'light', 'semibold', 'bold']),
-  transform: _propTypes["default"].oneOf(['default', 'upper', 'lower', 'capital']),
-  decoration: _propTypes["default"].oneOf(['default', 'underline', 'strike', 'overline']),
-  typeFace: _propTypes["default"].oneOf(['normal', 'italic']),
-  customClass: _propTypes["default"].object
-});
-
-var commonHighlightProps = {
-  customStyle: _propTypes["default"].object,
-  isExcludedIndex: _propTypes["default"].bool,
-  isCaseSensitive: _propTypes["default"].bool,
-  isWholeWord: _propTypes["default"].bool,
-  tagName: _propTypes["default"].string,
-  render: _propTypes["default"].element,
-  highlightsStyle: _propTypes["default"].objectOf(highlightsStyleShape)
-};
 var propTypes = {
   className: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
@@ -49,15 +26,6 @@ var propTypes = {
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object
   }),
-  whiteSpace: _propTypes["default"].oneOf(['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces']),
-  // Highlight props
-  enableHighlight: _propTypes["default"].bool,
-  highlights: _propTypes["default"].objectOf(_propTypes["default"].shape(_objectSpread({
-    text: _propTypes["default"].string,
-    highlightData: _propTypes["default"].arrayOf(_propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].shape(_objectSpread({
-      highlightText: _propTypes["default"].string,
-      index: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].number), _propTypes["default"].number])
-    }, commonHighlightProps))]))
-  }, commonHighlightProps)))
+  whiteSpace: _propTypes["default"].oneOf(['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces'])
 };
 exports.propTypes = propTypes;

package/lib/list/status/StatusDropdown/StatusDropdown.js

@@ -247,7 +247,10 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           renderTargetElement = _this$props4.renderTargetElement,
           renderFooterElement = _this$props4.renderFooterElement,
           _this$props4$a11y = _this$props4.a11y,
-          a11y = _this$props4$a11y === void 0 ? {} : _this$props4$a11y;
+          a11y = _this$props4$a11y === void 0 ? {} : _this$props4$a11y,
+          customClass = _this$props4.customClass;
+      var _customClass$dropBoxC = customClass.dropBoxClass,
+          dropBoxClass = _customClass$dropBoxC === void 0 ? '' : _customClass$dropBoxC;
       var _a11y$tabIndex = a11y.tabIndex,
           tabIndex = _a11y$tabIndex === void 0 ? 0 : _a11y$tabIndex,
           ariaLabelledby = a11y.ariaLabelledby,
@@ -310,7 +313,8 @@ var StatusDropdown = /*#__PURE__*/function (_React$Component) {
           isAnimate: true,
           getRef: getContainerRef,
           customClass: {
-            customDropBoxWrap: _StatusDropdownModule["default"].dropBoxContainer
+            customDropBoxWrap: _StatusDropdownModule["default"].dropBoxContainer,
+            customDropBox: dropBoxClass
           },
           needResponsive: needResponsive,
           isResponsivePadding: true,

package/lib/list/status/StatusDropdown/props/defaultProps.js

@@ -24,6 +24,7 @@ var defaultProps = {
   needMultiLineText: false,
   isFetchingOptions: false,
   isAbsolutePositioningNeeded: true,
-  isRestrictScroll: false
+  isRestrictScroll: false,
+  customClass: {}
 };
 exports.defaultProps = defaultProps;

package/lib/list/status/StatusDropdown/props/propTypes.js

@@ -30,5 +30,7 @@ var propTypes = (_propTypes = {
   idName: _propTypes2["default"].string,
   isArrow: _propTypes2["default"].bool,
   isDataLoaded: _propTypes2["default"].bool
-}, _defineProperty(_propTypes, "isDataLoaded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isEditable", _propTypes2["default"].bool), _defineProperty(_propTypes, "isFetchingOptions", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupActive", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupOpen", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupReady", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isSearch", _propTypes2["default"].bool), _defineProperty(_propTypes, "keyName", _propTypes2["default"].string), _defineProperty(_propTypes, "left", _propTypes2["default"].number), _defineProperty(_propTypes, "needExternalPopupState", _propTypes2["default"].bool), _defineProperty(_propTypes, "needResponsive", _propTypes2["default"].bool), _defineProperty(_propTypes, "needTick", _propTypes2["default"].bool), _defineProperty(_propTypes, "onClick", _propTypes2["default"].func), _defineProperty(_propTypes, "onTogglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "options", _propTypes2["default"].array.isRequired), _defineProperty(_propTypes, "placeHolderText", _propTypes2["default"].string), _defineProperty(_propTypes, "position", _propTypes2["default"].string), _defineProperty(_propTypes, "removeClose", _propTypes2["default"].func), _defineProperty(_propTypes, "right", _propTypes2["default"].number), _defineProperty(_propTypes, "searchBoxSize", _propTypes2["default"].oneOf(['small', 'medium', 'xmedium'])), _defineProperty(_propTypes, "searchEmptyHint", _propTypes2["default"].string), _defineProperty(_propTypes, "searchErrorText", _propTypes2["default"].string), _defineProperty(_propTypes, "showIconOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "showOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusColor", _propTypes2["default"].string), _defineProperty(_propTypes, "targetAlign", _propTypes2["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "togglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "value", _propTypes2["default"].node), _defineProperty(_propTypes, "needMultiLineText", _propTypes2["default"].bool), _defineProperty(_propTypes, "onSelectLabel", _propTypes2["default"].func), _defineProperty(_propTypes, "top", _propTypes2["default"].number), _defineProperty(_propTypes, "a11y", _propTypes2["default"].object), _defineProperty(_propTypes, "isAbsolutePositioningNeeded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isRestrictScroll", _propTypes2["default"].bool), _defineProperty(_propTypes, "positionsOffset", _propTypes2["default"].object), _defineProperty(_propTypes, "renderTargetElement", _propTypes2["default"].func), _defineProperty(_propTypes, "renderFooterElement", _propTypes2["default"].node), _defineProperty(_propTypes, "targetOffset", _propTypes2["default"].object), _propTypes);
+}, _defineProperty(_propTypes, "isDataLoaded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isDisabled", _propTypes2["default"].bool), _defineProperty(_propTypes, "isEditable", _propTypes2["default"].bool), _defineProperty(_propTypes, "isFetchingOptions", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupActive", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupOpen", _propTypes2["default"].bool), _defineProperty(_propTypes, "isPopupReady", _propTypes2["default"].bool), _defineProperty(_propTypes, "isReadOnly", _propTypes2["default"].bool), _defineProperty(_propTypes, "isSearch", _propTypes2["default"].bool), _defineProperty(_propTypes, "keyName", _propTypes2["default"].string), _defineProperty(_propTypes, "left", _propTypes2["default"].number), _defineProperty(_propTypes, "needExternalPopupState", _propTypes2["default"].bool), _defineProperty(_propTypes, "needResponsive", _propTypes2["default"].bool), _defineProperty(_propTypes, "needTick", _propTypes2["default"].bool), _defineProperty(_propTypes, "onClick", _propTypes2["default"].func), _defineProperty(_propTypes, "onTogglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "options", _propTypes2["default"].array.isRequired), _defineProperty(_propTypes, "placeHolderText", _propTypes2["default"].string), _defineProperty(_propTypes, "position", _propTypes2["default"].string), _defineProperty(_propTypes, "removeClose", _propTypes2["default"].func), _defineProperty(_propTypes, "right", _propTypes2["default"].number), _defineProperty(_propTypes, "searchBoxSize", _propTypes2["default"].oneOf(['small', 'medium', 'xmedium'])), _defineProperty(_propTypes, "searchEmptyHint", _propTypes2["default"].string), _defineProperty(_propTypes, "searchErrorText", _propTypes2["default"].string), _defineProperty(_propTypes, "showIconOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "showOnHover", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusColor", _propTypes2["default"].string), _defineProperty(_propTypes, "targetAlign", _propTypes2["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "togglePopup", _propTypes2["default"].func), _defineProperty(_propTypes, "value", _propTypes2["default"].node), _defineProperty(_propTypes, "needMultiLineText", _propTypes2["default"].bool), _defineProperty(_propTypes, "onSelectLabel", _propTypes2["default"].func), _defineProperty(_propTypes, "top", _propTypes2["default"].number), _defineProperty(_propTypes, "a11y", _propTypes2["default"].object), _defineProperty(_propTypes, "isAbsolutePositioningNeeded", _propTypes2["default"].bool), _defineProperty(_propTypes, "isRestrictScroll", _propTypes2["default"].bool), _defineProperty(_propTypes, "positionsOffset", _propTypes2["default"].object), _defineProperty(_propTypes, "renderTargetElement", _propTypes2["default"].func), _defineProperty(_propTypes, "renderFooterElement", _propTypes2["default"].node), _defineProperty(_propTypes, "targetOffset", _propTypes2["default"].object), _defineProperty(_propTypes, "customClass", _propTypes2["default"].shape({
+  dropBoxClass: _propTypes2["default"].string
+})), _propTypes);
 exports.propTypes = propTypes;

package/lib/list/status/StatusListItem/StatusListItem.module.css

@@ -36,9 +36,8 @@
 .value {
   composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
-.multiLineValue{
-  word-break: break-word;
-  composes: clamp from '~@zohodesk/components/es/common/common.module.css';
+.multiLineValue {
+  composes: lineClamp from '~@zohodesk/components/es/common/common.module.css';
 }
 [dir=ltr] .withBorder.active {
   border-left-color: var(--zdt_statuslistitem_default_active_border);
@@ -90,6 +89,10 @@
 }
 /* Status Type */
 .statusType {
+  --status_listitem_bullet_min_height: var(--zd_size8);
+  --status_listitem_bullet_min_width: var(--zd_size8);
+  min-height: var(--status_listitem_bullet_min_height);
+  min-width: var(--status_listitem_bullet_min_width);
   width: var(--zd_size8) ;
   height: var(--zd_size8) ;
   border-radius: 50%;