@babylonjs/node-editor 5.13.1 → 5.14.0

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

@@ -252,9 +252,11 @@ import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
 import "@babylonjs/node-editor/components/propertyTab/propertyTab.scss";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IInputsPropertyTabComponentProps {
     globalState: GlobalState;
     inputs: InputBlock[];
+    lockObject: LockObject;
 }
 export class InputsPropertyTabComponent extends React.Component<IInputsPropertyTabComponentProps> {
     constructor(props: IInputsPropertyTabComponentProps);
@@ -269,9 +271,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/color3P
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IColor3PropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
     render(): JSX.Element;
@@ -283,9 +287,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/color4P
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IColor4PropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class Color4PropertyTabComponent extends React.Component<IColor4PropertyTabComponentProps> {
     render(): JSX.Element;
@@ -311,9 +317,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/matrixP
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IMatrixPropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class MatrixPropertyTabComponent extends React.Component<IMatrixPropertyTabComponentProps> {
     render(): JSX.Element;
@@ -325,9 +333,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/vector2
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector2PropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
     render(): JSX.Element;
@@ -339,9 +349,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/vector3
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector3PropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
     render(): JSX.Element;
@@ -353,9 +365,11 @@ declare module "@babylonjs/node-editor/components/propertyTab/properties/vector4
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-editor/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector4PropertyTabComponentProps {
     globalState: GlobalState;
     inputBlock: InputBlock;
+    lockObject: LockObject;
 }
 export class Vector4PropertyTabComponent extends React.Component<IVector4PropertyTabComponentProps> {
     render(): JSX.Element;
@@ -373,8 +387,10 @@ import { GraphNode } from "@babylonjs/node-editor/nodeGraphSystem/graphNode";
 import { GraphFrame } from "@babylonjs/node-editor/nodeGraphSystem/graphFrame";
 import { NodePort } from "@babylonjs/node-editor/nodeGraphSystem/nodePort";
 import { FrameNodePort } from "@babylonjs/node-editor/nodeGraphSystem/frameNodePort";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IPropertyTabComponentProps {
     globalState: GlobalState;
+    lockObject: LockObject;
 }
 interface IPropertyTabComponentState {
     currentNode: Nullable<GraphNode>;
@@ -488,7 +504,6 @@ interface IInternalPreviewAreaOptions extends IInspectorOptions {
     embedHostWidth?: string;
 }
 export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditorState> {
-    static readonly NodeWidth: number;
     private _graphCanvasRef;
     private _diagramContainerRef;
     private _graphCanvas;
@@ -498,8 +513,6 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     private _leftWidth;
     private _rightWidth;
     private _previewManager;
-    private _copiedNodes;
-    private _copiedFrames;
     private _mouseLocationX;
     private _mouseLocationY;
     private _onWidgetKeyUpPointer;
@@ -510,8 +523,6 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     componentDidMount(): void;
     componentWillUnmount(): void;
     constructor(props: IGraphEditorProps);
-    reconnectNewNodes(nodeIndex: number, newNodes: GraphNode[], sourceNodes: GraphNode[], done: boolean[]): void;
-    pasteSelection(copiedNodes: GraphNode[], currentX: number, currentY: number, selectNew?: boolean): GraphNode[] | undefined;
     zoomToFit(): void;
     buildMaterial(autoConfigure?: boolean): void;
     build(ignoreEditorData?: boolean): void;
@@ -1109,7 +1120,7 @@ export class SerializationTools {
 declare module "@babylonjs/node-editor/sharedComponents/checkBoxLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "@babylonjs/node-editor/sharedComponents/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/node-editor/propertyChangedEvent";
 export interface ICheckBoxLineComponentProps {
     label: string;
     target?: any;
@@ -1209,46 +1220,6 @@ export class FileButtonLineComponent extends React.Component<IFileButtonLineComp
 }
 export {};
 
-}
-declare module "@babylonjs/node-editor/sharedComponents/floatLineComponent" {
-import * as React from "react";
-import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "@babylonjs/node-editor/sharedComponents/propertyChangedEvent";
-import { GlobalState } from "@babylonjs/node-editor/globalState";
-interface IFloatLineComponentProps {
-    label: string;
-    target: any;
-    propertyName: string;
-    onChange?: (newValue: number) => void;
-    isInteger?: boolean;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    additionalClass?: string;
-    step?: string;
-    digits?: number;
-    globalState: GlobalState;
-    min?: number;
-    max?: number;
-    smallUI?: boolean;
-    onEnter?: (newValue: number) => void;
-}
-export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
-    value: string;
-}> {
-    private _localChange;
-    private _store;
-    private _regExp;
-    private _onFocus;
-    constructor(props: IFloatLineComponentProps);
-    shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
-        value: string;
-    }): boolean;
-    componentWillUnmount(): void;
-    raiseOnPropertyChanged(newValue: number, previousValue: number): void;
-    updateValue(valueString: string): void;
-    render(): JSX.Element;
-}
-export {};
-
 }
 declare module "@babylonjs/node-editor/sharedComponents/lineContainerComponent" {
 import * as React from "react";
@@ -1340,69 +1311,6 @@ export class Popup {
     static _CopyStyles(sourceDoc: HTMLDocument, targetDoc: HTMLDocument): void;
 }
 
-}
-declare module "@babylonjs/node-editor/sharedComponents/propertyChangedEvent" {
-export class PropertyChangedEvent {
-    object: any;
-    property: string;
-    value: any;
-    initialValue: any;
-}
-
-}
-declare module "@babylonjs/node-editor/sharedComponents/sliderLineComponent" {
-import * as React from "react";
-import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "@babylonjs/node-editor/sharedComponents/propertyChangedEvent";
-import { GlobalState } from "@babylonjs/node-editor/globalState";
-interface ISliderLineComponentProps {
-    label: string;
-    target?: any;
-    propertyName?: string;
-    minimum: number;
-    maximum: number;
-    step: number;
-    directValue?: number;
-    useEuler?: boolean;
-    onChange?: (value: number) => void;
-    onInput?: (value: number) => void;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    decimalCount?: number;
-    globalState: GlobalState;
-}
-export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
-    value: number;
-}> {
-    private _localChange;
-    constructor(props: ISliderLineComponentProps);
-    shouldComponentUpdate(nextProps: ISliderLineComponentProps, nextState: {
-        value: number;
-    }): boolean;
-    onChange(newValueString: any): void;
-    onInput(newValueString: any): void;
-    prepareDataToRead(value: number): number;
-    render(): JSX.Element;
-}
-export {};
-
-}
-declare module "@babylonjs/node-editor/sharedComponents/textLineComponent" {
-import * as React from "react";
-interface ITextLineComponentProps {
-    label: string;
-    value: string;
-    color?: string;
-    underline?: boolean;
-    onLink?: () => void;
-}
-export class TextLineComponent extends React.Component<ITextLineComponentProps> {
-    constructor(props: ITextLineComponentProps);
-    onLink(): void;
-    renderContent(): JSX.Element;
-    render(): JSX.Element;
-}
-export {};
-
 }
 declare module "@babylonjs/node-editor/sharedComponents/textureLineComponent" {
 import * as React from "react";
@@ -1436,6 +1344,7 @@ export {};
 }
 declare module "@babylonjs/node-editor/colorPicker/colorComponentEntry" {
 import * as React from "react";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 export interface IColorComponentEntryProps {
     value: number;
     label: string;
@@ -1443,10 +1352,13 @@ export interface IColorComponentEntryProps {
     min?: number;
     onChange: (value: number) => void;
     disabled?: boolean;
+    lockObject: LockObject;
 }
 export class ColorComponentEntry extends React.Component<IColorComponentEntryProps> {
     constructor(props: IColorComponentEntryProps);
     updateValue(valueString: string): void;
+    lock(): void;
+    unlock(): void;
     render(): JSX.Element;
 }
 
@@ -1454,6 +1366,7 @@ export class ColorComponentEntry extends React.Component<IColorComponentEntryPro
 declare module "@babylonjs/node-editor/colorPicker/colorPicker" {
 import * as React from "react";
 import { Color3, Color4 } from "@babylonjs/core/Maths/math.color";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 import "@babylonjs/node-editor/colorPicker/colorPicker.scss";
 /**
  * Interface used to specify creation options for color picker
@@ -1463,6 +1376,7 @@ export interface IColorPickerProps {
     linearhint?: boolean;
     debugMode?: boolean;
     onColorChanged?: (color: Color3 | Color4) => void;
+    lockObject: LockObject;
 }
 /**
  * Interface used to specify creation options for color picker
@@ -1497,10 +1411,12 @@ export class ColorPicker extends React.Component<IColorPickerProps, IColorPicker
 }
 declare module "@babylonjs/node-editor/colorPicker/hexColor" {
 import * as React from "react";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 export interface IHexColorProps {
     value: string;
     expectedLength: number;
     onChange: (value: string) => void;
+    lockObject: LockObject;
 }
 export class HexColor extends React.Component<IHexColorProps, {
     hex: string;
@@ -1509,6 +1425,8 @@ export class HexColor extends React.Component<IHexColorProps, {
     shouldComponentUpdate(nextProps: IHexColorProps, nextState: {
         hex: string;
     }): boolean;
+    lock(): void;
+    unlock(): void;
     updateHexValue(valueString: string): void;
     render(): JSX.Element;
 }
@@ -1641,7 +1559,7 @@ export interface IColor3LineComponentProps {
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     isLinear?: boolean;
     icon?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     iconLabel?: string;
     onChange?: () => void;
 }
@@ -1664,7 +1582,7 @@ export interface IColor4LineComponentProps {
     isLinear?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
 }
 export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
     render(): JSX.Element;
@@ -1686,8 +1604,8 @@ export interface IColorLineComponentProps {
     isLinear?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
     disableAlpha?: boolean;
+    lockObject: LockObject;
 }
 interface IColorLineComponentState {
     isExpanded: boolean;
@@ -1717,6 +1635,7 @@ export {};
 declare module "@babylonjs/node-editor/lines/colorPickerComponent" {
 import * as React from "react";
 import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 export interface IColorPickerComponentProps {
     value: Color4 | Color3;
     linearHint?: boolean;
@@ -1724,6 +1643,7 @@ export interface IColorPickerComponentProps {
     icon?: string;
     iconLabel?: string;
     shouldPopRight?: boolean;
+    lockObject?: LockObject;
 }
 interface IColorPickerComponentState {
     pickerEnabled: boolean;
@@ -2009,6 +1929,7 @@ import { Vector3, Vector4 } from "@babylonjs/core/Maths/math.vector";
 import { Matrix } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/node-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IMatrixLineComponentProps {
     label: string;
     target: any;
@@ -2018,6 +1939,7 @@ interface IMatrixLineComponentProps {
     onModeChange?: (mode: number) => void;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     mode?: number;
+    lockObject: LockObject;
 }
 export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
     value: Matrix;
@@ -2057,6 +1979,7 @@ export {};
 }
 declare module "@babylonjs/node-editor/lines/numericInputComponent" {
 import * as React from "react";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface INumericInputComponentProps {
     label: string;
     value: number;
@@ -2065,6 +1988,7 @@ interface INumericInputComponentProps {
     precision?: number;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
     value: string;
@@ -2074,6 +1998,7 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
     };
     private _localChange;
     constructor(props: INumericInputComponentProps);
+    componentWillUnmount(): void;
     shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
         value: string;
     }): boolean;
@@ -2317,6 +2242,7 @@ import * as React from "react";
 import { Vector2 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/node-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector2LineComponentProps {
     label: string;
     target: any;
@@ -2326,6 +2252,7 @@ interface IVector2LineComponentProps {
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
     isExpanded: boolean;
@@ -2354,6 +2281,7 @@ import * as React from "react";
 import { Vector3 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/node-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector3LineComponentProps {
     label: string;
     target: any;
@@ -2365,6 +2293,7 @@ interface IVector3LineComponentProps {
     noSlider?: boolean;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
     isExpanded: boolean;
@@ -2396,6 +2325,7 @@ import * as React from "react";
 import { Vector4 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/node-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/node-editor/tabs/propertyGrids/lockObject";
 interface IVector4LineComponentProps {
     label: string;
     target?: any;
@@ -2407,6 +2337,7 @@ interface IVector4LineComponentProps {
     icon?: string;
     iconLabel?: string;
     value?: Vector4;
+    lockObject: LockObject;
 }
 export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
     isExpanded: boolean;
@@ -2488,6 +2419,7 @@ export interface IGraphCanvasComponentProps {
     onEmitNewNode: (nodeData: INodeData) => GraphNode;
 }
 export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentProps> implements INodeContainer {
+    static readonly NodeWidth: number;
     private readonly _minZoom;
     private readonly _maxZoom;
     private _hostCanvas;
@@ -2524,6 +2456,8 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _oldY;
     _frameIsMoving: boolean;
     _isLoading: boolean;
+    private _copiedNodes;
+    private _copiedFrames;
     get gridSize(): number;
     set gridSize(value: number);
     get stateManager(): StateManager;
@@ -2547,6 +2481,9 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     get frameContainer(): HTMLDivElement;
     private _selectedFrameAndNodesConflict;
     constructor(props: IGraphCanvasComponentProps);
+    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;
     getCachedData(): any[];
     removeDataFromCache(data: any): void;
     createNodeFromObject(nodeData: INodeData, onNodeCreated: (data: any) => void, recursion?: boolean): GraphNode;
@@ -2568,6 +2505,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     zoomToFit(): void;
     processCandidatePort(): void;
     connectNodes(nodeA: GraphNode, pointA: IPortData, nodeB: GraphNode, pointB: IPortData): void;
+    drop(newNode: GraphNode, targetX: number, targetY: number, offsetX: number, offsetY: number): void;
     processEditorData(editorData: IEditorData): void;
     reOrganize(editorData?: Nullable<IEditorData>, isImportingAFrame?: boolean): void;
     addFrame(frameData: IFrameData): void;
@@ -2951,8 +2889,8 @@ export class NodeLink {
     onDisposedObservable: Observable<NodeLink>;
     get isVisible(): boolean;
     set isVisible(value: boolean);
-    get portA(): NodePort | FrameNodePort;
-    get portB(): NodePort | FrameNodePort | undefined;
+    get portA(): FrameNodePort | NodePort;
+    get portB(): FrameNodePort | NodePort | undefined;
     get nodeA(): GraphNode;
     get nodeB(): GraphNode | undefined;
     update(endX?: number, endY?: number, straight?: boolean): void;
@@ -3033,7 +2971,7 @@ export class StateManager {
     onGraphNodeRemovalObservable: Observable<GraphNode>;
     onSelectionBoxMoved: Observable<ClientRect | DOMRect>;
     onCandidateLinkMoved: Observable<Nullable<Vector2>>;
-    onCandidatePortSelectedObservable: Observable<Nullable<NodePort | FrameNodePort>>;
+    onCandidatePortSelectedObservable: Observable<Nullable<FrameNodePort | NodePort>>;
     onNewNodeCreatedObservable: Observable<GraphNode>;
     onRebuildRequiredObservable: Observable<boolean>;
     onErrorMessageDialogRequiredObservable: Observable<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/node-editor",
-    "version": "5.13.1",
+    "version": "5.14.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.13.1",
+        "@babylonjs/core": "^5.14.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "rimraf": "^3.0.2",