@babylonjs/inspector 8.1.1 → 8.2.0

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

@@ -69,8 +69,12 @@ export class Inspector {
     private static _SceneExplorerHost;
     private static _ActionTabsHost;
     private static _EmbedHost;
-    private static _NewCanvasContainer;
     private static _PersistentPopupHost;
+    private static _SceneExplorerRoot;
+    private static _ActionTabsRoot;
+    private static _EmbedHostRoot;
+    private static _PersistentPopupRoot;
+    private static _NewCanvasContainer;
     private static _SceneExplorerWindow;
     private static _ActionTabsWindow;
     private static _EmbedHostWindow;
@@ -141,6 +145,7 @@ export class PropertyChangedEvent {
 }
 declare module "@babylonjs/inspector/components/popupComponent" {
 import * as React from "react";
+import { PropsWithChildren } from "react";
 export interface IPopupComponentProps {
     id: string;
     title: string;
@@ -154,7 +159,7 @@ export interface IPopupComponentProps {
     onKeyUp?: (evt: KeyboardEvent) => void;
     onKeyDown?: (evt: KeyboardEvent) => void;
 }
-export class PopupComponent extends React.Component<IPopupComponentProps, {
+export class PopupComponent extends React.Component<PropsWithChildren<IPopupComponentProps>, {
     isComponentMounted: boolean;
     blockedByBrowser: boolean;
 }> {
@@ -307,6 +312,7 @@ export class TreeItemSelectableComponent extends React.Component<ITreeItemSelect
     isSelected: boolean;
 }> {
     private _wasSelected;
+    private _thisRef;
     constructor(props: ITreeItemSelectableComponentProps);
     switchExpandedState(): void;
     shouldComponentUpdate(nextProps: ITreeItemSelectableComponentProps, nextState: {
@@ -5270,6 +5276,7 @@ export const SplitContext: import("react").Context<ISplitContext>;
 
 }
 declare module "@babylonjs/inspector/split/splitContainer" {
+import { PropsWithChildren } from "react";
 import { SplitDirection } from "@babylonjs/inspector/split/splitContext";
 /**
  * Split container properties
@@ -5326,7 +5333,7 @@ export interface ISplitContainerProps {
  * @param props defines the split container properties
  * @returns the split container component
  */
-export const SplitContainer: React.FC<ISplitContainerProps>;
+export const SplitContainer: React.FC<PropsWithChildren<ISplitContainerProps>>;
 
 }
 declare module "@babylonjs/inspector/nodeGraphSystem/typeLedger" {
@@ -6965,9 +6972,7 @@ export class ColorPickerLine extends React.Component<IColorPickerLineProps, ICol
     constructor(props: IColorPickerLineProps);
     syncPositions(): void;
     shouldComponentUpdate(nextProps: IColorPickerLineProps, nextState: IColorPickerComponentState): boolean;
-    getHexString(props?: Readonly<IColorPickerLineProps> & Readonly<{
-        children?: React.ReactNode | undefined;
-    }>): string;
+    getHexString(props?: Readonly<IColorPickerLineProps>): string;
     componentDidUpdate(): void;
     componentDidMount(): void;
 
@@ -7000,9 +7005,7 @@ interface IColorLineComponentState {
 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 | undefined;
-    }>): Color4;
+    getValue(props?: Readonly<IColorLineProps>): Color4;
     setColorFromString(colorString: string): void;
     setColor(newColor: Color4): void;
     switchExpandState(): void;
@@ -7189,6 +7192,7 @@ export const Icon: React.FC<IconProps>;
 
 }
 declare module "@babylonjs/inspector/components/Button" {
+import { PropsWithChildren } from "react";
 export type ButtonProps = {
     disabled?: boolean;
     active?: boolean;
@@ -7198,7 +7202,7 @@ export type ButtonProps = {
     title?: string;
     backgroundColor?: string;
 };
-export const Button: React.FC<ButtonProps>;
+export const Button: React.FC<PropsWithChildren<ButtonProps>>;
 
 }
 declare module "@babylonjs/inspector/components/reactGraphSystem/useGraphContext" {
@@ -7210,7 +7214,7 @@ export const useGraphContext: () => import("@babylonjs/inspector/components/reac
 
 }
 declare module "@babylonjs/inspector/components/reactGraphSystem/NodeRenderer" {
-import { ComponentType } from "react";
+import { ComponentType, PropsWithChildren } from "react";
 import { Nullable } from "@babylonjs/core/types";
 export type IVisualRecordsType = Record<string, {
     x: number;
@@ -7282,7 +7286,7 @@ export interface INodeRendererProps {
 
 }
 declare module "@babylonjs/inspector/components/reactGraphSystem/GraphNodesContainer" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 export interface IGraphContainerProps {
     onNodeMoved: (id: string, x: number, y: number) => void;
     id: string;
@@ -7292,11 +7296,11 @@ export interface IGraphContainerProps {
  * @param props properties
  * @returns graph node container element
  */
-export const GraphNodesContainer: FC<IGraphContainerProps>;
+export const GraphNodesContainer: FC<PropsWithChildren<IGraphContainerProps>>;
 
 }
 declare module "@babylonjs/inspector/components/reactGraphSystem/GraphNode" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 export interface IGraphNodeProps {
     id: string;
     name: string;
@@ -7308,11 +7312,11 @@ export interface IGraphNodeProps {
     highlighted?: boolean;
     parentContainerId: string;
 }
-export const SingleGraphNode: FC<IGraphNodeProps>;
+export const SingleGraphNode: FC<PropsWithChildren<IGraphNodeProps>>;
 
 }
 declare module "@babylonjs/inspector/components/reactGraphSystem/GraphLinesContainer" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 /**
  * props for the GraphLineContainer
  */
@@ -7327,7 +7331,7 @@ export interface IGraphLinesContainerProps {
  * @param props
  * @returns
  */
-export const GraphLinesContainer: FC<IGraphLinesContainerProps>;
+export const GraphLinesContainer: FC<PropsWithChildren<IGraphLinesContainerProps>>;
 
 }
 declare module "@babylonjs/inspector/components/reactGraphSystem/GraphLine" {
@@ -7388,7 +7392,7 @@ export const GraphContextManager: import("react").Context<IGraphContext>;
 
 }
 declare module "@babylonjs/inspector/components/reactGraphSystem/GraphContainer" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 export interface IGraphContainerProps {
 }
 /**
@@ -7397,11 +7401,11 @@ export interface IGraphContainerProps {
  * @param props
  * @returns
  */
-export const GraphContainer: FC<IGraphContainerProps>;
+export const GraphContainer: FC<PropsWithChildren<IGraphContainerProps>>;
 
 }
 declare module "@babylonjs/inspector/components/reactGraphSystem/GraphConnectorHandle" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 /**
  * Props for the connector
  */
@@ -7444,7 +7448,7 @@ export interface IGraphConnectorHandlerProps {
  * drag the handle in a node and drop it in another node to create a connection.
  * @returns connector element
  */
-export const GraphConnectorHandler: FC<IGraphConnectorHandlerProps>;
+export const GraphConnectorHandler: FC<PropsWithChildren<IGraphConnectorHandlerProps>>;
 
 }
 declare module "@babylonjs/inspector/components/lines/OptionsLineComponent" {
@@ -7549,9 +7553,7 @@ export class ColorPickerLineComponent extends React.Component<IColorPickerLineCo
     constructor(props: IColorPickerLineComponentProps);
     syncPositions(): void;
     shouldComponentUpdate(nextProps: IColorPickerLineComponentProps, nextState: IColorPickerComponentState): boolean;
-    getHexString(props?: Readonly<IColorPickerLineComponentProps> & Readonly<{
-        children?: React.ReactNode | undefined;
-    }>): string;
+    getHexString(props?: Readonly<IColorPickerLineComponentProps>): string;
     componentDidUpdate(): void;
     componentDidMount(): void;
 
@@ -7584,9 +7586,7 @@ interface IColorLineComponentState {
 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 | undefined;
-    }>): Color4;
+    getValue(props?: Readonly<IColorLineComponentProps>): Color4;
     setColorFromString(colorString: string): void;
     setColor(newColor: Color4): void;
     switchExpandState(): void;
@@ -7886,7 +7886,7 @@ export const FlexibleGridContainer: FC<IFlexibleGridContainerProps>;
 
 }
 declare module "@babylonjs/inspector/components/layout/FlexibleDropZone" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 /**
  * Arguments for the FlexibleDropZone component.
  */
@@ -7906,11 +7906,11 @@ export interface IFlexibleDropZoneProps {
  * @param props properties
  * @returns drop zone element
  */
-export const FlexibleDropZone: FC<IFlexibleDropZoneProps>;
+export const FlexibleDropZone: FC<PropsWithChildren<IFlexibleDropZoneProps>>;
 
 }
 declare module "@babylonjs/inspector/components/layout/FlexibleDragHandler" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 /**
  * Arguments for the DragHandler component.
  */
@@ -7929,11 +7929,11 @@ export interface IFlexibleDragHandlerProps {
  * @param props properties
  * @returns DragHandler element
  */
-export const FlexibleDragHandler: FC<IFlexibleDragHandlerProps>;
+export const FlexibleDragHandler: FC<PropsWithChildren<IFlexibleDragHandlerProps>>;
 
 }
 declare module "@babylonjs/inspector/components/layout/FlexibleColumn" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 /**
  * Arguments for the Column component.
  */
@@ -7949,7 +7949,7 @@ export interface IFlexibleColumnProps {
  * @param props
  * @returns
  */
-export const FlexibleColumn: FC<IFlexibleColumnProps>;
+export const FlexibleColumn: FC<PropsWithChildren<IFlexibleColumnProps>>;
 
 }
 declare module "@babylonjs/inspector/components/layout/DraggableIcon" {
@@ -8114,7 +8114,7 @@ export const CommandButtonComponent: React.FC<ICommandButtonComponentProps>;
 
 }
 declare module "@babylonjs/inspector/components/bars/CommandBarComponent" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 export interface ICommandBarComponentProps {
     onSaveButtonClicked?: () => void;
     onSaveToSnippetButtonClicked?: () => void;
@@ -8129,7 +8129,7 @@ export interface ICommandBarComponentProps {
     artboardColor?: string;
     artboardColorPickerColor?: string;
 }
-export const CommandBarComponent: FC<ICommandBarComponentProps>;
+export const CommandBarComponent: FC<PropsWithChildren<ICommandBarComponentProps>>;
 
 }
 declare module "@babylonjs/inspector/colorPicker/hexColor" {

package/package.json

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