@nivo/heatmap - npm Package Compare versions

Comparing version 0.55.0 to 0.56.0

dist/nivo-heatmap.cjs.js

@@ -12,2 +12,3 @@ 'use strict';
 var core = require('@nivo/core');
+var colors = require('@nivo/colors');
 var axes = require('@nivo/axes');
@@ -39,3 +40,3 @@ var setDisplayName = _interopDefault(require('recompose/setDisplayName'));
   cellBorderWidth: PropTypes.number.isRequired,
-  cellBorderColor: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,
+  cellBorderColor: colors.inheritedColorPropType.isRequired,
   getCellBorderColor: PropTypes.func.isRequired,
@@ -49,3 +50,3 @@ axisTop: axes.axisPropType,
   enableLabels: PropTypes.bool.isRequired,
-  labelTextColor: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,
+  labelTextColor: colors.inheritedColorPropType.isRequired,
   getLabelTextColor: PropTypes.func.isRequired,
@@ -74,3 +75,5 @@ colors: core.quantizeColorScalePropType.isRequired,
   cellBorderWidth: 0,
-  cellBorderColor: 'inherit',
+  cellBorderColor: {
+    from: 'color'
+  },
   axisTop: {},
@@ -81,3 +84,6 @@ axisLeft: {},
   enableLabels: true,
-  labelTextColor: 'inherit:darker(1.4)',
+  labelTextColor: {
+    from: 'color',
+    modifiers: [['darker', 1.4]]
+  },
   colors: 'nivo',
@@ -256,11 +262,13 @@ nanColor: '#000000',
     };
-  }), withPropsOnChange(['cellBorderColor'], function (_ref9) {
-    var cellBorderColor = _ref9.cellBorderColor;
+  }), withPropsOnChange(['cellBorderColor', 'theme'], function (_ref9) {
+    var cellBorderColor = _ref9.cellBorderColor,
+        theme = _ref9.theme;
     return {
-      getCellBorderColor: core.getInheritedColorGenerator(cellBorderColor)
+      getCellBorderColor: colors.getInheritedColorGenerator(cellBorderColor, theme)
     };
-  }), withPropsOnChange(['labelTextColor'], function (_ref10) {
-    var labelTextColor = _ref10.labelTextColor;
+  }), withPropsOnChange(['labelTextColor', 'theme'], function (_ref10) {
+    var labelTextColor = _ref10.labelTextColor,
+        theme = _ref10.theme;
     return {
-      getLabelTextColor: core.getInheritedColorGenerator(labelTextColor)
+      getLabelTextColor: colors.getInheritedColorGenerator(labelTextColor, theme)
     };
@@ -547,3 +555,3 @@ }), pure)(Component);
           theme: theme
