chore(core): update d3 type deps

Author: bcakmakoglu

docs/components/Repl.vue

@@ -7,6 +7,10 @@ export default defineComponent({
   props: ['example', 'examplesImports', 'dependencies'],
   setup(props) {
     return () => {
+      if (typeof navigator === 'undefined') {
+        return null
+      }
+
       return h(Suspense, h(DocsRepl, props))
     }
   },

docs/src/components.d.ts

@@ -38,7 +38,6 @@ declare module 'vue' {
     Showcase: typeof import('./../components/home/Showcase.vue')['default']
     Sidebar: typeof import('./../components/examples/dnd/Sidebar.vue')['default']
     SnappableConnectionLine: typeof import('./../components/examples/connection-radius/SnappableConnectionLine.vue')['default']
-    Team: typeof import('./../components/home/Team.vue')['default']
     TeleportableNode: typeof import('./../components/examples/teleport/TeleportableNode.vue')['default']
     ToolbarNode: typeof import('./../components/examples/node-toolbar/ToolbarNode.vue')['default']
     TransitionEdge: typeof import('./../components/examples/transition/TransitionEdge.vue')['default']

packages/core/package.json

@@ -75,7 +75,9 @@
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^5.0.2",
-    "@types/d3": "^7.4.0",
+    "@types/d3-drag": "^3.0.4",
+    "@types/d3-selection": "^3.0.7",
+    "@types/d3-zoom": "^3.0.5",
     "@tooling/eslint-config": "workspace:*",
     "@tooling/tsconfig": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",

packages/core/src/composables/useViewport.ts

@@ -228,5 +228,5 @@ export function useViewport(state: State, getters: ComputedGetters) {
 }
 
 function transition(selection: D3Selection, ms = 0, onEnd: () => void) {
-  return selection.transition().duration(ms).on('end', onEnd)
+  return (selection as any).transition().duration(ms).on('end', onEnd)
 }

packages/core/src/container/Viewport/Transform.vue

@@ -9,7 +9,7 @@ const { id, viewport, d3Zoom, d3Selection, dimensions } = useVueFlow()
 
 const viewportReady = ref(!isClient)
 
-until(() => d3Zoom.value && d3Selection.value && dimensions.value.width > 0 && dimensions.value.height > 0)
+until(() => !!(d3Zoom.value && d3Selection.value && dimensions.value.width > 0 && dimensions.value.height > 0))
   .toBe(true)
   .then(() => {
     setTimeout(() => {

packages/core/src/store/actions.ts

@@ -807,7 +807,7 @@ export function useActions(
 
     if (!state.d3Zoom) {
       until(() => state.d3Zoom)
-        .not.toBeUndefined()
+        .not.toBeNull()
         .then(setSkippedOptions)
     } else {
       setSkippedOptions()

packages/core/src/types/zoom.ts

@@ -1,8 +1,9 @@
-import type { Selection, ZoomBehavior } from 'd3'
+import type { Selection } from 'd3-selection'
+import type { ZoomBehavior } from 'd3-zoom'
 import type { Rect, XYPosition } from './flow'
 
 export type D3Zoom = ZoomBehavior<HTMLDivElement, unknown>
-export type D3Selection = Selection<HTMLDivElement, unknown, any, any>
+export type D3Selection = Selection<HTMLDivElement, any, any, any>
 export type D3ZoomHandler = (this: HTMLDivElement, event: any, d: unknown) => void
 
 export enum PanOnScrollMode {

packages/minimap/package.json

@@ -67,8 +67,8 @@
     "@tooling/eslint-config": "workspace:*",
     "@tooling/tsconfig": "workspace:*",
     "@tooling/vite-config": "workspace:*",
-    "@types/d3-selection": "^3.0.3",
-    "@types/d3-zoom": "^3.0.1",
+    "@types/d3-selection": "^3.0.7",
+    "@types/d3-zoom": "^3.0.5",
     "@vue-flow/core": "workspace:*",
     "vue": "^3.2.25",
     "vue-tsc": "^1.6.5"

packages/node-resizer/package.json

@@ -70,8 +70,8 @@
     "@tooling/eslint-config": "workspace:*",
     "@tooling/tsconfig": "workspace:*",
     "@tooling/vite-config": "workspace:*",
-    "@types/d3-drag": "^3.0.2",
-    "@types/d3-selection": "^3.0.4",
+    "@types/d3-drag": "^3.0.4",
+    "@types/d3-selection": "^3.0.7",
     "@vue-flow/core": "workspace:*",
     "vite-plugin-vue-type-imports": "^0.2.4",
     "vue": "^3.2.25",