@babylonjs/inspector 5.0.0-beta.1 → 5.0.0-beta.12

package/babylon.inspector.module.d.ts

@@ -411,6 +411,9 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/colorPickerCompone
         constructor(props: IColorPickerComponentProps);
         syncPositions(): void;
         shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
+        getHexString(props?: Readonly<IColorPickerComponentProps> & Readonly<{
+            children?: React.ReactNode;
+        }>): string;
         componentDidUpdate(): void;
         componentDidMount(): void;
         render(): JSX.Element;
@@ -425,6 +428,20 @@ declare module "@babylonjs/inspector/sharedUiComponents/propertyChangedEvent" {
         allowNullValue?: boolean;
     }
 }
+declare module "@babylonjs/inspector/sharedUiComponents/lines/targetsProxy" {
+    import { PropertyChangedEvent } from "@babylonjs/inspector/sharedUiComponents/propertyChangedEvent";
+    import { Observable } from "@babylonjs/core/Misc/observable";
+    export const conflictingValuesPlaceholder = "\u2014";
+    /**
+     *
+     * @param propertyName the property that the input changes
+     * @param targets a list of selected targets
+     * @param defaultValue the value that should be returned when two targets have conflicting values
+     * @param setter an optional setter function to override the default setter behavior
+     * @returns a proxy object that can be passed as a target into the input
+     */
+    export function makeTargetsProxy<Type>(targets: Type[], onPropertyChangedObservable?: Observable<PropertyChangedEvent>, getProperty?: (target: Type, property: keyof Type) => any): any;
+}
 declare module "@babylonjs/inspector/sharedUiComponents/lines/checkBoxLineComponent" {
     import * as React from "react";
     import { Observable } from "@babylonjs/core/Misc/observable";
@@ -446,6 +463,7 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/checkBoxLineCompon
     export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
         isSelected: boolean;
         isDisabled?: boolean;
+        isConflict: boolean;
     }> {
         private static _UniqueIdSeed;
         private _uniqueId;
@@ -454,6 +472,7 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/checkBoxLineCompon
         shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
             isSelected: boolean;
             isDisabled: boolean;
+            isConflict: boolean;
         }): boolean;
         onChange(): void;
         render(): JSX.Element;
@@ -524,6 +543,8 @@ declare module "@babylonjs/inspector/components/graph/canvasGraphService" {
          * Force resets the position in the data, effectively returning to the most current data.
          */
         resetDataPosition(): void;
+        private _prevPointById;
+        private _prevValueById;
         /**
          * This method draws the data and sets up the appropriate scales.
          */
@@ -720,6 +741,10 @@ declare module "@babylonjs/inspector/components/graph/canvasGraphComponent" {
         layoutObservable?: Observable<IPerfLayoutSize>;
         returnToPlayheadObservable?: Observable<void>;
         onVisibleRangeChangedObservable?: Observable<IVisibleRangeChangedObservableProps>;
+        initialGraphSize?: {
+            width: number;
+            height: number;
+        };
     }
     export const CanvasGraphComponent: React.FC<ICanvasGraphComponentProps>;
 }
@@ -734,6 +759,10 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/performanceViewe
         layoutObservable: Observable<IPerfLayoutSize>;
         returnToLiveObservable: Observable<void>;
         performanceCollector: PerformanceViewerCollector;
+        initialGraphSize?: {
+            width: number;
+            height: number;
+        };
     }
     export const PerformanceViewerPopupComponent: React.FC<IPerformanceViewerPopupComponentProps>;
 }
@@ -781,6 +810,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/re
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/debugTabComponent" {
     import { PaneComponent, IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
+    import "@babylonjs/core/Physics/physicsEngineComponent";
     export class DebugTabComponent extends PaneComponent {
         private _physicsViewersEnabled;
         constructor(props: IPaneComponentProps);
@@ -823,6 +853,9 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/floatLineComponent
         icon?: string;
         iconLabel?: string;
         defaultValue?: number;
+        unit?: string;
+        onUnitClicked?: () => void;
+        unitLocked?: boolean;
     }
     export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
         value: string;
@@ -831,6 +864,7 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/floatLineComponent
         private _store;
         constructor(props: IFloatLineComponentProps);
         componentWillUnmount(): void;
+        getValueString(value: any): string;
         shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
             value: string;
         }): boolean;
@@ -939,6 +973,19 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/numericInputCompon
         render(): JSX.Element;
     }
 }
