@zohodesk/components 1.2.41 → 1.2.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +9 -0
  3. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +1 -1
  4. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +1 -1
  5. package/es/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +1 -1
  6. package/es/Heading/Heading.js +5 -2
  7. package/es/Heading/__tests__/Heading.spec.js +9 -0
  8. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +55 -1
  9. package/es/Heading/props/propTypes.js +2 -1
  10. package/es/Tooltip/Tooltip.js +13 -3
  11. package/es/Tooltip/Tooltip.module.css +0 -8
  12. package/es/common/common.module.css +24 -0
  13. package/es/utils/cssUtils.js +11 -0
  14. package/es/v1/Heading/Heading.js +5 -2
  15. package/es/v1/Heading/props/propTypes.js +2 -1
  16. package/es/v1/Tooltip/Tooltip.js +13 -3
  17. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +1 -1
  18. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +1 -1
  19. package/lib/DateTime/__tests__/__snapshots__/YearView.spec.js.snap +1 -1
  20. package/lib/Heading/Heading.js +7 -3
  21. package/lib/Heading/__tests__/Heading.spec.js +9 -0
  22. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +55 -1
  23. package/lib/Heading/props/propTypes.js +2 -1
  24. package/lib/Tooltip/Tooltip.js +15 -4
  25. package/lib/Tooltip/Tooltip.module.css +0 -8
  26. package/lib/common/common.module.css +24 -0
  27. package/lib/utils/cssUtils.js +22 -0
  28. package/lib/v1/Heading/Heading.js +7 -3
  29. package/lib/v1/Heading/props/propTypes.js +2 -1
  30. package/lib/v1/Tooltip/Tooltip.js +15 -4
  31. package/package.json +4 -4
  32. package/result.json +1 -1
package/lib/v1/Tooltip/Tooltip.js CHANGED
@@ -15,12 +15,14 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _Config = require("../../Provider/Config");
17
17
 
18
- var _TooltipModule = _interopRequireDefault(require("../../Tooltip/Tooltip.module.css"));
19
-
20
18
  var _ResizeObserver = _interopRequireDefault(require("../../Responsive/ResizeObserver"));
21
19
 
22
20
  var _selectn = _interopRequireDefault(require("selectn"));
23
21
 
22
+ var _cssUtils = require("../../utils/cssUtils");
23
+
24
+ var _TooltipModule = _interopRequireDefault(require("../../Tooltip/Tooltip.module.css"));
25
+
24
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
27
 
26
28
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -251,7 +253,8 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
251
253
 
252
254
  var isHtml = titleDiv.getAttribute('data-ishtml');
253
255
  var dataTooltipnoArrow = titleDiv.getAttribute('data-tooltip-noarrow') === 'true' ? true : false;
254
- var dataTooltipWrap = titleDiv.getAttribute('data-title-wrap') === 'true' ? true : false;
256
+ var dataTooltipWrap = titleDiv.getAttribute('data-title-wrap') || 'normal'; // values: normal, pre, pre-wrap, pre-line, nowrap, break-spaces
257
+
255
258
  var clientRect = titleDiv.getBoundingClientRect();
256
259
  var boxLayout = this.getClientRectOfContEl(containerElement);
257
260
  this.setState({
@@ -545,7 +548,15 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
545
548
  customClass = _this$props.customClass;
546
549
  var arrowStyle = isArrowHorizontal ? isArrowRight ? _TooltipModule["default"].arrowRight : _TooltipModule["default"].arrowLeft : isArrowDown ? _TooltipModule["default"].arrowDown : _TooltipModule["default"].arrowUp;
547
550
  title = title ? title.trim() : null;
548
- var tooltipCss = "".concat(_TooltipModule["default"].tooltipcont, " ").concat(dataTooltipWrap ? _TooltipModule["default"].tooltipWrapCont : _TooltipModule["default"].tooltipNormalCont);
551
+ var tooltipWhiteSpaceModification = dataTooltipWrap;
552
+
553
+ if (dataTooltipWrap == 'pre') {
554
+ tooltipWhiteSpaceModification = 'preWrap';
555
+ } else if (dataTooltipWrap == 'nowrap') {
556
+ tooltipWhiteSpaceModification = 'normal';
557
+ }
558
+
559
+ var tooltipCss = "".concat(_TooltipModule["default"].tooltipcont, " ").concat(_cssUtils.whiteSpaceClassMapping[tooltipWhiteSpaceModification]);
549
560
  return title ? /*#__PURE__*/_react["default"].createElement("div", {
550
561
  className: "".concat(customClass, " ").concat(_TooltipModule["default"].tooltiptext),
551
562
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.2.41",
3
+ "version": "1.2.42",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -71,7 +71,7 @@
71
71
  "@zohodesk/a11y": "2.2.3",
72
72
  "@zohodesk/docstool": "1.0.0-alpha-2",
73
73
  "@zohodesk/hooks": "2.0.5",
74
- "@zohodesk/icons": "1.0.56",
74
+ "@zohodesk/icons": "1.0.58",
75
75
  "@zohodesk/svg": "1.1.19",
76
76
  "@zohodesk/utils": "1.3.14",
77
77
  "@zohodesk/variables": "1.0.0",
@@ -86,7 +86,7 @@
86
86
  "selectn": "1.1.2"
87
87
  },
88
88
  "peerDependencies": {
89
- "@zohodesk/icons": "1.0.56",
89
+ "@zohodesk/icons": "1.0.58",
90
90
  "@zohodesk/variables": "1.0.0",
91
91
  "@zohodesk/svg": "1.1.19",
92
92
  "@zohodesk/virtualizer": "1.0.3",
@@ -96,4 +96,4 @@
96
96
  "@zohodesk/utils": "1.3.14",
97
97
  "@zohodesk/a11y": "2.2.3"
98
98
  }
99
- }
99
+ }