@babylonjs/inspector 5.0.0-alpha.58 → 5.0.0-alpha.61

package/babylon.inspector.module.d.ts

@@ -971,7 +971,7 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/color3LineComponen
     import * as React from "react";
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/sharedUiComponents/propertyChangedEvent";
-    import { Color3 } from '@babylonjs/core/Maths/math.color';
+    import { Color3, Color4 } from '@babylonjs/core/Maths/math.color';
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     export interface IColor3LineComponentProps {
         label: string;
@@ -982,25 +982,31 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/color3LineComponen
         icon?: string;
         lockObject?: LockObject;
         iconLabel?: string;
+        onValueChange?: (value: string) => void;
     }
     export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {
         isExpanded: boolean;
-        color: Color3;
+        color: Color3 | Color4;
+        colorText: string;
     }> {
         private _localChange;
         constructor(props: IColor3LineComponentProps);
+        private convertToColor3;
         shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {
-            color: Color3;
+            color: Color3 | Color4;
+            colorText: string;
         }): boolean;
-        setPropertyValue(newColor: Color3): void;
+        setPropertyValue(newColor: Color3 | Color4, newColorText: string): void;
         onChange(newValue: string): void;
         switchExpandState(): void;
-        raiseOnPropertyChanged(previousValue: Color3): void;
+        raiseOnPropertyChanged(previousValue: Color3 | Color4): void;
         updateStateR(value: number): void;
         updateStateG(value: number): void;
         updateStateB(value: number): void;
         copyToClipboard(): void;
         convert(colorString: string): void;
+        private _colorStringSaved;
+        private _colorPickerOpen;
         private _colorString;
         render(): JSX.Element;
     }
@@ -1107,6 +1113,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/cu
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/animations/curveEditor/graph/curve" {
     import { Animation } from "@babylonjs/core/Animations/animation";
+    import { AnimationKeyInterpolation } from "@babylonjs/core/Animations/animationKey";
     import { Observable } from "@babylonjs/core/Misc/observable";
     export interface KeyEntry {
         frame: number;
@@ -1114,6 +1121,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         inTangent?: number;
         outTangent?: number;
         lockedTangent: boolean;
+        interpolation?: AnimationKeyInterpolation;
     }
     export class Curve {
         static readonly SampleRate: number;
@@ -1127,11 +1135,14 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         setDefaultOutTangent?: (keyId: number) => any;
         static readonly TangentLength: number;
         constructor(color: string, animation: Animation, property?: string, tangentBuilder?: () => any, setDefaultInTangent?: (keyId: number) => any, setDefaultOutTangent?: (keyId: number) => any);
-        gePathData(convertX: (x: number) => number, convertY: (y: number) => number): string;
+        getPathData(convertX: (x: number) => number, convertY: (y: number) => number): string;
         updateLockedTangentMode(keyIndex: number, enabled: boolean): void;
-        getInControlPoint(keyIndex: number): number;
-        getOutControlPoint(keyIndex: number): number;
+        updateInterpolationMode(keyIndex: number, interpolationMode: AnimationKeyInterpolation): void;
+        getInControlPoint(keyIndex: number): number | undefined;
+        getOutControlPoint(keyIndex: number): number | undefined;
+        hasDefinedOutTangent(keyIndex: number): boolean;
         evaluateOutTangent(keyIndex: number): number;
+        hasDefinedInTangent(keyIndex: number): boolean;
         evaluateInTangent(keyIndex: number): number;
         storeDefaultInTangent(keyIndex: number): void;
         storeDefaultOutTangent(keyIndex: number): void;
@@ -1187,6 +1198,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         private _onLinearTangentRequiredObserver;
         private _onBreakTangentRequiredObserver;
         private _onUnifyTangentRequiredObserver;
+        private _onStepTangentRequiredObserver;
         private _onSelectAllKeysObserver;
         private _pointerIsDown;
         private _sourcePointerX;
@@ -1211,6 +1223,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         private _unifyTangent;
         private _flattenTangent;
         private _linearTangent;
+        private _stepTangent;
         private _select;
         private _onPointerDown;
         private _extractSlope;
@@ -1228,6 +1241,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
     import { Scene } from "@babylonjs/core/scene";
     import { IAnimatable } from "@babylonjs/core/Animations/animatable.interface";
     import { AnimationGroup, TargetedAnimation } from "@babylonjs/core/Animations/animationGroup";
+    import { AnimationKeyInterpolation } from "@babylonjs/core/Animations/animationKey";
     export class Context {
         title: string;
         animations: Nullable<Animation[] | TargetedAnimation[]>;
@@ -1247,8 +1261,10 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         toKey: number;
         forwardAnimation: boolean;
         isPlaying: boolean;
+        clipLength: number;
         referenceMinFrame: number;
         referenceMaxFrame: number;
+        focusedInput: boolean;
         onActiveAnimationChanged: Observable<void>;
         onActiveKeyPointChanged: Observable<void>;
         onHostWindowResized: Observable<void>;
@@ -1266,6 +1282,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         onLinearTangentRequired: Observable<void>;
         onBreakTangentRequired: Observable<void>;
         onUnifyTangentRequired: Observable<void>;
+        onStepTangentRequired: Observable<void>;
         onDeleteAnimation: Observable<Animation>;
         onGraphMoved: Observable<number>;
         onGraphScaled: Observable<number>;
@@ -1277,6 +1294,12 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         onAnimationsLoaded: Observable<void>;
         onEditAnimationRequired: Observable<Animation>;
         onEditAnimationUIClosed: Observable<void>;
+        onClipLengthIncreased: Observable<number>;
+        onClipLengthDecreased: Observable<number>;
+        onInterpolationModeSet: Observable<{
+            keyId: number;
+            value: AnimationKeyInterpolation;
+        }>;
         onSelectToActivated: Observable<{
             from: number;
             to: number;
@@ -1293,6 +1316,38 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         getActiveChannel(animation: Animation): string;
         resetAllActiveChannels(): void;
         getAnimationSortIndex(animation: Animation): number;
+        getPrevKey(): Nullable<number>;
+        getNextKey(): Nullable<number>;
+    }
+}
+declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/animations/curveEditor/controls/textInputComponent" {
+    import * as React from "react";
+    import { GlobalState } from "@babylonjs/inspector/components/globalState";
+    import { Context } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/animations/curveEditor/context";
+    interface ITextInputComponentProps {
+        globalState: GlobalState;
+        context: Context;
+        id?: string;
+        className?: string;
+        tooltip?: string;
+        value: string;
+        isNumber?: boolean;
+        complement?: string;
+        onValueAsNumberChanged?: (value: number, isFocused: boolean) => void;
+    }
+    interface ITextInputComponentState {
+        value: string;
+        isFocused: boolean;
+    }
+    export class TextInputComponent extends React.Component<ITextInputComponentProps, ITextInputComponentState> {
+        private _lastKnownGoodValue;
+        constructor(props: ITextInputComponentProps);
+        private _onChange;
+        private _onBlur;
+        private _onFocus;
+        shouldComponentUpdate(newProps: ITextInputComponentProps, newState: ITextInputComponentState): boolean;
+        private _onKeyPress;
+        render(): JSX.Element;
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/animations/curveEditor/controls/controlButtonComponent" {
@@ -1335,6 +1390,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         private _onPrevKey;
         private _onRewind;
         private _onForward;
+        private _onPrevFrame;
+        private _onNextFrame;
         private _onNextKey;
         private _onEndKey;
         private _onStop;
@@ -1381,12 +1438,16 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         context: Context;
     }
     interface IBottomBarComponentState {
+        clipLength: string;
     }
     export class BottomBarComponent extends React.Component<IBottomBarComponentProps, IBottomBarComponentState> {
         private _onAnimationsLoadedObserver;
         private _onActiveAnimationChangedObserver;
+        private _onClipLengthIncreasedObserver;
+        private _onClipLengthDecreasedObserver;
         constructor(props: IBottomBarComponentProps);
-        private _renderMaxFrame;
+        private _changeClipLength;
+        private _getKeyAtFrame;
         componentWillUnmount(): void;
         render(): JSX.Element;
     }
@@ -1412,35 +1473,6 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         render(): JSX.Element;
     }
 }
-declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/animations/curveEditor/controls/textInputComponent" {
-    import * as React from "react";
-    import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Context } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/animations/curveEditor/context";
-    interface ITextInputComponentProps {
-        globalState: GlobalState;
-        context: Context;
-        id?: string;
-        className?: string;
-        tooltip?: string;
-        value: string;
-        isNumber?: boolean;
-        complement?: string;
-        onValueAsNumberChanged?: (value: number) => void;
-    }
-    interface ITextInputComponentState {
-        value: string;
-        isFocused: boolean;
-    }
-    export class TextInputComponent extends React.Component<ITextInputComponentProps, ITextInputComponentState> {
-        private _lastKnownGoodValue;
-        constructor(props: ITextInputComponentProps);
-        private _onChange;
-        private _onBlur;
-        private _onFocus;
-        shouldComponentUpdate(newProps: ITextInputComponentProps, newState: ITextInputComponentState): boolean;
-        render(): JSX.Element;
-    }
-}
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/animations/curveEditor/topBarComponent" {
     import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
@@ -1504,6 +1536,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
     export class CurveComponent extends React.Component<ICurveComponentProps, ICurveComponentState> {
         private _onDataUpdatedObserver;
         private _onActiveAnimationChangedObserver;
+        private _onInterpolationModeSetObserver;
         constructor(props: ICurveComponentProps);
         componentWillUnmount(): void;
         componentDidUpdate(): boolean;
@@ -1707,6 +1740,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
     export class AnimationListComponent extends React.Component<IAnimationListComponentProps, IAnimationListComponentState> {
         private _onEditAnimationRequiredObserver;
         private _onEditAnimationUIClosedObserver;
+        private _onDeleteAnimationObserver;
         constructor(props: IAnimationListComponentProps);
         componentWillUnmount(): void;
         render(): JSX.Element | null;
@@ -1890,6 +1924,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         componentWillUnmount(): void;
         onCurrentFrameChange(value: number): void;
         onChangeFromOrTo(): void;
+        componentDidUpdate(prevProps: IAnimationGridComponentProps): void;
         render(): JSX.Element;
     }
 }

package/package.json

@@ -4,7 +4,7 @@
     },
     "name": "@babylonjs/inspector",
     "description": "The Babylon.js inspector.",
-    "version": "5.0.0-alpha.58",
+    "version": "5.0.0-alpha.61",
     "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-alpha.58",
-        "@babylonjs/gui": "5.0.0-alpha.58",
-        "@babylonjs/loaders": "5.0.0-alpha.58",
-        "@babylonjs/materials": "5.0.0-alpha.58",
-        "@babylonjs/serializers": "5.0.0-alpha.58",
-        "babylonjs-gltf2interface": "5.0.0-alpha.58",
+        "@babylonjs/core": "5.0.0-alpha.61",
+        "@babylonjs/gui": "5.0.0-alpha.61",
+        "@babylonjs/loaders": "5.0.0-alpha.61",
+        "@babylonjs/materials": "5.0.0-alpha.61",
+        "@babylonjs/serializers": "5.0.0-alpha.61",
+        "babylonjs-gltf2interface": "5.0.0-alpha.61",
         "tslib": "^2.3.1"
     },
     "peerDependencies": {