@babylonjs/gui-editor 5.19.0 → 5.22.0

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

@@ -293,6 +293,7 @@ interface IGridPropertyGridComponentProps {
     grids: Grid[];
     lockObject: LockObject;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    onUpdateRequiredObservable?: Observable<void>;
 }
 export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
     constructor(props: IGridPropertyGridComponentProps);
@@ -648,6 +649,7 @@ export class SceneExplorerComponent extends React.Component<ISceneExplorerCompon
     private _onParrentingChangeObserver;
     private _onNewSceneObserver;
     private _onPropertyChangedObservable;
+    private _onUpdateRequiredObserver;
     constructor(props: ISceneExplorerComponentProps);
     componentDidMount(): void;
     componentWillUnmount(): void;
@@ -996,6 +998,8 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     private _pointerTravelDistance;
     private _processSelectionOnUp;
     private _visibleRegionContainer;
+    private _currLeft;
+    private _currTop;
     get visibleRegionContainer(): Container;
     private _panAndZoomContainer;
     get panAndZoomContainer(): Container;
@@ -1055,7 +1059,7 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     processSelection(): void;
     onDown(evt: React.PointerEvent<HTMLElement>): void;
     onUp(evt: React.PointerEvent): void;
-    createGUICanvas(): void;
+    createGUICanvas(embed?: boolean): void;
     synchronizeLiveGUI(): void;
     addControls(scene: Scene): void;
     panning(): void;
@@ -1114,6 +1118,7 @@ export class GlobalState {
     private _backgroundColor;
     private _outlines;
     keys: KeyboardManager;
+    private _fromPG;
     /** DO NOT USE: in the process of removing */
     blockKeyboardEvents: boolean;
     onOutlineChangedObservable: Observable<void>;
@@ -1165,6 +1170,8 @@ export class GlobalState {
     /** adds copy, cut and paste listeners to the host window */
     registerEventListeners(): void;
     get backgroundColor(): Color3;
+    get fromPG(): boolean;
+    set fromPG(value: boolean);
     set backgroundColor(value: Color3);
     get outlines(): boolean;
     set outlines(value: boolean);
@@ -1205,8 +1212,9 @@ export class GUIEditor {
     /**
      * Show the gui editor
      * @param options defines the options to use to configure the gui editor
+     * @param embed defines whether editor is being opened from the Playground
      */
-    static Show(options: IGUIEditorOptions): Promise<void>;
+    static Show(options: IGUIEditorOptions, embed?: boolean): Promise<void>;
 }
 
 }
@@ -1301,22 +1309,6 @@ export class Portal extends React.Component<IPortalProps> {
 }
 export {};
 
-}
-declare module "@babylonjs/gui-editor/sharedComponents/messageDialog" {
-import * as React from "react";
-import { GlobalState } from "@babylonjs/gui-editor/globalState";
-interface IMessageDialogComponentProps {
-    globalState: GlobalState;
-}
-export class MessageDialogComponent extends React.Component<IMessageDialogComponentProps, {
-    message: string;
-    isError: boolean;
-}> {
-    constructor(props: IMessageDialogComponentProps);
-    render(): JSX.Element | null;
-}
-export {};
-
 }
 declare module "@babylonjs/gui-editor/tools" {
 import { Control } from "@babylonjs/gui/2D/controls/control";
@@ -1343,6 +1335,7 @@ interface IGraphEditorProps {
 interface IGraphEditorState {
     showPreviewPopUp: boolean;
     toolbarExpand: boolean;
+    message: string;
 }
 export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEditorState> {
     private _moveInProgress;
@@ -1351,6 +1344,7 @@ export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEd
     private _popUpWindow;
     private _draggedItem;
     private _rootRef;
+    private _onErrorMessageObserver;
     componentDidMount(): void;
     componentWillUnmount(): void;
     addToolControls: (evt: KeyboardEvent) => void;
@@ -1504,6 +1498,15 @@ export type LabelProps = {
 };
 export const Label: React.FC<LabelProps>;
 
+}
+declare module "@babylonjs/gui-editor/components/MessageDialog" {
+import * as React from "react";
+export interface MessageDialogProps {
+    message: string;
+    isError: boolean;
+}
+export const MessageDialog: React.FC<MessageDialogProps>;
+
 }
 declare module "@babylonjs/gui-editor/components/Toggle" {
 /// <reference types="react" />
@@ -3038,10 +3041,10 @@ export class StateManager {
     getEditorDataMap: () => {
         [key: number]: number;
     };
-    createDefaultInputData: (rootData: any, portData: IPortData, nodeContainer: INodeContainer) => {
+    createDefaultInputData: (rootData: any, portData: IPortData, nodeContainer: INodeContainer) => Nullable<{
         data: INodeData;
         name: string;
-    };
+    }>;
 }
 
 }
@@ -3119,6 +3122,18 @@ const _default: {
 export default _default;
 export const Default: any;
 
+}
+declare module "@babylonjs/gui-editor/stories/MessageDialog.stories" {
+/// <reference types="react" />
+import { MessageDialogProps } from "@babylonjs/gui-editor/components/MessageDialog";
+const _default: {
+    title: string;
+    component: import("react").FC<MessageDialogProps>;
+};
+export default _default;
+export const NoError: any;
+export const Error: any;
+
 }
 declare module "@babylonjs/gui-editor/stories/Toggle.stories" {
 /// <reference types="react" />

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/gui-editor",
-    "version": "5.19.0",
+    "version": "5.22.0",
     "main": "dist/babylon.guiEditor.max.js",
     "module": "dist/babylon.guiEditor.max.js",
     "esnext": "dist/babylon.guiEditor.max.js",
@@ -24,8 +24,8 @@
         "@types/react-dom": ">=16.0.9"
     },
     "devDependencies": {
-        "@babylonjs/core": "^5.19.0",
-        "@babylonjs/gui": "^5.19.0",
+        "@babylonjs/core": "^5.22.0",
+        "@babylonjs/gui": "^5.22.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "rimraf": "^3.0.2",