babylonjs-node-editor 5.13.2 → 5.14.1

package/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/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/color3Pr
 import * as React from "react";
 import { GlobalState } from "babylonjs-node-editor/globalState";
 import { InputBlock } from "babylonjs/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/color4Pr
 import * as React from "react";
 import { GlobalState } from "babylonjs-node-editor/globalState";
 import { InputBlock } from "babylonjs/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/matrixPr
 import * as React from "react";
 import { GlobalState } from "babylonjs-node-editor/globalState";
 import { InputBlock } from "babylonjs/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/vector2P
 import * as React from "react";
 import { GlobalState } from "babylonjs-node-editor/globalState";
 import { InputBlock } from "babylonjs/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/vector3P
 import * as React from "react";
 import { GlobalState } from "babylonjs-node-editor/globalState";
 import { InputBlock } from "babylonjs/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/vector4P
 import * as React from "react";
 import { GlobalState } from "babylonjs-node-editor/globalState";
 import { InputBlock } from "babylonjs/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/Misc/observable";
-import { PropertyChangedEvent } from "babylonjs-node-editor/sharedComponents/propertyChangedEvent";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 export interface ICheckBoxLineComponentProps {
     label: string;
     target?: any;
@@ -1136,34 +1147,6 @@ export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponen
     render(): JSX.Element;
 }
 
-}
-declare module "babylonjs-node-editor/sharedComponents/colorPickerComponent" {
-import * as React from "react";
-import { Color4, Color3 } from "babylonjs/Maths/math.color";
-import { GlobalState } from "babylonjs-node-editor/globalState";
-export interface IColorPickerComponentProps {
-    value: Color4 | Color3;
-    onColorChanged: (newOne: string) => void;
-    globalState: GlobalState;
-}
-interface IColorPickerComponentState {
-    pickerEnabled: boolean;
-    color: Color3 | Color4;
-    hex: string;
-}
-export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
-    private _floatRef;
-    private _floatHostRef;
-    constructor(props: IColorPickerComponentProps);
-    syncPositions(): void;
-    shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
-    componentDidUpdate(): void;
-    componentDidMount(): void;
-    setPickerState(enabled: boolean): void;
-    render(): JSX.Element;
-}
-export {};
-
 }
 declare module "babylonjs-node-editor/sharedComponents/draggableLineComponent" {
 import * as React from "react";
@@ -1209,46 +1192,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/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";
@@ -1306,33 +1249,6 @@ export class MessageDialogComponent extends React.Component<IMessageDialogCompon
 }
 export {};
 
