babylonjs-node-editor 5.18.0 → 5.21.0

package/babylon.nodeEditor.module.d.ts

@@ -84,11 +84,12 @@ import { ImageSourceBlock } from "babylonjs/Materials/Node/Blocks/Dual/imageSour
 import { CloudBlock } from "babylonjs/Materials/Node/Blocks/cloudBlock";
 import { VoronoiNoiseBlock } from "babylonjs/Materials/Node/Blocks/voronoiNoiseBlock";
 import { ScreenSpaceBlock } from "babylonjs/Materials/Node/Blocks/Fragment/screenSpaceBlock";
+import { HeightToNormalBlock } from "babylonjs/Materials/Node/Blocks/Fragment/heightToNormalBlock";
 import { TwirlBlock } from "babylonjs/Materials/Node/Blocks/Fragment/twirlBlock";
 import { ElbowBlock } from "babylonjs/Materials/Node/Blocks/elbowBlock";
 import { ClipPlanesBlock } from "babylonjs/Materials/Node/Blocks/Dual/clipPlanesBlock";
 export class BlockTools {
-    static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial): ElbowBlock | TwirlBlock | VoronoiNoiseBlock | ScreenSpaceBlock | CloudBlock | MatrixBuilderBlock | DesaturateBlock | RefractBlock | ReflectBlock | DerivativeBlock | Rotate2dBlock | NormalBlendBlock | WorleyNoise3DBlock | SimplexPerlin3DBlock | BonesBlock | InstancesBlock | MorphTargetsBlock | DiscardBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | AddBlock | ClampBlock | ScaleBlock | CrossBlock | DotBlock | PowBlock | MultiplyBlock | TransformBlock | TrigonometryBlock | RemapBlock | NormalizeBlock | FresnelBlock | LerpBlock | NLerpBlock | DivideBlock | SubtractBlock | ModBlock | StepBlock | SmoothStepBlock | OneMinusBlock | ReciprocalBlock | ViewDirectionBlock | LightInformationBlock | MaxBlock | MinBlock | LengthBlock | DistanceBlock | NegateBlock | PerturbNormalBlock | TBNBlock | RandomNumberBlock | ReplaceColorBlock | PosterizeBlock | ArcTan2Block | GradientBlock | FrontFacingBlock | WaveBlock | InputBlock | PBRMetallicRoughnessBlock | SheenBlock | AnisotropyBlock | ReflectionBlock | ClearCoatBlock | RefractionBlock | SubSurfaceBlock | CurrentScreenBlock | ParticleTextureBlock | ParticleRampGradientBlock | ParticleBlendMultiplyBlock | FragCoordBlock | ScreenSizeBlock | SceneDepthBlock | ConditionalBlock | ImageSourceBlock | ClipPlanesBlock | null;
+    static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial): HeightToNormalBlock | ElbowBlock | TwirlBlock | VoronoiNoiseBlock | ScreenSpaceBlock | CloudBlock | MatrixBuilderBlock | DesaturateBlock | RefractBlock | ReflectBlock | DerivativeBlock | Rotate2dBlock | NormalBlendBlock | WorleyNoise3DBlock | SimplexPerlin3DBlock | BonesBlock | InstancesBlock | MorphTargetsBlock | DiscardBlock | ImageProcessingBlock | ColorMergerBlock | VectorMergerBlock | ColorSplitterBlock | VectorSplitterBlock | TextureBlock | ReflectionTextureBlock | LightBlock | FogBlock | VertexOutputBlock | FragmentOutputBlock | AddBlock | ClampBlock | ScaleBlock | CrossBlock | DotBlock | PowBlock | MultiplyBlock | TransformBlock | TrigonometryBlock | RemapBlock | NormalizeBlock | FresnelBlock | LerpBlock | NLerpBlock | DivideBlock | SubtractBlock | ModBlock | StepBlock | SmoothStepBlock | OneMinusBlock | ReciprocalBlock | ViewDirectionBlock | LightInformationBlock | MaxBlock | MinBlock | LengthBlock | DistanceBlock | NegateBlock | PerturbNormalBlock | TBNBlock | RandomNumberBlock | ReplaceColorBlock | PosterizeBlock | ArcTan2Block | GradientBlock | FrontFacingBlock | WaveBlock | InputBlock | PBRMetallicRoughnessBlock | SheenBlock | AnisotropyBlock | ReflectionBlock | ClearCoatBlock | RefractionBlock | SubSurfaceBlock | CurrentScreenBlock | ParticleTextureBlock | ParticleRampGradientBlock | ParticleBlendMultiplyBlock | FragCoordBlock | ScreenSizeBlock | SceneDepthBlock | ConditionalBlock | ImageSourceBlock | ClipPlanesBlock | null;
     static GetColorFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): string;
     static GetConnectionNodeTypeFromString(type: string): NodeMaterialBlockConnectionPointTypes.Float | NodeMaterialBlockConnectionPointTypes.Vector2 | NodeMaterialBlockConnectionPointTypes.Vector3 | NodeMaterialBlockConnectionPointTypes.Vector4 | NodeMaterialBlockConnectionPointTypes.Color3 | NodeMaterialBlockConnectionPointTypes.Color4 | NodeMaterialBlockConnectionPointTypes.Matrix | NodeMaterialBlockConnectionPointTypes.AutoDetect;
     static GetStringFromConnectionNodeType(type: NodeMaterialBlockConnectionPointTypes): "" | "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4";
