@babylonjs/gui-editor 5.17.1 → 5.20.0

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

@@ -24,6 +24,8 @@ interface ICommandButtonComponentProps {
     icon: string;
     iconLabel?: string;
     isActive: boolean;
+    copyDeleteDisabled?: boolean;
+    pasteDisabled?: boolean;
     onClick: () => void;
     altStyle?: boolean;
     disabled?: boolean;
@@ -994,6 +996,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;
@@ -1008,7 +1012,9 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     private _zoomFactor;
     private _zoomModeIncrement;
     private _guiSize;
+    private _pasteDisabled;
     get guiSize(): ISize;
+    get pasteDisabled(): boolean;
     set guiSize(value: ISize);
     applyEditorTransformation(): void;
     removeEditorTransformation(): void;
@@ -1051,7 +1057,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;
@@ -1110,6 +1116,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>;
@@ -1118,9 +1125,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>;
@@ -1159,6 +1168,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);
@@ -1199,8 +1210,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>;
 }
 
 }
@@ -1346,6 +1358,9 @@ export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEd
     private _draggedItem;
     private _rootRef;
     componentDidMount(): void;
+    componentWillUnmount(): void;
+    addToolControls: (evt: KeyboardEvent) => void;
+    removePressToolControls: (evt: KeyboardEvent) => void;
     constructor(props: IGraphEditorProps);
     showWaitScreen(): void;
     hideWaitScreen(): void;
@@ -1792,8 +1807,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 {};
@@ -2030,8 +2045,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 {};
@@ -2484,6 +2501,7 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     private _oldY;
     _frameIsMoving: boolean;
     _isLoading: boolean;
+    _targetLinkCandidate: Nullable<NodeLink>;
     private _copiedNodes;
     private _copiedFrames;
     get gridSize(): number;
@@ -2510,7 +2528,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;
@@ -2918,13 +2936,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;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/gui-editor",
-    "version": "5.17.1",
+    "version": "5.20.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.17.1",
-        "@babylonjs/gui": "^5.17.1",
+        "@babylonjs/core": "^5.20.0",
+        "@babylonjs/gui": "^5.20.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "rimraf": "^3.0.2",