Merge pull request #42 from caddijp/feature/types

fix(@types): fixed custom data diagrams

@types/Diagram.ts

@@ -1,11 +1,11 @@
-import { FunctionComponent, MemoExoticComponent } from 'react';
+import { memo } from 'react';
 import { DiagramSchema } from './DiagramSchema';
 
-export type DiagramProps<P = unknown> = {
+export type DiagramProps<P> = {
   schema?: DiagramSchema<P>;
   onChange?: (schema: DiagramSchema<P>) => unknown;
 };
 
-declare const Diagram: MemoExoticComponent<FunctionComponent<DiagramProps>>;
+declare const Diagram: <P = unknown>(props: DiagramProps<P>) => JSX.Element;
 
-export default Diagram;
+export default memo(Diagram);

index-tests.tsx

@@ -25,18 +25,17 @@ export const UncontrolledDiagram1 = () => {
   );
 };
 
-type CustomData = {
-  onDoubleClick: () => void;
-};
-
 export const UncontrolledDiagram2 = () => {
-  const [schema, { onChange, addNode, removeNode }] = useSchema<CustomData>({
+  const [schema, { onChange, addNode, removeNode }] = useSchema({
     nodes: [
       {
         id: 'node-1',
         content: 'Node 1',
         coordinates: [150, 60],
         outputs: [{ id: 'port-1', alignment: 'right' }],
+        data: {
+          onDoubleClick: () => console.warn('hello'),
+        }
       },
     ],
   });

index.d.ts

@@ -1,14 +1,14 @@
-import Diagram from './@types/Diagram';
-import useSchema from './@types/useSchema';
-import createSchema from './@types/createSchema';
+import Diagram from "./@types/Diagram";
+import useSchema from "./@types/useSchema";
+import createSchema from "./@types/createSchema";
 import {
   validateSchema,
   validatePort,
   validateLink,
   validateNodes,
   validateNode,
   validateLinks,
-} from './@types/validators';
+} from "./@types/validators";
 
 export {
   Diagram,