@@ -498,6 +499,8 @@ interface IGraphEditorProps {
 }
 interface IGraphEditorState {
     showPreviewPopUp: boolean;
+    message: string;
+    isError: boolean;
 }
 interface IInternalPreviewAreaOptions extends IInspectorOptions {
     popup: boolean;
@@ -1237,22 +1240,6 @@ export class LineWithFileButtonComponent extends React.Component<ILineWithFileBu
 }
 export {};
 
-}
-declare module "babylonjs-node-editor/sharedComponents/messageDialog" {
-import * as React from "react";
-import { GlobalState } from "babylonjs-node-editor/globalState";
-interface IMessageDialogComponentProps {
-    globalState: GlobalState;
-}
-export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
-    message: string;
-    isError: boolean;
-}> {
-    constructor(props: IMessageDialogComponentProps);
-    render(): JSX.Element | null;
-}
-export {};
-
 }
 declare module "babylonjs-node-editor/sharedComponents/popup" {
 export class Popup {
@@ -1416,6 +1403,15 @@ export type LabelProps = {
 };
 export const Label: React.FC<LabelProps>;
 
+}
+declare module "babylonjs-node-editor/components/MessageDialog" {
+import * as React from "react";
+export interface MessageDialogProps {
+    message: string;
+    isError: boolean;
+}
+export const MessageDialog: React.FC<MessageDialogProps>;
+
 }
 declare module "babylonjs-node-editor/components/Toggle" {
 /// <reference types="react" />
@@ -1713,8 +1709,8 @@ export class FloatLineComponent extends React.Component<IFloatLineComponentProps
     updateValue(valueString: string): void;
     lock(): void;
     unlock(): void;
-    incrementValue(amount: number): void;
-    onKeyDown(event: React.KeyboardEvent): void;
+    incrementValue(amount: number, processStep?: boolean): void;
+    onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
     render(): JSX.Element;
 }
 export {};
@@ -1951,8 +1947,10 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
     shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
         value: string;
     }): boolean;
-    updateValue(evt: any): void;
+    updateValue(valueString: string): void;
     onBlur(): void;
+    incrementValue(amount: number): void;
+    onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
     render(): JSX.Element;
 }
 export {};
@@ -2405,6 +2403,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _oldY;
     _frameIsMoving: boolean;
     _isLoading: boolean;
+    _targetLinkCandidate: Nullable<NodeLink>;
     private _copiedNodes;
     private _copiedFrames;
     get gridSize(): number;
@@ -2431,7 +2430,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _selectedFrameAndNodesConflict;
     constructor(props: IGraphCanvasComponentProps);
     populateConnectedEntriesBeforeRemoval(item: GraphNode, items: GraphNode[], inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[]): void;
-    automaticRewire(inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[]): void;
+    automaticRewire(inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[], firstOnly?: boolean): void;
     handleKeyDown(evt: KeyboardEvent, onRemove: (nodeData: INodeData) => void, mouseLocationX: number, mouseLocationY: number, dataGenerator: (nodeData: INodeData) => any, rootElement: HTMLDivElement): void;
     pasteSelection(copiedNodes: GraphNode[], currentX: number, currentY: number, dataGenerator: (nodeData: INodeData) => any, selectNew?: boolean): GraphNode[];
     reconnectNewNodes(nodeIndex: number, newNodes: GraphNode[], sourceNodes: GraphNode[], done: boolean[]): void;