-}
-declare module "babylonjs-node-editor/sharedComponents/numericInputComponent" {
-import * as React from "react";
-import { GlobalState } from "babylonjs-node-editor/globalState";
-interface INumericInputComponentProps {
-    label: string;
-    value: number;
-    step?: number;
-    onChange: (value: number) => void;
-    globalState: GlobalState;
-}
-export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
-    value: string;
-}> {
-    static defaultProps: {
-        step: number;
-    };
-    private _localChange;
-    constructor(props: INumericInputComponentProps);
-    shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
-        value: string;
-    }): boolean;
-    updateValue(evt: any): void;
-    render(): JSX.Element;
-}
-export {};
-
 }
 declare module "babylonjs-node-editor/sharedComponents/popup" {
 export class Popup {
@@ -1340,69 +1256,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/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 +1289,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 +1297,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 +1311,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/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 +1321,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 +1356,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 +1370,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 +1504,7 @@ export interface IColor3LineComponentProps {
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     isLinear?: boolean;
     icon?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     iconLabel?: string;
     onChange?: () => void;
 }
@@ -1664,7 +1527,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 +1549,8 @@ export interface IColorLineComponentProps {
     isLinear?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
     disableAlpha?: boolean;
+    lockObject: LockObject;
 }
 interface IColorLineComponentState {
     isExpanded: boolean;
@@ -1717,6 +1580,7 @@ export {};
 declare module "babylonjs-node-editor/lines/colorPickerComponent" {
 import * as React from "react";
 import { Color4, Color3 } from "babylonjs/Maths/math.color";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 export interface IColorPickerComponentProps {
     value: Color4 | Color3;
     linearHint?: boolean;
@@ -1724,6 +1588,7 @@ export interface IColorPickerComponentProps {
     icon?: string;
     iconLabel?: string;
     shouldPopRight?: boolean;
+    lockObject?: LockObject;
 }
 interface IColorPickerComponentState {
     pickerEnabled: boolean;
@@ -2009,6 +1874,7 @@ import { Vector3, Vector4 } from "babylonjs/Maths/math.vector";
 import { Matrix } from "babylonjs/Maths/math.vector";
 import { Observable } from "babylonjs/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 +1884,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 +1924,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 +1933,7 @@ interface INumericInputComponentProps {
     precision?: number;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
     value: string;
@@ -2074,6 +1943,7 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
     };
     private _localChange;
     constructor(props: INumericInputComponentProps);
+    componentWillUnmount(): void;
     shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
         value: string;
     }): boolean;
@@ -2252,7 +2122,7 @@ export class TextInputLineComponent extends React.Component<ITextInputLineCompon
     }): boolean;
     raiseOnPropertyChanged(newValue: string, previousValue: string): void;
     getCurrentNumericValue(value: string): number;
-    updateValue(value: string): void;
+    updateValue(value: string, valueToValidate?: string): void;
     incrementValue(amount: number): void;
     onKeyDown(event: React.KeyboardEvent): void;
     render(): JSX.Element;
@@ -2317,6 +2187,7 @@ import * as React from "react";
 import { Vector2 } from "babylonjs/Maths/math.vector";
 import { Observable } from "babylonjs/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 +2197,7 @@ interface IVector2LineComponentProps {
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
     isExpanded: boolean;
@@ -2354,6 +2226,7 @@ import * as React from "react";
 import { Vector3 } from "babylonjs/Maths/math.vector";
 import { Observable } from "babylonjs/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 +2238,7 @@ interface IVector3LineComponentProps {
     noSlider?: boolean;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
     isExpanded: boolean;
@@ -2396,6 +2270,7 @@ import * as React from "react";
 import { Vector4 } from "babylonjs/Maths/math.vector";
 import { Observable } from "babylonjs/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 +2282,7 @@ interface IVector4LineComponentProps {
     icon?: string;
     iconLabel?: string;
     value?: Vector4;
+    lockObject: LockObject;
 }
 export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
     isExpanded: boolean;
