@vue-flow/minimap - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

dist/index.d.ts

 import './style.css'
 
 export { default as MiniMap } from './MiniMap.vue'
-export { default as MiniMapNode } from './MiniMapNode'
+export { default as MiniMapNode } from './MiniMapNode.vue'
 export * from './types'

dist/MiniMap.vue.d.ts

@@ -1,35 +0,161 @@
-import type { MiniMapProps } from './types'
+import type { PanelPosition } from '@vue-flow/core'
+import type { MiniMapNodeFunc, MiniMapSlots } from './types'
 
-declare const _default: import('vue').DefineComponent<
-  __VLS_TypePropsToRuntimeProps<MiniMapProps>,
-  {},
-  unknown,
-  {},
-  {},
-  import('vue').ComponentOptionsMixin,
-  import('vue').ComponentOptionsMixin,
-  ('click' | 'nodeClick' | 'nodeDblclick' | 'nodeMouseenter' | 'nodeMousemove' | 'nodeMouseleave')[],
-  'click' | 'nodeClick' | 'nodeDblclick' | 'nodeMouseenter' | 'nodeMousemove' | 'nodeMouseleave',
-  import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
-  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MiniMapProps>>> & {
-    onClick?: ((...args: any[]) => any) | undefined
-    onNodeClick?: ((...args: any[]) => any) | undefined
-    onNodeDblclick?: ((...args: any[]) => any) | undefined
-    onNodeMouseenter?: ((...args: any[]) => any) | undefined
-    onNodeMousemove?: ((...args: any[]) => any) | undefined
-    onNodeMouseleave?: ((...args: any[]) => any) | undefined
-  },
-  {}
+declare const _default: __VLS_WithTemplateSlots<
+  import('vue').DefineComponent<
+    {
+      nodeColor: {
+        type: import('vue').PropType<string | MiniMapNodeFunc>
+      }
+      nodeStrokeColor: {
+        type: import('vue').PropType<string | MiniMapNodeFunc>
+      }
+      nodeClassName: {
+        type: import('vue').PropType<string | MiniMapNodeFunc>
+      }
+      nodeBorderRadius: {
+        type: import('vue').PropType<number>
+      }
+      nodeStrokeWidth: {
+        type: import('vue').PropType<number>
+      }
+      maskColor: {
+        type: import('vue').PropType<string>
+      }
+      maskStrokeColor: {
+        type: import('vue').PropType<string>
+      }
+      maskStrokeWidth: {
+        type: import('vue').PropType<number>
+      }
+      position: {
+        type: import('vue').PropType<PanelPosition>
+      }
+      pannable: {
+        type: import('vue').PropType<boolean>
+      }
+      zoomable: {
+        type: import('vue').PropType<boolean>
+      }
+      width: {
+        type: import('vue').PropType<number>
+      }
+      height: {
+        type: import('vue').PropType<number>
+      }
+      ariaLabel: {
+        type: import('vue').PropType<string | null>
+      }
+      inversePan: {
+        type: import('vue').PropType<boolean>
+      }
+      zoomStep: {
+        type: import('vue').PropType<number>
+      }
+      offsetScale: {
+        type: import('vue').PropType<number>
+      }
+    },
+    {},
+    unknown,
+    {},
+    {},
+    import('vue').ComponentOptionsMixin,
+    import('vue').ComponentOptionsMixin,
+    {
+      click: (params: {
+        event: MouseEvent
+        position: {
+          x: number
+          y: number
+        }
+      }) => void
+      nodeClick: (params: import('@vue-flow/core').NodeMouseEvent) => void
+      nodeDblclick: (params: import('@vue-flow/core').NodeMouseEvent) => void
+      nodeMouseenter: (params: import('@vue-flow/core').NodeMouseEvent) => void
+      nodeMousemove: (params: import('@vue-flow/core').NodeMouseEvent) => void
+      nodeMouseleave: (params: import('@vue-flow/core').NodeMouseEvent) => void
+    },
+    string,
+    import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps,
+    Readonly<
+      import('vue').ExtractPropTypes<{
+        nodeColor: {
+          type: import('vue').PropType<string | MiniMapNodeFunc>
+        }
+        nodeStrokeColor: {
+          type: import('vue').PropType<string | MiniMapNodeFunc>
+        }
+        nodeClassName: {
+          type: import('vue').PropType<string | MiniMapNodeFunc>
+        }
+        nodeBorderRadius: {
+          type: import('vue').PropType<number>
+        }
+        nodeStrokeWidth: {
+          type: import('vue').PropType<number>
+        }
+        maskColor: {
+          type: import('vue').PropType<string>
+        }
+        maskStrokeColor: {
+          type: import('vue').PropType<string>
+        }
+        maskStrokeWidth: {
+          type: import('vue').PropType<number>
+        }
+        position: {
+          type: import('vue').PropType<PanelPosition>
+        }
+        pannable: {
+          type: import('vue').PropType<boolean>
+        }
+        zoomable: {
+          type: import('vue').PropType<boolean>
+        }
+        width: {
+          type: import('vue').PropType<number>
+        }
+        height: {
+          type: import('vue').PropType<number>
+        }
+        ariaLabel: {
+          type: import('vue').PropType<string | null>
+        }
+        inversePan: {
+          type: import('vue').PropType<boolean>
+        }
+        zoomStep: {
+          type: import('vue').PropType<number>
+        }
+        offsetScale: {
+          type: import('vue').PropType<number>
+        }
+      }>
+    > & {
+      onClick?:
+        | ((params: {
+            event: MouseEvent
+            position: {
+              x: number
+              y: number
+            }
+          }) => any)
+        | undefined
+      onNodeClick?: ((params: import('@vue-flow/core').NodeMouseEvent) => any) | undefined
+      onNodeDblclick?: ((params: import('@vue-flow/core').NodeMouseEvent) => any) | undefined
+      onNodeMouseenter?: ((params: import('@vue-flow/core').NodeMouseEvent) => any) | undefined
+      onNodeMousemove?: ((params: import('@vue-flow/core').NodeMouseEvent) => any) | undefined
+      onNodeMouseleave?: ((params: import('@vue-flow/core').NodeMouseEvent) => any) | undefined
+    },
+    {},
+    {}
+  >,
+  Readonly<MiniMapSlots>
 >
 export default _default
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T
-type __VLS_TypePropsToRuntimeProps<T> = {
-  [K in keyof T]-?: {} extends Pick<T, K>
-    ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>
-      }
-    : {
-        type: import('vue').PropType<T[K]>
-        required: true
-      }
+type __VLS_WithTemplateSlots<T, S> = T & {
+  new (): {
+    $slots: S
+  }
 }

