bump canvas and d3-color (#1462)

* upgrade canvas

* clean up debug

* update d3-color

Author: kenns29

package.json

@@ -46,7 +46,7 @@
     }
   },
   "volta": {
-    "node": "10.20.1",
+    "node": "14.18.0",
     "yarn": "1.22.4"
   },
   "resolutions": {

packages/react-vis/jest.config.js

@@ -6,5 +6,6 @@ module.exports = {
     '^.+\\.js$': path.resolve(__dirname, './jestBabelTransform.js')
   },
   setupFilesAfterEnv: ['./jest.setup.js'],
-  snapshotSerializers: ['enzyme-to-json/serializer']
+  snapshotSerializers: ['enzyme-to-json/serializer'],
+  transformIgnorePatterns: ['/node_modules/(?!d3-color)']
 };

packages/react-vis/package.json

@@ -35,7 +35,7 @@
   "dependencies": {
     "d3-array": "^1.2.0",
     "d3-collection": "^1.0.3",
-    "d3-color": "^1.0.3",
+    "d3-color": "^3.1.0",
     "d3-contour": "^1.1.0",
     "d3-format": "^1.2.0",
     "d3-geo": "^1.6.4",
@@ -67,7 +67,7 @@
     "babel-plugin-module-resolver": "^4.0.0",
     "babelify": "^10.0.0",
     "browserify": "^14.3.0",
-    "canvas-prebuilt": "^1.6.11",
+    "canvas": "^2.11.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
     "enzyme-to-json": "^3.5.0",
@@ -104,11 +104,11 @@
     ]
   },
   "engines": {
-    "node": ">=8.17.0",
+    "node": ">=14.18.0",
     "npm": ">=6.13.0"
   },
   "volta": {
-    "node": "10.20.1",
+    "node": "14.18.0",
     "yarn": "1.22.4"
   }
 }

packages/react-vis/tests/components/treemap.test.js

@@ -53,7 +53,7 @@ describe('Treemap', () => {
     const $ = mount(<Treemap {...TREEMAP_PROPS} />);
     expect($.find('.rv-treemap__leaf').length).toBe(22);
     const expectedText =
-      'EasingNeonateinterpolateISchedulableParallelPauseFunctionSequenceSequenceTransitionTransitionerTransitionEventSchedulerArrayInterpolatorColorInterpolatorDateInterpolatorInterpolatorMatrixInterpolatorNumberInterpolatorObjectInterpolatorPointInterpolatorRectangleInterpolator';
+      'EasingFunctionSequenceinterpolateISchedulableParallelPauseSchedulerSequenceTransitionTransitionerTransitionEventNeonateArrayInterpolatorColorInterpolatorDateInterpolatorInterpolatorMatrixInterpolatorNumberInterpolatorObjectInterpolatorPointInterpolatorRectangleInterpolator';
     expect($.find('.rv-treemap').text()).toBe(expectedText);
     expect($.find('div.little-nested-tree-example').length).toBe(1);
 
@@ -119,7 +119,7 @@ describe('Treemap', () => {
     const $ = mount(<Treemap {...TREEMAP_PROPS} />);
     // the tree from TREEMAP_PROPS doesn't have a title so its text is the same with ot without the root
     const expectedText =
-      'EasingNeonateinterpolateISchedulableParallelPauseFunctionSequenceSequenceTransitionTransitionerTransitionEventSchedulerArrayInterpolatorColorInterpolatorDateInterpolatorInterpolatorMatrixInterpolatorNumberInterpolatorObjectInterpolatorPointInterpolatorRectangleInterpolator';
+      'EasingFunctionSequenceinterpolateISchedulableParallelPauseSchedulerSequenceTransitionTransitionerTransitionEventNeonateArrayInterpolatorColorInterpolatorDateInterpolatorInterpolatorMatrixInterpolatorNumberInterpolatorObjectInterpolatorPointInterpolatorRectangleInterpolator';
     const numberOfElements = 21;
     const numberOfElementsWithRoot = numberOfElements + 1;
     const expectedNewText =

packages/showcase/package.json

@@ -30,7 +30,7 @@
     "react-vis": "^1.11.7"
   },
   "volta": {
-    "node": "10.20.1",
+    "node": "14.18.0",
     "yarn": "1.22.4"
   }
 }