babylonjs-node-editor 5.14.0 → 5.15.1

package/babylon.nodeEditor.d.ts

@@ -61,6 +61,8 @@ declare module BABYLON.NodeEditor {
         componentWillUnmount(): void;
         changeBackFaceCulling(value: boolean): void;
         changeDepthPrePass(value: boolean): void;
+        _onPointerOverCanvas: () => void;
+        _onPointerOutCanvas: () => void;
         changeParticleSystemBlendMode(newOne: number): void;
         render(): JSX.Element;
     }
@@ -284,6 +286,7 @@ declare module BABYLON.NodeEditor {
         directionalLight1: boolean;
         controlCamera: boolean;
         _mode: BABYLON.NodeMaterialModes;
+        pointerOverCanvas: boolean;
         /** Gets the mode */
         get mode(): BABYLON.NodeMaterialModes;
         /** Sets the mode */
@@ -339,7 +342,7 @@ declare module BABYLON.NodeEditor {
         reOrganize(editorData?: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IEditorData>, isImportingAFrame?: boolean): void;
         onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
         onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
-        onWheel(this: any, evt: WheelEvent): void;
+        onWheel: (evt: WheelEvent) => void;
         resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
         buildColumnLayout(): string;
         emitNewBlock(blockType: string, targetX: number, targetY: number): void;
@@ -370,7 +373,7 @@ declare module BABYLON.NodeEditor {
         set comments(value: string);
         getPortByName(name: string): BABYLON.NodeEditor.SharedUIComponents.IPortData | null;
         dispose(): void;
-        getWarningMessage(): "" | "For optimization reasons, this block will be promoted to the vertex shader. You can force it to render in the fragment shader by setting its target to Fragment";
+        prepareHeaderIcon(iconDiv: HTMLDivElement, img: HTMLImageElement): void;
         constructor(data: BABYLON.NodeMaterialBlock, nodeContainer: BABYLON.NodeEditor.SharedUIComponents.INodeContainer);
     }
 
@@ -396,6 +399,7 @@ declare module BABYLON.NodeEditor {
         constructor(connectionPoint: BABYLON.NodeMaterialConnectionPoint, nodeContainer: BABYLON.NodeEditor.SharedUIComponents.INodeContainer);
         updateDisplayName(newName: string): void;
         connectTo(port: BABYLON.NodeEditor.SharedUIComponents.IPortData): void;
+        canConnectTo(port: BABYLON.NodeEditor.SharedUIComponents.IPortData): boolean;
         disconnectFrom(port: BABYLON.NodeEditor.SharedUIComponents.IPortData): void;
         checkCompatibilityState(port: BABYLON.NodeEditor.SharedUIComponents.IPortData): 0 | BABYLON.NodeMaterialConnectionPointCompatibilityStates.TypeIncompatible | BABYLON.NodeMaterialConnectionPointCompatibilityStates.TargetIncompatible | BABYLON.NodeMaterialConnectionPointCompatibilityStates.HierarchyIssue;
         getCompatibilityIssueMessage(issue: number, targetNode: BABYLON.NodeEditor.SharedUIComponents.GraphNode, targetPort: BABYLON.NodeEditor.SharedUIComponents.IPortData): "" | "Cannot connect two different connection types" | "Source block can only work in fragment shader whereas destination block is currently aimed for the vertex shader" | "Source block cannot be connected with one of its ancestors";
@@ -805,29 +809,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;
@@ -913,29 +894,6 @@ 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;
@@ -1403,7 +1361,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         label: string;
         target: any;
         propertyName: string;
-        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         onChange?: (newValue: number) => void;
         isInteger?: boolean;
         onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
@@ -1809,7 +1767,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         margin?: boolean;
         icon?: string;
         iconLabel?: string;
-        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
         unit?: React.ReactNode;
     }
     export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
@@ -1888,7 +1846,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;
@@ -2194,6 +2152,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         get frameContainer(): HTMLDivElement;
         private _selectedFrameAndNodesConflict;
         constructor(props: IGraphCanvasComponentProps);
+        populateConnectedEntriesBeforeRemoval(item: BABYLON.NodeEditor.SharedUIComponents.GraphNode, items: BABYLON.NodeEditor.SharedUIComponents.GraphNode[], inputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[], outputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[]): void;
+        automaticRewire(inputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[], outputs: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>[]): void;
         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;
@@ -2391,7 +2351,8 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         content: BABYLON.NodeEditor.SharedUIComponents.INodeData;
         private _visual;
         private _headerContainer;
-        private _warning;
+        private _headerIcon;
+        private _headerIconImg;
         private _header;
         private _connections;
         private _inputsContainer;
@@ -2496,7 +2457,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         uniqueId: number;
         isInput: boolean;
         comments: string;
-        getWarningMessage: () => string;
+        prepareHeaderIcon: (iconDiv: HTMLDivElement, img: HTMLImageElement) => void;
         getClassName: () => string;
         dispose: () => void;
         getPortByName: (name: string) => BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>;
@@ -2565,6 +2526,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         hasEndpoints: boolean;
         endpoints: BABYLON.Nullable<IPortData[]>;
         updateDisplayName: (newName: string) => void;
+        canConnectTo: (port: IPortData) => boolean;
         connectTo: (port: IPortData) => void;
         disconnectFrom: (port: IPortData) => void;
         checkCompatibilityState(port: IPortData): number;
@@ -2703,7 +2665,7 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
             targetY: number;
             needRepositioning?: boolean | undefined;
         }>;
-        exportData: (data: any) => string;
+        exportData: (data: any, frame?: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: BABYLON.NodeEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeEditor.SharedUIComponents.NodePort, nodeB: BABYLON.NodeEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeEditor.SharedUIComponents.NodePort) => boolean;
         applyNodePortDesign: (data: BABYLON.NodeEditor.SharedUIComponents.IPortData, element: HTMLElement, img: HTMLImageElement) => void;
         storeEditorData: (serializationObject: any, frame?: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.GraphFrame>) => void;