dist/types.d.ts

@@ -1,8 +0,6 @@
-import type { Dimensions, GraphNode, PanelPosition, XYPosition } from '@vue-flow/core'
-import type { CSSProperties, InjectionKey, Slots } from 'vue'
+import type { Dimensions, GraphNode, NodeMouseEvent, PanelPosition, XYPosition } from '@vue-flow/core'
+import type { CSSProperties, InjectionKey } from 'vue'
 
 /** expects a node and returns a color value */
 export type MiniMapNodeFunc = (node: GraphNode) => string
-type MiniMapNodeFunc2 = (node: GraphNode) => string
-type MiniMapNodeFunc3 = (node: GraphNode) => string
 export type ShapeRendering = CSSProperties['shapeRendering']
@@ -13,5 +11,5 @@ export interface MiniMapProps {
   /** Node stroke color, can be either a string or a string func that receives the current node */
-  nodeStrokeColor?: string | MiniMapNodeFunc2
+  nodeStrokeColor?: string | MiniMapNodeFunc
   /** Additional node class name, can be either a string or a string func that receives the current node */
-  nodeClassName?: string | MiniMapNodeFunc3
+  nodeClassName?: string | MiniMapNodeFunc
   /** Node border radius */
@@ -57,3 +55,27 @@ nodeBorderRadius?: number
 }
-export declare const MiniMapSlots: InjectionKey<Slots>
-export {}
+export interface MiniMapEmits {
+  (
+    event: 'click',
+    params: {
+      event: MouseEvent
+      position: {
+        x: number
+        y: number
+      }
+    },
+  ): void
+  (event: 'nodeClick', params: NodeMouseEvent): void
+  (event: 'nodeDblclick', params: NodeMouseEvent): void
+  (event: 'nodeMouseenter', params: NodeMouseEvent): void
+  (event: 'nodeMousemove', params: NodeMouseEvent): void
+  (event: 'nodeMouseleave', params: NodeMouseEvent): void
+}
+export interface MiniMapNodeEmits {
+  (event: 'click', params: MouseEvent): void
+  (event: 'dblclick', params: MouseEvent): void
+  (event: 'mouseenter', params: MouseEvent): void
+  (event: 'mousemove', params: MouseEvent): void
+  (event: 'mouseleave', params: MouseEvent): void
+}
+export interface MiniMapSlots extends Record<`node-${string}`, (nodeProps: MiniMapNodeProps) => any> {}
+export declare const Slots: InjectionKey<MiniMapSlots>

package.json

 {
   "name": "@vue-flow/minimap",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "private": false,
@@ -50,3 +50,4 @@ "license": "MIT",
   "peerDependencies": {
-    "@vue-flow/core": "^1.12.2"
+    "@vue-flow/core": "^1.23.0",
+    "vue": "^3.3.0"
   },
@@ -58,10 +59,9 @@ "dependencies": {
   "devDependencies": {
-    "@types/d3-selection": "^3.0.3",
-    "@types/d3-zoom": "^3.0.1",
-    "vue": "^3.2.25",
-    "vue-tsc": "^1.6.5",
+    "@types/d3-selection": "^3.0.7",
+    "@types/d3-zoom": "^3.0.5",
+    "vue-tsc": "^1.8.16",
     "@tooling/eslint-config": "0.0.0",
-    "@tooling/tsconfig": "0.0.0",
-    "@vue-flow/core": "1.22.3",
-    "@tooling/vite-config": "0.0.0"
+    "@tooling/vite-config": "0.0.0",
+    "@vue-flow/core": "1.28.0",
+    "@tooling/tsconfig": "0.0.0"
   },
@@ -68,0 +68,0 @@ "publishConfig": {

README.md

@@ -1,2 +0,2 @@
-# Vue Flow: MiniMap
+# Vue Flow: MiniMap Component
 
@@ -3,0 +3,0 @@ This is a minimap component for Vue Flow.

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

317692

increased by30.72%

Dev dependency count

7

decreased by-12.5%

Lines of code

9247

increased by200.13%

Number of low quality alerts

0

decreased by-100%

Worsened metrics

Dependency count

4

increased by33.33%

Number of package files

11

decreased by-8.33%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes