@babylonjs/node-editor 5.18.0 → 5.21.0

package/dist/babylon.nodeEditor.module.d.ts

@@ -84,11 +84,12 @@ import { ImageSourceBlock } from "@babylonjs/core/Materials/Node/Blocks/Dual/ima
 import { CloudBlock } from "@babylonjs/core/Materials/Node/Blocks/cloudBlock";
 import { VoronoiNoiseBlock } from "@babylonjs/core/Materials/Node/Blocks/voronoiNoiseBlock";
 import { ScreenSpaceBlock } from "@babylonjs/core/Materials/Node/Blocks/Fragment/screenSpaceBlock";
+import { HeightToNormalBlock } from "@babylonjs/core/Materials/Node/Blocks/Fragment/heightToNormalBlock";
 import { TwirlBlock } from "@babylonjs/core/Materials/Node/Blocks/Fragment/twirlBlock";
 import { ElbowBlock } from "@babylonjs/core/Materials/Node/Blocks/elbowBlock";
 import { ClipPlanesBlock } from "@babylonjs/core/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" />

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/node-editor",
-    "version": "5.18.0",
+    "version": "5.21.0",
     "main": "dist/babylon.nodeEditor.max.js",
     "module": "dist/babylon.nodeEditor.max.js",
     "esnext": "dist/babylon.nodeEditor.max.js",
@@ -23,7 +23,7 @@
         "@types/react-dom": ">=16.0.9"
     },
     "devDependencies": {
-        "@babylonjs/core": "^5.18.0",
+        "@babylonjs/core": "^5.21.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "rimraf": "^3.0.2",