@babylonjs/inspector 5.13.3 → 5.15.0

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

@@ -62,12 +62,14 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { Quaternion, Vector3 } from "@babylonjs/core/Maths/math.vector";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IQuaternionLineComponentProps {
     label: string;
     target: any;
     useEuler?: boolean;
     propertyName: string;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    lockObject: LockObject;
 }
 export class QuaternionLineComponent extends React.Component<IQuaternionLineComponentProps, {
     isExpanded: boolean;
@@ -218,10 +220,12 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/gradientStepComp
 import * as React from "react";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { GradientBlockColorStep } from "@babylonjs/core/Materials/Node/Blocks/gradientBlock";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IGradientStepComponentProps {
     globalState: GlobalState;
     step: GradientBlockColorStep;
     lineIndex: number;
+    lockObject?: LockObject;
     onDelete: () => void;
     onUpdateStep: () => void;
     onCheckForReOrder: () => void;
@@ -2243,6 +2247,7 @@ interface IToolBarState {
     addOpen: boolean;
 }
 export class ToolBar extends React.Component<IToolBarProps, IToolBarState> {
+    private _lockObject;
     constructor(props: IToolBarProps);
     computeRGBAColor(): Color4;
     shouldComponentUpdate(nextProps: IToolBarProps): boolean;
@@ -2397,10 +2402,12 @@ import { Observable } from "@babylonjs/core/Misc/observable";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
 import { BoxParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/boxParticleEmitter";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IBoxEmitterGridComponentProps {
     globalState: GlobalState;
     emitter: BoxParticleEmitter;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    lockObject: LockObject;
 }
 export class BoxEmitterGridComponent extends React.Component<IBoxEmitterGridComponentProps> {
     constructor(props: IBoxEmitterGridComponentProps);
@@ -2448,9 +2455,11 @@ import { Observable } from "@babylonjs/core/Misc/observable";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
 import { ConeParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/coneParticleEmitter";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IConeEmitterGridComponentProps {
     globalState: GlobalState;
     emitter: ConeParticleEmitter;
+    lockObject: LockObject;
     onSelectionChangedObservable?: Observable<any>;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
 }
@@ -3022,9 +3031,11 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/tools/gltfCompon
 import * as React from "react";
 import { Scene } from "@babylonjs/core/scene";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IGLTFComponentProps {
     scene: Scene;
     globalState: GlobalState;
+    lockObject: LockObject;
 }
 export class GLTFComponent extends React.Component<IGLTFComponentProps> {
     private _onValidationResultsUpdatedObserver;
@@ -4310,6 +4321,7 @@ export class Tools {
 }
 declare module "@babylonjs/inspector/colorPicker/colorComponentEntry" {
 import * as React from "react";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 export interface IColorComponentEntryProps {
     value: number;
     label: string;
@@ -4317,10 +4329,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;
 }
 
@@ -4328,6 +4343,7 @@ export class ColorComponentEntry extends React.Component<IColorComponentEntryPro
 declare module "@babylonjs/inspector/colorPicker/colorPicker" {
 import * as React from "react";
 import { Color3, Color4 } from "@babylonjs/core/Maths/math.color";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import "@babylonjs/inspector/colorPicker/colorPicker.scss";
 /**
  * Interface used to specify creation options for color picker
@@ -4337,6 +4353,7 @@ export interface IColorPickerProps {
     linearhint?: boolean;
     debugMode?: boolean;
     onColorChanged?: (color: Color3 | Color4) => void;
+    lockObject: LockObject;
 }
 /**
  * Interface used to specify creation options for color picker
@@ -4371,10 +4388,12 @@ export class ColorPicker extends React.Component<IColorPickerProps, IColorPicker
 }
 declare module "@babylonjs/inspector/colorPicker/hexColor" {
 import * as React from "react";
+import { LockObject } from "@babylonjs/inspector/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;
@@ -4383,6 +4402,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;
 }
@@ -4515,7 +4536,7 @@ export interface IColor3LineComponentProps {
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     isLinear?: boolean;
     icon?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     iconLabel?: string;
     onChange?: () => void;
 }
@@ -4538,7 +4559,7 @@ export interface IColor4LineComponentProps {
     isLinear?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
 }
 export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
     render(): JSX.Element;
@@ -4560,8 +4581,8 @@ export interface IColorLineComponentProps {
     isLinear?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
     disableAlpha?: boolean;
+    lockObject: LockObject;
 }
 interface IColorLineComponentState {
     isExpanded: boolean;
@@ -4591,6 +4612,7 @@ export {};
 declare module "@babylonjs/inspector/lines/colorPickerComponent" {
 import * as React from "react";
 import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 export interface IColorPickerComponentProps {
     value: Color4 | Color3;
     linearHint?: boolean;
@@ -4598,6 +4620,7 @@ export interface IColorPickerComponentProps {
     icon?: string;
     iconLabel?: string;
     shouldPopRight?: boolean;
+    lockObject?: LockObject;
 }
 interface IColorPickerComponentState {
     pickerEnabled: boolean;
@@ -4681,7 +4704,7 @@ interface IFloatLineComponentProps {
     label: string;
     target: any;
     propertyName: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     onChange?: (newValue: number) => void;
     isInteger?: boolean;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
@@ -4883,6 +4906,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/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IMatrixLineComponentProps {
     label: string;
     target: any;
@@ -4892,6 +4916,7 @@ interface IMatrixLineComponentProps {
     onModeChange?: (mode: number) => void;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     mode?: number;
+    lockObject: LockObject;
 }
 export class MatrixLineComponent extends React.Component<IMatrixLineComponentProps, {
     value: Matrix;
@@ -4931,6 +4956,7 @@ export {};
 }
 declare module "@babylonjs/inspector/lines/numericInputComponent" {
 import * as React from "react";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface INumericInputComponentProps {
     label: string;
     value: number;
@@ -4939,6 +4965,7 @@ interface INumericInputComponentProps {
     precision?: number;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
     value: string;
@@ -4948,6 +4975,7 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
     };
     private _localChange;
     constructor(props: INumericInputComponentProps);
+    componentWillUnmount(): void;
     shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
         value: string;
     }): boolean;
@@ -5050,7 +5078,7 @@ interface ISliderLineComponentProps {
     margin?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     unit?: React.ReactNode;
 }
 export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
@@ -5126,7 +5154,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;
@@ -5191,6 +5219,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/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IVector2LineComponentProps {
     label: string;
     target: any;
@@ -5200,6 +5229,7 @@ interface IVector2LineComponentProps {
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
     isExpanded: boolean;
@@ -5228,6 +5258,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/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IVector3LineComponentProps {
     label: string;
     target: any;
@@ -5239,6 +5270,7 @@ interface IVector3LineComponentProps {
     noSlider?: boolean;
     icon?: string;
     iconLabel?: string;
+    lockObject: LockObject;
 }
 export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
     isExpanded: boolean;
@@ -5270,6 +5302,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/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IVector4LineComponentProps {
     label: string;
     target?: any;
@@ -5281,6 +5314,7 @@ interface IVector4LineComponentProps {
     icon?: string;
     iconLabel?: string;
     value?: Vector4;
+    lockObject: LockObject;
 }
 export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
     isExpanded: boolean;
@@ -5362,6 +5396,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;
@@ -5398,6 +5433,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;
@@ -5421,6 +5458,11 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     get frameContainer(): HTMLDivElement;
     private _selectedFrameAndNodesConflict;
     constructor(props: IGraphCanvasComponentProps);
+    populateConnectedEntriesBeforeRemoval(item: GraphNode, items: GraphNode[], inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[]): void;
+    automaticRewire(inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[]): void;
+    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;
@@ -5442,6 +5484,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;
@@ -5619,7 +5662,8 @@ export class GraphNode {
     content: INodeData;
     private _visual;
     private _headerContainer;
-    private _warning;
+    private _headerIcon;
+    private _headerIconImg;
     private _header;
     private _connections;
     private _inputsContainer;
@@ -5715,7 +5759,7 @@ export interface INodeData {
     uniqueId: number;
     isInput: boolean;
     comments: string;
-    getWarningMessage: () => string;
+    prepareHeaderIcon: (iconDiv: HTMLDivElement, img: HTMLImageElement) => void;
     getClassName: () => string;
     dispose: () => void;
     getPortByName: (name: string) => Nullable<IPortData>;
@@ -5776,6 +5820,7 @@ export interface IPortData {
     hasEndpoints: boolean;
     endpoints: Nullable<IPortData[]>;
     updateDisplayName: (newName: string) => void;
+    canConnectTo: (port: IPortData) => boolean;
     connectTo: (port: IPortData) => void;
     disconnectFrom: (port: IPortData) => void;
     checkCompatibilityState(port: IPortData): number;
@@ -5919,7 +5964,7 @@ export class StateManager {
         targetY: number;
         needRepositioning?: boolean | undefined;
     }>;
-    exportData: (data: any) => string;
+    exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement) => void;
     storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/inspector",
-    "version": "5.13.3",
+    "version": "5.15.0",
     "module": "dist/babylon.inspector.bundle.max.js",
     "main": "dist/babylon.inspector.bundle.max.js",
     "typings": "dist/babylon.inspector.module.d.ts",
@@ -32,12 +32,12 @@
         "@types/react-dom": ">=16.0.9"
     },
     "devDependencies": {
-        "@babylonjs/core": "^5.13.3",
-        "@babylonjs/gui": "^5.13.3",
-        "@babylonjs/gui-editor": "^5.13.3",
-        "@babylonjs/loaders": "^5.13.3",
-        "@babylonjs/materials": "^5.13.3",
-        "@babylonjs/serializers": "^5.13.3",
+        "@babylonjs/core": "^5.15.0",
+        "@babylonjs/gui": "^5.15.0",
+        "@babylonjs/gui-editor": "^5.15.0",
+        "@babylonjs/loaders": "^5.15.0",
+        "@babylonjs/materials": "^5.15.0",
+        "@babylonjs/serializers": "^5.15.0",
         "@lts/gui": "1.0.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",