#9 chore: Add container bounding box calculation

MetaCell · Aug 2, 2022 · 3b6c9e9 · 3b6c9e9
1 parent 316cb28
commit 3b6c9e9
Show file tree

Hide file tree

Showing 12 changed files with 308 additions and 32 deletions.
diff --git a/dist/meta-diagram.cjs.development.js b/dist/meta-diagram.cjs.development.js
diff --git a/dist/meta-diagram.cjs.development.js.map b/dist/meta-diagram.cjs.development.js.map
diff --git a/dist/meta-diagram.cjs.production.min.js b/dist/meta-diagram.cjs.production.min.js
diff --git a/dist/meta-diagram.cjs.production.min.js.map b/dist/meta-diagram.cjs.production.min.js.map
diff --git a/dist/meta-diagram.esm.js b/dist/meta-diagram.esm.js
diff --git a/dist/meta-diagram.esm.js.map b/dist/meta-diagram.esm.js.map
diff --git a/dist/react-diagrams/MetaNodeModel.d.ts b/dist/react-diagrams/MetaNodeModel.d.ts
@@ -4,7 +4,12 @@ export declare class MetaNodeModel extends NodeModel {
     constructor(options?: {});
     getGraphPath(): string[];
     private calculateLocalPosition;
-    getContainerBoundingBox(nodes: MetaNodeModel[]): any;
+    getContainerBoundingBox(metaGraph: MetaNodeModel[]): any;
     updateLocalPosition(metaGraph: MetaGraph): void;
-    updateContainerBoundingBox(nodes: MetaNodeModel[]): void;
+    setContainerBoundingBox(containerBoundingBox: {
+        left: number;
+        top: number;
+        right: number;
+        bottom: number;
+    }): void;
 }
diff --git a/example/components/widgets/CustomNodeWidget.tsx b/example/components/widgets/CustomNodeWidget.tsx
@@ -11,13 +11,16 @@ export interface CustomNodeWidgetProps {
 export class CustomNodeWidget extends React.Component<CustomNodeWidgetProps> {
 
     render() {
+        const bb = this.props.model.getOptions()['containerBoundingBox']
+        const width = bb ? `${bb.getWidth()}px` : "250px"
+        const height = bb ? `${bb.getHeight()}px` : "200px"
         // @ts-ignore
         const customNodeStyle = {
             zIndex: Math.pow(10, this.props.model.getOptions()['depth']),
             border: "solid 2px gray",
             borderRadius: "5px",
-            width: "250px",
-            height: "200px",
+            width: width,
+            height: height,
             display: "flex",
             alignItems: "flex-start",
             justifyContent: "space-between",

diff --git a/src/helpers/engineHelper.ts b/src/helpers/engineHelper.ts
@@ -27,4 +27,5 @@ export function updateNodeLocalPosition(metaGraph: MetaGraph, node: MetaNodeMode
 // @ts-ignore
 export function updateNodesContainerBoundingBoxes(nodes: MetaNodeModel[], metaGraph: MetaGraph): void {
     nodes.forEach(n => n.setContainerBoundingBox(metaGraph.getNodeContainerBoundingBox(n)))
+    console.log(nodes)
 }