@babylonjs/gui-editor 5.0.0-beta.11 → 5.0.0-beta.12

package/babylon.guiEditor.module.d.ts

@@ -102,7 +102,6 @@ declare module "@babylonjs/gui-editor/diagram/coordinateHelper" {
 declare module "@babylonjs/gui-editor/diagram/workbench" {
     import * as React from "react";
     import { GlobalState } from "@babylonjs/gui-editor/globalState";
-    import { Nullable } from "@babylonjs/core/types";
     import { Control } from "@babylonjs/gui/2D/controls/control";
     import { Vector2, Vector3 } from "@babylonjs/core/Maths/math.vector";
     import { Scene } from "@babylonjs/core/scene";
@@ -123,7 +122,6 @@ declare module "@babylonjs/gui-editor/diagram/workbench" {
         private _mouseStartPointX;
         private _mouseStartPointY;
         _scene: Scene;
-        private _selectedGuiNodes;
         private _ctrlKeyIsPressed;
         private _altKeyIsPressed;
         private _constraintDirection;
@@ -140,7 +138,6 @@ declare module "@babylonjs/gui-editor/diagram/workbench" {
         private _mainSelection;
         private _selectionDepth;
         private _doubleClick;
-        private _lockMainSelection;
         _liveGuiTextureRerender: boolean;
         private _anyControlClicked;
         private _visibleRegionContainer;
@@ -168,7 +165,7 @@ declare module "@babylonjs/gui-editor/diagram/workbench" {
         private _getParentWithDepth;
         private _getMaxParent;
         constructor(props: IWorkbenchComponentProps);
-        determineMouseSelection(selection: Nullable<Control>): void;
+        determineMouseSelection(selection: Control): void;
         keyEvent: (evt: KeyboardEvent) => void;
         private _deleteSelectedNodes;
         copyToClipboard(copyFn: (content: string) => void): void;
@@ -240,13 +237,13 @@ declare module "@babylonjs/gui-editor/globalState" {
         NONE = 3
     }
     export class GlobalState {
-        [x: string]: any;
         liveGuiTexture: Nullable<AdvancedDynamicTexture>;
         guiTexture: AdvancedDynamicTexture;
         hostElement: HTMLElement;
         hostDocument: HTMLDocument;
         hostWindow: Window;
-        onSelectionChangedObservable: Observable<Nullable<Control>>;
+        selectedControls: Control[];
+        onSelectionChangedObservable: Observable<void>;
         onResizeObservable: Observable<ISize>;
         onBuiltObservable: Observable<void>;
         onResetRequiredObservable: Observable<void>;
@@ -260,6 +257,7 @@ declare module "@babylonjs/gui-editor/globalState" {
         onPopupClosedObservable: Observable<void>;
         private _backgroundColor;
         private _outlines;
+        isMultiSelecting: boolean;
         onOutlineChangedObservable: Observable<void>;
         blockKeyboardEvents: boolean;
         controlCamera: boolean;
@@ -305,10 +303,14 @@ declare module "@babylonjs/gui-editor/globalState" {
         constructor();
         /** adds copy, cut and paste listeners to the host window */
         registerEventListeners(): void;
+        private _updateKeys;
         get backgroundColor(): Color3;
         set backgroundColor(value: Color3);
         get outlines(): boolean;
         set outlines(value: boolean);
+        select(control: Control): void;
+        setSelection(controls: Control[]): void;
+        isMultiSelectable(control: Control): boolean;
     }
 }
 declare module "@babylonjs/gui-editor/sharedUiComponents/lines/buttonLineComponent" {
@@ -508,6 +510,19 @@ declare module "@babylonjs/gui-editor/sharedUiComponents/lines/sliderLineCompone
         render(): JSX.Element;
     }
 }
+declare module "@babylonjs/gui-editor/sharedUiComponents/lines/inputArrowsComponent" {
+    import * as React from "react";
+    interface IInputArrowsComponentProps {
+        incrementValue: (amount: number) => void;
+        setDragging: (dragging: boolean) => void;
+    }
+    export class InputArrowsComponent extends React.Component<IInputArrowsComponentProps> {
+        private _arrowsRef;
+        private _drag;
+        private _releaseListener;
+        render(): JSX.Element;
+    }
+}
 declare module "@babylonjs/gui-editor/sharedUiComponents/lines/textInputLineComponent" {
     import * as React from "react";
     import { Observable } from "@babylonjs/core/Misc/observable";
@@ -529,18 +544,25 @@ declare module "@babylonjs/gui-editor/sharedUiComponents/lines/textInputLineComp
         unit?: string;
         onUnitClicked?: (unit: string) => void;
         unitLocked?: boolean;
+        arrows?: boolean;
+        arrowsIncrement?: (amount: number) => void;
+        step?: number;
     }
     export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
         value: string;
+        dragging: boolean;
     }> {
         private _localChange;
         constructor(props: ITextInputLineComponentProps);
         componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
             value: string;
+            dragging: boolean;
         }): boolean;
         raiseOnPropertyChanged(newValue: string, previousValue: string): void;
         updateValue(value: string): void;
+        incrementValue(amount: number): void;
+        onKeyDown(event: React.KeyboardEvent): void;
         render(): JSX.Element;
     }
 }
@@ -753,10 +775,13 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/c
         onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     }
     export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