@@ -2839,13 +2838,17 @@ export class NodeLink {
     private _selectionPath;
     private _onSelectionChangedObserver;
     private _isVisible;
+    private _isTargetCandidate;
     onDisposedObservable: Observable<NodeLink>;
+    get isTargetCandidate(): boolean;
+    set isTargetCandidate(value: boolean);
     get isVisible(): boolean;
     set isVisible(value: boolean);
     get portA(): FrameNodePort | NodePort;
     get portB(): FrameNodePort | NodePort | undefined;
     get nodeA(): GraphNode;
     get nodeB(): GraphNode | undefined;
+    intersectsWith(rect: DOMRect): boolean;
     update(endX?: number, endY?: number, straight?: boolean): void;
     constructor(graphCanvas: GraphCanvasComponent, portA: NodePort, nodeA: GraphNode, portB?: NodePort, nodeB?: GraphNode);
     onClick(evt: MouseEvent): void;
@@ -3024,6 +3027,18 @@ const _default: {
 export default _default;
 export const Default: any;
 
+}
+declare module "babylonjs-node-editor/stories/MessageDialog.stories" {
+/// <reference types="react" />
+import { MessageDialogProps } from "babylonjs-node-editor/components/MessageDialog";
+const _default: {
+    title: string;
+    component: import("react").FC<MessageDialogProps>;
+};
+export default _default;
+export const NoError: any;
+export const Error: any;
+
 }
 declare module "babylonjs-node-editor/stories/Toggle.stories" {
 /// <reference types="react" />
@@ -3364,7 +3379,7 @@ declare module "babylonjs-node-editor" {
 
 declare module BABYLON.NodeEditor {
     export class BlockTools {
-        static GetBlockFromString(data: string, scene: BABYLON.Scene, nodeMaterial: BABYLON.NodeMaterial): BABYLON.ElbowBlock | BABYLON.TwirlBlock | BABYLON.VoronoiNoiseBlock | BABYLON.ScreenSpaceBlock | BABYLON.CloudBlock | BABYLON.MatrixBuilderBlock | BABYLON.DesaturateBlock | BABYLON.RefractBlock | BABYLON.ReflectBlock | BABYLON.DerivativeBlock | BABYLON.Rotate2dBlock | BABYLON.NormalBlendBlock | BABYLON.WorleyNoise3DBlock | BABYLON.SimplexPerlin3DBlock | BABYLON.BonesBlock | BABYLON.InstancesBlock | BABYLON.MorphTargetsBlock | BABYLON.DiscardBlock | BABYLON.ImageProcessingBlock | BABYLON.ColorMergerBlock | BABYLON.VectorMergerBlock | BABYLON.ColorSplitterBlock | BABYLON.VectorSplitterBlock | BABYLON.TextureBlock | BABYLON.ReflectionTextureBlock | BABYLON.LightBlock | BABYLON.FogBlock | BABYLON.VertexOutputBlock | BABYLON.FragmentOutputBlock | BABYLON.AddBlock | BABYLON.ClampBlock | BABYLON.ScaleBlock | BABYLON.CrossBlock | BABYLON.DotBlock | BABYLON.PowBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.TrigonometryBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | BABYLON.FresnelBlock | BABYLON.LerpBlock | BABYLON.NLerpBlock | BABYLON.DivideBlock | BABYLON.SubtractBlock | BABYLON.ModBlock | BABYLON.StepBlock | BABYLON.SmoothStepBlock | BABYLON.OneMinusBlock | BABYLON.ReciprocalBlock | BABYLON.ViewDirectionBlock | BABYLON.LightInformationBlock | BABYLON.MaxBlock | BABYLON.MinBlock | BABYLON.LengthBlock | BABYLON.DistanceBlock | BABYLON.NegateBlock | BABYLON.PerturbNormalBlock | BABYLON.TBNBlock | BABYLON.RandomNumberBlock | BABYLON.ReplaceColorBlock | BABYLON.PosterizeBlock | BABYLON.ArcTan2Block | BABYLON.GradientBlock | BABYLON.FrontFacingBlock | BABYLON.WaveBlock | BABYLON.InputBlock | BABYLON.PBRMetallicRoughnessBlock | BABYLON.SheenBlock | BABYLON.AnisotropyBlock | BABYLON.ReflectionBlock | BABYLON.ClearCoatBlock | BABYLON.RefractionBlock | BABYLON.SubSurfaceBlock | BABYLON.CurrentScreenBlock | BABYLON.ParticleTextureBlock | BABYLON.ParticleRampGradientBlock | BABYLON.ParticleBlendMultiplyBlock | BABYLON.FragCoordBlock | BABYLON.ScreenSizeBlock | BABYLON.SceneDepthBlock | BABYLON.ConditionalBlock | BABYLON.ImageSourceBlock | BABYLON.ClipPlanesBlock | null;
+        static GetBlockFromString(data: string, scene: BABYLON.Scene, nodeMaterial: BABYLON.NodeMaterial): BABYLON.HeightToNormalBlock | BABYLON.ElbowBlock | BABYLON.TwirlBlock | BABYLON.VoronoiNoiseBlock | BABYLON.ScreenSpaceBlock | BABYLON.CloudBlock | BABYLON.MatrixBuilderBlock | BABYLON.DesaturateBlock | BABYLON.RefractBlock | BABYLON.ReflectBlock | BABYLON.DerivativeBlock | BABYLON.Rotate2dBlock | BABYLON.NormalBlendBlock | BABYLON.WorleyNoise3DBlock | BABYLON.SimplexPerlin3DBlock | BABYLON.BonesBlock | BABYLON.InstancesBlock | BABYLON.MorphTargetsBlock | BABYLON.DiscardBlock | BABYLON.ImageProcessingBlock | BABYLON.ColorMergerBlock | BABYLON.VectorMergerBlock | BABYLON.ColorSplitterBlock | BABYLON.VectorSplitterBlock | BABYLON.TextureBlock | BABYLON.ReflectionTextureBlock | BABYLON.LightBlock | BABYLON.FogBlock | BABYLON.VertexOutputBlock | BABYLON.FragmentOutputBlock | BABYLON.AddBlock | BABYLON.ClampBlock | BABYLON.ScaleBlock | BABYLON.CrossBlock | BABYLON.DotBlock | BABYLON.PowBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.TrigonometryBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | BABYLON.FresnelBlock | BABYLON.LerpBlock | BABYLON.NLerpBlock | BABYLON.DivideBlock | BABYLON.SubtractBlock | BABYLON.ModBlock | BABYLON.StepBlock | BABYLON.SmoothStepBlock | BABYLON.OneMinusBlock | BABYLON.ReciprocalBlock | BABYLON.ViewDirectionBlock | BABYLON.LightInformationBlock | BABYLON.MaxBlock | BABYLON.MinBlock | BABYLON.LengthBlock | BABYLON.DistanceBlock | BABYLON.NegateBlock | BABYLON.PerturbNormalBlock | BABYLON.TBNBlock | BABYLON.RandomNumberBlock | BABYLON.ReplaceColorBlock | BABYLON.PosterizeBlock | BABYLON.ArcTan2Block | BABYLON.GradientBlock | BABYLON.FrontFacingBlock | BABYLON.WaveBlock | BABYLON.InputBlock | BABYLON.PBRMetallicRoughnessBlock | BABYLON.SheenBlock | BABYLON.AnisotropyBlock | BABYLON.ReflectionBlock | BABYLON.ClearCoatBlock | BABYLON.RefractionBlock | BABYLON.SubSurfaceBlock | BABYLON.CurrentScreenBlock | BABYLON.ParticleTextureBlock | BABYLON.ParticleRampGradientBlock | BABYLON.ParticleBlendMultiplyBlock | BABYLON.FragCoordBlock | BABYLON.ScreenSizeBlock | BABYLON.SceneDepthBlock | BABYLON.ConditionalBlock | BABYLON.ImageSourceBlock | BABYLON.ClipPlanesBlock | null;
         static GetColorFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
         static GetConnectionNodeTypeFromString(type: string): BABYLON.NodeMaterialBlockConnectionPointTypes.Float | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector2 | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector3 | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector4 | BABYLON.NodeMaterialBlockConnectionPointTypes.Color3 | BABYLON.NodeMaterialBlockConnectionPointTypes.Color4 | BABYLON.NodeMaterialBlockConnectionPointTypes.Matrix | BABYLON.NodeMaterialBlockConnectionPointTypes.AutoDetect;
         static GetStringFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): "" | "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4";
@@ -3668,6 +3683,8 @@ declare module BABYLON.NodeEditor {
     }
     interface IGraphEditorState {
         showPreviewPopUp: boolean;
+        message: string;
+        isError: boolean;
     }
     interface IInternalPreviewAreaOptions extends BABYLON.IInspectorOptions {
         popup: boolean;
@@ -4245,18 +4262,6 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IMessageDialogComponentProps {
-        globalState: GlobalState;
-    }
-    export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
-        message: string;
-        isError: boolean;
-    }> {
-        constructor(props: IMessageDialogComponentProps);
-        render(): JSX.Element | null;
-    }
-
-
     export class Popup {
         static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
         static _CopyStyles(sourceDoc: HTMLDocument, targetDoc: HTMLDocument): void;
@@ -4439,6 +4444,19 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface MessageDialogProps {
+        message: string;
+        isError: boolean;
+    }
+    export var MessageDialog: React.FC<MessageDialogProps>;
+
+
+
 }
 declare module BABYLON.NodeEditor {
 
@@ -4761,8 +4779,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         updateValue(valueString: string): void;
         lock(): void;
         unlock(): void;
-        incrementValue(amount: number): void;
-        onKeyDown(event: React.KeyboardEvent): void;
+        incrementValue(amount: number, processStep?: boolean): void;
+        onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
         render(): JSX.Element;
     }
 
@@ -5023,8 +5041,10 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
             value: string;
         }): boolean;
-        updateValue(evt: any): void;
+        updateValue(valueString: string): void;
         onBlur(): void;
+        incrementValue(amount: number): void;
+        onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
         render(): JSX.Element;
     }
 
@@ -5490,6 +5510,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _oldY;
         _frameIsMoving: boolean;
         _isLoading: boolean;
+        _targetLinkCandidate: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.NodeLink>;
         private _copiedNodes;
         private _copiedFrames;
         get gridSize(): number;
@@ -5516,7 +5537,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _selectedFrameAndNodesConflict;
         constructor(props: IGraphCanvasComponentProps);
         populateConnectedEntriesBeforeRemoval(item: BABYLON.NodeEditor.SharedUIComponents.GraphNode, items: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], inputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[], outputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[]): void;
