@nivo/heatmap - npm Package Compare versions

Comparing version 0.56.2 to 0.57.0

dist/nivo-heatmap.cjs.js

@@ -25,2 +25,3 @@ 'use strict';
 var d3Scale = require('d3-scale');
+var tooltip = require('@nivo/tooltip');
 
@@ -315,3 +316,3 @@ var HeatMapPropTypes = {
   }), enableLabel && React__default.createElement("text", {
-    alignmentBaseline: "central",
+    dominantBaseline: "central",
     textAnchor: "middle",
@@ -383,3 +384,3 @@ style: _objectSpread({}, theme.labels.text, {
   }), enableLabel && React__default.createElement("text", {
-    alignmentBaseline: "central",
+    dominantBaseline: "central",
     textAnchor: "middle",
@@ -418,4 +419,4 @@ style: _objectSpread$1({}, theme.labels, {
       format = _ref.format,
-      tooltip = _ref.tooltip;
-  return React__default.createElement(core.BasicTooltip, {
+      tooltip$1 = _ref.tooltip;
+  return React__default.createElement(tooltip.BasicTooltip, {
     id: "".concat(node.yKey, " - ").concat(node.xKey),
@@ -427,3 +428,3 @@ value: node.value,
     format: format,
-    renderContent: typeof tooltip === 'function' ? tooltip.bind(null, _objectSpread$2({}, node)) : null
+    renderContent: typeof tooltip$1 === 'function' ? tooltip$1.bind(null, _objectSpread$2({}, node)) : null
   });
@@ -451,3 +452,2 @@ };
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } return target; }
-function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -534,10 +534,8 @@ 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); } }
       var nodes = computeNodes(this.props);
-      var motionProps = {
+      return React__default.createElement(core.Container, {
+        isInteractive: isInteractive,
+        theme: theme,
         animate: animate,
         motionDamping: motionDamping,
         motionStiffness: motionStiffness
-      };
-      return React__default.createElement(core.Container, {
-        isInteractive: isInteractive,
-        theme: theme
       }, function (_ref) {
@@ -556,4 +554,3 @@ var showTooltip = _ref.showTooltip,
           theme: theme
-        }, React__default.createElement(axes.Grid, _extends({
-          theme: theme,
+        }, React__default.createElement(axes.Grid, {
           width: width - offsetX * 2,
@@ -563,3 +560,3 @@ height: height - offsetY * 2,
           yScale: enableGridY ? yScale : null
-        }, motionProps)), React__default.createElement(axes.Axes, _extends({
+        }), React__default.createElement(axes.Axes, {
           xScale: xScale,
@@ -569,3 +566,2 @@ yScale: yScale,
           height: height,
-          theme: theme,
           top: axisTop,
@@ -575,3 +571,3 @@ right: axisRight,
           left: axisLeft
-        }, motionProps)), !animate && nodes.map(function (node) {
+        }), !animate && nodes.map(function (node) {
           return React__default.createElement(Cell, {
@@ -852,3 +848,4 @@ key: node.key,
         isInteractive: isInteractive,
-        theme: theme
+        theme: theme,
+        animate: false
       }, function (_ref) {
@@ -880,3 +877,3 @@ var showTooltip = _ref.showTooltip,
 
-function _extends$1() { _extends$1 = Object.assign || 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$1.apply(this, arguments); }
+function _extends() { _extends = Object.assign || 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); }
 var ResponsiveHeatMap = function ResponsiveHeatMap(props) {
@@ -886,3 +883,3 @@ return React__default.createElement(core.ResponsiveWrapper, null, function (_ref) {
         height = _ref.height;
-    return React__default.createElement(HeatMap$1, _extends$1({
+    return React__default.createElement(HeatMap$1, _extends({
       width: width,
@@ -894,3 +891,3 @@ height: height
 
-function _extends$2() { _extends$2 = Object.assign || 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$2.apply(this, arguments); }
+function _extends$1() { _extends$1 = Object.assign || 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$1.apply(this, arguments); }
 var ResponsiveHeatMapCanvas = function ResponsiveHeatMapCanvas(props) {
@@ -900,3 +897,3 @@ return React__default.createElement(core.ResponsiveWrapper, null, function (_ref) {
         height = _ref.height;
-    return React__default.createElement(HeatMapCanvas$1, _extends$2({
+    return React__default.createElement(HeatMapCanvas$1, _extends$1({
       width: width,
@@ -903,0 +900,0 @@ height: height

dist/nivo-heatmap.esm.js

 import React, { Component } from 'react';
 import partial from 'lodash/partial';
 import { TransitionMotion } from 'react-motion';
-import { quantizeColorScalePropType, noop, withTheme, withDimensions, withMotion, guessQuantizeColorScale, getAccessorFor, themePropType, BasicTooltip, Container, SvgWrapper, getRelativeCursor, isCursorInRect, ResponsiveWrapper } from '@nivo/core';
+import { quantizeColorScalePropType, noop, withTheme, withDimensions, withMotion, guessQuantizeColorScale, getAccessorFor, themePropType, Container, SvgWrapper, getRelativeCursor, isCursorInRect, ResponsiveWrapper } from '@nivo/core';
 import { inheritedColorPropType, getInheritedColorGenerator, interpolateColor, getInterpolatedColor } from '@nivo/colors';
@@ -18,2 +18,3 @@ import { axisPropType, Grid, Axes, renderAxesToCanvas } from '@nivo/axes';
 import { scaleOrdinal, scaleLinear } from 'd3-scale';
+import { BasicTooltip } from '@nivo/tooltip';
 
@@ -308,3 +309,3 @@ var HeatMapPropTypes = {
   }), enableLabel && React.createElement("text", {
-    alignmentBaseline: "central",
+    dominantBaseline: "central",
     textAnchor: "middle",
@@ -376,3 +377,3 @@ style: _objectSpread({}, theme.labels.text, {
   }), enableLabel && React.createElement("text", {
-    alignmentBaseline: "central",
+    dominantBaseline: "central",
     textAnchor: "middle",
@@ -442,3 +443,2 @@ style: _objectSpread$1({}, theme.labels, {
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } return target; }
-function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -525,10 +525,8 @@ 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); } }
       var nodes = computeNodes(this.props);
-      var motionProps = {
+      return React.createElement(Container, {
+        isInteractive: isInteractive,
+        theme: theme,
         animate: animate,
         motionDamping: motionDamping,
         motionStiffness: motionStiffness
-      };
-      return React.createElement(Container, {
-        isInteractive: isInteractive,
-        theme: theme
       }, function (_ref) {
@@ -547,4 +545,3 @@ var showTooltip = _ref.showTooltip,
           theme: theme
-        }, React.createElement(Grid, _extends({
-          theme: theme,
+        }, React.createElement(Grid, {
           width: width - offsetX * 2,
@@ -554,3 +551,3 @@ height: height - offsetY * 2,
           yScale: enableGridY ? yScale : null
-        }, motionProps)), React.createElement(Axes, _extends({
+        }), React.createElement(Axes, {
           xScale: xScale,
@@ -560,3 +557,2 @@ yScale: yScale,
           height: height,
-          theme: theme,
           top: axisTop,
@@ -566,3 +562,3 @@ right: axisRight,
           left: axisLeft
-        }, motionProps)), !animate && nodes.map(function (node) {
+        }), !animate && nodes.map(function (node) {
           return React.createElement(Cell, {
@@ -843,3 +839,4 @@ key: node.key,
         isInteractive: isInteractive,
-        theme: theme
+        theme: theme,
+        animate: false
       }, function (_ref) {
@@ -871,3 +868,3 @@ var showTooltip = _ref.showTooltip,
 
-function _extends$1() { _extends$1 = Object.assign || 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$1.apply(this, arguments); }
+function _extends() { _extends = Object.assign || 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); }
 var ResponsiveHeatMap = function ResponsiveHeatMap(props) {
@@ -877,3 +874,3 @@ return React.createElement(ResponsiveWrapper, null, function (_ref) {
         height = _ref.height;
-    return React.createElement(HeatMap$1, _extends$1({
+    return React.createElement(HeatMap$1, _extends({
       width: width,
@@ -885,3 +882,3 @@ height: height
 
-function _extends$2() { _extends$2 = Object.assign || 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$2.apply(this, arguments); }
+function _extends$1() { _extends$1 = Object.assign || 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$1.apply(this, arguments); }
 var ResponsiveHeatMapCanvas = function ResponsiveHeatMapCanvas(props) {
@@ -891,3 +888,3 @@ return React.createElement(ResponsiveWrapper, null, function (_ref) {
         height = _ref.height;
-    return React.createElement(HeatMapCanvas$1, _extends$2({
+    return React.createElement(HeatMapCanvas$1, _extends$1({
       width: width,
@@ -894,0 +891,0 @@ height: height

dist/nivo-heatmap.umd.js

 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('lodash/partial'), require('react-motion'), require('@nivo/core'), require('@nivo/colors'), require('@nivo/axes'), require('recompose/setDisplayName'), require('prop-types'), require('lodash/min'), require('lodash/max'), require('lodash/isEqual'), require('recompose/compose'), require('recompose/defaultProps'), require('recompose/withPropsOnChange'), require('recompose/withState'), require('recompose/pure'), require('d3-scale')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react', 'lodash/partial', 'react-motion', '@nivo/core', '@nivo/colors', '@nivo/axes', 'recompose/setDisplayName', 'prop-types', 'lodash/min', 'lodash/max', 'lodash/isEqual', 'recompose/compose', 'recompose/defaultProps', 'recompose/withPropsOnChange', 'recompose/withState', 'recompose/pure', 'd3-scale'], factory) :
-    (global = global || self, factory(global.nivo = global.nivo || {}, global.React, global['lodash/partial'], global.ReactMotion, global.nivo, global.nivo, global.nivo, global.RecomposeSetDisplayName, global.PropTypes, global['lodash/min'], global['lodash/max'], global['lodash/isEqual'], global.RecomposeCompose, global.RecomposeDefaultProps, global.RecomposeWithPropsOnChange, global.RecomposeWithState, global.RecomposePure, global.d3));
-}(this, function (exports, React, partial, reactMotion, core, colors, axes, setDisplayName, PropTypes, min, max, isEqual, compose, defaultProps, withPropsOnChange, withState, pure, d3Scale) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('lodash/partial'), require('react-motion'), require('@nivo/core'), require('@nivo/colors'), require('@nivo/axes'), require('recompose/setDisplayName'), require('prop-types'), require('lodash/min'), require('lodash/max'), require('lodash/isEqual'), require('recompose/compose'), require('recompose/defaultProps'), require('recompose/withPropsOnChange'), require('recompose/withState'), require('recompose/pure'), require('d3-scale'), require('@nivo/tooltip')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react', 'lodash/partial', 'react-motion', '@nivo/core', '@nivo/colors', '@nivo/axes', 'recompose/setDisplayName', 'prop-types', 'lodash/min', 'lodash/max', 'lodash/isEqual', 'recompose/compose', 'recompose/defaultProps', 'recompose/withPropsOnChange', 'recompose/withState', 'recompose/pure', 'd3-scale', '@nivo/tooltip'], factory) :
+    (global = global || self, factory(global.nivo = global.nivo || {}, global.React, global['lodash/partial'], global.ReactMotion, global.nivo, global.nivo, global.nivo, global.RecomposeSetDisplayName, global.PropTypes, global['lodash/min'], global['lodash/max'], global['lodash/isEqual'], global.RecomposeCompose, global.RecomposeDefaultProps, global.RecomposeWithPropsOnChange, global.RecomposeWithState, global.RecomposePure, global.d3, global.nivo));
+}(this, function (exports, React, partial, reactMotion, core, colors, axes, setDisplayName, PropTypes, min, max, isEqual, compose, defaultProps, withPropsOnChange, withState, pure, d3Scale, tooltip) { 'use strict';
 
@@ -308,3 +308,3 @@ var React__default = 'default' in React ? React['default'] : React;
       }), enableLabel && React__default.createElement("text", {
-        alignmentBaseline: "central",
+        dominantBaseline: "central",
         textAnchor: "middle",
@@ -376,3 +376,3 @@ style: _objectSpread({}, theme.labels.text, {
       }), enableLabel && React__default.createElement("text", {
-        alignmentBaseline: "central",
+        dominantBaseline: "central",
         textAnchor: "middle",
@@ -411,4 +411,4 @@ style: _objectSpread$1({}, theme.labels, {
           format = _ref.format,
-          tooltip = _ref.tooltip;
-      return React__default.createElement(core.BasicTooltip, {
+          tooltip$1 = _ref.tooltip;
+      return React__default.createElement(tooltip.BasicTooltip, {
         id: "".concat(node.yKey, " - ").concat(node.xKey),
@@ -420,3 +420,3 @@ value: node.value,
         format: format,
-        renderContent: typeof tooltip === 'function' ? tooltip.bind(null, _objectSpread$2({}, node)) : null
+        renderContent: typeof tooltip$1 === 'function' ? tooltip$1.bind(null, _objectSpread$2({}, node)) : null
       });
@@ -444,3 +444,2 @@ };
     function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } return target; }
-    function _extends() { _extends = Object.assign || 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -527,10 +526,8 @@ 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); } }
           var nodes = computeNodes(this.props);
-          var motionProps = {
+          return React__default.createElement(core.Container, {
+            isInteractive: isInteractive,
+            theme: theme,
             animate: animate,
             motionDamping: motionDamping,
             motionStiffness: motionStiffness
-          };
-          return React__default.createElement(core.Container, {
-            isInteractive: isInteractive,
-            theme: theme
           }, function (_ref) {
@@ -549,4 +546,3 @@ var showTooltip = _ref.showTooltip,
               theme: theme
-            }, React__default.createElement(axes.Grid, _extends({
-              theme: theme,
+            }, React__default.createElement(axes.Grid, {
               width: width - offsetX * 2,
@@ -556,3 +552,3 @@ height: height - offsetY * 2,
               yScale: enableGridY ? yScale : null
-            }, motionProps)), React__default.createElement(axes.Axes, _extends({
+            }), React__default.createElement(axes.Axes, {
               xScale: xScale,
@@ -562,3 +558,2 @@ yScale: yScale,
               height: height,
-              theme: theme,
               top: axisTop,
@@ -568,3 +563,3 @@ right: axisRight,
               left: axisLeft
-            }, motionProps)), !animate && nodes.map(function (node) {
+            }), !animate && nodes.map(function (node) {
               return React__default.createElement(Cell, {
@@ -845,3 +840,4 @@ key: node.key,
             isInteractive: isInteractive,
-            theme: theme
+            theme: theme,
+            animate: false
           }, function (_ref) {
@@ -873,3 +869,3 @@ var showTooltip = _ref.showTooltip,
 
-    function _extends$1() { _extends$1 = Object.assign || 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$1.apply(this, arguments); }
+    function _extends() { _extends = Object.assign || 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); }
     var ResponsiveHeatMap = function ResponsiveHeatMap(props) {
@@ -879,3 +875,3 @@ return React__default.createElement(core.ResponsiveWrapper, null, function (_ref) {
             height = _ref.height;
-        return React__default.createElement(HeatMap$1, _extends$1({
+        return React__default.createElement(HeatMap$1, _extends({
           width: width,
@@ -887,3 +883,3 @@ height: height
 
-    function _extends$2() { _extends$2 = Object.assign || 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$2.apply(this, arguments); }
+    function _extends$1() { _extends$1 = Object.assign || 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$1.apply(this, arguments); }
     var ResponsiveHeatMapCanvas = function ResponsiveHeatMapCanvas(props) {
@@ -893,3 +889,3 @@ return React__default.createElement(core.ResponsiveWrapper, null, function (_ref) {
             height = _ref.height;
-        return React__default.createElement(HeatMapCanvas$1, _extends$2({
+        return React__default.createElement(HeatMapCanvas$1, _extends$1({
           width: width,
@@ -896,0 +892,0 @@ height: height

package.json

 {
   "name": "@nivo/heatmap",
-  "version": "0.56.2",
+  "version": "0.57.0",
   "license": "MIT",
@@ -26,5 +26,6 @@ "author": {
   "dependencies": {
-    "@nivo/axes": "0.56.2",
-    "@nivo/colors": "0.56.2",
-    "@nivo/core": "0.56.2",
+    "@nivo/axes": "0.57.0",
+    "@nivo/colors": "0.57.0",
+    "@nivo/core": "0.57.0",
+    "@nivo/tooltip": "0.57.0",
     "d3-scale": "^3.0.0",
@@ -42,3 +43,3 @@ "lodash": "^4.17.11",
   },
-  "gitHead": "97dc958b0a3390a4c8d85125dc080a1cc4c6fc85"
+  "gitHead": "747b36908447afad4d4c4fe570bf9e189e163b15"
 }

No alert changes

Worsened metrics

Total package byte prevSize

127183

decreased by-0.88%

Dependency count

10

increased by11.11%

Lines of code

2741

decreased by-0.44%

Dependency changes

• + Added@nivo/tooltip@0.57.0

• + Added@nivo/axes@0.57.0(transitive)

• + Added@nivo/colors@0.57.0(transitive)

• + Added@nivo/core@0.57.0(transitive)

• + Added@nivo/tooltip@0.57.0(transitive)

• - Removed@nivo/axes@0.56.2(transitive)

• - Removed@nivo/colors@0.56.2(transitive)

• - Removed@nivo/core@0.56.2(transitive)

• Updated@nivo/axes@0.57.0

• Updated@nivo/colors@0.57.0

• Updated@nivo/core@0.57.0