@babylonjs/inspector 7.5.0 → 7.6.1

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

@@ -95,6 +95,7 @@ export class QuaternionLineComponent extends React.Component<IQuaternionLineComp
     updateStateEulerX(value: number): void;
     updateStateEulerY(value: number): void;
     updateStateEulerZ(value: number): void;
+    onCopyClick(): void;
 
 }
 export {};
@@ -2151,9 +2152,6 @@ import { Vector2 } from "@babylonjs/core/Maths/math.vector";
 import { PointerInfo } from "@babylonjs/core/Events/pointerEvents";
 import { PopupComponent } from "@babylonjs/inspector/components/popupComponent";
 import "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureEditor.scss";
-global {
-    var _TOOL_DATA_: IToolData;
-}
 interface ITextureEditorComponentProps {
     texture: BaseTexture;
     url: string;
@@ -4027,6 +4025,7 @@ export function SetGUIEditorURL(guiEditorURL: string): void;
  * If you are in a UMD environment, it will load the package from a URL
  * @param adt
  * @param embed defines whether editor is being opened from the Playground
+ * @returns a promise that resolves when the editor is opened
  */
 export function EditAdvancedDynamicTexture(adt: AdvancedDynamicTexture, embed?: boolean): Promise<void>;
 
@@ -4506,6 +4505,10 @@ export class TreeItemSpecializedComponent extends React.Component<ITreeItemSpeci
 }
 export {};
 