+declare module "@babylonjs/inspector/sharedUiComponents/lines/inputArrowsComponent" {
+    import * as React from "react";
+    interface IInputArrowsComponentProps {
+        incrementValue: (amount: number) => void;
+        setDragging: (dragging: boolean) => void;
+    }
+    export class InputArrowsComponent extends React.Component<IInputArrowsComponentProps> {
+        private _arrowsRef;
+        private _drag;
+        private _releaseListener;
+        render(): JSX.Element;
+    }
+}
 declare module "@babylonjs/inspector/sharedUiComponents/lines/textInputLineComponent" {
     import * as React from "react";
     import { Observable } from "@babylonjs/core/Misc/observable";
@@ -957,62 +1004,96 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/textInputLineCompo
         noUnderline?: boolean;
         numbersOnly?: boolean;
         delayInput?: boolean;
+        unit?: string;
+        onUnitClicked?: (unit: string) => void;
+        unitLocked?: boolean;
+        arrows?: boolean;
+        arrowsIncrement?: (amount: number) => void;
+        step?: number;
     }
     export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
         value: string;
+        dragging: boolean;
     }> {
         private _localChange;
         constructor(props: ITextInputLineComponentProps);
         componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
             value: string;
+            dragging: boolean;
         }): boolean;
         raiseOnPropertyChanged(newValue: string, previousValue: string): void;
         updateValue(value: string): void;
+        incrementValue(amount: number): void;
+        onKeyDown(event: React.KeyboardEvent): void;
         render(): JSX.Element;
     }
 }
-declare module "@babylonjs/inspector/sharedUiComponents/lines/color3LineComponent" {
+declare module "@babylonjs/inspector/sharedUiComponents/lines/colorLineComponent" {
     import * as React from "react";
     import { Observable } from "@babylonjs/core/Misc/observable";
+    import { Color4 } from "@babylonjs/core/Maths/math.color";
     import { PropertyChangedEvent } from "@babylonjs/inspector/sharedUiComponents/propertyChangedEvent";
-    import { Color3, Color4 } from "@babylonjs/core/Maths/math.color";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    export interface IColor3LineComponentProps {
+    export interface IColorLineComponentProps {
         label: string;
-        target: any;
+        target?: any;
         propertyName: string;
         onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onChange?: () => void;
         isLinear?: boolean;
         icon?: string;
-        lockObject?: LockObject;
         iconLabel?: string;
-        onValueChange?: (value: string) => void;
+        lockObject?: LockObject;
+        disableAlpha?: boolean;
     }
-    export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
+    interface IColorLineComponentState {
         isExpanded: boolean;
-        color: Color3 | Color4;
-        colorText: string;
-    }> {
-        private _localChange;
-        constructor(props: IColor3LineComponentProps);
-        private convertToColor3;
-        shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
-            color: Color3 | Color4;
-            colorText: string;
-        }): boolean;
-        setPropertyValue(newColor: Color3 | Color4, newColorText: string): void;
-        onChange(newValue: string): void;
+        color: Color4;
+        colorString: string;
+    }
+    export class ColorLineComponent extends React.Component<IColorLineComponentProps, IColorLineComponentState> {
+        constructor(props: IColorLineComponentProps);
+        shouldComponentUpdate(nextProps: IColorLineComponentProps, nextState: IColorLineComponentState): boolean;
+        getValue(props?: Readonly<IColorLineComponentProps> & Readonly<{
+            children?: React.ReactNode;
+        }>): Color4;
+        getValueAsString(props?: Readonly<IColorLineComponentProps> & Readonly<{
+            children?: React.ReactNode;
+        }>): string;
+        setColorFromString(colorString: string): void;
+        setColor(color: Color4): void;
+        updateColor(newColor: Color4): void;
         switchExpandState(): void;
-        raiseOnPropertyChanged(previousValue: Color3 | Color4): void;
         updateStateR(value: number): void;
         updateStateG(value: number): void;
         updateStateB(value: number): void;
+        updateStateA(value: number): void;
         copyToClipboard(): void;
-        convert(colorString: string): void;
-        private _colorStringSaved;
-        private _colorPickerOpen;
-        private _colorString;
+        get colorString(): string;
+        set colorString(_: string);
+        private convertToColor;
+        private toColor3;
+        render(): JSX.Element;
+    }
+}
+declare module "@babylonjs/inspector/sharedUiComponents/lines/color3LineComponent" {
+    import * as React from "react";
+    import { Observable } from "@babylonjs/core/Misc/observable";
+    import { PropertyChangedEvent } from "@babylonjs/inspector/sharedUiComponents/propertyChangedEvent";
+    import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
+    export interface IColor3LineComponentProps {
+        label: string;
+        target: any;
+        propertyName: string;
+        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        isLinear?: boolean;
+        icon?: string;
+        lockObject?: LockObject;
+        iconLabel?: string;
+        onValueChange?: (value: string) => void;
+    }
+    export class Color3LineComponent extends React.Component<IColor3LineComponentProps> {
         render(): JSX.Element;
     }
 }
