@babylonjs/gui-editor 5.18.0 → 5.21.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>;
@@ -1122,9 +1127,11 @@ export class GlobalState {
     workbench: WorkbenchComponent;
     onPropertyChangedObservable: Observable<PropertyChangedEvent>;
     private _tool;
+    private _prevTool;
     onToolChangeObservable: Observable<void>;
     get tool(): GUIEditorTool;
     set tool(newTool: GUIEditorTool);
+    restorePreviousTool(): void;
     onFitControlsToWindowObservable: Observable<void>;
     onReframeWindowObservable: Observable<void>;
     onLoadObservable: Observable<File>;
@@ -1163,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);
@@ -1203,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>;
 }
 
 }
@@ -1299,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";
@@ -1341,6 +1335,7 @@ interface IGraphEditorProps {
 interface IGraphEditorState {
     showPreviewPopUp: boolean;
     toolbarExpand: boolean;
+    message: string;
 }
 export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEditorState> {
     private _moveInProgress;
@@ -1349,7 +1344,11 @@ export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEd
     private _popUpWindow;
     private _draggedItem;
     private _rootRef;
+    private _onErrorMessageObserver;
     componentDidMount(): void;
+    componentWillUnmount(): void;
+    addToolControls: (evt: KeyboardEvent) => void;
+    removePressToolControls: (evt: KeyboardEvent) => void;
     constructor(props: IGraphEditorProps);
     showWaitScreen(): void;
     hideWaitScreen(): void;
@@ -1499,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" />
@@ -1796,8 +1804,8 @@ export class FloatLineComponent extends React.Component<IFloatLineComponentProps
     updateValue(valueString: string): void;
     lock(): void;
     unlock(): void;
-    incrementValue(amount: number): void;
-    onKeyDown(event: React.KeyboardEvent): void;
+    incrementValue(amount: number, processStep?: boolean): void;
+    onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
     render(): JSX.Element;
 }
 export {};
@@ -2034,8 +2042,10 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
     shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
         value: string;
     }): boolean;
-    updateValue(evt: any): void;
+    updateValue(valueString: string): void;
     onBlur(): void;
+    incrementValue(amount: number): void;
+    onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
     render(): JSX.Element;
 }
 export {};
@@ -2488,6 +2498,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _oldY;
     _frameIsMoving: boolean;
     _isLoading: boolean;
+    _targetLinkCandidate: Nullable<NodeLink>;
     private _copiedNodes;
     private _copiedFrames;
     get gridSize(): number;
@@ -2514,7 +2525,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _selectedFrameAndNodesConflict;
     constructor(props: IGraphCanvasComponentProps);
     populateConnectedEntriesBeforeRemoval(item: GraphNode, items: GraphNode[], inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[]): void;
-    automaticRewire(inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[]): void;
+    automaticRewire(inputs: Nullable<IPortData>[], outputs: Nullable<IPortData>[], firstOnly?: boolean): void;
     handleKeyDown(evt: KeyboardEvent, onRemove: (nodeData: INodeData) => void, mouseLocationX: number, mouseLocationY: number, dataGenerator: (nodeData: INodeData) => any, rootElement: HTMLDivElement): void;
     pasteSelection(copiedNodes: GraphNode[], currentX: number, currentY: number, dataGenerator: (nodeData: INodeData) => any, selectNew?: boolean): GraphNode[];
     reconnectNewNodes(nodeIndex: number, newNodes: GraphNode[], sourceNodes: GraphNode[], done: boolean[]): void;
@@ -2922,13 +2933,17 @@ export class NodeLink {
     private _selectionPath;
     private _onSelectionChangedObserver;
     private _isVisible;
+    private _isTargetCandidate;
     onDisposedObservable: Observable<NodeLink>;
+    get isTargetCandidate(): boolean;
+    set isTargetCandidate(value: boolean);
     get isVisible(): boolean;
     set isVisible(value: boolean);
     get portA(): FrameNodePort | NodePort;
     get portB(): FrameNodePort | NodePort | undefined;
     get nodeA(): GraphNode;
     get nodeB(): GraphNode | undefined;
+    intersectsWith(rect: DOMRect): boolean;
     update(endX?: number, endY?: number, straight?: boolean): void;
     constructor(graphCanvas: GraphCanvasComponent, portA: NodePort, nodeA: GraphNode, portB?: NodePort, nodeB?: GraphNode);
     onClick(evt: MouseEvent): void;
@@ -3107,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.18.0",
+    "version": "5.21.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.18.0",
-        "@babylonjs/gui": "^5.18.0",
+        "@babylonjs/core": "^5.21.0",
+        "@babylonjs/gui": "^5.21.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "rimraf": "^3.0.2",