@desynova-digital/components 8.19.56 → 8.19.57

package/atoms/graphs/circleDonut/circleDonut.js

@@ -116,6 +116,7 @@ var CircleDonut = function (_Component) {
             var pathD = _this.props.data.graph_type && _this.props.data.graph_type != '' ? circleList[_this.props.data.graph_type].d : circleList['donutDefault'].d;
             var circleCircumference = _this.props.data.graph_type && _this.props.data.graph_type != '' ? circleList[_this.props.data.graph_type].c : circleList['donutDefault'].c;
             var graphTitleName = _this.props.data && _this.props.data.data && _this.props.data.data.name ? _this.props.data.data.name : new Date().getTime() + '';
+            graphTitleName = graphTitleName.replaceAll(" ", '');
 
             return _react2.default.createElement(
                 StyledCircleDonut,

package/molecules/tabs/tabs.js

@@ -151,6 +151,15 @@ var Tabs = function (_React$Component) {
       return selectedIndex;
     }
   }, {
+    key: 'getNestedTabFromPropsOrState',
+    value: function getNestedTabFromPropsOrState() {
+      var stateSelectedIndex = this.state.selectedNestedTabIndex;
+      var propsSelectedIndex = this.props.selectedNestedTabIndex;
+      var selectedIndex = typeof propsSelectedIndex !== 'undefined' ? propsSelectedIndex : stateSelectedIndex;
+
+      return selectedIndex;
+    }
+  }, {
     key: 'changeNestedTab',
     value: function changeNestedTab(nextIndex, parentTabIndex) {
       // Deselect main tab when changing the nested tab
@@ -168,7 +177,7 @@ var Tabs = function (_React$Component) {
         return null;
       }
 
-      var parentTabRef = _react2.default.createRef();
+      var nestedIdx = this.getNestedTabFromPropsOrState();
 
       return _react2.default.createElement(
         _react2.default.Fragment,
@@ -176,7 +185,6 @@ var Tabs = function (_React$Component) {
         _react2.default.createElement(
           TabLink,
           {
-            ref: parentTabRef,
             selected: this.state.selectedIndex === index,
             allowPointerEvents: true,
             key: tab.props.label,
@@ -191,7 +199,7 @@ var Tabs = function (_React$Component) {
                 'div',
                 {
                   key: nestedTab.props.label,
-                  className: _this2.state.selectedNestedTabIndex === nestedIndex ? 'option active' : 'option',
+                  className: nestedIdx === nestedIndex ? 'option active' : 'option',
                   theme: _this2.props.theme,
                   onClick: function onClick() {
                     return _this2.changeNestedTab(nestedIndex, index);
@@ -255,7 +263,9 @@ Tabs.propTypes = {
   /** onSelect will be called with the new index when a new tab is selected by the user */
   onSelect: _propTypes2.default.func,
 
-  index: _propTypes2.default.number
+  index: _propTypes2.default.number,
+
+  selectedNestedTabIndex: _propTypes2.default.number
 };
 
 Tabs.defaultProps = {

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@desynova-digital/components",
-  "version": "8.19.56",
+  "version": "8.19.57",
   "description": "Components for Desynova Digital",
   "main": "index.js",
   "author": "desynova-digital",
   "license": "MIT",
   "repository": "desynova-digital",
   "dependencies": {
-    "@desynova-digital/tokens": "8.19.56",
+    "@desynova-digital/tokens": "8.19.57",
     "prop-types": "^15.7.2",
     "styled-components": "^4.3.2"
   },