chore: Huge refactor of the graph state management logic (#106)

* Add graph layout settings

* Start huge refactor

* Finish graph data context

* Fix wrong types imports

Author: MatiPl01

src/components/graphs/DirectedGraphComponent.tsx

@@ -1,26 +1,43 @@
+import { memo } from 'react';
+
+import GraphProvider from '@/contexts/GraphContext';
 import { DirectedGraph } from '@/models/graphs';
 import { DirectedGraphRenderers } from '@/types/renderer';
 import { DirectedGraphSettings } from '@/types/settings';
+import { deepMemoComparator } from '@/utils/equality';
 
-import GraphComponent, { GraphComponentPrivateProps } from './GraphComponent';
+import GraphComponent, { GraphComponentProps } from './GraphComponent';
 
 type DirectedGraphComponentProps<V, E> = {
   graph: DirectedGraph<V, E>;
   settings?: DirectedGraphSettings<V, E>;
   renderers?: DirectedGraphRenderers<V, E>;
 };
 
-function DirectedGraphComponent<V, E>(
-  props: DirectedGraphComponentProps<V, E> & GraphComponentPrivateProps<V, E>
-) {
-  return <GraphComponent {...props} />;
-}
+function DirectedGraphComponent<V, E>({
+  boundingRect,
+  onRender,
+  ...providerProps
+}: DirectedGraphComponentProps<V, E> & GraphComponentProps) {
+  console.log('DirectedGraphComponent');
 
-export default <V, E>(props: DirectedGraphComponentProps<V, E>) => {
   return (
-    <DirectedGraphComponent
-      {...(props as DirectedGraphComponentProps<V, E> &
-        GraphComponentPrivateProps<V, E>)}
-    />
+    <GraphProvider {...providerProps}>
+      <GraphComponent boundingRect={boundingRect} onRender={onRender} />
+    </GraphProvider>
   );
-};
+}
+
+export default memo(
+  <V, E>(props: DirectedGraphComponentProps<V, E>) => {
+    return (
+      <DirectedGraphComponent
+        {...(props as DirectedGraphComponentProps<V, E> & GraphComponentProps)}
+      />
+    );
+  },
+  deepMemoComparator({
+    shallow: ['graph'],
+    exclude: ['boundingRect']
+  })
+);