Upgrade D3 to v5 (#1308)

.changeset/friendly-coats-trade.md

@@ -4,5 +4,5 @@
 
 - Remove UMD build.
 - Split `style` option into `chartStyles`, `nodeStyleOptions`, `textStyleOptions`, and `linkStyles`.
-- The shape of the argument passed to the option `onClickText` has been updated to match the d3 v4 node.
+- The shape of the argument passed to the `onClickText` option has been updated.
 - Rename `InputOptions` to `Options`, `Primitive` to `StyleValue`, and `NodeWithId` to `HierarchyPointNode<Node>`.

.changeset/slimy-elephants-flash.md

@@ -3,4 +3,4 @@
 ---
 
 - Split `style` option into `chartStyles`, `nodeStyleOptions`, `textStyleOptions`, and `linkStyles`.
-- The shape of the argument passed to the option `onClickText` has been updated to match the d3 v4 node.
+- The shape of the argument passed to the `onClickText` option has been updated.

.changeset/spicy-olives-compete.md

@@ -3,7 +3,7 @@
 ---
 
 - Remove UMD build.
-- Upgrade d3 peer dependency from v3 to v4.
+- Upgrade d3 peer dependency from v3 to v5.
 - Remove `attr` configuration method.
 - Rename `style` configuration method to `styles` and move to options.
 - Move `text` configuration method to options.

packages/d3-state-visualizer/package.json

@@ -41,8 +41,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.20.6",
-    "@types/d3": "^4.13.12",
-    "d3": "^4.13.0",
+    "@types/d3": "^5.16.4",
+    "d3": "^5.16.0",
     "d3tooltip": "^2.1.0",
     "deepmerge": "^4.2.2",
     "map2tree": "^2.1.0",

packages/d3tooltip/package.json

@@ -44,17 +44,17 @@
     "@babel/eslint-parser": "^7.19.1",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-typescript": "^7.18.6",
-    "@types/d3": "^4.13.12",
+    "@types/d3": "^5.16.4",
     "@typescript-eslint/eslint-plugin": "^5.47.0",
     "@typescript-eslint/parser": "^5.47.0",
-    "d3": "^4.13.0",
+    "d3": "^5.16.0",
     "eslint": "^8.30.0",
     "eslint-config-prettier": "^8.5.0",
     "rimraf": "^3.0.2",
     "typescript": "~4.9.4"
   },
   "peerDependencies": {
-    "@types/d3": "^4.13.12",
-    "d3": "^4.13.0"
+    "@types/d3": "^5.16.4",
+    "d3": "^5.16.0"
   }
 }

pnpm-lock.yaml

@@ -178,11 +178,11 @@ importers:
       '@babel/preset-env': ^7.20.2
       '@babel/preset-typescript': ^7.18.6
       '@babel/runtime': ^7.20.6
-      '@types/d3': ^4.13.12
+      '@types/d3': ^5.16.4
       '@types/ramda': ^0.28.20
       '@typescript-eslint/eslint-plugin': ^5.47.0
       '@typescript-eslint/parser': ^5.47.0
-      d3: ^4.13.0
+      d3: ^5.16.0
       d3tooltip: ^2.1.0
       deepmerge: ^4.2.2
       eslint: ^8.30.0
@@ -193,8 +193,8 @@ importers:
       typescript: ~4.9.4
     dependencies:
       '@babel/runtime': 7.20.6
-      '@types/d3': 4.13.12
-      d3: 4.13.0
+      '@types/d3': 5.16.4
+      d3: 5.16.0
       d3tooltip: link:../d3tooltip
       deepmerge: 4.2.2
       map2tree: link:../map2tree
@@ -264,10 +264,10 @@ importers:
       '@babel/preset-env': ^7.20.2
       '@babel/preset-typescript': ^7.18.6
       '@babel/runtime': ^7.20.6
-      '@types/d3': ^4.13.12
+      '@types/d3': ^5.16.4
       '@typescript-eslint/eslint-plugin': ^5.47.0
       '@typescript-eslint/parser': ^5.47.0
-      d3: ^4.13.0
+      d3: ^5.16.0
       eslint: ^8.30.0
       eslint-config-prettier: ^8.5.0
       rimraf: ^3.0.2
@@ -280,10 +280,10 @@ importers:
       '@babel/eslint-parser': 7.19.1_ak4stjm4k2uvd2drmeegtfb5ly
       '@babel/preset-env': 7.20.2_@babel+core@7.20.5
       '@babel/preset-typescript': 7.18.6_@babel+core@7.20.5
