@babylonjs/gui-editor 5.14.1 → 5.16.0

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

@@ -737,6 +737,7 @@ export interface ITreeItemSelectableComponentProps {
     filter: Nullable<string>;
 }
 export interface ITreeItemSelectableComponentState {
+    isExpanded: boolean;
     dragOver: boolean;
     isSelected: boolean;
     isHovered: boolean;
@@ -885,7 +886,6 @@ export class GizmoGeneric extends React.Component<IGuiGizmoProps, IGuiGizmoState
     componentWillUnmount(): void;
     /**
      * Update the gizmo's positions
-     * @param force should the update be forced. otherwise it will be updated only when the pointer is down
      */
     updateGizmo(): void;
     private _onUp;
@@ -1336,6 +1336,7 @@ interface IGraphEditorProps {
 }
 interface IGraphEditorState {
     showPreviewPopUp: boolean;
+    toolbarExpand: boolean;
 }
 export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEditorState> {
     private _moveInProgress;
@@ -1356,8 +1357,14 @@ export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEd
     handleClosingPopUp: () => void;
     createPopupWindow: (title: string, windowVariableName: string, width?: number, height?: number) => Window | null;
     copyStyles: (sourceDoc: HTMLDocument, targetDoc: HTMLDocument) => void;
+    switchExpandedState(): void;
     render(): JSX.Element;
     onCreate(value: string): Control;
+    createBlackLine(): JSX.Element;
+    createToolbarHelper(ct: {
+        className: string;
+        icon: string;
+    }[]): JSX.Element[];
     createToolbar(): JSX.Element;
 }
 export {};
@@ -1748,7 +1755,7 @@ interface IFloatLineComponentProps {
     label: string;
     target: any;
     propertyName: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     onChange?: (newValue: number) => void;
     isInteger?: boolean;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
@@ -2122,7 +2129,7 @@ interface ISliderLineComponentProps {
     margin?: boolean;
     icon?: string;
     iconLabel?: string;
-    lockObject?: LockObject;
+    lockObject: LockObject;
     unit?: React.ReactNode;
 }
 export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
@@ -2502,6 +2509,8 @@ export class GraphCanvasComponent extends React.Component<IGraphCanvasComponentP
     get frameContainer(): HTMLDivElement;
     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;
     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;
@@ -2704,7 +2713,8 @@ export class GraphNode {
     content: INodeData;
     private _visual;
     private _headerContainer;
-    private _warning;
+    private _headerIcon;
+    private _headerIconImg;
     private _header;
     private _connections;
     private _inputsContainer;
@@ -2800,7 +2810,7 @@ export interface INodeData {
     uniqueId: number;
     isInput: boolean;
     comments: string;
-    getWarningMessage: () => string;
+    prepareHeaderIcon: (iconDiv: HTMLDivElement, img: HTMLImageElement) => void;
     getClassName: () => string;
     dispose: () => void;
     getPortByName: (name: string) => Nullable<IPortData>;
@@ -2861,6 +2871,7 @@ export interface IPortData {
     hasEndpoints: boolean;
     endpoints: Nullable<IPortData[]>;
     updateDisplayName: (newName: string) => void;
+    canConnectTo: (port: IPortData) => boolean;
     connectTo: (port: IPortData) => void;
     disconnectFrom: (port: IPortData) => void;
     checkCompatibilityState(port: IPortData): number;
@@ -3004,7 +3015,7 @@ export class StateManager {
         targetY: number;
         needRepositioning?: boolean | undefined;
     }>;
-    exportData: (data: any) => string;
+    exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     applyNodePortDesign: (data: IPortData, element: HTMLElement, img: HTMLImageElement) => void;
     storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/gui-editor",
-    "version": "5.14.1",
+    "version": "5.16.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.14.1",
-        "@babylonjs/gui": "^5.14.1",
+        "@babylonjs/core": "^5.16.0",
+        "@babylonjs/gui": "^5.16.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "rimraf": "^3.0.2",