@babylonjs/node-editor 5.0.0-beta.9 → 5.0.0-rc.2

package/babylon.nodeEditor.module.d.ts

@@ -102,6 +102,7 @@ declare module "@babylonjs/node-editor/components/log/logComponent" {
     export class LogEntry {
         message: string;
         isError: boolean;
+        time: Date;
         constructor(message: string, isError: boolean);
     }
     export class LogComponent extends React.Component<ILogComponentProps, {
@@ -191,33 +192,6 @@ declare module "@babylonjs/node-editor/sharedUiComponents/stringTools" {
         static DownloadAsFile(document: HTMLDocument, content: string, filename: string): void;
     }
 }
-declare module "@babylonjs/node-editor/diagram/frameNodePort" {
-    import { NodePort } from "@babylonjs/node-editor/diagram/nodePort";
-    import { GraphNode } from "@babylonjs/node-editor/diagram/graphNode";
-    import { FramePortPosition } from "@babylonjs/node-editor/diagram/graphFrame";
-    import { GlobalState } from "@babylonjs/node-editor/globalState";
-    import { IDisplayManager } from "@babylonjs/node-editor/diagram/display/displayManager";
-    import { Observable } from '@babylonjs/core/Misc/observable';
-    import { Nullable } from '@babylonjs/core/types';
-    import { NodeMaterialConnectionPoint } from '@babylonjs/core/Materials/Node/nodeMaterialBlockConnectionPoint';
-    export class FrameNodePort extends NodePort {
-        connectionPoint: NodeMaterialConnectionPoint;
-        node: GraphNode;
-        private _parentFrameId;
-        private _isInput;
-        private _framePortPosition;
-        private _framePortId;
-        private _onFramePortPositionChangedObservable;
-        get parentFrameId(): number;
-        get onFramePortPositionChangedObservable(): Observable<FrameNodePort>;
-        get isInput(): boolean;
-        get framePortId(): number;
-        get framePortPosition(): FramePortPosition;
-        set framePortPosition(position: FramePortPosition);
-        constructor(portContainer: HTMLElement, connectionPoint: NodeMaterialConnectionPoint, node: GraphNode, globalState: GlobalState, isInput: boolean, framePortId: number, parentFrameId: number);
-        static CreateFrameNodePortElement(connectionPoint: NodeMaterialConnectionPoint, node: GraphNode, root: HTMLElement, displayManager: Nullable<IDisplayManager>, globalState: GlobalState, isInput: boolean, framePortId: number, parentFrameId: number): FrameNodePort;
-    }
-}
 declare module "@babylonjs/node-editor/diagram/graphFrame" {
     import { GraphNode } from "@babylonjs/node-editor/diagram/graphNode";
     import { GraphCanvasComponent } from "@babylonjs/node-editor/diagram/graphCanvas";
@@ -314,7 +288,7 @@ declare module "@babylonjs/node-editor/diagram/graphFrame" {
         private _onDown;
         move(newX: number, newY: number, align?: boolean): void;
         private _onUp;
-        private _moveFrame;
+        _moveFrame(offsetX: number, offsetY: number): void;
         private _onMove;
         moveFramePortUp(nodePort: FrameNodePort): void;
         private _movePortUp;
@@ -373,18 +347,42 @@ declare module "@babylonjs/node-editor/diagram/graphFrame" {
         }): GraphFrame;
     }
 }