@@ -1140,6 +1221,7 @@ declare module "@babylonjs/inspector/components/popupComponent" {
         private _host;
         constructor(props: IPopupComponentProps);
         componentDidMount(): void;
+        onBeforeUnloadListener: () => void;
         openPopup(): void;
         componentWillUnmount(): void;
         getWindow(): Window | null;
@@ -1277,6 +1359,11 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
     import { IAnimatable } from "@babylonjs/core/Animations/animatable.interface";
     import { AnimationGroup, TargetedAnimation } from "@babylonjs/core/Animations/animationGroup";
     import { AnimationKeyInterpolation } from "@babylonjs/core/Animations/animationKey";
+    export interface IActiveAnimationChangedOptions {
+        evaluateKeys?: boolean;
+        frame?: boolean;
+        range?: boolean;
+    }
     export class Context {
         title: string;
         animations: Nullable<Animation[] | TargetedAnimation[]>;
@@ -1294,13 +1381,14 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         activeFrame: number;
         fromKey: number;
         toKey: number;
+        useExistingPlayRange: boolean;
         forwardAnimation: boolean;
         isPlaying: boolean;
         clipLength: number;
         referenceMinFrame: number;
         referenceMaxFrame: number;
         focusedInput: boolean;
-        onActiveAnimationChanged: Observable<void>;
+        onActiveAnimationChanged: Observable<IActiveAnimationChangedOptions>;
         onActiveKeyPointChanged: Observable<void>;
         onHostWindowResized: Observable<void>;
         onSelectAllKeys: Observable<void>;
@@ -1339,6 +1427,9 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
             from: number;
             to: number;
         }>;
+        lockLastFrameValue: boolean;
+        lockLastFrameFrame: boolean;
+        onActiveKeyDataChanged: Observable<number>;
         prepare(): void;
         play(forward: boolean): void;
         stop(): void;
@@ -1362,6 +1453,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
             animationIndex: number;
             keyIndex: number;
         } | null;
