@babylonjs/inspector 5.0.0-alpha.59 → 5.0.0-alpha.62

package/babylon.inspector.module.d.ts

@@ -536,11 +536,11 @@ declare module "@babylonjs/inspector/components/graph/canvasGraphService" {
     }
 }
 declare module "@babylonjs/inspector/components/graph/canvasGraphComponent" {
-    import { PerformanceViewerCollector } from '@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollector';
-    import { Observable } from '@babylonjs/core/Misc/observable';
-    import * as React from 'react';
+    import { PerformanceViewerCollector } from "@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollector";
+    import { Observable } from "@babylonjs/core/Misc/observable";
+    import * as React from "react";
     import { IPerfLayoutSize } from "@babylonjs/inspector/components/graph/graphSupportingTypes";
-    import { Scene } from '@babylonjs/core/scene';
+    import { Scene } from "@babylonjs/core/scene";
     interface ICanvasGraphComponentProps {
         id: string;
         scene: Scene;
@@ -657,7 +657,7 @@ declare module "@babylonjs/inspector/sharedUiComponents/colorPicker/colorPicker"
 }
 declare module "@babylonjs/inspector/sharedUiComponents/lines/colorPickerComponent" {
     import * as React from "react";
-    import { Color4, Color3 } from '@babylonjs/core/Maths/math.color';
+    import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
     export interface IColorPickerComponentProps {
         value: Color4 | Color3;
         linearHint?: boolean;
@@ -683,15 +683,15 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/colorPickerCompone
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/performanceViewer/performanceViewerSidebarComponent" {
-    import { PerformanceViewerCollector } from '@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollector';
+    import { PerformanceViewerCollector } from "@babylonjs/core/Misc/PerformanceViewer/performanceViewerCollector";
     interface IPerformanceViewerSidebarComponentProps {
         collector: PerformanceViewerCollector;
     }
     export const PerformanceViewerSidebarComponent: (props: IPerformanceViewerSidebarComponentProps) => JSX.Element;
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/performanceViewer/performancePlayheadButtonComponent" {
-    import { Observable } from '@babylonjs/core/Misc/observable';
-    import * as React from 'react';
+    import { Observable } from "@babylonjs/core/Misc/observable";
+    import * as React from "react";
     interface IPerformancePlayheadButtonProps {
         returnToPlayhead: Observable<void>;
     }
@@ -700,7 +700,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/performanceViewe
 declare module "@babylonjs/inspector/components/actionTabs/tabs/performanceViewer/performanceViewerComponent" {
     import { Scene } from "@babylonjs/core/scene";
     import * as React from "react";
-    import '@babylonjs/core/Misc/PerformanceViewer/performanceViewerSceneExtension';
+    import "@babylonjs/core/Misc/PerformanceViewer/performanceViewerSceneExtension";
     interface IPerformanceViewerComponentProps {
         scene: Scene;
     }
@@ -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;
     }
@@ -1089,7 +1095,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/cu
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { IInspectable } from '@babylonjs/core/Misc/iInspectable';
+    import { IInspectable } from "@babylonjs/core/Misc/iInspectable";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     interface ICustomPropertyGridComponentProps {
         globalState: GlobalState;
@@ -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>;
@@ -1261,11 +1277,12 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/an
         onValueSet: Observable<number>;
         onValueManuallyEntered: Observable<number>;
         onFrameRequired: Observable<void>;
-        onNewKeyPointRequired: Observable<void>;
+        onCreateOrUpdateKeyPointRequired: Observable<void>;
         onFlattenTangentRequired: Observable<void>;
         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,47 @@ 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>;
+        /**
+         * If any current active animation has a key at the received frameNumber,
+         * return the index of the animation in the active animation array, and
+         * the index of the frame on the animation.
+         */
+        getKeyAtAnyFrameIndex(frameNumber: number): {
+            animationIndex: number;
+            keyIndex: number;
+        } | null;
+    }
+}
+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 +1399,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 +1447,15 @@ 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;
         componentWillUnmount(): void;
         render(): JSX.Element;
     }
@@ -1412,35 +1481,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 +1544,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 +1748,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 +1932,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;
     }
 }
@@ -2082,9 +2125,9 @@ declare module "@babylonjs/inspector/components/actionTabs/lines/textureLineComp
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/toolBar" {
-    import * as React from 'react';
+    import * as React from "react";
     import { IToolData, IToolType, IMetadata } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureEditorComponent";