+        private _onPropertyChangedObserver;
         constructor(props: ICommonControlPropertyGridComponentProps);
+        private _getTransformedReferenceCoordinate;
         private _updateAlignment;
         private _checkAndUpdateValues;
         private _markChildrenAsDirty;
+        componentWillUnmount(): void;
         render(): JSX.Element;
     }
 }
@@ -1172,16 +1197,12 @@ declare module "@babylonjs/gui-editor/guiNodeTools" {
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyTabComponent" {
     import * as React from "react";
     import { GlobalState } from "@babylonjs/gui-editor/globalState";
-    import { Nullable } from "@babylonjs/core/types";
     import { Control } from "@babylonjs/gui/2D/controls/control";
     import { AdvancedDynamicTexture } from "@babylonjs/gui/2D/advancedDynamicTexture";
     interface IPropertyTabComponentProps {
         globalState: GlobalState;
     }
-    interface IPropertyTabComponentState {
-        currentNode: Nullable<Control>;
-    }
-    export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, IPropertyTabComponentState> {
+    export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps> {
         private _onBuiltObserver;
         private _timerIntervalId;
         private _lockObject;
@@ -1526,12 +1547,11 @@ declare module "@babylonjs/gui-editor/diagram/guiGizmoWrapper" {
     import { Observer } from "@babylonjs/core/Misc/observable";
     import * as React from "react";
     import { GlobalState } from "@babylonjs/gui-editor/globalState";
-    import { Control } from "@babylonjs/gui/2D/controls/control";
     export interface IGizmoWrapperProps {
         globalState: GlobalState;
     }
     export class GizmoWrapper extends React.Component<IGizmoWrapperProps> {
-        observer: Nullable<Observer<Nullable<Control>>>;
+        observer: Nullable<Observer<void>>;
         componentWillMount(): void;
         componentWillUnmount(): void;
         render(): JSX.Element;

package/package.json

@@ -4,14 +4,14 @@
     },
     "name": "@babylonjs/gui-editor",
     "description": "The Babylon.js GUI editor.",
-    "version": "5.0.0-beta.11",
+    "version": "5.0.0-beta.12",
     "repository": {
         "type": "git",
         "url": "https://github.com/BabylonJS/Babylon.js.git"
     },
     "license": "Apache-2.0",
     "dependencies": {
-        "@babylonjs/core": "5.0.0-beta.11",
+        "@babylonjs/core": "5.0.0-beta.12",
         "tslib": "^2.3.1"
     },
     "files": [