-        automaticRewire(inputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[], outputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[]): void;
+        automaticRewire(inputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[], outputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[], firstOnly?: boolean): void;
         handleKeyDown(evt: KeyboardEvent, onRemove: (nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData) => void, mouseLocationX: number, mouseLocationY: number, dataGenerator: (nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData) => any, rootElement: HTMLDivElement): void;
         pasteSelection(copiedNodes: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], currentX: number, currentY: number, dataGenerator: (nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData) => any, selectNew?: boolean): BABYLON.NodeEditor.SharedUIComponents.GraphNode[];
         reconnectNewNodes(nodeIndex: number, newNodes: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], sourceNodes: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], done: boolean[]): void;
@@ -5938,13 +5959,17 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _selectionPath;
         private _onSelectionChangedObserver;
         private _isVisible;
+        private _isTargetCandidate;
         onDisposedObservable: BABYLON.Observable<NodeLink>;
+        get isTargetCandidate(): boolean;
+        set isTargetCandidate(value: boolean);
         get isVisible(): boolean;
         set isVisible(value: boolean);
         get portA(): BABYLON.NodeEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeEditor.SharedUIComponents.NodePort;
         get portB(): BABYLON.NodeEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeEditor.SharedUIComponents.NodePort | undefined;
         get nodeA(): BABYLON.NodeEditor.SharedUIComponents.GraphNode;
         get nodeB(): BABYLON.NodeEditor.SharedUIComponents.GraphNode | undefined;
