babylonjs-node-editor 5.13.2 → 5.14.1

package/babylon.nodeEditor.d.ts

@@ -140,6 +140,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);
@@ -152,6 +153,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;
@@ -161,6 +163,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;
@@ -179,6 +182,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;
@@ -188,6 +192,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;
@@ -197,6 +202,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;
@@ -206,6 +212,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;
@@ -214,6 +221,7 @@ declare module BABYLON.NodeEditor {
 
     interface IPropertyTabComponentProps {
         globalState: GlobalState;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     interface IPropertyTabComponentState {
         currentNode: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.GraphNode>;
@@ -303,7 +311,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;
@@ -313,8 +320,6 @@ declare module BABYLON.NodeEditor {
         private _leftWidth;
         private _rightWidth;
         private _previewManager;
-        private _copiedNodes;
-        private _copiedFrames;
         private _mouseLocationX;
         private _mouseLocationY;
         private _onWidgetKeyUpPointer;
@@ -325,8 +330,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;
@@ -782,7 +785,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, {
@@ -802,29 +805,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;
@@ -863,40 +843,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;
@@ -944,88 +890,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;
@@ -1062,10 +932,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;
     }
 
@@ -1084,6 +957,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
@@ -1126,6 +1000,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;
@@ -1134,6 +1009,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         shouldComponentUpdate(nextProps: IHexColorProps, nextState: {
             hex: string;
         }): boolean;
+        lock(): void;
+        unlock(): void;
         updateHexValue(valueString: string): void;
         render(): JSX.Element;
     }
@@ -1300,7 +1177,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;
     }
@@ -1324,7 +1201,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;
@@ -1346,8 +1223,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;
@@ -1386,6 +1263,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         icon?: string;
         iconLabel?: string;
         shouldPopRight?: boolean;
+        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
     }
     interface IColorPickerComponentState {
         pickerEnabled: boolean;
@@ -1711,6 +1589,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;
@@ -1763,6 +1642,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;
@@ -1772,6 +1652,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         };
         private _localChange;
         constructor(props: INumericInputComponentProps);
+        componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
             value: string;
         }): boolean;
@@ -1961,7 +1842,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;
@@ -2046,6 +1927,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;
@@ -2085,6 +1967,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;
@@ -2127,6 +2010,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;
@@ -2202,6 +2086,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;
@@ -2238,6 +2123,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;
@@ -2261,6 +2148,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;
@@ -2282,6 +2172,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;