@zohodesk/dot 1.9.1 → 1.9.2

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

@@ -7,6 +7,8 @@ exports.Website_propTypes = exports.TicketId_propTypes = exports.StatusText_prop
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _propTypes2 = require("@zohodesk/components/es/Typography/props/propTypes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var AccountName_propTypes = {
@@ -24,6 +26,8 @@ var AccountName_propTypes = {
   secondaryAccountHref: _propTypes["default"].string,
   secondaryAccountClick: _propTypes["default"].func,
   secondaryAccountText: _propTypes["default"].string,
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig,
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object,
@@ -53,6 +57,8 @@ var ContactName_propTypes = {
     }),
     paidTitle: _propTypes["default"].string
   }),
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig,
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object
@@ -63,6 +69,8 @@ var DepartmentText_propTypes = {
   className: _propTypes["default"].string,
   dataId: _propTypes["default"].string,
   dataTitle: _propTypes["default"].string,
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig,
   text: _propTypes["default"].string
 };
 exports.DepartmentText_propTypes = DepartmentText_propTypes;
@@ -76,6 +84,8 @@ var Email_propTypes = {
   title: _propTypes["default"].string,
   urlData: _propTypes["default"].object,
   urlName: _propTypes["default"].string,
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig,
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object
@@ -100,6 +110,8 @@ var PhoneNumber_propTypes = {
   title: _propTypes["default"].string,
   urlData: _propTypes["default"].object,
   urlName: _propTypes["default"].string,
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig,
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object
@@ -111,6 +123,8 @@ var PriorityText_propTypes = {
   color: _propTypes["default"].oneOf(['red', 'green', 'gray', 'orange']),
   dataId: _propTypes["default"].string,
   dataTitle: _propTypes["default"].string,
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig,
   text: _propTypes["default"].string
 };
 exports.PriorityText_propTypes = PriorityText_propTypes;
@@ -120,6 +134,8 @@ var SecondaryText_propTypes = {
   dataTitle: _propTypes["default"].string,
   onClick: _propTypes["default"].func,
   text: _propTypes["default"].string,
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig,
   customProps: _propTypes["default"].shape({
     SecondaryTextProps: _propTypes["default"].object
   })
@@ -131,6 +147,8 @@ var StatusText_propTypes = {
   dataId: _propTypes["default"].string,
   dataTitle: _propTypes["default"].string,
   fontWeight: _propTypes["default"].oneOf(['regular', 'semibold', 'bold']),
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig,
   text: _propTypes["default"].string
 };
 exports.StatusText_propTypes = StatusText_propTypes;
@@ -145,6 +163,8 @@ var TicketId_propTypes = {
   url: _propTypes["default"].string,
   urlData: _propTypes["default"].string,
   urlName: _propTypes["default"].string,
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig,
   customProps: _propTypes["default"].shape({
     TicketIdProps: _propTypes["default"].object,
     LinkProps: _propTypes["default"].object
@@ -158,6 +178,8 @@ var Website_propTypes = {
   isLink: _propTypes["default"].bool,
   target: _propTypes["default"].string,
   text: _propTypes["default"].string,
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig,
   title: _propTypes["default"].string
 };
 exports.Website_propTypes = Website_propTypes;

package/lib/list/Subject/Subject.js

@@ -13,6 +13,10 @@ var _defaultProps = require("./props/defaultProps");
 
 var _propTypes = require("./props/propTypes");
 
+var _Typography = _interopRequireDefault(require("@zohodesk/components/es/Typography/Typography"));
+
+var _Common = require("@zohodesk/components/es/utils/Common");
+
 var _Link = _interopRequireDefault(require("../../Link/Link"));
 
 var _cssUtils = require("@zohodesk/components/es/utils/cssUtils");
@@ -27,6 +31,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,28 +85,45 @@ 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,
+          isHighlighted = _this$props.isHighlighted,
+          highlightData = _this$props.highlightData;
       var _customProps$LinkProp = customProps.LinkProps,
           LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
           _customProps$TextProp = customProps.TextProps,
           TextProps = _customProps$TextProp === void 0 ? {} : _customProps$TextProp;
+
+      var tagAttributesText = _objectSpread(_objectSpread({}, TextProps), {}, {
+        'data-title-wrap': whiteSpace
+      });
+
+      var linkTagAttributes = {
+        'data-title-wrap': whiteSpace
+      };
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
         urlName: urlName,
         href: href,
         urlData: urlData,
         onClick: onClick,
-        className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(_cssUtils.whiteSpaceClassMapping[whiteSpace], " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)], " ").concat(_SubjectModule["default"].cursorPointer),
-        dataId: dataId,
-        title: text,
-        target: target,
-        "data-title-wrap": whiteSpace
-      }, 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), text));
+        target: target
+      }, LinkProps), children ? children : /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        $tagAttributes_text: linkTagAttributes,
+        $i18n_dataTitle: text,
+        $ui_className: "".concat(_SubjectModule["default"].subject, " ").concat(_cssUtils.whiteSpaceClassMapping[whiteSpace], " ").concat(className, " ").concat(_SubjectModule["default"].cursorPointer),
+        customId: dataId,
+        $flag_dotted: isDotted,
+        $ui_weight: fontWeight,
+        $ui_highlightConfig: isHighlighted ? highlightData : _Common.DUMMY_OBJECT
+      }, text)) : /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+        $tagAttributes_text: tagAttributesText,
+        $ui_className: "".concat(_SubjectModule["default"].subject, " ").concat(className, " ").concat(_cssUtils.whiteSpaceClassMapping[whiteSpace]),
+        $flag_dotted: isDotted,
+        $ui_weight: fontWeight,
+        $i18n_dataTitle: text,
+        customId: dataId,
+        testId: dataId,
+        $ui_highlightConfig: isHighlighted ? highlightData : _Common.DUMMY_OBJECT
+      }, text));
     }
   }]);
 

