carbon-addons-data-viz-react - npm Package Compare versions

Comparing version 1.19.0 to 1.19.1

cjs/components/DataTooltip/DataTooltip.js

@@ -139,2 +139,6 @@ 'use strict';
 
+      var tooltipListClasses = (0, _classnames2.default)('bx--data-tooltip-list', {
+        'bx--data-tooltip-list--block': data.length >= 4
+      });
+
       var listStyle = {
@@ -158,3 +162,3 @@ columnCount: data.length > 3 ? '2' : '1',
           'ul',
-          { className: 'bx--data-tooltip-list', style: listStyle },
+          { className: tooltipListClasses, style: listStyle },
           this.renderTooltipData()
@@ -161,0 +165,0 @@ )

cjs/components/DataTooltip/DataTooltip.story.js

@@ -23,15 +23,3 @@ 'use strict';
 
-var tripleData = [{ data: '$123.45', label: 'Jan', color: '#3b1a40' }, { data: '$112.22', label: 'Feb', color: '#473793' }, {
-  data: '$250.17',
-  label: 'Long text to show what will happen when text is really long',
-  color: '#3c6df0'
-}];
-
-var quadData = [{ data: '$123.45', label: 'Jan', color: '#3b1a40' }, { data: '$112.22', label: 'Feb', color: '#473793' }, { data: '$250.17', label: 'Mar', color: '#3c6df0' }, {
-  data: '$123.45',
-  label: 'Long text to show what will happen when text is really long',
-  color: '#00a68f'
-}];
-
-var maxData = [{ data: '$123.45', label: 'Jan', color: '#3b1a40' }, { data: '$112.22', label: 'Feb', color: '#473793' }, { data: '$250.17', label: 'Mar', color: '#3c6df0' }, { data: '$123.45', label: 'Apr', color: '#00a68f' }, {
+var data = [{ data: '$123.45', label: 'Jan', color: '#3b1a40' }, { data: '$112.22', label: 'Feb', color: '#473793' }, { data: '$250.17', label: 'Mar', color: '#3c6df0' }, { data: '$123.45', label: 'Apr', color: '#00a68f' }, {
   data: '$112.22',
@@ -53,7 +41,9 @@ label: 'Long text to show what will happen when text is really long',
 }).addWithInfo('Triple', '\n      Data Tooltip.\n    ', function () {
-  return _react2.default.createElement(_DataTooltip2.default, (0, _extends3.default)({ data: tripleData }, props));
+  return _react2.default.createElement(_DataTooltip2.default, (0, _extends3.default)({ data: data.slice(0, data.length - 3) }, props));
 }).addWithInfo('Quad', '\n      Data Tooltip.\n    ', function () {
-  return _react2.default.createElement(_DataTooltip2.default, (0, _extends3.default)({ data: quadData }, props));
+  return _react2.default.createElement(_DataTooltip2.default, (0, _extends3.default)({ data: data.slice(0, data.length - 2) }, props));
+}).addWithInfo('Quint', '\n        Data Tooltip.\n      ', function () {
+  return _react2.default.createElement(_DataTooltip2.default, (0, _extends3.default)({ data: data.slice(0, data.length - 1) }, props));
 }).addWithInfo('Max', '\n      Data Tooltip.\n    ', function () {
-  return _react2.default.createElement(_DataTooltip2.default, (0, _extends3.default)({ data: maxData }, props));
+  return _react2.default.createElement(_DataTooltip2.default, (0, _extends3.default)({ data: data }, props));
 });

es/components/DataTooltip/DataTooltip.js

@@ -102,2 +102,6 @@ import _extends from 'babel-runtime/helpers/extends';
 
+      var tooltipListClasses = classNames('bx--data-tooltip-list', {
+        'bx--data-tooltip-list--block': data.length >= 4
+      });
+
       var listStyle = {
@@ -121,3 +125,3 @@ columnCount: data.length > 3 ? '2' : '1',
           'ul',
-          { className: 'bx--data-tooltip-list', style: listStyle },
+          { className: tooltipListClasses, style: listStyle },
           this.renderTooltipData()
@@ -124,0 +128,0 @@ )

es/components/DataTooltip/DataTooltip.story.js

@@ -10,15 +10,3 @@ import _extends from 'babel-runtime/helpers/extends';
 
-var tripleData = [{ data: '$123.45', label: 'Jan', color: '#3b1a40' }, { data: '$112.22', label: 'Feb', color: '#473793' }, {
-  data: '$250.17',
-  label: 'Long text to show what will happen when text is really long',
-  color: '#3c6df0'
-}];
-
-var quadData = [{ data: '$123.45', label: 'Jan', color: '#3b1a40' }, { data: '$112.22', label: 'Feb', color: '#473793' }, { data: '$250.17', label: 'Mar', color: '#3c6df0' }, {
-  data: '$123.45',
-  label: 'Long text to show what will happen when text is really long',
-  color: '#00a68f'
-}];
-
-var maxData = [{ data: '$123.45', label: 'Jan', color: '#3b1a40' }, { data: '$112.22', label: 'Feb', color: '#473793' }, { data: '$250.17', label: 'Mar', color: '#3c6df0' }, { data: '$123.45', label: 'Apr', color: '#00a68f' }, {
+var data = [{ data: '$123.45', label: 'Jan', color: '#3b1a40' }, { data: '$112.22', label: 'Feb', color: '#473793' }, { data: '$250.17', label: 'Mar', color: '#3c6df0' }, { data: '$123.45', label: 'Apr', color: '#00a68f' }, {
   data: '$112.22',
@@ -40,7 +28,9 @@ label: 'Long text to show what will happen when text is really long',
 }).addWithInfo('Triple', '\n      Data Tooltip.\n    ', function () {
-  return React.createElement(DataTooltip, _extends({ data: tripleData }, props));
+  return React.createElement(DataTooltip, _extends({ data: data.slice(0, data.length - 3) }, props));
 }).addWithInfo('Quad', '\n      Data Tooltip.\n    ', function () {
-  return React.createElement(DataTooltip, _extends({ data: quadData }, props));
+  return React.createElement(DataTooltip, _extends({ data: data.slice(0, data.length - 2) }, props));
+}).addWithInfo('Quint', '\n        Data Tooltip.\n      ', function () {
+  return React.createElement(DataTooltip, _extends({ data: data.slice(0, data.length - 1) }, props));
 }).addWithInfo('Max', '\n      Data Tooltip.\n    ', function () {
-  return React.createElement(DataTooltip, _extends({ data: maxData }, props));
+  return React.createElement(DataTooltip, _extends({ data: data }, props));
 });

package.json

 {
   "name": "carbon-addons-data-viz-react",
-  "version": "1.19.0",
+  "version": "1.19.1",
   "description": "Carbon Data Visualization",
@@ -5,0 +5,0 @@ "main": "cjs/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

170612

decreased by-0.05%

Lines of code

3902

decreased by-0.26%

No dependency changes