@zohodesk/dot 1.0.0-temp-216 → 1.0.0-temp-218

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

@@ -24,6 +24,8 @@ 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,
@@ -53,6 +55,8 @@ 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
@@ -63,6 +67,8 @@ 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;
@@ -76,6 +82,8 @@ 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
@@ -100,6 +108,8 @@ 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
@@ -111,6 +121,8 @@ 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;
@@ -120,6 +132,8 @@ 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
   })
@@ -131,6 +145,8 @@ 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;
@@ -145,6 +161,8 @@ 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
@@ -158,6 +176,8 @@ 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,6 +17,8 @@ var _Link = _interopRequireDefault(require("../../Link/Link"));
 
 var _cssUtils = require("@zohodesk/components/es/utils/cssUtils");
 
+var _highlight = require("@zohodesk/components/es/Typography/highlight");
+
 var _SubjectModule = _interopRequireDefault(require("./Subject.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -27,6 +29,12 @@ 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); } }
@@ -75,11 +83,21 @@ var Subject = /*#__PURE__*/function (_Component) {
           isDotted = _this$props.isDotted,
           children = _this$props.children,
           customProps = _this$props.customProps,
-          whiteSpace = _this$props.whiteSpace;
+          whiteSpace = _this$props.whiteSpace,
+          enableHighlight = _this$props.enableHighlight,
+          highlights = _this$props.highlights;
       var _customProps$LinkProp = customProps.LinkProps,
           LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
           _customProps$TextProp = customProps.TextProps,
           TextProps = _customProps$TextProp === void 0 ? {} : _customProps$TextProp;
+
+      var _ref = highlights || {},
+          _ref$highlightData = _ref.highlightData,
+          highlightData = _ref$highlightData === void 0 ? [] : _ref$highlightData;
+
+      var displayContent = enableHighlight && highlightData && highlightData.length > 0 && text ? (0, _highlight.highlight)(_objectSpread({
+        text: text
+      }, highlights)) : children ? children : text;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
         urlName: urlName,
         href: href,
@@ -90,13 +108,13 @@ var Subject = /*#__PURE__*/function (_Component) {
         title: text,
         target: target,
         "data-title-wrap": whiteSpace
-      }, LinkProps), children ? children : text) : /*#__PURE__*/_react["default"].createElement("span", _extends({
+      }, LinkProps), displayContent) : /*#__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), text));
+      }, TextProps), displayContent));
     }
   }]);
 

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

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

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

@@ -9,6 +9,29 @@ 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,
@@ -26,6 +49,15 @@ var propTypes = {
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object
   }),
-  whiteSpace: _propTypes["default"].oneOf(['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces'])
+  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)))
 };
 exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-216",
+  "version": "1.0.0-temp-218",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -39,7 +39,7 @@
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
     "docs": "npm run css:review && review:props && react-cli docs",
-    "prepublishOnly": "node prePublish.js && npm run downloadOnly && npm run css:review  && npm run review:props",
+    "prepublishOnly": "node prePublish.js && npm run css:review  && npm run review:props",
     "postpublish": "node postPublish.js",
     "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib &&  react-cli clean ./package-lock.json &&  react-cli clean ./result.json",
     "download": "npm run downloadOnly  && cd ../ && npm run download",
@@ -73,12 +73,12 @@
     "@zohodesk-private/node-plugins": "1.1.13",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.8",
-    "@zohodesk/components": "1.4.12",
+    "@zohodesk/components": "1.0.0-temp-235",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/icons": "1.1.0",
     "@zohodesk/layout": "^3.1.0",
     "@zohodesk/svg": "1.2.2",
-    "@zohodesk/utils": "1.3.14",
+    "@zohodesk/utils": "1.3.15",
     "@zohodesk/variables": "1.1.0",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
@@ -89,20 +89,14 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.1.0",
-    "@zohodesk/components": "1.0.0-temp-236",
+    "@zohodesk/components": "1.4.19",
     "@zohodesk/icons": "1.1.0",
     "@zohodesk/svg": "1.2.2",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/utils": "1.3.14",
+    "@zohodesk/utils": "1.3.15",
     "@zohodesk/a11y": "2.3.8",
     "@zohodesk/layout": "3.1.0"
-  },
-  "dependencies": {
-    "@zohodesk/react-cli": "^1.1.27"
-  },
-  "volta": {
-    "node": "18.12.0"
   }
 }