@vue-flow/core - npm Package Compare versions

Comparing version 1.21.3 to 1.22.0

dist/container/VueFlow/VueFlow.vue.d.ts

@@ -348,4 +348,6 @@ import type { D3ZoomEvent } from 'd3-zoom'
       zoomTo: import('../../types').ZoomTo
-      setTransform: import('../../types').SetTransform
-      getTransform: import('../../types').GetTransform
+      setViewport: import('../../types').SetViewport
+      setTransform: import('../../types').SetViewport
+      getViewport: import('../../types').GetViewport
+      getTransform: import('../../types').GetViewport
       fitView: import('../../types').FitView
@@ -358,22 +360,22 @@ setCenter: import('../../types').SetCenter
         Readonly<{
-          nodesChange: import('@vueuse/shared').EventHook<NodeChange[]>
-          edgesChange: import('@vueuse/shared').EventHook<EdgeChange[]>
-          nodeDoubleClick: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          nodeClick: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          nodeMouseEnter: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          nodeMouseMove: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          nodeMouseLeave: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          nodeContextMenu: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          nodeDragStart: import('@vueuse/shared').EventHook<NodeDragEvent>
-          nodeDrag: import('@vueuse/shared').EventHook<NodeDragEvent>
-          nodeDragStop: import('@vueuse/shared').EventHook<NodeDragEvent>
-          nodesInitialized: import('@vueuse/shared').EventHook<GraphNode<any, any, string>[]>
-          updateNodeInternals: import('@vueuse/shared').EventHook<string[]>
-          miniMapNodeClick: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          miniMapNodeDoubleClick: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          miniMapNodeMouseEnter: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          miniMapNodeMouseMove: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          miniMapNodeMouseLeave: import('@vueuse/shared').EventHook<NodeMouseEvent>
-          connect: import('@vueuse/shared').EventHook<Connection>
-          connectStart: import('@vueuse/shared').EventHook<
+          nodesChange: import('../../utils').EventHookExtended<NodeChange[]>
+          edgesChange: import('../../utils').EventHookExtended<EdgeChange[]>
+          nodeDoubleClick: import('../../utils').EventHookExtended<NodeMouseEvent>
+          nodeClick: import('../../utils').EventHookExtended<NodeMouseEvent>
+          nodeMouseEnter: import('../../utils').EventHookExtended<NodeMouseEvent>
+          nodeMouseMove: import('../../utils').EventHookExtended<NodeMouseEvent>
+          nodeMouseLeave: import('../../utils').EventHookExtended<NodeMouseEvent>
+          nodeContextMenu: import('../../utils').EventHookExtended<NodeMouseEvent>
+          nodeDragStart: import('../../utils').EventHookExtended<NodeDragEvent>
+          nodeDrag: import('../../utils').EventHookExtended<NodeDragEvent>
+          nodeDragStop: import('../../utils').EventHookExtended<NodeDragEvent>
+          nodesInitialized: import('../../utils').EventHookExtended<GraphNode<any, any, string>[]>
+          updateNodeInternals: import('../../utils').EventHookExtended<string[]>
+          miniMapNodeClick: import('../../utils').EventHookExtended<NodeMouseEvent>
+          miniMapNodeDoubleClick: import('../../utils').EventHookExtended<NodeMouseEvent>
+          miniMapNodeMouseEnter: import('../../utils').EventHookExtended<NodeMouseEvent>
+          miniMapNodeMouseMove: import('../../utils').EventHookExtended<NodeMouseEvent>
+          miniMapNodeMouseLeave: import('../../utils').EventHookExtended<NodeMouseEvent>
+          connect: import('../../utils').EventHookExtended<Connection>
+          connectStart: import('../../utils').EventHookExtended<
             {
@@ -383,4 +385,4 @@ event?: MouseEvent | TouchEvent | undefined
           >
-          connectEnd: import('@vueuse/shared').EventHook<MouseEvent | TouchEvent | undefined>
-          clickConnectStart: import('@vueuse/shared').EventHook<
+          connectEnd: import('../../utils').EventHookExtended<MouseEvent | TouchEvent | undefined>
+          clickConnectStart: import('../../utils').EventHookExtended<
             {
@@ -390,44 +392,44 @@ event?: MouseEvent | TouchEvent | undefined
           >
-          clickConnectEnd: import('@vueuse/shared').EventHook<MouseEvent | TouchEvent | undefined>
-          paneReady: import('@vueuse/shared').EventHook<VueFlowStore>
-          move: import('@vueuse/shared').EventHook<{
+          clickConnectEnd: import('../../utils').EventHookExtended<MouseEvent | TouchEvent | undefined>
+          paneReady: import('../../utils').EventHookExtended<VueFlowStore>
+          move: import('../../utils').EventHookExtended<{
             event: D3ZoomEvent<HTMLDivElement, any>
             flowTransform: ViewportTransform
           }>
-          moveStart: import('@vueuse/shared').EventHook<{
+          moveStart: import('../../utils').EventHookExtended<{
             event: D3ZoomEvent<HTMLDivElement, any>
             flowTransform: ViewportTransform
           }>
-          moveEnd: import('@vueuse/shared').EventHook<{
+          moveEnd: import('../../utils').EventHookExtended<{
             event: D3ZoomEvent<HTMLDivElement, any>
             flowTransform: ViewportTransform
           }>
-          selectionDragStart: import('@vueuse/shared').EventHook<NodeDragEvent>
-          selectionDrag: import('@vueuse/shared').EventHook<NodeDragEvent>
-          selectionDragStop: import('@vueuse/shared').EventHook<NodeDragEvent>
-          selectionContextMenu: import('@vueuse/shared').EventHook<{
+          selectionDragStart: import('../../utils').EventHookExtended<NodeDragEvent>
+          selectionDrag: import('../../utils').EventHookExtended<NodeDragEvent>
+          selectionDragStop: import('../../utils').EventHookExtended<NodeDragEvent>
+          selectionContextMenu: import('../../utils').EventHookExtended<{
             event: MouseEvent
             nodes: GraphNode<any, any, string>[]
           }>
-          selectionStart: import('@vueuse/shared').EventHook<MouseEvent>
-          selectionEnd: import('@vueuse/shared').EventHook<MouseEvent>
-          viewportChangeStart: import('@vueuse/shared').EventHook<ViewportTransform>
-          viewportChange: import('@vueuse/shared').EventHook<ViewportTransform>
-          viewportChangeEnd: import('@vueuse/shared').EventHook<ViewportTransform>
-          paneScroll: import('@vueuse/shared').EventHook<WheelEvent | undefined>
-          paneClick: import('@vueuse/shared').EventHook<MouseEvent>
-          paneContextMenu: import('@vueuse/shared').EventHook<MouseEvent>
-          paneMouseEnter: import('@vueuse/shared').EventHook<MouseEvent>
-          paneMouseMove: import('@vueuse/shared').EventHook<MouseEvent>
-          paneMouseLeave: import('@vueuse/shared').EventHook<MouseEvent>
-          edgeContextMenu: import('@vueuse/shared').EventHook<EdgeMouseEvent>
-          edgeMouseEnter: import('@vueuse/shared').EventHook<EdgeMouseEvent>
-          edgeMouseMove: import('@vueuse/shared').EventHook<EdgeMouseEvent>
-          edgeMouseLeave: import('@vueuse/shared').EventHook<EdgeMouseEvent>
-          edgeDoubleClick: import('@vueuse/shared').EventHook<EdgeMouseEvent>
-          edgeClick: import('@vueuse/shared').EventHook<EdgeMouseEvent>
-          edgeUpdateStart: import('@vueuse/shared').EventHook<EdgeMouseEvent>
-          edgeUpdate: import('@vueuse/shared').EventHook<EdgeUpdateEvent>
-          edgeUpdateEnd: import('@vueuse/shared').EventHook<EdgeMouseEvent>
-          error: import('@vueuse/shared').EventHook<VueFlowError<import('../../utils/errors').ErrorCode>>
+          selectionStart: import('../../utils').EventHookExtended<MouseEvent>
+          selectionEnd: import('../../utils').EventHookExtended<MouseEvent>
+          viewportChangeStart: import('../../utils').EventHookExtended<ViewportTransform>
+          viewportChange: import('../../utils').EventHookExtended<ViewportTransform>
+          viewportChangeEnd: import('../../utils').EventHookExtended<ViewportTransform>
+          paneScroll: import('../../utils').EventHookExtended<WheelEvent | undefined>
+          paneClick: import('../../utils').EventHookExtended<MouseEvent>
+          paneContextMenu: import('../../utils').EventHookExtended<MouseEvent>
+          paneMouseEnter: import('../../utils').EventHookExtended<MouseEvent>
+          paneMouseMove: import('../../utils').EventHookExtended<MouseEvent>
+          paneMouseLeave: import('../../utils').EventHookExtended<MouseEvent>
+          edgeContextMenu: import('../../utils').EventHookExtended<EdgeMouseEvent>
+          edgeMouseEnter: import('../../utils').EventHookExtended<EdgeMouseEvent>
+          edgeMouseMove: import('../../utils').EventHookExtended<EdgeMouseEvent>
+          edgeMouseLeave: import('../../utils').EventHookExtended<EdgeMouseEvent>
+          edgeDoubleClick: import('../../utils').EventHookExtended<EdgeMouseEvent>
+          edgeClick: import('../../utils').EventHookExtended<EdgeMouseEvent>
+          edgeUpdateStart: import('../../utils').EventHookExtended<EdgeMouseEvent>
+          edgeUpdate: import('../../utils').EventHookExtended<EdgeUpdateEvent>
+          edgeUpdateEnd: import('../../utils').EventHookExtended<EdgeMouseEvent>
+          error: import('../../utils').EventHookExtended<VueFlowError<import('../../utils/errors').ErrorCode>>
         }>
@@ -434,0 +436,0 @@ >

dist/types/hooks.d.ts

@@ -1,4 +0,5 @@
-import type { EventHook, EventHookOn, EventHookTrigger } from '@vueuse/core'
+import type { EventHookOn, EventHookTrigger } from '@vueuse/core'
 import type { D3ZoomEvent } from 'd3-zoom'
 import type { VueFlowError } from '../utils/errors'
+import type { EventHookExtended } from '../utils'
 import type { GraphEdge } from './edge'
@@ -103,3 +104,3 @@ import type { GraphNode } from './node'
 export type FlowHooks = Readonly<{
-  [key in keyof FlowEvents]: EventHook<FlowEvents[key]>
+  [key in keyof FlowEvents]: EventHookExtended<FlowEvents[key]>
 }>
@@ -106,0 +107,0 @@ export type FlowHooksOn = Readonly<{

dist/types/store.d.ts

@@ -131,2 +131,3 @@ import type { CSSProperties, ComputedRef, ToRefs } from 'vue'
   removeConnectedEdges?: boolean,
+  removeChildren?: boolean,
 ) => void
@@ -186,3 +187,3 @@ export type RemoveEdges = (
   addEdges: AddEdges
-  /** remove nodes (and possibly connected edges) from state */
+  /** remove nodes (and possibly connected edges and children) from state */
   removeNodes: RemoveNodes
@@ -189,0 +190,0 @@ /** remove edges from state */

dist/types/zoom.d.ts

@@ -38,17 +38,17 @@ import type { Selection, ZoomBehavior } from 'd3'
 /** Fit the viewport around visible nodes */
-export type FitView = (fitViewOptions?: FitViewParams) => void
+export type FitView = (fitViewOptions?: FitViewParams) => Promise<boolean>
 /** project a position onto the viewport, i.e. a mouse event clientX/clientY onto graph coordinates */
 export type Project = (position: XYPosition) => XYPosition
 /** set center of viewport */
-export type SetCenter = (x: number, y: number, options?: SetCenterOptions) => void
+export type SetCenter = (x: number, y: number, options?: SetCenterOptions) => Promise<boolean>
 /** fit the viewport around bounds */
-export type FitBounds = (bounds: Rect, options?: FitBoundsOptions) => void
+export type FitBounds = (bounds: Rect, options?: FitBoundsOptions) => Promise<boolean>
 /** zoom in/out */
-export type ZoomInOut = (options?: TransitionOptions) => void
+export type ZoomInOut = (options?: TransitionOptions) => Promise<boolean>
 /** zoom to a specific level */
-export type ZoomTo = (zoomLevel: number, options?: TransitionOptions) => void
+export type ZoomTo = (zoomLevel: number, options?: TransitionOptions) => Promise<boolean>
 /** get current viewport transform */
-export type GetTransform = () => ViewportTransform
+export type GetViewport = () => ViewportTransform
 /** set current viewport transform */
-export type SetTransform = (transform: ViewportTransform, options?: TransitionOptions) => void
+export type SetViewport = (transform: ViewportTransform, options?: TransitionOptions) => Promise<boolean>
 export interface ViewportFunctions {
@@ -58,4 +58,8 @@ zoomIn: ZoomInOut
   zoomTo: ZoomTo
-  setTransform: SetTransform
-  getTransform: GetTransform
+  setViewport: SetViewport
+  /** @deprecated use setViewport instead */
+  setTransform: SetViewport
+  getViewport: GetViewport
+  /** @deprecated use getViewport instead */
+  getTransform: GetViewport
   fitView: FitView
@@ -62,0 +66,0 @@ setCenter: SetCenter

dist/utils/createExtendedEventHook.d.ts

@@ -1,2 +0,1 @@
-import type { Ref } from 'vue'
 import type { EventHook } from '@vueuse/core'
@@ -10,4 +9,4 @@
 export interface EventHookExtended<T> extends EventHook<T> {
-  fns: Ref<Set<(param: T) => void>>
+  hasListeners: () => boolean
 }
 export declare function createExtendedEventHook<T = any>(defaultHandler?: (param: T) => void): EventHookExtended<T>

dist/utils/graph.d.ts

@@ -37,7 +37,17 @@ import type {
 export declare function getOutgoers<T extends Elements = FlowElements>(
-  node: Node,
+  nodeOrId:
+    | Node
+    | {
+        id: string
+      }
+    | string,
   elements: T,
 ): T extends FlowElements<any, any, any, any> ? GraphNode<any, any, string>[] : Node<any, any, string>[]
 export declare function getIncomers<T extends Elements = FlowElements>(
-  node: Node,
+  nodeOrId:
+    | Node
+    | {
+        id: string
+      }
+    | string,
   elements: T,
@@ -44,0 +54,0 @@ ): T extends FlowElements<any, any, any, any> ? GraphNode<any, any, string>[] : Node<any, any, string>[]

package.json

 {
   "name": "@vue-flow/core",
-  "version": "1.21.3",
+  "version": "1.22.0",
   "private": false,
@@ -5,0 +5,0 @@ "license": "MIT",

No alert changes

Worsened metrics

Total package byte prevSize

851274

decreased by-0.3%

Lines of code

12964

decreased by-0.09%

No dependency changes