+declare module "@babylonjs/node-editor/diagram/frameNodePort" {
+    import { NodePort } from "@babylonjs/node-editor/diagram/nodePort";
+    import { GraphNode } from "@babylonjs/node-editor/diagram/graphNode";
+    import { FramePortPosition } from "@babylonjs/node-editor/diagram/graphFrame";
+    import { GlobalState } from "@babylonjs/node-editor/globalState";
+    import { IDisplayManager } from "@babylonjs/node-editor/diagram/display/displayManager";
+    import { Observable } from '@babylonjs/core/Misc/observable';
+    import { Nullable } from '@babylonjs/core/types';
+    import { NodeMaterialConnectionPoint } from '@babylonjs/core/Materials/Node/nodeMaterialBlockConnectionPoint';
+    export class FrameNodePort extends NodePort {
+        connectionPoint: NodeMaterialConnectionPoint;
+        node: GraphNode;
+        private _parentFrameId;
+        private _isInput;
+        private _framePortPosition;
+        private _framePortId;
+        private _onFramePortPositionChangedObservable;
+        get parentFrameId(): number;
+        get onFramePortPositionChangedObservable(): Observable<FrameNodePort>;
+        get isInput(): boolean;
+        get framePortId(): number;
+        get framePortPosition(): FramePortPosition;
+        set framePortPosition(position: FramePortPosition);
+        constructor(portContainer: HTMLElement, connectionPoint: NodeMaterialConnectionPoint, node: GraphNode, globalState: GlobalState, isInput: boolean, framePortId: number, parentFrameId: number);
+        static CreateFrameNodePortElement(connectionPoint: NodeMaterialConnectionPoint, node: GraphNode, root: HTMLElement, displayManager: Nullable<IDisplayManager>, globalState: GlobalState, isInput: boolean, framePortId: number, parentFrameId: number): FrameNodePort;
+    }
+}
 declare module "@babylonjs/node-editor/diagram/nodePort" {
     import { NodeMaterialConnectionPoint } from '@babylonjs/core/Materials/Node/nodeMaterialBlockConnectionPoint';
-    import { GlobalState } from "@babylonjs/node-editor/globalState";
+    import { GlobalState, ISelectionChangedOptions } from "@babylonjs/node-editor/globalState";
     import { Nullable } from '@babylonjs/core/types';
     import { Observer } from '@babylonjs/core/Misc/observable';
     import { Vector2 } from '@babylonjs/core/Maths/math.vector';
     import { IDisplayManager } from "@babylonjs/node-editor/diagram/display/displayManager";
     import { GraphNode } from "@babylonjs/node-editor/diagram/graphNode";
-    import { NodeLink } from "@babylonjs/node-editor/diagram/nodeLink";
-    import { GraphFrame } from "@babylonjs/node-editor/diagram/graphFrame";
     import { FrameNodePort } from "@babylonjs/node-editor/diagram/frameNodePort";
-    import { FramePortData } from "@babylonjs/node-editor/diagram/graphCanvas";
     export class NodePort {
         connectionPoint: NodeMaterialConnectionPoint;
         node: GraphNode;
@@ -393,7 +391,7 @@ declare module "@babylonjs/node-editor/diagram/nodePort" {
         protected _globalState: GlobalState;
         protected _portLabelElement: Element;
         protected _onCandidateLinkMovedObserver: Nullable<Observer<Nullable<Vector2>>>;
-        protected _onSelectionChangedObserver: Nullable<Observer<Nullable<GraphFrame | GraphNode | NodeLink | NodePort | FramePortData>>>;
+        protected _onSelectionChangedObserver: Nullable<Observer<Nullable<ISelectionChangedOptions>>>;
         protected _exposedOnFrame: boolean;
         delegatedPort: Nullable<FrameNodePort>;
         get element(): HTMLDivElement;
@@ -490,7 +488,7 @@ declare module "@babylonjs/node-editor/diagram/graphCanvas" {
         private _candidatePort;
         private _gridSize;
         private _selectionBox;
-        private _selectedFrame;
+        private _selectedFrames;
         private _frameCandidate;
         private _frames;
         private _altKeyIsPressed;
@@ -512,7 +510,7 @@ declare module "@babylonjs/node-editor/diagram/graphCanvas" {
         set y(value: number);
         get selectedNodes(): GraphNode[];
         get selectedLink(): Nullable<NodeLink>;
-        get selectedFrame(): Nullable<GraphFrame>;
+        get selectedFrames(): GraphFrame[];
         get selectedPort(): Nullable<NodePort>;
         get canvasContainer(): HTMLDivElement;
         get hostCanvas(): HTMLDivElement;
@@ -1680,12 +1678,16 @@ declare module "@babylonjs/node-editor/globalState" {
     import { FrameNodePort } from "@babylonjs/node-editor/diagram/frameNodePort";
     import { FramePortData } from "@babylonjs/node-editor/diagram/graphCanvas";
     import { NodeMaterialModes } from '@babylonjs/core/Materials/Node/Enums/nodeMaterialModes';
+    export class ISelectionChangedOptions {
+        selection: Nullable<GraphNode | NodeLink | GraphFrame | NodePort | FramePortData>;
+        forceKeepSelection?: boolean;
+    }
     export class GlobalState {
         nodeMaterial: NodeMaterial;
         hostElement: HTMLElement;
         hostDocument: HTMLDocument;
         hostWindow: Window;
-        onSelectionChangedObservable: Observable<Nullable<GraphFrame | GraphNode | NodePort | NodeLink | FramePortData>>;
+        onSelectionChangedObservable: Observable<Nullable<ISelectionChangedOptions>>;
         onRebuildRequiredObservable: Observable<boolean>;
         onBuiltObservable: Observable<void>;
         onResetRequiredObservable: Observable<void>;
@@ -1937,6 +1939,7 @@ declare module "@babylonjs/node-editor/sharedComponents/messageDialog" {
 }
 declare module "@babylonjs/node-editor/components/preview/previewManager" {
     import { GlobalState } from "@babylonjs/node-editor/globalState";
+    import "@babylonjs/core/Rendering/depthRendererSceneComponent";
     export class PreviewManager {
         private _nodeMaterial;
         private _onBuildObserver;
@@ -2050,7 +2053,7 @@ declare module "@babylonjs/node-editor/graphEditor" {
         private _blocks;
         private _previewManager;
         private _copiedNodes;
-        private _copiedFrame;
+        private _copiedFrames;
         private _mouseLocationX;
         private _mouseLocationY;
         private _onWidgetKeyUpPointer;
@@ -2195,8 +2198,6 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/checkBoxLineComp
         isDisabled?: boolean;
         isConflict: boolean;
     }> {
-        private static _UniqueIdSeed;
-        private _uniqueId;
         private _localChange;
         constructor(props: ICheckBoxLineComponentProps);
         shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
@@ -2276,13 +2277,26 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/colorPickerCompo
         render(): JSX.Element;
     }
 }
+declare module "@babylonjs/node-editor/sharedUiComponents/lines/inputArrowsComponent" {
+    import * as React from "react";
+    interface IInputArrowsComponentProps {
+        incrementValue: (amount: number) => void;
+        setDragging: (dragging: boolean) => void;
+    }
+    export class InputArrowsComponent extends React.Component<IInputArrowsComponentProps> {
+        private _arrowsRef;
+        private _drag;
+        private _releaseListener;
+        render(): JSX.Element;
+    }
+}
 declare module "@babylonjs/node-editor/sharedUiComponents/lines/textInputLineComponent" {
     import * as React from "react";
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/node-editor/sharedUiComponents/propertyChangedEvent";
     import { LockObject } from "@babylonjs/node-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
     interface ITextInputLineComponentProps {
-        label: string;
+        label?: string;
         lockObject: LockObject;
         target?: any;
         propertyName?: string;
@@ -2297,18 +2311,25 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/textInputLineCom
         unit?: string;
         onUnitClicked?: (unit: string) => void;
         unitLocked?: boolean;
+        arrows?: boolean;
+        arrowsIncrement?: (amount: number) => void;
+        step?: number;
     }
     export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
         value: string;
+        dragging: boolean;
     }> {
         private _localChange;
         constructor(props: ITextInputLineComponentProps);
         componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
             value: string;
+            dragging: boolean;
         }): boolean;
         raiseOnPropertyChanged(newValue: string, previousValue: string): void;
         updateValue(value: string): void;
+        incrementValue(amount: number): void;
+        onKeyDown(event: React.KeyboardEvent): void;
         render(): JSX.Element;
     }
 }
@@ -2590,6 +2611,16 @@ declare module "@babylonjs/node-editor/sharedUiComponents/lines/iconButtonLineCo
         render(): JSX.Element;
     }
 }
+declare module "@babylonjs/node-editor/sharedUiComponents/lines/iconComponent" {
+    import * as React from "react";
+    interface IIconComponentProps {
+        icon: string;
+        label?: string;
+    }
+    export class IconComponent extends React.Component<IIconComponentProps> {
+        render(): JSX.Element;
+    }
+}
 declare module "@babylonjs/node-editor/sharedUiComponents/lines/indentedTextLineComponent" {
     import * as React from "react";
     interface IIndentedTextLineComponentProps {

package/package.json

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