fix: typecast edges and nodes

* make GraphView props all required
refactor: renamed "NodesTypeType" to "NodeType" and "EdgesTypeType" to "EdgeType"

src/components/Nodes/DefaultNode.tsx

@@ -1,8 +1,8 @@
-import Handle from '../../components/Handle';
-import { NodeProps, Position } from '../../types';
 import { defineComponent, PropType } from 'vue';
+import Handle from '../../components/Handle';
+import { NodeProps, NodeType, Position } from '../../types';
 
-const DefaultNode = defineComponent({
+export default defineComponent({
   name: 'DefaultNode',
   components: { Handle },
   inheritAttrs: false,
@@ -37,6 +37,4 @@ const DefaultNode = defineComponent({
       </>
     );
   }
-});
-
-export default DefaultNode;
+}) as NodeType;

src/components/Nodes/InputNode.tsx

@@ -1,8 +1,8 @@
 import Handle from '../../components/Handle';
-import { NodeProps, Position } from '../../types';
+import { NodeProps, NodeType, Position } from '../../types';
 import { defineComponent, PropType } from 'vue';
 
-const InputNode = defineComponent({
+export default defineComponent({
   name: 'InputNode',
   components: { Handle },
   inheritAttrs: false,
@@ -31,6 +31,4 @@ const InputNode = defineComponent({
       </>
     );
   }
-});
-
-export default InputNode;
+}) as NodeType;

src/components/Nodes/Node.vue

@@ -39,11 +39,11 @@
 import { computed, CSSProperties, defineComponent, inject, PropType, provide } from 'vue';
 import { templateRef, tryOnMounted, useResizeObserver } from '@vueuse/core';
 import { DraggableCore, DraggableEventListener } from '@braks/revue-draggable';
-import { Node, NodeDimensionUpdate, NodeTypesType, RevueFlowStore } from '../../types';
+import { Node, NodeDimensionUpdate, NodeType, RevueFlowStore } from '../../types';
 import { RevueFlowHooks } from '../../hooks/RevueFlowHooks';
 
 interface NodeProps {
-  nodeTypes: NodeTypesType;
+  nodeTypes: Record<string, NodeType>;
   snapToGrid: boolean;
   snapGrid: [number, number];
   selectNodesOnDrag: boolean;

src/components/Nodes/OutputNode.tsx

@@ -1,8 +1,8 @@
 import Handle from '../../components/Handle';
-import { NodeProps, Position } from '../../types';
+import { NodeProps, NodeType, Position } from '../../types';
 import { defineComponent, PropType } from 'vue';
 
-const OutputNode = defineComponent({
+export default defineComponent({
   name: 'OutputNode',
   components: { Handle },
   inheritAttrs: false,
@@ -31,6 +31,4 @@ const OutputNode = defineComponent({
       </>
     );
   }
-});
-
-export default OutputNode;
+}) as NodeType;