-      '@types/d3': 4.13.12
+      '@types/d3': 5.16.4
       '@typescript-eslint/eslint-plugin': 5.47.0_ncmi6noazr3nzas7jxykisekym
       '@typescript-eslint/parser': 5.47.0_lzzuuodtsqwxnvqeq4g4likcqa
-      d3: 4.13.0
+      d3: 5.16.0
       eslint: 8.30.0
       eslint-config-prettier: 8.5.0_eslint@8.30.0
       rimraf: 3.0.2
@@ -8199,6 +8199,12 @@ packages:
   /@types/d3-color/1.4.2:
     resolution: {integrity: sha512-fYtiVLBYy7VQX+Kx7wU/uOIkGQn8aAEY8oWMoyja3N4dLd8Yf6XgSIR/4yWvMuveNOH5VShnqCgRqqh/UNanBA==}
 
+  /@types/d3-contour/1.3.3:
+    resolution: {integrity: sha512-LxwmGIfVJIc1cKs7ZFRQ1FbtXpfH7QTXYRdMIJsFP71uCMdF6jJ0XZakYDX6Hn4yZkLf+7V8FgD34yCcok+5Ww==}
+    dependencies:
+      '@types/d3-array': 1.2.9
+      '@types/geojson': 7946.0.10
+
   /@types/d3-dispatch/1.0.9:
     resolution: {integrity: sha512-zJ44YgjqALmyps+II7b1mZLhrtfV/FOxw9owT87mrweGWcg+WK5oiJX2M3SYJ0XUAExBduarysfgbR11YxzojQ==}
 
@@ -8213,6 +8219,11 @@ packages:
   /@types/d3-ease/1.0.11:
     resolution: {integrity: sha512-wUigPL0kleGZ9u3RhzBP07lxxkMcUjL5IODP42mN/05UNL+JJCDnpEPpFbJiPvLcTeRKGIRpBBJyP/1BNwYsVA==}
 
+  /@types/d3-fetch/1.2.2:
+    resolution: {integrity: sha512-rtFs92GugtV/NpiJQd0WsmGLcg52tIL0uF0bKbbJg231pR9JEb6HT4AUwrtuLq3lOeKdLBhsjV14qb0pMmd0Aw==}
+    dependencies:
+      '@types/d3-dsv': 1.2.1
+
   /@types/d3-force/1.2.4:
     resolution: {integrity: sha512-fkorLTKvt6AQbFBQwn4aq7h9rJ4c7ZVcPMGB8X6eFFveAyMZcv7t7m6wgF4Eg93rkPgPORU7sAho1QSHNcZu6w==}
 
@@ -8241,19 +8252,14 @@ packages:
   /@types/d3-quadtree/1.0.9:
     resolution: {integrity: sha512-5E0OJJn2QVavITFEc1AQlI8gLcIoDZcTKOD3feKFckQVmFV4CXhqRFt83tYNVNIN4ZzRkjlAMavJa1ldMhf5rA==}
 
-  /@types/d3-queue/3.0.8:
-    resolution: {integrity: sha512-1FWOiI/MYwS5Z1Sa9EvS1Xet3isiVIIX5ozD6iGnwHonGcqL+RcC1eThXN5VfDmAiYt9Me9EWNEv/9J9k9RIKQ==}
-
   /@types/d3-random/1.1.3:
     resolution: {integrity: sha512-XXR+ZbFCoOd4peXSMYJzwk0/elP37WWAzS/DG+90eilzVbUSsgKhBcWqylGWe+lA2ubgr7afWAOBaBxRgMUrBQ==}
 
-  /@types/d3-request/1.0.6:
-    resolution: {integrity: sha512-4nRKDUBg3EBx8VowpMvM3NAVMiMMI1qFUOYv3OJsclGjHX6xjtu09nsWhRQ0fvSUla3MEjb5Ch4IeaYarMEi1w==}
-    dependencies:
-      '@types/d3-dsv': 1.2.1
+  /@types/d3-scale-chromatic/1.5.1:
+    resolution: {integrity: sha512-7FtJYrmXTEWLykShjYhoGuDNR/Bda0+tstZMkFj4RRxUEryv16AGh3be21tqg84B6KfEwiZyEpBcTyPyU+GWjg==}
 
-  /@types/d3-scale/1.0.17:
-    resolution: {integrity: sha512-baIP5/gw+PS8Axs1lfZCeIjcOXen/jxQmgFEjbYThwaj2drvivOIrJMh2Ig4MeenrogCH6zkhiOxCPRkvN1scA==}
+  /@types/d3-scale/2.2.6:
+    resolution: {integrity: sha512-CHu34T5bGrJOeuhGxyiz9Xvaa9PlsIaQoOqjDg7zqeGj2x0rwPhGquiy03unigvcMxmvY0hEaAouT0LOFTLpIw==}
     dependencies:
       '@types/d3-time': 1.1.1
 
@@ -8288,8 +8294,8 @@ packages:
       '@types/d3-interpolate': 1.4.2
       '@types/d3-selection': 1.4.3
 
-  /@types/d3/4.13.12:
-    resolution: {integrity: sha512-/bbFtkOBc04gGGN8N9rMG5ps3T0eIj5I8bnYe9iIyeM5qoOrydPCbFYlEPUnj2h9ibc2i+QZfDam9jY5XTrTxQ==}
+  /@types/d3/5.16.4:
+    resolution: {integrity: sha512-2u0O9iP1MubFiQ+AhR1id4Egs+07BLtvRATG6IL2Gs9+KzdrfaxCKNq5hxEyw1kxwsqB/lCgr108XuHcKtb/5w==}
     dependencies:
       '@types/d3-array': 1.2.9
       '@types/d3-axis': 1.0.16
@@ -8297,10 +8303,12 @@ packages:
       '@types/d3-chord': 1.0.11
       '@types/d3-collection': 1.0.10
       '@types/d3-color': 1.4.2
+      '@types/d3-contour': 1.3.3
       '@types/d3-dispatch': 1.0.9
       '@types/d3-drag': 1.2.5
       '@types/d3-dsv': 1.2.1
       '@types/d3-ease': 1.0.11
+      '@types/d3-fetch': 1.2.2
       '@types/d3-force': 1.2.4
       '@types/d3-format': 1.4.2
       '@types/d3-geo': 1.12.3
@@ -8309,10 +8317,9 @@ packages:
       '@types/d3-path': 1.0.9
       '@types/d3-polygon': 1.0.8
       '@types/d3-quadtree': 1.0.9
-      '@types/d3-queue': 3.0.8
       '@types/d3-random': 1.1.3
-      '@types/d3-request': 1.0.6
-      '@types/d3-scale': 1.0.17
+      '@types/d3-scale': 2.2.6
+      '@types/d3-scale-chromatic': 1.5.1
       '@types/d3-selection': 1.4.3
       '@types/d3-shape': 1.3.8
       '@types/d3-time': 1.1.1
@@ -11944,6 +11951,11 @@ packages:
   /d3-color/1.0.3:
     resolution: {integrity: sha512-t+rSOrshj6m2AUOe8kHvTwfUQ5TFoInEkBfmsHHAHPof58dmbRXNpicB7XAyPbMQbcC7i09p2BxeCEdgBd8xmw==}
 
+  /d3-contour/1.3.2:
+    resolution: {integrity: sha512-hoPp4K/rJCu0ladiH6zmJUEz6+u3lgR+GSm/QdM2BBvDraU39Vr7YdDCicJcxP1z8i9B/2dJLgDC1NcvlF8WCg==}
+    dependencies:
+      d3-array: 1.2.1
+
   /d3-dispatch/1.0.3:
     resolution: {integrity: sha512-Qh2DR3neW3lq/ug4oymXHYoIsA91nYt47ERb+fPKjRg6zLij06aP7KqHHl2NyziK9ASxrR3GLkHCtZvXe/jMVg==}
 
@@ -11964,6 +11976,11 @@ packages:
   /d3-ease/1.0.3:
     resolution: {integrity: sha512-io3QwOJwVPAxRF2UXpKpCdz2wm/7VLFCQQ1yy+GzX6YCtt3vi2BGnimI8agSF5jyUrHsADyF303d2S+ps7zU8w==}
 
+  /d3-fetch/1.2.0:
+    resolution: {integrity: sha512-yC78NBVcd2zFAyR/HnUiBS7Lf6inSCoWcSxFfw8FYL7ydiqe80SazNwoffcqOfs95XaLo7yebsmQqDKSsXUtvA==}
+    dependencies:
+      d3-dsv: 1.0.8
+
   /d3-force/1.1.0:
     resolution: {integrity: sha512-2HVQz3/VCQs0QeRNZTYb7GxoUCeb6bOzMp/cGcLa87awY9ZsPvXOGeZm0iaGBjXic6I1ysKwMn+g+5jSAdzwcg==}
     dependencies:
@@ -11997,26 +12014,20 @@ packages:
   /d3-quadtree/1.0.3:
     resolution: {integrity: sha512-U2Jc3jF3JOBGXIOnvWY9C4ekRwRX9hEVpMMmeduJyaxAwPmoe7t84iZFTLn1RwYOyrXxJF55H/Hrg186TFQQdw==}
 
-  /d3-queue/3.0.7:
-    resolution: {integrity: sha512-2rs+6pNFKkrJhqe1rg5znw7dKJ7KZr62j9aLZfhondkrnz6U7VRmJj1UGcbD8MRc46c7H8m4SWhab8EalBQrkw==}
-
   /d3-random/1.1.0:
     resolution: {integrity: sha512-XuMbjx3Jq4EWfJP4g6nR7zns/bZfaVbWHWfR8auDkEiWCzVbWifmasfszV1ZRN3xXK3nY4RUFL2nTIhceGZSFQ==}
 
-  /d3-request/1.0.6:
-    resolution: {integrity: sha512-FJj8ySY6GYuAJHZMaCQ83xEYE4KbkPkmxZ3Hu6zA1xxG2GD+z6P+Lyp+zjdsHf0xEbp2xcluDI50rCS855EQ6w==}
+  /d3-scale-chromatic/1.5.0:
+    resolution: {integrity: sha512-ACcL46DYImpRFMBcpk9HhtIyC7bTBR4fNOPxwVSl0LfulDAwyiHyPOTqcDG1+t5d4P9W7t/2NAuWu59aKko/cg==}
     dependencies:
-      d3-collection: 1.0.4
-      d3-dispatch: 1.0.3
-      d3-dsv: 1.0.8
-      xmlhttprequest: 1.8.0
+      d3-color: 1.0.3
+      d3-interpolate: 1.1.6
 
-  /d3-scale/1.0.7:
-    resolution: {integrity: sha512-KvU92czp2/qse5tUfGms6Kjig0AhHOwkzXG0+PqIJB3ke0WUv088AHMZI0OssO9NCkXt4RP8yju9rpH8aGB7Lw==}
+  /d3-scale/2.2.2:
+    resolution: {integrity: sha512-LbeEvGgIb8UMcAa0EATLNX0lelKWGYDQiPdHj+gLblGVhGLyNbaCn3EvrJf0A3Y/uOOU5aD6MTh5ZFCdEwGiCw==}
     dependencies:
       d3-array: 1.2.1
       d3-collection: 1.0.4
-      d3-color: 1.0.3
       d3-format: 1.2.2
       d3-interpolate: 1.1.6
       d3-time: 1.0.8
@@ -12063,8 +12074,8 @@ packages:
       d3-selection: 1.3.0
       d3-transition: 1.1.1
 
-  /d3/4.13.0:
-    resolution: {integrity: sha512-l8c4+0SldjVKLaE2WG++EQlqD7mh/dmQjvi2L2lKPadAVC+TbJC4ci7Uk9bRi+To0+ansgsS0iWfPjD7DBy+FQ==}
+  /d3/5.16.0:
+    resolution: {integrity: sha512-4PL5hHaHwX4m7Zr1UapXW23apo6pexCgdetdJ5kTmADpG/7T9Gkxw0M0tf/pjoB63ezCCm0u5UaFYy2aMt0Mcw==}
     dependencies:
       d3-array: 1.2.1
       d3-axis: 1.0.8
@@ -12072,10 +12083,12 @@ packages:
       d3-chord: 1.0.4
       d3-collection: 1.0.4
       d3-color: 1.0.3
+      d3-contour: 1.3.2
       d3-dispatch: 1.0.3
       d3-drag: 1.2.1
       d3-dsv: 1.0.8
       d3-ease: 1.0.3
+      d3-fetch: 1.2.0
       d3-force: 1.1.0
       d3-format: 1.2.2
       d3-geo: 1.9.1
@@ -12084,10 +12097,9 @@ packages:
       d3-path: 1.0.5
       d3-polygon: 1.0.3
       d3-quadtree: 1.0.3
-      d3-queue: 3.0.7
       d3-random: 1.1.0
-      d3-request: 1.0.6
-      d3-scale: 1.0.7
+      d3-scale: 2.2.2
+      d3-scale-chromatic: 1.5.0
       d3-selection: 1.3.0
       d3-shape: 1.2.0
       d3-time: 1.0.8
@@ -22827,10 +22839,6 @@ packages:
     resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
     dev: true
 
-  /xmlhttprequest/1.8.0:
-    resolution: {integrity: sha512-58Im/U0mlVBLM38NdZjHyhuMtCqa61469k2YP/AaPbvCoV9aQGUpbJBj1QRm2ytRiVQBD/fsw7L2bJGDVQswBA==}
-    engines: {node: '>=0.4.0'}
-
   /xss/1.0.14:
     resolution: {integrity: sha512-og7TEJhXvn1a7kzZGQ7ETjdQVS2UfZyTlsEdDOqvQF7GoxNfY+0YLCzBy1kPdsDDx4QuNAonQPddpsn6Xl/7sw==}
     engines: {node: '>= 0.10.0'}