package/lib/list/Subject/__tests__/__snapshots__/Subject.spec.js.snap

@@ -2,8 +2,8 @@
 
 exports[`Subject rendering the defult props 1`] = `
 <DocumentFragment>
-  <span
-    class="subject dotted whiteSpace_pre  font_regular"
+  <div
+    class="dotted font_regular subject  whiteSpace_pre"
     data-title-wrap="pre"
   />
 </DocumentFragment>
@@ -11,8 +11,8 @@ exports[`Subject rendering the defult props 1`] = `
 
 exports[`Subject rendering the whiteSpace of -break-spaces 1`] = `
 <DocumentFragment>
-  <span
-    class="subject dotted whiteSpace_breakSpaces  font_regular"
+  <div
+    class="dotted font_regular subject  whiteSpace_breakSpaces"
     data-title-wrap="break-spaces"
   />
 </DocumentFragment>
@@ -20,8 +20,8 @@ exports[`Subject rendering the whiteSpace of -break-spaces 1`] = `
 
 exports[`Subject rendering the whiteSpace of -normal 1`] = `
 <DocumentFragment>
-  <span
-    class="subject dotted whiteSpace_normal  font_regular"
+  <div
+    class="dotted font_regular subject  whiteSpace_normal"
     data-title-wrap="normal"
   />
 </DocumentFragment>
@@ -29,8 +29,8 @@ exports[`Subject rendering the whiteSpace of -normal 1`] = `
 
 exports[`Subject rendering the whiteSpace of -nowrap 1`] = `
 <DocumentFragment>
-  <span
-    class="subject dotted whiteSpace_nowrap  font_regular"
+  <div
+    class="dotted font_regular subject  whiteSpace_nowrap"
     data-title-wrap="nowrap"
   />
 </DocumentFragment>
@@ -38,8 +38,8 @@ exports[`Subject rendering the whiteSpace of -nowrap 1`] = `
 
 exports[`Subject rendering the whiteSpace of -pre 1`] = `
 <DocumentFragment>
-  <span
-    class="subject dotted whiteSpace_pre  font_regular"
+  <div
+    class="dotted font_regular subject  whiteSpace_pre"
     data-title-wrap="pre"
   />
 </DocumentFragment>
@@ -47,8 +47,8 @@ exports[`Subject rendering the whiteSpace of -pre 1`] = `
 
 exports[`Subject rendering the whiteSpace of -pre-line 1`] = `
 <DocumentFragment>
-  <span
-    class="subject dotted whiteSpace_preLine  font_regular"
+  <div
+    class="dotted font_regular subject  whiteSpace_preLine"
     data-title-wrap="pre-line"
   />
 </DocumentFragment>
@@ -56,8 +56,8 @@ exports[`Subject rendering the whiteSpace of -pre-line 1`] = `
 
 exports[`Subject rendering the whiteSpace of -pre-wrap 1`] = `
 <DocumentFragment>
-  <span
-    class="subject dotted whiteSpace_preWrap  font_regular"
+  <div
+    class="dotted font_regular subject  whiteSpace_preWrap"
     data-title-wrap="pre-wrap"
   />
 </DocumentFragment>

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

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

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

@@ -7,6 +7,8 @@ exports.propTypes = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _propTypes2 = require("@zohodesk/components/es/Typography/props/propTypes");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var propTypes = {
@@ -26,6 +28,9 @@ 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
+  isHighlighted: _propTypes["default"].bool,
+  highlightData: _propTypes2.propTypes.$ui_highlightConfig
 };
 exports.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -73,7 +73,7 @@
     "@zohodesk-private/node-plugins": "1.1.13",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.3.8",
-    "@zohodesk/components": "1.6.0",
+    "@zohodesk/components": "1.6.1",
     "@zohodesk/hooks": "2.0.6",
     "@zohodesk/icons": "1.1.7",
     "@zohodesk/layout": "^3.1.0",
@@ -89,7 +89,7 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.2.0",
-    "@zohodesk/components": "1.6.0",
+    "@zohodesk/components": "1.6.1",
     "@zohodesk/icons": "1.1.7",
     "@zohodesk/svg": "1.3.1",
     "@zohodesk/virtualizer": "1.0.13",