-        }, React__default.createElement(core.Grid, _extends({
+        }, React__default.createElement(axes.Grid, _extends({
           theme: theme,
@@ -595,3 +603,3 @@ width: width - offsetX * 2,
                 opacity: boundSpring(node.opacity)
-              }, core.colorMotionSpring(node.color, {
+              }, colors.interpolateColor(node.color, {
                 damping: motionDamping,
@@ -607,3 +615,3 @@ stiffness: motionStiffness
                 node = _ref2.data;
-            var color = core.getInterpolatedColor(style);
+            var color = colors.getInterpolatedColor(style);
             return React__default.createElement(Cell, {
@@ -610,0 +618,0 @@ key: key,

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, getInheritedColorGenerator, themePropType, BasicTooltip, Container, SvgWrapper, Grid, colorMotionSpring, getInterpolatedColor, getRelativeCursor, isCursorInRect, ResponsiveWrapper } from '@nivo/core';
-import { axisPropType, Axes, renderAxesToCanvas } from '@nivo/axes';
+import { quantizeColorScalePropType, noop, withTheme, withDimensions, withMotion, guessQuantizeColorScale, getAccessorFor, themePropType, BasicTooltip, Container, SvgWrapper, getRelativeCursor, isCursorInRect, ResponsiveWrapper } from '@nivo/core';
+import { inheritedColorPropType, getInheritedColorGenerator, interpolateColor, getInterpolatedColor } from '@nivo/colors';
+import { axisPropType, Grid, Axes, renderAxesToCanvas } from '@nivo/axes';
 import setDisplayName from 'recompose/setDisplayName';
@@ -31,3 +32,3 @@ import PropTypes from 'prop-types';
   cellBorderWidth: PropTypes.number.isRequired,
-  cellBorderColor: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,
+  cellBorderColor: inheritedColorPropType.isRequired,
   getCellBorderColor: PropTypes.func.isRequired,
@@ -41,3 +42,3 @@ axisTop: axisPropType,
   enableLabels: PropTypes.bool.isRequired,
-  labelTextColor: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,
+  labelTextColor: inheritedColorPropType.isRequired,
   getLabelTextColor: PropTypes.func.isRequired,
@@ -66,3 +67,5 @@ colors: quantizeColorScalePropType.isRequired,
   cellBorderWidth: 0,
-  cellBorderColor: 'inherit',
+  cellBorderColor: {
+    from: 'color'
+  },
   axisTop: {},
@@ -73,3 +76,6 @@ axisLeft: {},
   enableLabels: true,
-  labelTextColor: 'inherit:darker(1.4)',
+  labelTextColor: {
+    from: 'color',
+    modifiers: [['darker', 1.4]]
+  },
   colors: 'nivo',
@@ -248,11 +254,13 @@ nanColor: '#000000',
     };
-  }), withPropsOnChange(['cellBorderColor'], function (_ref9) {
-    var cellBorderColor = _ref9.cellBorderColor;
+  }), withPropsOnChange(['cellBorderColor', 'theme'], function (_ref9) {
+    var cellBorderColor = _ref9.cellBorderColor,
+        theme = _ref9.theme;
     return {
-      getCellBorderColor: getInheritedColorGenerator(cellBorderColor)
+      getCellBorderColor: getInheritedColorGenerator(cellBorderColor, theme)
     };
-  }), withPropsOnChange(['labelTextColor'], function (_ref10) {
-    var labelTextColor = _ref10.labelTextColor;
+  }), withPropsOnChange(['labelTextColor', 'theme'], function (_ref10) {
+    var labelTextColor = _ref10.labelTextColor,
+        theme = _ref10.theme;
     return {
-      getLabelTextColor: getInheritedColorGenerator(labelTextColor)
+      getLabelTextColor: getInheritedColorGenerator(labelTextColor, theme)
     };
@@ -586,3 +594,3 @@ }), pure)(Component);
                 opacity: boundSpring(node.opacity)
-              }, colorMotionSpring(node.color, {
+              }, interpolateColor(node.color, {
                 damping: motionDamping,
@@ -589,0 +597,0 @@ stiffness: motionStiffness

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/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/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.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, 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')) :
+    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';
 
@@ -33,3 +33,3 @@ var React__default = 'default' in React ? React['default'] : React;
       cellBorderWidth: PropTypes.number.isRequired,
-      cellBorderColor: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,
+      cellBorderColor: colors.inheritedColorPropType.isRequired,
       getCellBorderColor: PropTypes.func.isRequired,
@@ -43,3 +43,3 @@ axisTop: axes.axisPropType,
       enableLabels: PropTypes.bool.isRequired,
-      labelTextColor: PropTypes.oneOfType([PropTypes.string, PropTypes.func]).isRequired,
+      labelTextColor: colors.inheritedColorPropType.isRequired,
       getLabelTextColor: PropTypes.func.isRequired,
@@ -68,3 +68,5 @@ colors: core.quantizeColorScalePropType.isRequired,
       cellBorderWidth: 0,
-      cellBorderColor: 'inherit',
+      cellBorderColor: {
+        from: 'color'
+      },
       axisTop: {},
@@ -75,3 +77,6 @@ axisLeft: {},
       enableLabels: true,
-      labelTextColor: 'inherit:darker(1.4)',
+      labelTextColor: {
+        from: 'color',
+        modifiers: [['darker', 1.4]]
+      },
       colors: 'nivo',
@@ -250,11 +255,13 @@ nanColor: '#000000',
         };
-      }), withPropsOnChange(['cellBorderColor'], function (_ref9) {
-        var cellBorderColor = _ref9.cellBorderColor;
+      }), withPropsOnChange(['cellBorderColor', 'theme'], function (_ref9) {
+        var cellBorderColor = _ref9.cellBorderColor,
+            theme = _ref9.theme;
         return {
-          getCellBorderColor: core.getInheritedColorGenerator(cellBorderColor)
+          getCellBorderColor: colors.getInheritedColorGenerator(cellBorderColor, theme)
         };
-      }), withPropsOnChange(['labelTextColor'], function (_ref10) {
-        var labelTextColor = _ref10.labelTextColor;
+      }), withPropsOnChange(['labelTextColor', 'theme'], function (_ref10) {
+        var labelTextColor = _ref10.labelTextColor,
+            theme = _ref10.theme;
         return {
-          getLabelTextColor: core.getInheritedColorGenerator(labelTextColor)
+          getLabelTextColor: colors.getInheritedColorGenerator(labelTextColor, theme)
         };
@@ -541,3 +548,3 @@ }), pure)(Component);
               theme: theme
-            }, React__default.createElement(core.Grid, _extends({
+            }, React__default.createElement(axes.Grid, _extends({
               theme: theme,
@@ -589,3 +596,3 @@ width: width - offsetX * 2,
                     opacity: boundSpring(node.opacity)
-                  }, core.colorMotionSpring(node.color, {
+                  }, colors.interpolateColor(node.color, {
                     damping: motionDamping,
@@ -601,3 +608,3 @@ stiffness: motionStiffness
                     node = _ref2.data;
-                var color = core.getInterpolatedColor(style);
+                var color = colors.getInterpolatedColor(style);
                 return React__default.createElement(Cell, {
@@ -604,0 +611,0 @@ key: key,

index.d.ts

 import * as React from 'react'
-import { Dimensions, Box, MotionProps, ColorProps, GetColor, Theme } from '@nivo/core'
+import { Dimensions, Box, MotionProps, ColorProps, Theme } from '@nivo/core'
 import { Axis } from '@nivo/axes'
+import { InheritedColorProp } from '@nivo/colors'
 
@@ -36,3 +37,3 @@ declare module '@nivo/heatmap' {
             cellBorderWidth: number
-            cellBorderColor: string | GetColor<HeatMapDatumWithColor>
+            cellBorderColor: InheritedColorProp<HeatMapDatumWithColor>
 
@@ -48,3 +49,3 @@ axisTop: Axis
             enableLabels: boolean
-            labelTextColor: string | GetColor<HeatMapDatumWithColor>
+            labelTextColor: InheritedColorProp<HeatMapDatumWithColor>
 
@@ -51,0 +52,0 @@ isInteractive: boolean

package.json

 {
   "name": "@nivo/heatmap",
-  "version": "0.55.0",
+  "version": "0.56.0",
   "license": "MIT",
@@ -26,6 +26,7 @@ "author": {
   "dependencies": {
-    "@nivo/axes": "0.55.0",
-    "@nivo/core": "0.55.0",
-    "d3-scale": "^2.1.2",
-    "lodash": "^4.17.4",
+    "@nivo/axes": "0.56.0",
+    "@nivo/colors": "0.56.0",
+    "@nivo/core": "0.56.0",
+    "d3-scale": "^3.0.0",
+    "lodash": "^4.17.11",
     "react-motion": "^0.5.2",
@@ -41,3 +42,3 @@ "recompose": "^0.30.0"
   },
-  "gitHead": "4c4cbde54f3a954016a0d6a417a9a25a6e18e8f1"
+  "gitHead": "99c7f6bd886d517f12fa04441b1102d082a1bf26"
 }

No alert changes

Improved metrics

Total package byte prevSize

128309

increased by0.41%

Lines of code

2753

increased by0.84%

Worsened metrics

Dependency count

9

increased by12.5%

Dependency changes

• + Added@nivo/colors@0.56.0

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

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

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

• + Addedd3-array@2.12.1(transitive)

• + Addedd3-scale@3.3.0(transitive)

• + Addedd3-time@2.1.1(transitive)

• + Addedinternmap@1.0.1(transitive)

• + Addedlodash.get@4.4.2(transitive)

• + Addedlodash.isplainobject@4.0.6(transitive)

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

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

• - Removedd3-array@1.2.4(transitive)

• - Removedd3-collection@1.0.7(transitive)

• - Removedd3-scale@2.2.2(transitive)

• Updated@nivo/axes@0.56.0

• Updated@nivo/core@0.56.0

• Updatedd3-scale@^3.0.0

• Updatedlodash@^4.17.11