+}
+declare module "@babylonjs/inspector/components/sceneExplorer/treeNodeDebugger" {
+export function setDebugNode(node: any): void;
+
 }
 declare module "@babylonjs/inspector/index" {
 export * from "@babylonjs/inspector/inspector";
@@ -4803,7 +4806,7 @@ export interface IColorComponentEntryProps {
     disabled?: boolean;
     lockObject: LockObject;
 }
-export class ColorComponentEntry extends React.Component<IColorComponentEntryProps> {
+export class ColorComponentComponentEntry extends React.Component<IColorComponentEntryProps> {
     constructor(props: IColorComponentEntryProps);
     updateValue(valueString: string): void;
     lock(): void;
@@ -4819,7 +4822,7 @@ import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 /**
  * Interface used to specify creation options for color picker
  */
-export interface IColorPickerProps {
+export interface IColorPickerComponentProps {
     color: Color3 | Color4;
     linearhint?: boolean;
     debugMode?: boolean;
@@ -4837,13 +4840,13 @@ export interface IColorPickerState {
 /**
  * Class used to create a color picker
  */
-export class ColorPicker extends React.Component<IColorPickerProps, IColorPickerState> {
+export class ColorPickerComponent extends React.Component<IColorPickerComponentProps, IColorPickerState> {
     private _saturationRef;
     private _hueRef;
     private _isSaturationPointerDown;
     private _isHuePointerDown;
-    constructor(props: IColorPickerProps);
-    shouldComponentUpdate(nextProps: IColorPickerProps, nextState: IColorPickerState): boolean;
+    constructor(props: IColorPickerComponentProps);
+    shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerState): boolean;
     onSaturationPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
     onSaturationPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
     onSaturationPointerMove(evt: React.PointerEvent<HTMLDivElement>): void;
@@ -4867,7 +4870,7 @@ export interface IHexColorProps {
     onChange: (value: string) => void;
     lockObject: LockObject;
 }
-export class HexColor extends React.Component<IHexColorProps, {
+export class HexColorComponent extends React.Component<IHexColorProps, {
     hex: string;
 }> {
     constructor(props: IHexColorProps);
@@ -5326,7 +5329,7 @@ declare module "@babylonjs/inspector/components/lines/ColorPickerLineComponent"
 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 {
+export interface IColorPickerLineComponentProps {
     value: Color4 | Color3;
     linearHint?: boolean;
     onColorChanged: (newOne: string) => void;
@@ -5341,14 +5344,14 @@ interface IColorPickerComponentState {
     color: Color3 | Color4;
     hex: string;
 }
-export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
+export class ColorPickerLineComponent extends React.Component<IColorPickerLineComponentProps, IColorPickerComponentState> {
     private _floatRef;
     private _floatHostRef;
     private _coverRef;
-    constructor(props: IColorPickerComponentProps);
+    constructor(props: IColorPickerLineComponentProps);
     syncPositions(): void;
-    shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
-    getHexString(props?: Readonly<IColorPickerComponentProps> & Readonly<{
+    shouldComponentUpdate(nextProps: IColorPickerLineComponentProps, nextState: IColorPickerComponentState): boolean;
+    getHexString(props?: Readonly<IColorPickerLineComponentProps> & Readonly<{
         children?: React.ReactNode;
     }>): string;
     componentDidUpdate(): void;
@@ -5593,7 +5596,7 @@ export interface IGraphNodeProps {
     highlighted?: boolean;
     parentContainerId: string;
 }
-export const GraphNode: FC<IGraphNodeProps>;
+export const SingleGraphNode: FC<IGraphNodeProps>;
 
 }
 declare module "@babylonjs/inspector/components/reactGraphSystem/GraphNodesContainer" {
@@ -5716,6 +5719,14 @@ export type ToggleProps = {
 };
 export const Toggle: React.FC<ToggleProps>;
 
+}
+declare module "@babylonjs/inspector/copyCommandToClipboard" {
+export function copyCommandToClipboard(strCommand: string): void;
+export function getClassNameWithNamespace(obj: any): {
+    className: string;
+    babylonNamespace: string;
+};
+
 }
 declare module "@babylonjs/inspector/lines/booleanLineComponent" {
 import * as React from "react";
@@ -5781,6 +5792,7 @@ export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponen
         isConflict: boolean;
     }): boolean;
     onChange(): void;
+    onCopyClick(): void;
 
 }
 
@@ -5833,7 +5845,7 @@ import { Observable } from "@babylonjs/core/Misc/observable";
 import { Color4 } from "@babylonjs/core/Maths/math.color";
 import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
-export interface IColorLineComponentProps {
+export interface IColorLineProps {
     label: string;
     target?: any;
     propertyName: string;
@@ -5849,10 +5861,10 @@ interface IColorLineComponentState {
     isExpanded: boolean;
     color: Color4;
 }
-export class ColorLineComponent extends React.Component<IColorLineComponentProps, IColorLineComponentState> {
-    constructor(props: IColorLineComponentProps);
-    shouldComponentUpdate(nextProps: IColorLineComponentProps, nextState: IColorLineComponentState): boolean;
-    getValue(props?: Readonly<IColorLineComponentProps> & Readonly<{
+export class ColorLine extends React.Component<IColorLineProps, IColorLineComponentState> {
+    constructor(props: IColorLineProps);
+    shouldComponentUpdate(nextProps: IColorLineProps, nextState: IColorLineComponentState): boolean;
+    getValue(props?: Readonly<IColorLineProps> & Readonly<{
         children?: React.ReactNode;
     }>): Color4;
     setColorFromString(colorString: string): void;
@@ -5862,9 +5874,9 @@ export class ColorLineComponent extends React.Component<IColorLineComponentProps
     updateStateG(value: number): void;
     updateStateB(value: number): void;
     updateStateA(value: number): void;
-    copyToClipboard(): void;
     private _convertToColor;
     private _toColor3;
+    onCopyClick(): void;
 
 }
 export {};
@@ -5874,7 +5886,7 @@ 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 {
+export interface IColorPickerLineProps {
     value: Color4 | Color3;
     linearHint?: boolean;
     onColorChanged: (newOne: string) => void;
@@ -5888,13 +5900,13 @@ interface IColorPickerComponentState {
     color: Color3 | Color4;
     hex: string;
 }
-export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
+export class ColorPickerLine extends React.Component<IColorPickerLineProps, IColorPickerComponentState> {
     private _floatRef;
     private _floatHostRef;
-    constructor(props: IColorPickerComponentProps);
+    constructor(props: IColorPickerLineProps);
     syncPositions(): void;
-    shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
-    getHexString(props?: Readonly<IColorPickerComponentProps> & Readonly<{
+    shouldComponentUpdate(nextProps: IColorPickerLineProps, nextState: IColorPickerComponentState): boolean;
+    getHexString(props?: Readonly<IColorPickerLineProps> & Readonly<{
         children?: React.ReactNode;
     }>): string;
     componentDidUpdate(): void;
@@ -5918,18 +5930,18 @@ export class DraggableLineComponent extends React.Component<IButtonLineComponent
 }
 declare module "@babylonjs/inspector/lines/fileButtonLineComponent" {
 import * as React from "react";
-interface IFileButtonLineComponentProps {
+interface IFileButtonLineProps {
     label: string;
     onClick: (file: File) => void;
     accept: string;
     icon?: string;
     iconLabel?: string;
 }
-export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
+export class FileButtonLine extends React.Component<IFileButtonLineProps> {
     private static _IDGenerator;
     private _id;
     private _uploadInputRef;
-    constructor(props: IFileButtonLineComponentProps);
+    constructor(props: IFileButtonLineProps);
     onChange(evt: any): void;
 
 }
@@ -6005,6 +6017,7 @@ export class FloatLineComponent extends React.Component<IFloatLineComponentProps
     unlock(): void;
     incrementValue(amount: number, processStep?: boolean): void;
     onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
+    onCopyClick(): void;
 
 }
 export {};
@@ -6219,7 +6232,7 @@ export {};
 declare module "@babylonjs/inspector/lines/numericInputComponent" {
 import * as React from "react";
 import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
-interface INumericInputComponentProps {
+interface INumericInputProps {
     label: string;
     value: number;
     step?: number;
@@ -6229,16 +6242,16 @@ interface INumericInputComponentProps {
     iconLabel?: string;
     lockObject: LockObject;
 }
-export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
+export class NumericInput extends React.Component<INumericInputProps, {
     value: string;
 }> {
     static defaultProps: {
         step: number;
     };
     private _localChange;
-    constructor(props: INumericInputComponentProps);
+    constructor(props: INumericInputProps);
     componentWillUnmount(): void;
-    shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
+    shouldComponentUpdate(nextProps: INumericInputProps, nextState: {
         value: string;
     }): boolean;
     updateValue(valueString: string): void;
@@ -6256,7 +6269,7 @@ import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 import { IInspectableOptions } from "@babylonjs/core/Misc/iInspectable";
 export const Null_Value: number;
-export interface IOptionsLineComponentProps {
+export interface IOptionsLineProps {
     label: string;
     target: any;
     propertyName: string;
@@ -6272,20 +6285,21 @@ export interface IOptionsLineComponentProps {
     valuesAreStrings?: boolean;
     defaultIfNull?: number;
 }
-export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
+export class OptionsLine extends React.Component<IOptionsLineProps, {
     value: number | string;
 }> {
     private _localChange;
     private _remapValueIn;
     private _remapValueOut;
     private _getValue;
-    constructor(props: IOptionsLineComponentProps);
-    shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
+    constructor(props: IOptionsLineProps);
+    shouldComponentUpdate(nextProps: IOptionsLineProps, nextState: {
         value: number;
     }): boolean;
     raiseOnPropertyChanged(newValue: number, previousValue: number): void;
     setValue(value: string | number): void;
     updateValue(valueString: string): void;
+    onCopyClick(): void;
 
 }
 
@@ -6356,6 +6370,7 @@ export class SliderLineComponent extends React.Component<ISliderLineComponentPro
     onChange(newValueString: any): void;
     onInput(newValueString: any): void;
     prepareDataToRead(value: number): number;
+    onCopyClick(): void;
 
 }
 export {};
@@ -6558,6 +6573,7 @@ export class Vector3LineComponent extends React.Component<IVector3LineComponentP
     updateStateX(value: number): void;
     updateStateY(value: number): void;
     updateStateZ(value: number): void;
+    onCopyClick(): void;
 
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/inspector",
-    "version": "7.5.0",
+    "version": "7.6.1",
     "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": "^7.5.0",
-        "@babylonjs/gui": "^7.5.0",
-        "@babylonjs/gui-editor": "^7.5.0",
-        "@babylonjs/loaders": "^7.5.0",
-        "@babylonjs/materials": "^7.5.0",
-        "@babylonjs/serializers": "^7.5.0",
+        "@babylonjs/core": "^7.6.1",
+        "@babylonjs/gui": "^7.6.1",
+        "@babylonjs/gui-editor": "^7.6.1",
+        "@babylonjs/loaders": "^7.6.1",
+        "@babylonjs/materials": "^7.6.1",
+        "@babylonjs/serializers": "^7.6.1",
         "@lts/gui": "1.0.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"