@zohodesk/components 1.0.0-temp-82 → 1.0.0-temp-83

package/README.md

@@ -32,6 +32,10 @@ In this Package, we Provide Some Basic Components to Build Web App
 - TextBoxIcon
 - Tooltip
 
+# 1.0.0-alpha-253
+
+ - Tabs, Tooltip => if condition check added  to reduce murphy error logs
+
 # 1.0.0-alpha-252
 
  - **Select,GroupSelect,SelectWithAvatar,SelectWithIcon,MultiSelect,MultiSelectWithAvatar** - Initial Loader and Scroll End Loader added.

package/es/Tab/Tabs.js

@@ -223,7 +223,7 @@ class Tabs extends React.Component {
     let {
       align
     } = this.props;
-    let totalDimension = getTotalDimension(this.tabsEle, align);
+    let totalDimension = this.tabsEle && getTotalDimension(this.tabsEle, align);
     return totalDimension;
   }
   getTabDimensions() {
@@ -234,7 +234,7 @@ class Tabs extends React.Component {
     } = this.props;
     let tabDimensions = {};
     React.Children.forEach(children, child => /*#__PURE__*/React.isValidElement(child) && child.type === childType && this[child.props.id] && Object.assign(tabDimensions, {
-      [child.props.id]: getTotalDimension(this[child.props.id], align)
+      [child.props.id]: this[child.props.id] && getTotalDimension(this[child.props.id], align)
     }));
     return tabDimensions;
   }

package/es/Tooltip/Tooltip.js

@@ -4,6 +4,7 @@ import { propTypes } from './props/propTypes';
 import { getLibraryConfig } from '../Provider/Config';
 import style from './Tooltip.module.css';
 import ResizeObserver from '../Responsive/ResizeObserver';
+import selectn from 'selectn';
 export default class Tooltip extends React.Component {
   constructor(props) {
     super(props);
@@ -146,7 +147,9 @@ export default class Tooltip extends React.Component {
             //   isContentDotted = element.offsetHeight < element.scrollHeight;
             // }
           } else {
-            isContentDotted = element.parentElement.offsetWidth < element.parentElement.scrollWidth;
+            const offWidth = selectn('parentElement.offsetWidth', element) || 0;
+            const scrollWidth = selectn('parentElement.scrollWidth', element) || 0;
+            isContentDotted = offWidth < scrollWidth;
           }
           let originText = element.innerText.replace(/\s/g, '').toLowerCase();
           let tooltipText = title.replace(/\s/g, '').toLowerCase();

package/lib/Tab/Tabs.js

@@ -252,7 +252,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
     key: "getTotalDimension",
     value: function getTotalDimension() {
       var align = this.props.align;
-      var totalDimension = (0, _Common.getTotalDimension)(this.tabsEle, align);
+      var totalDimension = this.tabsEle && (0, _Common.getTotalDimension)(this.tabsEle, align);
       return totalDimension;
     }
   }, {
@@ -265,7 +265,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
         childType = _this$props4.childType;
       var tabDimensions = {};
       _react["default"].Children.forEach(children, function (child) {
-        return /*#__PURE__*/_react["default"].isValidElement(child) && child.type === childType && _this7[child.props.id] && Object.assign(tabDimensions, _defineProperty({}, child.props.id, (0, _Common.getTotalDimension)(_this7[child.props.id], align)));
+        return /*#__PURE__*/_react["default"].isValidElement(child) && child.type === childType && _this7[child.props.id] && Object.assign(tabDimensions, _defineProperty({}, child.props.id, _this7[child.props.id] && (0, _Common.getTotalDimension)(_this7[child.props.id], align)));
       });
       return tabDimensions;
     }

package/lib/Tooltip/Tooltip.js

@@ -11,6 +11,7 @@ var _propTypes = require("./props/propTypes");
 var _Config = require("../Provider/Config");
 var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.css"));
 var _ResizeObserver = _interopRequireDefault(require("../Responsive/ResizeObserver"));
+var _selectn = _interopRequireDefault(require("selectn"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); } }
@@ -190,7 +191,9 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
               //   isContentDotted = element.offsetHeight < element.scrollHeight;
               // }
             } else {
-              isContentDotted = element.parentElement.offsetWidth < element.parentElement.scrollWidth;
+              var offWidth = (0, _selectn["default"])('parentElement.offsetWidth', element) || 0;
+              var scrollWidth = (0, _selectn["default"])('parentElement.scrollWidth', element) || 0;
+              isContentDotted = offWidth < scrollWidth;
             }
             var originText = element.innerText.replace(/\s/g, '').toLowerCase();
             var tooltipText = title.replace(/\s/g, '').toLowerCase();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-82",
+  "version": "1.0.0-temp-83",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -48,7 +48,7 @@
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/svg": "1.0.0-beta.48",
-    "@zohodesk/a11y": "1.3.3"
+    "@zohodesk/a11y": "1.3.4"
   },
   "dependencies": {
     "hoist-non-react-statics": "3.0.1",