babylonjs-gui-editor 8.1.1 → 8.2.1

package/babylon.guiEditor.d.ts

@@ -16,6 +16,7 @@ declare module BABYLON {
         private _draggedItem;
         private _rootRef;
         private _onErrorMessageObserver;
+        private _workbenchRef;
         componentDidMount(): void;
         componentWillUnmount(): void;
         addToolControls: (evt: KeyboardEvent) => void;
@@ -53,7 +54,7 @@ declare module BABYLON {
     interface IPortalProps {
         globalState: GlobalState;
     }
-    export class Portal extends React.Component<IPortalProps> {
+    export class Portal extends React.Component<React.PropsWithChildren<IPortalProps>> {
         render(): React.ReactPortal;
     }
 
@@ -377,7 +378,7 @@ declare module BABYLON {
     }
     export class GizmoWrapper extends React.Component<IGizmoWrapperProps> {
         observer: Nullable<Observer<void>>;
-        componentWillMount(): void;
+        componentDidMount(): void;
         componentWillUnmount(): void;
         render(): import("react/jsx-runtime").JSX.Element;
     }
@@ -627,6 +628,7 @@ declare module BABYLON {
         private _onSelectionChangedObservable;
         private _onDraggingEndObservable;
         private _onDraggingStartObservable;
+        private _thisRef;
         /** flag flipped onDragEnter if dragOver is already true
          * prevents dragLeave from immediately setting dragOver to false
          * required to make dragging work as expected
@@ -718,7 +720,7 @@ declare module BABYLON {
         onPopup?: () => void;
         onClose?: () => void;
     }
-    export class SceneExplorerComponent extends React.Component<ISceneExplorerComponentProps, {
+    export class SceneExplorerComponent extends React.Component<React.PropsWithChildren<ISceneExplorerComponentProps>, {
         filter: Nullable<string>;
         selectedEntity: any;
         scene: Nullable<Scene>;
@@ -1076,7 +1078,7 @@ declare module BABYLON {
         private _onFontsParsedObserver;
         private _onControlVisibilityChangedObservers;
         constructor(props: ICommonControlPropertyGridComponentProps);
-        componentWillMount(): void;
+        componentDidMount(): void;
         private _checkFontsInLayout;
         private _addFont;
         private _getTransformedReferenceCoordinate;
@@ -1151,6 +1153,7 @@ declare module BABYLON {
     export class LogComponent extends React.Component<ILogComponentProps, {
         logs: LogEntry[];
     }> {
+        private _consoleRef;
         constructor(props: ILogComponentProps);
         componentDidMount(): void;
         componentDidUpdate(): void;
@@ -1801,7 +1804,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props defines the split container properties
      * @returns the split container component
      */
-    export var SplitContainer: React.FC<ISplitContainerProps>;
+    export var SplitContainer: React.FC<React.PropsWithChildren<ISplitContainerProps>>;
 
 
 
@@ -3563,9 +3566,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         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;
         render(): import("react/jsx-runtime").JSX.Element;
@@ -3598,9 +3599,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     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;
@@ -3851,7 +3850,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         title?: string;
         backgroundColor?: string;
     };
-    export var Button: React.FC<ButtonProps>;
+    export var Button: React.FC<React.PropsWithChildren<ButtonProps>>;
 
 
 
@@ -3941,7 +3940,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export const NodeRenderer: (props: INodeRendererProps) => import("react/jsx-runtime").JSX.Element;
+    export const NodeRenderer: (props: React.PropsWithChildren<INodeRendererProps>) => import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -3960,7 +3959,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props properties
      * @returns graph node container element
      */
-    export var GraphNodesContainer: React.FC<IGraphContainerProps>;
+    export var GraphNodesContainer: React.FC<React.PropsWithChildren<IGraphContainerProps>>;
 
 
 
@@ -3981,7 +3980,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         highlighted?: boolean;
         parentContainerId: string;
     }
-    export var SingleGraphNode: React.FC<IGraphNodeProps>;
+    export var SingleGraphNode: React.FC<React.PropsWithChildren<IGraphNodeProps>>;
 
 
 
@@ -4005,7 +4004,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export var GraphLinesContainer: React.FC<IGraphLinesContainerProps>;
+    export var GraphLinesContainer: React.FC<React.PropsWithChildren<IGraphLinesContainerProps>>;
 
 
 
@@ -4091,7 +4090,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export var GraphContainer: React.FC<IGraphContainerProps>;
+    export var GraphContainer: React.FC<React.PropsWithChildren<IGraphContainerProps>>;
 
 
 
@@ -4143,7 +4142,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * drag the handle in a node and drop it in another node to create a connection.
      * @returns connector element
      */
-    export var GraphConnectorHandler: React.FC<IGraphConnectorHandlerProps>;
+    export var GraphConnectorHandler: React.FC<React.PropsWithChildren<IGraphConnectorHandlerProps>>;
 
 
 
@@ -4265,9 +4264,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         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;
         render(): import("react/jsx-runtime").JSX.Element;
@@ -4300,9 +4297,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     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;
@@ -4662,7 +4657,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props properties
      * @returns drop zone element
      */
-    export var FlexibleDropZone: React.FC<IFlexibleDropZoneProps>;
+    export var FlexibleDropZone: React.FC<React.PropsWithChildren<IFlexibleDropZoneProps>>;
 
 
 
@@ -4690,7 +4685,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props properties
      * @returns DragHandler element
      */
-    export var FlexibleDragHandler: React.FC<IFlexibleDragHandlerProps>;
+    export var FlexibleDragHandler: React.FC<React.PropsWithChildren<IFlexibleDragHandlerProps>>;
 
 
 
@@ -4715,7 +4710,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export var FlexibleColumn: React.FC<IFlexibleColumnProps>;
+    export var FlexibleColumn: React.FC<React.PropsWithChildren<IFlexibleColumnProps>>;
 
 
 
@@ -4924,7 +4919,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         artboardColor?: string;
         artboardColorPickerColor?: string;
     }
-    export var CommandBarComponent: React.FC<ICommandBarComponentProps>;
+    export var CommandBarComponent: React.FC<React.PropsWithChildren<ICommandBarComponentProps>>;