+        intersectsWith(rect: DOMRect): boolean;
         update(endX?: number, endY?: number, straight?: boolean): void;
         constructor(graphCanvas: BABYLON.NodeEditor.SharedUIComponents.GraphCanvasComponent, portA: BABYLON.NodeEditor.SharedUIComponents.NodePort, nodeA: BABYLON.NodeEditor.SharedUIComponents.GraphNode, portB?: BABYLON.NodeEditor.SharedUIComponents.NodePort, nodeB?: BABYLON.NodeEditor.SharedUIComponents.GraphNode);
         onClick(evt: MouseEvent): void;
@@ -6137,6 +6162,21 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        /// <reference types="react" />
+    var _default: {
+        title: string;
+        component: import("react").FC<BABYLON.NodeEditor.SharedUIComponents.MessageDialogProps>;
+    };
+    export var NoError: any;
+    export var Error: any;
+
+
+
 }
 declare module BABYLON.NodeEditor {
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-node-editor",
-    "version": "5.18.0",
+    "version": "5.21.0",
     "main": "babylon.nodeEditor.js",
     "types": "babylon.nodeEditor.module.d.ts",
     "files": [
@@ -14,7 +14,7 @@
         "clean": "rimraf dist && rimraf babylon*.*"
     },
     "dependencies": {
-        "babylonjs": "^5.18.0"
+        "babylonjs": "^5.21.0"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",