+        hasActiveQuaternionAnimationKeyPoints(): boolean;
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/animations/curveEditor/controls/textInputComponent" {
@@ -1527,7 +1619,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
     interface ITopBarComponentState {
         keyFrameValue: string;
         keyValue: string;
-        editControlsVisible: boolean;
+        frameControlEnabled: boolean;
+        valueControlEnabled: boolean;
     }
     export class TopBarComponent extends React.Component<ITopBarComponentProps, ITopBarComponentState> {
         private _onFrameSetObserver;
@@ -1620,6 +1713,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         private _pointerIsDown;
         private _sourcePointerX;
         private _sourcePointerY;
+        private _selectionMade;
         private _selectionStartX;
         private _selectionStartY;
         private _onActiveAnimationChangedObserver;
@@ -1636,7 +1730,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         private _invertY;
         private _buildFrameIntervalAxis;
         private _buildYAxis;
-        private _frame;
+        private _frameFromActiveKeys;
         private _dropKeyFrames;
         private _onPointerDown;
         private _onPointerMove;
@@ -2662,6 +2756,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     import { TextureLinkLineComponent } from "@babylonjs/inspector/components/actionTabs/lines/textureLinkLineComponent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
+    import "@babylonjs/core/Rendering/prePassRendererSceneComponent";
+    import "@babylonjs/core/Rendering/subSurfaceSceneComponent";
     interface IPBRMaterialPropertyGridComponentProps {
         globalState: GlobalState;
         material: PBRMaterial;
@@ -2727,6 +2823,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/sc
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
+    import "@babylonjs/core/Physics/physicsEngineComponent";
     interface IScenePropertyGridComponentProps {
         globalState: GlobalState;
         scene: Scene;
@@ -2940,6 +3037,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/me
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
+    import "@babylonjs/core/Physics/physicsEngineComponent";
     interface IMeshPropertyGridComponentProps {
         globalState: GlobalState;
         mesh: Mesh;
@@ -3015,14 +3113,15 @@ declare module "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/gui/c
     import { Control } from "@babylonjs/gui/2D/controls/control";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     interface ICommonControlPropertyGridComponentProps {
-        control: Control;
+        controls?: Control[];
+        control?: Control;
         lockObject: LockObject;
         onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     }
     export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
         constructor(props: ICommonControlPropertyGridComponentProps);
-        renderGridInformation(): JSX.Element | null;
-        render(): JSX.Element;
+        renderGridInformation(control: Control): JSX.Element | null;
+        render(): JSX.Element | undefined;
     }
 }
 declare module "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/gui/controlPropertyGridComponent" {
@@ -3227,7 +3326,7 @@ declare module "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/gui/r
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { RadioButton } from "@babylonjs/gui/2D/controls/radioButton";
     interface IRadioButtonPropertyGridComponentProps {
-        radioButton: RadioButton;
+        radioButtons: RadioButton[];
         lockObject: LockObject;
         onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     }
@@ -3495,7 +3594,6 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/me
         changeDisplayMode(): void;
         changeDisplayOptions(option: string, value: number): void;
         shouldComponentUpdate(nextProps: ISkeletonPropertyGridComponentProps): boolean;
-        onOverrideMeshLink(): void;
         render(): JSX.Element;
     }
 }
@@ -3662,36 +3760,20 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/gradientNodeProp
 declare module "@babylonjs/inspector/sharedUiComponents/lines/color4LineComponent" {
     import * as React from "react";
     import { Observable } from "@babylonjs/core/Misc/observable";
-    import { Color4 } from "@babylonjs/core/Maths/math.color";
     import { PropertyChangedEvent } from "@babylonjs/inspector/sharedUiComponents/propertyChangedEvent";
+    import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     export interface IColor4LineComponentProps {
         label: string;
-        target: any;
+        target?: any;
         propertyName: string;
         onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
         onChange?: () => void;
         isLinear?: boolean;
         icon?: string;
         iconLabel?: string;
+        lockObject?: LockObject;
     }
-    export class Color4LineComponent extends React.Component<IColor4LineComponentProps, {
-        isExpanded: boolean;
-        color: Color4;
-    }> {
-        private _localChange;
-        constructor(props: IColor4LineComponentProps);
-        shouldComponentUpdate(nextProps: IColor4LineComponentProps, nextState: {
-            color: Color4;
-        }): boolean;
-        setPropertyValue(newColor: Color4): void;
-        onChange(newValue: string): void;
-        switchExpandState(): void;
-        raiseOnPropertyChanged(previousValue: Color4): void;
-        updateStateR(value: number): void;
-        updateStateG(value: number): void;
-        updateStateB(value: number): void;
-        updateStateA(value: number): void;
-        copyToClipboard(): void;
+    export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
         render(): JSX.Element;
     }
 }
@@ -4368,6 +4450,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/meshTreeI
     import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh";
     import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
+    import "@babylonjs/core/Rendering/boundingBoxRenderer";
     interface IMeshTreeItemComponentProps {
         mesh: AbstractMesh;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4789,6 +4872,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/sceneTree
             isSelected: boolean;
             isInPickingMode: boolean;
         }): boolean;
+        updateGizmoAutoPicking(isInPickingMode: boolean): void;
         componentDidMount(): void;
         componentWillUnmount(): void;
         onSelect(): void;
@@ -4803,6 +4887,9 @@ declare module "@babylonjs/inspector/components/sceneExplorer/sceneExplorerCompo
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import { Scene } from "@babylonjs/core/scene";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
+    import "@babylonjs/core/Sprites/spriteSceneComponent";
+    import "@babylonjs/core/Audio/audioSceneComponent";
+    import "@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipelineManagerSceneComponent";
     interface ISceneExplorerFilterComponentProps {
         onFilter: (filter: string) => void;
     }

package/package.json

@@ -4,7 +4,7 @@
     },
     "name": "@babylonjs/inspector",
     "description": "The Babylon.js inspector.",
-    "version": "5.0.0-beta.1",
+    "version": "5.0.0-beta.12",
     "repository": {
         "type": "git",
         "url": "https://github.com/BabylonJS/Babylon.js.git"
@@ -27,12 +27,12 @@
     ],
     "license": "Apache-2.0",
     "dependencies": {
-        "@babylonjs/core": "5.0.0-beta.1",
-        "@babylonjs/gui": "5.0.0-beta.1",
-        "@babylonjs/loaders": "5.0.0-beta.1",
-        "@babylonjs/materials": "5.0.0-beta.1",
-        "@babylonjs/serializers": "5.0.0-beta.1",
-        "babylonjs-gltf2interface": "5.0.0-beta.1",
+        "@babylonjs/core": "5.0.0-beta.12",
+        "@babylonjs/gui": "5.0.0-beta.12",
+        "@babylonjs/loaders": "5.0.0-beta.12",
+        "@babylonjs/materials": "5.0.0-beta.12",
+        "@babylonjs/serializers": "5.0.0-beta.12",
+        "babylonjs-gltf2interface": "5.0.0-beta.12",
         "tslib": "^2.3.1"
     },
     "peerDependencies": {