-    import { Color4 } from '@babylonjs/core/Maths/math.color';
+    import { Color4 } from "@babylonjs/core/Maths/math.color";
     export interface ITool extends IToolData {
         instance: IToolType;
     }
@@ -2112,12 +2155,12 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/channelsBar" {
-    import * as React from 'react';
+    import * as React from "react";
     export interface IChannel {
         visible: boolean;
         editable: boolean;
         name: string;
-        id: 'R' | 'G' | 'B' | 'A';
+        id: "R" | "G" | "B" | "A";
         icon: any;
     }
     interface IChannelsBarProps {
@@ -2254,10 +2297,10 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/propertiesBar" {
-    import * as React from 'react';
-    import { BaseTexture } from '@babylonjs/core/Materials/Textures/baseTexture';
+    import * as React from "react";
+    import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture";
     import { IPixelData } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureCanvasManager";
-    import { ISize } from '@babylonjs/core/Maths/math.size';
+    import { ISize } from "@babylonjs/core/Maths/math.size";
     interface IPropertiesBarProps {
         texture: BaseTexture;
         size: ISize;
@@ -2292,8 +2335,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/bottomBar" {
-    import * as React from 'react';
-    import { BaseTexture } from '@babylonjs/core/Materials/Textures/baseTexture';
+    import * as React from "react";
+    import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture";
     interface IBottomBarProps {
         texture: BaseTexture;
         mipLevel: number;
@@ -2303,8 +2346,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureCanvasComponent" {
-    import * as React from 'react';
-    import { BaseTexture } from '@babylonjs/core/Materials/Textures/baseTexture';
+    import * as React from "react";
+    import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture";
     interface ITextureCanvasComponentProps {
         canvasUI: React.RefObject<HTMLCanvasElement>;
         canvas2D: React.RefObject<HTMLCanvasElement>;
@@ -2336,7 +2379,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     export default _default;
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/toolSettings" {
-    import * as React from 'react';
+    import * as React from "react";
     import { ITool } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/toolBar";
     interface IToolSettingsProps {
         tool: ITool | undefined;
@@ -2346,15 +2389,15 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureEditorComponent" {
-    import * as React from 'react';
+    import * as React from "react";
     import { IPixelData } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureCanvasManager";
     import { ITool } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/toolBar";
     import { IChannel } from "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/channelsBar";
-    import { BaseTexture } from '@babylonjs/core/Materials/Textures/baseTexture';
-    import { Scene } from '@babylonjs/core/scene';
-    import { ISize } from '@babylonjs/core/Maths/math.size';
-    import { Vector2 } from '@babylonjs/core/Maths/math.vector';
-    import { PointerInfo } from '@babylonjs/core/Events/pointerEvents';
+    import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture";
+    import { Scene } from "@babylonjs/core/scene";
+    import { ISize } from "@babylonjs/core/Maths/math.size";
+    import { Vector2 } from "@babylonjs/core/Maths/math.vector";
+    import { PointerInfo } from "@babylonjs/core/Events/pointerEvents";
     import { PopupComponent } from "@babylonjs/inspector/components/popupComponent";
     interface ITextureEditorComponentProps {
         texture: BaseTexture;
@@ -3259,7 +3302,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { PostProcess } from '@babylonjs/core/PostProcesses/postProcess';
+    import { PostProcess } from "@babylonjs/core/PostProcesses/postProcess";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     interface ICommonPostProcessPropertyGridComponentProps {
         globalState: GlobalState;
@@ -3296,7 +3339,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { PostProcessRenderPipeline } from '@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipeline';
+    import { PostProcessRenderPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipeline";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     interface ICommonRenderingPipelinePropertyGridComponentProps {
         globalState: GlobalState;
@@ -3350,7 +3393,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { SSAORenderingPipeline } from '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssaoRenderingPipeline';
+    import { SSAORenderingPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssaoRenderingPipeline";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     interface ISSAORenderingPipelinePropertyGridComponentProps {
         globalState: GlobalState;
@@ -3368,7 +3411,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { SSAO2RenderingPipeline } from '@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssao2RenderingPipeline';
+    import { SSAO2RenderingPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssao2RenderingPipeline";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     interface ISSAO2RenderingPipelinePropertyGridComponentProps {
         globalState: GlobalState;
@@ -3387,7 +3430,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 { Skeleton } from '@babylonjs/core/Bones/skeleton';
+    import { Skeleton } from "@babylonjs/core/Bones/skeleton";
     interface ISkeletonPropertyGridComponentProps {
         globalState: GlobalState;
         skeleton: Skeleton;
@@ -3414,7 +3457,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 { Bone } from '@babylonjs/core/Bones/bone';
+    import { Bone } from "@babylonjs/core/Bones/bone";
     interface IBonePropertyGridComponentProps {
         globalState: GlobalState;
         bone: Bone;
@@ -3523,9 +3566,9 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/vector4LineCompone
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/gradientStepComponent" {
-    import * as React from 'react';
+    import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { GradientBlockColorStep } from '@babylonjs/core/Materials/Node/Blocks/gradientBlock';
+    import { GradientBlockColorStep } from "@babylonjs/core/Materials/Node/Blocks/gradientBlock";
     interface IGradientStepComponentProps {
         globalState: GlobalState;
         step: GradientBlockColorStep;
@@ -3555,7 +3598,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyComponen
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/gradientNodePropertyComponent" {
     import * as React from "react";
-    import { GradientBlockColorStep } from '@babylonjs/core/Materials/Node/Blocks/gradientBlock';
+    import { GradientBlockColorStep } from "@babylonjs/core/Materials/Node/Blocks/gradientBlock";
     import { IPropertyComponentProps } from "@babylonjs/inspector/components/actionTabs/tabs/propertyComponentProps";
     export class GradientPropertyTabComponent extends React.Component<IPropertyComponentProps> {
         private _gradientBlock;
@@ -3611,7 +3654,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { InputBlock } from '@babylonjs/core/Materials/Node/Blocks/Input/inputBlock';
+    import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
     interface INodeMaterialPropertyGridComponentProps {
         globalState: GlobalState;
         material: NodeMaterial;
@@ -3635,8 +3678,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Material } from '@babylonjs/core/Materials/material';
-    import { MultiMaterial } from '@babylonjs/core/Materials/multiMaterial';
+    import { Material } from "@babylonjs/core/Materials/material";
+    import { MultiMaterial } from "@babylonjs/core/Materials/multiMaterial";
     interface IMultiMaterialPropertyGridComponentProps {
         globalState: GlobalState;
         material: MultiMaterial;
@@ -3656,7 +3699,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     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 { BoxParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/boxParticleEmitter";
     interface IBoxEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: BoxParticleEmitter;
@@ -3672,7 +3715,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     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 { ConeParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/coneParticleEmitter";
     interface IConeEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: ConeParticleEmitter;
@@ -3689,7 +3732,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-    import { CylinderParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/cylinderParticleEmitter';
+    import { CylinderParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/cylinderParticleEmitter";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     interface ICylinderEmitterGridComponentProps {
         globalState: GlobalState;
@@ -3708,7 +3751,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { HemisphericParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/hemisphericParticleEmitter';
+    import { HemisphericParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/hemisphericParticleEmitter";
     interface IHemisphericEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: HemisphericParticleEmitter;
@@ -3726,7 +3769,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { PointParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/pointParticleEmitter';
+    import { PointParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/pointParticleEmitter";
     interface IPointEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: PointParticleEmitter;
@@ -3744,7 +3787,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { SphereParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/sphereParticleEmitter';
+    import { SphereParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/sphereParticleEmitter";
     interface ISphereEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: SphereParticleEmitter;
@@ -3759,9 +3802,9 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
 declare module "@babylonjs/inspector/components/actionTabs/lines/meshPickerComponent" {
     import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Observable } from '@babylonjs/core/Misc/observable';
+    import { Observable } from "@babylonjs/core/Misc/observable";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-    import { Scene } from '@babylonjs/core/scene';
+    import { Scene } from "@babylonjs/core/scene";
     interface IMeshPickerComponentProps {
         globalState: GlobalState;
         target: any;
@@ -3781,8 +3824,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { MeshParticleEmitter } from '@babylonjs/core/Particles/EmitterTypes/meshParticleEmitter';
-    import { Scene } from '@babylonjs/core/scene';
+    import { MeshParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/meshParticleEmitter";
+    import { Scene } from "@babylonjs/core/scene";
     interface IMeshEmitterGridComponentProps {
         globalState: GlobalState;
         emitter: MeshParticleEmitter;
@@ -3797,11 +3840,11 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/particleSystems/factorGradientStepGridComponent" {
-    import * as React from 'react';
+    import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { FactorGradient } from '@babylonjs/core/Misc/gradients';
+    import { FactorGradient } from "@babylonjs/core/Misc/gradients";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { IParticleSystem } from '@babylonjs/core/Particles/IParticleSystem';
+    import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
     interface IFactorGradientStepGridComponent {
         globalState: GlobalState;
         gradient: FactorGradient;
@@ -3834,11 +3877,11 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     }
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/particleSystems/colorGradientStepGridComponent" {
-    import * as React from 'react';
+    import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { ColorGradient, Color3Gradient } from '@babylonjs/core/Misc/gradients';
+    import { ColorGradient, Color3Gradient } from "@babylonjs/core/Misc/gradients";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { IParticleSystem } from '@babylonjs/core/Particles/IParticleSystem';
+    import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
     interface IColorGradientStepGridComponent {
         globalState: GlobalState;
         gradient: ColorGradient | Color3Gradient;
@@ -3882,10 +3925,10 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/linkButtonComponen
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/particleSystems/valueGradientGridComponent" {
     import * as React from "react";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { IValueGradient } from '@babylonjs/core/Misc/gradients';
+    import { IValueGradient } from "@babylonjs/core/Misc/gradients";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
-    import { Nullable } from '@babylonjs/core/types';
-    import { IParticleSystem } from '@babylonjs/core/Particles/IParticleSystem';
+    import { Nullable } from "@babylonjs/core/types";
+    import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
     export enum GradientGridMode {
         Factor = 0,
         Color3 = 1,
@@ -3917,7 +3960,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { IParticleSystem } from '@babylonjs/core/Particles/IParticleSystem';
+    import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
     interface IParticleSystemPropertyGridComponentProps {
         globalState: GlobalState;
         system: IParticleSystem;
@@ -3944,7 +3987,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/sp
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { SpriteManager } from '@babylonjs/core/Sprites/spriteManager';
+    import { SpriteManager } from "@babylonjs/core/Sprites/spriteManager";
     interface ISpriteManagerPropertyGridComponentProps {
         globalState: GlobalState;
         spriteManager: SpriteManager;
@@ -3970,7 +4013,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/sp
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Sprite } from '@babylonjs/core/Sprites/sprite';
+    import { Sprite } from "@babylonjs/core/Sprites/sprite";
     interface ISpritePropertyGridComponentProps {
         globalState: GlobalState;
         sprite: Sprite;
@@ -4024,7 +4067,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ca
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { FollowCamera } from '@babylonjs/core/Cameras/followCamera';
+    import { FollowCamera } from "@babylonjs/core/Cameras/followCamera";
     interface IFollowCameraPropertyGridComponentProps {
         globalState: GlobalState;
         camera: FollowCamera;
@@ -4042,8 +4085,8 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/so
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { Sound } from '@babylonjs/core/Audio/sound';
-    import { IExplorerExtensibilityGroup } from '@babylonjs/core/Debug/debugLayer';
+    import { Sound } from "@babylonjs/core/Audio/sound";
+    import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     interface ISoundPropertyGridComponentProps {
         globalState: GlobalState;
         sound: Sound;
@@ -4062,7 +4105,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/la
     import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
     import { LockObject } from "@babylonjs/inspector/sharedUiComponents/tabs/propertyGrids/lockObject";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { IExplorerExtensibilityGroup } from '@babylonjs/core/Debug/debugLayer';
+    import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import { EffectLayer } from "@babylonjs/core/Layers/effectLayer";
     interface ILayerPropertyGridComponentProps {
         globalState: GlobalState;
@@ -4341,8 +4384,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/lightTree
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/materialTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import { Material } from "@babylonjs/core/Materials/material";
-    import * as React from 'react';
-    import { NodeMaterial } from '@babylonjs/core/Materials/Node/nodeMaterial';
+    import * as React from "react";
+    import { NodeMaterial } from "@babylonjs/core/Materials/Node/nodeMaterial";
     interface IMaterialTreeItemComponentProps {
         material: Material | NodeMaterial;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4356,7 +4399,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/materialT
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/textureTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import { Texture } from "@babylonjs/core/Materials/Textures/texture";
-    import * as React from 'react';
+    import * as React from "react";
     interface ITextureTreeItemComponentProps {
         texture: Texture;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4384,7 +4427,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/transform
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/gui/controlTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import { Control } from "@babylonjs/gui/2D/controls/control";
-    import * as React from 'react';
+    import * as React from "react";
     interface IControlTreeItemComponentProps {
         control: Control;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4403,8 +4446,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/gui/contr
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/gui/advancedDynamicTextureTreeItemComponent" {
     import { Observable } from "@babylonjs/core/Misc/observable";
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import { AdvancedDynamicTexture } from '@babylonjs/gui/2D/advancedDynamicTexture';
-    import * as React from 'react';
+    import { AdvancedDynamicTexture } from "@babylonjs/gui/2D/advancedDynamicTexture";
+    import * as React from "react";
     interface IAdvancedDynamicTextureTreeItemComponentProps {
         texture: AdvancedDynamicTexture;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4437,8 +4480,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/animation
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/postProcessTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import { PostProcess } from '@babylonjs/core/PostProcesses/postProcess';
-    import * as React from 'react';
+    import { PostProcess } from "@babylonjs/core/PostProcesses/postProcess";
+    import * as React from "react";
     interface IPostProcessItemComponentProps {
         postProcess: PostProcess;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4451,8 +4494,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/postProce
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/renderingPipelineTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import { PostProcessRenderPipeline } from '@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipeline';
-    import * as React from 'react';
+    import { PostProcessRenderPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipeline";
+    import * as React from "react";
     interface IRenderPipelineItemComponenttProps {
         renderPipeline: PostProcessRenderPipeline;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4466,7 +4509,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/rendering
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/skeletonTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import * as React from "react";
-    import { Skeleton } from '@babylonjs/core/Bones/skeleton';
+    import { Skeleton } from "@babylonjs/core/Bones/skeleton";
     interface ISkeletonTreeItemComponentProps {
         skeleton: Skeleton;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4480,7 +4523,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/skeletonT
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/boneTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import * as React from "react";
-    import { Bone } from '@babylonjs/core/Bones/bone';
+    import { Bone } from "@babylonjs/core/Bones/bone";
     interface IBoneTreeItemComponenttProps {
         bone: Bone;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4493,8 +4536,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/boneTreeI
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/particleSystemTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import * as React from 'react';
-    import { IParticleSystem } from '@babylonjs/core/Particles/IParticleSystem';
+    import * as React from "react";
+    import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
     interface IParticleSystemTreeItemComponentProps {
         system: IParticleSystem;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4507,8 +4550,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/particleS
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/spriteManagerTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import * as React from 'react';
-    import { SpriteManager } from '@babylonjs/core/Sprites/spriteManager';
+    import * as React from "react";
+    import { SpriteManager } from "@babylonjs/core/Sprites/spriteManager";
     interface ISpriteManagerTreeItemComponentProps {
         spriteManager: SpriteManager;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4521,8 +4564,8 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/spriteMan
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/spriteTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import * as React from 'react';
-    import { Sprite } from '@babylonjs/core/Sprites/sprite';
+    import * as React from "react";
+    import { Sprite } from "@babylonjs/core/Sprites/sprite";
     interface ISpriteTreeItemComponentProps {
         sprite: Sprite;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4550,7 +4593,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/targetedA
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/soundTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
     import * as React from "react";
-    import { Sound } from '@babylonjs/core/Audio/sound';
+    import { Sound } from "@babylonjs/core/Audio/sound";
     interface ISoundTreeItemComponentProps {
         sound: Sound;
         extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -4563,7 +4606,7 @@ declare module "@babylonjs/inspector/components/sceneExplorer/entities/soundTree
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/entities/effectLayerPipelineTreeItemComponent" {
     import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
-    import * as React from 'react';
+    import * as React from "react";
     import { EffectLayer } from "@babylonjs/core/Layers/effectLayer";
     interface IEffectLayerItemComponenttProps {
         layer: EffectLayer;
@@ -4765,7 +4808,7 @@ declare module "@babylonjs/inspector/components/embedHost/embedHostComponent" {
     import * as React from "react";
     import { Scene } from "@babylonjs/core/scene";
     import { GlobalState } from "@babylonjs/inspector/components/globalState";
-    import { IExplorerExtensibilityGroup, DebugLayerTab } from '@babylonjs/core/Debug/debugLayer';
+    import { IExplorerExtensibilityGroup, DebugLayerTab } from "@babylonjs/core/Debug/debugLayer";
     interface IEmbedHostComponentProps {
         scene: Scene;
         globalState: GlobalState;
@@ -4869,7 +4912,7 @@ declare module "@babylonjs/inspector/sharedUiComponents/lines/draggableLineCompo
     }
 }
 declare module "@babylonjs/inspector/sharedUiComponents/lines/iconButtonLineComponent" {
-    import * as React from 'react';
+    import * as React from "react";
     export interface IIconButtonLineComponentProps {
         icon: string;
         onClick: () => void;