fix: minor fixes (#100)

* fix(BlockGroups): BlouckGroups should be properly unmounted

* fix(MultipointConnection): unhandled error when points is missing

* chore(stories): fix some compiler error

* chore: add export of Component

Author: ma-efremoff

src/components/canvas/groups/BlockGroups.ts

@@ -146,10 +146,12 @@ export class BlockGroups<P extends BlockGroupsProps = BlockGroupsProps> extends
 
   protected unmountLayer(): void {
     this.props.graph.rootStore.groupsList.reset();
+    super.unmountLayer();
   }
 
   protected unmount(): void {
     this.unsubscribe.forEach((unsubscribe) => unsubscribe());
+    super.unmount();
   }
 
   protected getGroupComponent(group: GroupState) {

src/index.ts

@@ -24,3 +24,4 @@ export * from "./components/canvas/groups";
 
 export * from "./components/canvas/layers/newBlockLayer/NewBlockLayer";
 export * from "./components/canvas/layers/connectionLayer/ConnectionLayer";
+export * from "./lib/Component";

src/react-components/elk/components/MultipointConnection.ts

@@ -14,15 +14,15 @@ export class MultipointConnection extends BlockConnection<TMultipointConnection>
   private labelsGeometry: { x: number; y: number; width: number; height: number }[] = [];
 
   public createPath() {
-    const { points } = this.connectedState.$state.value;
+    const points = this.getPoints();
     if (!points.length) {
       return super.createPath();
     }
     return curvePolyline(points, 10);
   }
 
   public createArrowPath(): Path2D {
-    const { points } = this.connectedState.$state.value;
+    const points = this.getPoints();
     if (!points.length) {
       return undefined;
     }
@@ -54,7 +54,7 @@ export class MultipointConnection extends BlockConnection<TMultipointConnection>
   }
 
   public getBBox() {
-    const { points } = this.connectedState.$state.value;
+    const points = this.getPoints();
     if (!points.length) {
       return super.getBBox();
     }

src/stories/examples/imageByBlocks/imageByBlocks.stories.tsx

@@ -5,7 +5,6 @@ import { ThemeProvider } from "@gravity-ui/uikit";
 import type { Meta, StoryFn } from "@storybook/react";
 
 import { CanvasBlock, Graph, TBlock, TGraphConfig } from "../../../index";
-import { TRenderBlockFn } from "../../../react-components";
 import { storiesSettings } from "../../../stories/configurations/definitions";
 import { GraphComponentStory } from "../../main/GraphEditor";
 
@@ -92,7 +91,7 @@ const GraphApp = () => {
 
   const [config, setConfig] = useState<TGraphConfig | undefined>();
 
-  const renderBlockFn: TRenderBlockFn = useCallback(() => {
+  const renderBlockFn = useCallback(() => {
     return null;
   }, []);