@babylonjs/node-editor 5.0.0-rc.2 → 5.0.0-rc.3

package/babylon.nodeEditor.module.d.ts

@@ -435,7 +435,7 @@ declare module "@babylonjs/node-editor/diagram/nodeLink" {
         get nodeB(): GraphNode | undefined;
         update(endX?: number, endY?: number, straight?: boolean): void;
         constructor(graphCanvas: GraphCanvasComponent, portA: NodePort, nodeA: GraphNode, portB?: NodePort, nodeB?: GraphNode);
-        onClick(): void;
+        onClick(evt: MouseEvent): void;
         dispose(notify?: boolean): void;
     }
 }
@@ -536,6 +536,7 @@ declare module "@babylonjs/node-editor/diagram/graphCanvas" {
         onWheel(evt: React.WheelEvent): void;
         zoomToFit(): void;
         processCandidatePort(): void;
+        connectNodes(nodeA: GraphNode, pointA: NodeMaterialConnectionPoint, nodeB: GraphNode, pointB: NodeMaterialConnectionPoint): void;
         processEditorData(editorData: IEditorData): void;
         addFrame(frameData: IFrameData): void;
         render(): JSX.Element;
@@ -1687,6 +1688,7 @@ declare module "@babylonjs/node-editor/globalState" {
         hostElement: HTMLElement;
         hostDocument: HTMLDocument;
         hostWindow: Window;
+        onNewNodeCreatedObservable: Observable<GraphNode>;
         onSelectionChangedObservable: Observable<Nullable<ISelectionChangedOptions>>;
         onRebuildRequiredObservable: Observable<boolean>;
         onBuiltObservable: Observable<void>;
@@ -1710,6 +1712,12 @@ declare module "@babylonjs/node-editor/globalState" {
         onImportFrameObservable: Observable<any>;
         onGraphNodeRemovalObservable: Observable<GraphNode>;
         onPopupClosedObservable: Observable<void>;
+        onNewBlockRequiredObservable: Observable<{
+            type: string;
+            targetX: number;
+            targetY: number;
+            needRepositioning?: boolean | undefined;
+        }>;
         onGetNodeFromBlock: (block: NodeMaterialBlock) => GraphNode;
         onGridSizeChanged: Observable<void>;
         onExposePortOnFrameObservable: Observable<GraphNode>;
@@ -2044,8 +2052,11 @@ declare module "@babylonjs/node-editor/graphEditor" {
         embedHostWidth?: string;
     }
     export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditorState> {
-        private readonly NodeWidth;
+        static readonly NodeWidth: number;
+        private _graphCanvasRef;
+        private _diagramContainerRef;
         private _graphCanvas;
+        private _diagramContainer;
         private _startX;
         private _moveInProgress;
         private _leftWidth;
@@ -2081,7 +2092,8 @@ declare module "@babylonjs/node-editor/graphEditor" {
         onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
         resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
         buildColumnLayout(): string;
-        emitNewBlock(event: React.DragEvent<HTMLDivElement>): void;
+        emitNewBlock(blockType: string, targetX: number, targetY: number): void;
+        dropNewBlock(event: React.DragEvent<HTMLDivElement>): void;
         handlePopUp: () => void;
         handleClosingPopUp: () => void;
         initiatePreviewArea: (canvas?: HTMLCanvasElement) => void;

package/package.json

@@ -4,14 +4,14 @@
     },
     "name": "@babylonjs/node-editor",
     "description": "The Babylon.js node material editor.",
-    "version": "5.0.0-rc.2",
+    "version": "5.0.0-rc.3",
     "repository": {
         "type": "git",
         "url": "https://github.com/BabylonJS/Babylon.js.git"
     },
     "license": "Apache-2.0",
     "dependencies": {
-        "@babylonjs/core": "5.0.0-rc.2",
+        "@babylonjs/core": "5.0.0-rc.3",
         "tslib": "^2.3.1"
     },
     "files": [