@@ -2488,6 +2364,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 +2401,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 +2426,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 +2450,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;
@@ -3612,6 +3495,7 @@ declare module BABYLON.NodeEditor {
     interface IInputsPropertyTabComponentProps {
         globalState: GlobalState;
         inputs: BABYLON.InputBlock[];
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class InputsPropertyTabComponent extends React.Component<IInputsPropertyTabComponentProps> {
         constructor(props: IInputsPropertyTabComponentProps);
@@ -3624,6 +3508,7 @@ declare module BABYLON.NodeEditor {
     interface IColor3PropertyTabComponentProps {
         globalState: GlobalState;
         inputBlock: BABYLON.InputBlock;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3633,6 +3518,7 @@ declare module BABYLON.NodeEditor {
     interface IColor4PropertyTabComponentProps {
         globalState: GlobalState;
         inputBlock: BABYLON.InputBlock;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Color4PropertyTabComponent extends React.Component<IColor4PropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3651,6 +3537,7 @@ declare module BABYLON.NodeEditor {
     interface IMatrixPropertyTabComponentProps {
         globalState: GlobalState;
         inputBlock: BABYLON.InputBlock;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class MatrixPropertyTabComponent extends React.Component<IMatrixPropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3660,6 +3547,7 @@ declare module BABYLON.NodeEditor {
     interface IVector2PropertyTabComponentProps {
         globalState: GlobalState;
         inputBlock: BABYLON.InputBlock;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3669,6 +3557,7 @@ declare module BABYLON.NodeEditor {
     interface IVector3PropertyTabComponentProps {
         globalState: GlobalState;
         inputBlock: BABYLON.InputBlock;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3678,6 +3567,7 @@ declare module BABYLON.NodeEditor {
     interface IVector4PropertyTabComponentProps {
         globalState: GlobalState;
         inputBlock: BABYLON.InputBlock;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Vector4PropertyTabComponent extends React.Component<IVector4PropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3686,6 +3576,7 @@ declare module BABYLON.NodeEditor {
 
     interface IPropertyTabComponentProps {
         globalState: GlobalState;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     interface IPropertyTabComponentState {
         currentNode: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.GraphNode>;
@@ -3775,7 +3666,6 @@ declare module BABYLON.NodeEditor {
         embedHostWidth?: string;
     }
     export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditorState> {
-        static readonly NodeWidth = 100;
         private _graphCanvasRef;
         private _diagramContainerRef;
         private _graphCanvas;
@@ -3785,8 +3675,6 @@ declare module BABYLON.NodeEditor {
         private _leftWidth;
         private _rightWidth;
         private _previewManager;
-        private _copiedNodes;
-        private _copiedFrames;
         private _mouseLocationX;
         private _mouseLocationY;
         private _onWidgetKeyUpPointer;
@@ -3797,8 +3685,6 @@ declare module BABYLON.NodeEditor {
         componentDidMount(): void;
         componentWillUnmount(): void;
         constructor(props: IGraphEditorProps);
-        reconnectNewNodes(nodeIndex: number, newNodes: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], sourceNodes: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], done: boolean[]): void;
-        pasteSelection(copiedNodes: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], currentX: number, currentY: number, selectNew?: boolean): BABYLON.NodeEditor.SharedUIComponents.GraphNode[] | undefined;
         zoomToFit(): void;
         buildMaterial(autoConfigure?: boolean): void;
         build(ignoreEditorData?: boolean): void;
@@ -4254,7 +4140,7 @@ declare module BABYLON.NodeEditor {
         isSelected?: () => boolean;
         onSelect?: (value: boolean) => void;
         onValueChanged?: () => void;
-        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         disabled?: boolean;
     }
     export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
@@ -4274,29 +4160,6 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    export interface IColorPickerComponentProps {
-        value: BABYLON.Color4 | BABYLON.Color3;
-        onColorChanged: (newOne: string) => void;
-        globalState: GlobalState;
-    }
-    interface IColorPickerComponentState {
-        pickerEnabled: boolean;
-        color: BABYLON.Color3 | BABYLON.Color4;
-        hex: string;
-    }
-    export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
-        private _floatRef;
-        private _floatHostRef;
-        constructor(props: IColorPickerComponentProps);
-        syncPositions(): void;
-        shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
-        componentDidUpdate(): void;
-        componentDidMount(): void;
-        setPickerState(enabled: boolean): void;
-        render(): JSX.Element;
-    }
-
-
     export interface IButtonLineComponentProps {
         data: string;
         tooltip: string;
@@ -4335,40 +4198,6 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface IFloatLineComponentProps {
-        label: string;
-        target: any;
-        propertyName: string;
-        onChange?: (newValue: number) => void;
-        isInteger?: boolean;
-        onPropertyChangedObservable?: BABYLON.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;
-    }
-
-
     interface ILineContainerComponentProps {
         title: string;
         children: any[] | any;
@@ -4416,88 +4245,12 @@ declare module BABYLON.NodeEditor {
     }
 
 
-    interface INumericInputComponentProps {
-        label: string;
-        value: number;
-        step?: number;
-        onChange: (value: number) => void;
-        globalState: GlobalState;
-    }
-    export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
-        value: string;
-    }> {
-        static defaultProps: {
-            step: number;
-        };
-        private _localChange;
-        constructor(props: INumericInputComponentProps);
-        shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
-            value: string;
-        }): boolean;
-        updateValue(evt: any): void;
-        render(): JSX.Element;
-    }
-
-
     export class Popup {
         static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
         static _CopyStyles(sourceDoc: HTMLDocument, targetDoc: HTMLDocument): void;
     }
 
 
-    export class PropertyChangedEvent {
-        object: any;
-        property: string;
-        value: any;
-        initialValue: any;
-    }
-
-
-    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?: BABYLON.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;
-    }
-
-
-    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;
-    }
-
-
     interface ITextureLineComponentProps {
         texture: BABYLON.BaseTexture;
         width: number;
@@ -4534,10 +4287,13 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         min?: number;
         onChange: (value: number) => void;
         disabled?: boolean;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class ColorComponentEntry extends React.Component<IColorComponentEntryProps> {
         constructor(props: IColorComponentEntryProps);
         updateValue(valueString: string): void;
+        lock(): void;
+        unlock(): void;
         render(): JSX.Element;
     }
 
@@ -4556,6 +4312,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         linearhint?: boolean;
         debugMode?: boolean;
         onColorChanged?: (color: BABYLON.Color3 | BABYLON.Color4) => void;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     /**
      * Interface used to specify creation options for color picker
@@ -4598,6 +4355,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         value: string;
         expectedLength: number;
         onChange: (value: string) => void;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class HexColor extends React.Component<IHexColorProps, {
         hex: string;
@@ -4606,6 +4364,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         shouldComponentUpdate(nextProps: IHexColorProps, nextState: {
             hex: string;
         }): boolean;
+        lock(): void;
+        unlock(): void;
         updateHexValue(valueString: string): void;
         render(): JSX.Element;
     }
@@ -4772,7 +4532,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         isLinear?: boolean;
         icon?: string;
-        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         iconLabel?: string;
         onChange?: () => void;
     }
@@ -4796,7 +4556,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         isLinear?: boolean;
         icon?: string;
         iconLabel?: string;
-        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
         render(): JSX.Element;
@@ -4818,8 +4578,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         isLinear?: boolean;
         icon?: string;
         iconLabel?: string;
-        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         disableAlpha?: boolean;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     interface IColorLineComponentState {
         isExpanded: boolean;
@@ -4858,6 +4618,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         icon?: string;
         iconLabel?: string;
         shouldPopRight?: boolean;
+        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     interface IColorPickerComponentState {
         pickerEnabled: boolean;
@@ -5183,6 +4944,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onModeChange?: (mode: number) => void;
         onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         mode?: number;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
         value: BABYLON.Matrix;
@@ -5235,6 +4997,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         precision?: number;
         icon?: string;
         iconLabel?: string;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
         value: string;
@@ -5244,6 +5007,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         };
         private _localChange;
         constructor(props: INumericInputComponentProps);
+        componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
             value: string;
         }): boolean;
@@ -5433,7 +5197,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         }): boolean;
         raiseOnPropertyChanged(newValue: string, previousValue: string): void;
         getCurrentNumericValue(value: string): number;
-        updateValue(value: string): void;
+        updateValue(value: string, valueToValidate?: string): void;
         incrementValue(amount: number): void;
         onKeyDown(event: React.KeyboardEvent): void;
         render(): JSX.Element;
@@ -5518,6 +5282,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         icon?: string;
         iconLabel?: string;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
         isExpanded: boolean;
@@ -5557,6 +5322,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         noSlider?: boolean;
         icon?: string;
         iconLabel?: string;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
         isExpanded: boolean;
@@ -5599,6 +5365,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         icon?: string;
         iconLabel?: string;
         value?: BABYLON.Vector4;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
         isExpanded: boolean;
@@ -5674,6 +5441,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onEmitNewNode: (nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData) => BABYLON.NodeEditor.SharedUIComponents.GraphNode;
     }
     export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentProps> implements BABYLON.NodeEditor.SharedUIComponents.INodeContainer {
+        static readonly NodeWidth = 100;
         private readonly _minZoom;
         private readonly _maxZoom;
         private _hostCanvas;
@@ -5710,6 +5478,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         private _oldY;
         _frameIsMoving: boolean;
         _isLoading: boolean;
+        private _copiedNodes;
+        private _copiedFrames;
         get gridSize(): number;
         set gridSize(value: number);
         get stateManager(): BABYLON.NodeEditor.SharedUIComponents.StateManager;
@@ -5733,6 +5503,9 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         get frameContainer(): HTMLDivElement;
         private _selectedFrameAndNodesConflict;
         constructor(props: IGraphCanvasComponentProps);
+        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;
         getCachedData(): any[];
         removeDataFromCache(data: any): void;
         createNodeFromObject(nodeData: BABYLON.NodeEditor.SharedUIComponents.INodeData, onNodeCreated: (data: any) => void, recursion?: boolean): BABYLON.NodeEditor.SharedUIComponents.GraphNode;
@@ -5754,6 +5527,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         zoomToFit(): void;
         processCandidatePort(): void;
         connectNodes(nodeA: BABYLON.NodeEditor.SharedUIComponents.GraphNode, pointA: BABYLON.NodeEditor.SharedUIComponents.IPortData, nodeB: BABYLON.NodeEditor.SharedUIComponents.GraphNode, pointB: BABYLON.NodeEditor.SharedUIComponents.IPortData): void;
+        drop(newNode: BABYLON.NodeEditor.SharedUIComponents.GraphNode, targetX: number, targetY: number, offsetX: number, offsetY: number): void;
         processEditorData(editorData: BABYLON.NodeEditor.SharedUIComponents.IEditorData): void;
         reOrganize(editorData?: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IEditorData>, isImportingAFrame?: boolean): void;
         addFrame(frameData: BABYLON.NodeEditor.SharedUIComponents.IFrameData): void;