babylonjs-node-render-graph-editor 7.21.4 → 7.22.0

package/babylon.nodeRenderGraphEditor.module.d.ts

@@ -156,7 +156,6 @@ export class GlobalState {
     onReOrganizedRequiredObservable: Observable<void>;
     onLogRequiredObservable: Observable<LogEntry>;
     onIsLoadingChanged: Observable<boolean>;
-    onPreviewCommandActivated: Observable<boolean>;
     onLightUpdated: Observable<void>;
     onFrame: Observable<void>;
     onAnimationCommandActivated: Observable<void>;
@@ -541,7 +540,6 @@ export class InputPropertyTabComponent extends React.Component<IPropertyComponen
 declare module "babylonjs-node-render-graph-editor/graphSystem/properties/genericNodePropertyComponent" {
 import * as React from "react";
 import { IPropertyComponentProps } from "babylonjs-node-render-graph-editor/nodeGraphSystem/interfaces/propertyComponentProps";
-import { type IEditablePropertyOption } from "babylonjs/Decorators/nodeDecorator";
 export const samplingModeList: {
     label: string;
     value: number;
@@ -568,7 +566,6 @@ export class GeneralPropertyTabComponent extends React.Component<IPropertyCompon
 }
 export class GenericPropertyTabComponent extends React.Component<IPropertyComponentProps> {
     constructor(props: IPropertyComponentProps);
-    forceRebuild(propertyName: string, notifiers?: IEditablePropertyOption["notifiers"]): void;
 
 }
 
@@ -1337,6 +1334,7 @@ import { IPortData } from "babylonjs-node-render-graph-editor/nodeGraphSystem/in
 import { ISelectionChangedOptions } from "babylonjs-node-render-graph-editor/nodeGraphSystem/interfaces/selectionChangedOptions";
 import { NodePort } from "babylonjs-node-render-graph-editor/nodeGraphSystem/nodePort";
 import { HistoryStack } from "babylonjs-node-render-graph-editor/historyStack";
+import { Scene } from "babylonjs/scene";
 export class StateManager {
     data: any;
     hostDocument: Document;
@@ -1351,7 +1349,7 @@ export class StateManager {
     onFrameCreatedObservable: Observable<GraphFrame>;
     onUpdateRequiredObservable: Observable<any>;
     onGraphNodeRemovalObservable: Observable<GraphNode>;
-    onSelectionBoxMoved: Observable<DOMRect | ClientRect>;
+    onSelectionBoxMoved: Observable<ClientRect | DOMRect>;
     onCandidateLinkMoved: Observable<Nullable<Vector2>>;
     onCandidatePortSelectedObservable: Observable<Nullable<FrameNodePort | NodePort>>;
     onNewNodeCreatedObservable: Observable<GraphNode>;
@@ -1371,6 +1369,7 @@ export class StateManager {
         data: any;
         active: boolean;
     }>;
+    onPreviewCommandActivated: Observable<boolean>;
     exportData: (data: any, frame?: Nullable<GraphFrame>) => string;
     isElbowConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
     isDebugConnectionAllowed: (nodeA: FrameNodePort | NodePort, nodeB: FrameNodePort | NodePort) => boolean;
@@ -1379,6 +1378,7 @@ export class StateManager {
     getEditorDataMap: () => {
         [key: number]: number;
     };
+    getScene?: () => Scene;
     createDefaultInputData: (rootData: any, portData: IPortData, nodeContainer: INodeContainer) => Nullable<{
         data: INodeData;
         name: string;
@@ -1439,6 +1439,7 @@ export class NodePort {
     portData: IPortData;
     node: GraphNode;
     protected _element: HTMLDivElement;
+    protected _portContainer: HTMLElement;
     protected _img: HTMLImageElement;
     protected _pip: HTMLDivElement;
     protected _stateManager: StateManager;
@@ -1448,6 +1449,7 @@ export class NodePort {
     protected _exposedOnFrame: boolean;
     delegatedPort: Nullable<FrameNodePort>;
     get element(): HTMLDivElement;
+    get container(): HTMLElement;
     get portName(): string;
     set portName(newName: string);
     get disabled(): boolean;
@@ -1523,8 +1525,11 @@ export class GraphNode {
     private _headerContainer;
     private _headerIcon;
     private _headerIconImg;
+    private _headerCollapseImg;
     private _header;
+    private _headerCollapse;
     private _connections;
+    private _optionsContainer;
     private _inputsContainer;
     private _outputsContainer;
     private _content;
@@ -1551,8 +1556,10 @@ export class GraphNode {
     private _displayManager;
     private _isVisible;
     private _enclosingFrameId;
+    private _visualPropertiesRefresh;
     addClassToVisual(className: string): void;
     removeClassFromVisual(className: string): void;
+    get isCollapsed(): boolean;
     get isVisible(): boolean;
     set isVisible(value: boolean);
     private _upateNodePortNames;
@@ -1589,6 +1596,16 @@ export class GraphNode {
     private _onUp;
     private _onMove;
     renderProperties(): Nullable<JSX.Element>;
+    private _forceRebuild;
+    private _isCollapsed;
+    /**
+     * Collapse the node
+     */
+    collapse(): void;
+    /**
+     * Expand the node
+     */
+    expand(): void;
     appendVisual(root: HTMLDivElement, owner: GraphCanvasComponent): void;
     dispose(): void;
 }
@@ -1915,6 +1932,19 @@ export class DisplayLedger {
     };
 }
 
+}
+declare module "babylonjs-node-render-graph-editor/nodeGraphSystem/automaticProperties" {
+import { IEditablePropertyOption } from "babylonjs/Decorators/nodeDecorator";
+import { StateManager } from "babylonjs-node-render-graph-editor/nodeGraphSystem/stateManager";
+/**
+ * Function used to force a rebuild of the node system
+ * @param source source object
+ * @param stateManager defines the state manager to use
+ * @param propertyName name of the property that has been changed
+ * @param notifiers list of notifiers to use
+ */
+export function ForceRebuild(source: any, stateManager: StateManager, propertyName: string, notifiers?: IEditablePropertyOption["notifiers"]): void;
+
 }
 declare module "babylonjs-node-render-graph-editor/nodeGraphSystem/types/framePortData" {
 import { GraphFrame } from "babylonjs-node-render-graph-editor/nodeGraphSystem/graphFrame";
@@ -1984,6 +2014,7 @@ export interface INodeLocationInfo {
     blockId: number;
     x: number;
     y: number;
+    isCollapsed: boolean;
 }
 export interface IFrameData {
     x: number;
@@ -4222,7 +4253,6 @@ declare module BABYLON.NodeRenderGraphEditor {
         onReOrganizedRequiredObservable: BABYLON.Observable<void>;
         onLogRequiredObservable: BABYLON.Observable<LogEntry>;
         onIsLoadingChanged: BABYLON.Observable<boolean>;
-        onPreviewCommandActivated: BABYLON.Observable<boolean>;
         onLightUpdated: BABYLON.Observable<void>;
         onFrame: BABYLON.Observable<void>;
         onAnimationCommandActivated: BABYLON.Observable<void>;
@@ -4543,7 +4573,6 @@ declare module BABYLON.NodeRenderGraphEditor {
     }
     export class GenericPropertyTabComponent extends React.Component<BABYLON.NodeRenderGraphEditor.SharedUIComponents.IPropertyComponentProps> {
         constructor(props: BABYLON.NodeRenderGraphEditor.SharedUIComponents.IPropertyComponentProps);
-        forceRebuild(propertyName: string, notifiers?: IEditablePropertyOption["notifiers"]): void;
         render(): import("react/jsx-runtime").JSX.Element;
     }
 
@@ -5272,7 +5301,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         onFrameCreatedObservable: BABYLON.Observable<BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphFrame>;
         onUpdateRequiredObservable: BABYLON.Observable<any>;
         onGraphNodeRemovalObservable: BABYLON.Observable<BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphNode>;
-        onSelectionBoxMoved: BABYLON.Observable<DOMRect | ClientRect>;
+        onSelectionBoxMoved: BABYLON.Observable<ClientRect | DOMRect>;
         onCandidateLinkMoved: BABYLON.Observable<BABYLON.Nullable<BABYLON.Vector2>>;
         onCandidatePortSelectedObservable: BABYLON.Observable<BABYLON.Nullable<BABYLON.NodeRenderGraphEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeRenderGraphEditor.SharedUIComponents.NodePort>>;
         onNewNodeCreatedObservable: BABYLON.Observable<BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphNode>;
@@ -5292,6 +5321,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
             data: any;
             active: boolean;
         }>;
+        onPreviewCommandActivated: BABYLON.Observable<boolean>;
         exportData: (data: any, frame?: BABYLON.Nullable<BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphFrame>) => string;
         isElbowConnectionAllowed: (nodeA: BABYLON.NodeRenderGraphEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeRenderGraphEditor.SharedUIComponents.NodePort, nodeB: BABYLON.NodeRenderGraphEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeRenderGraphEditor.SharedUIComponents.NodePort) => boolean;
         isDebugConnectionAllowed: (nodeA: BABYLON.NodeRenderGraphEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeRenderGraphEditor.SharedUIComponents.NodePort, nodeB: BABYLON.NodeRenderGraphEditor.SharedUIComponents.FrameNodePort | BABYLON.NodeRenderGraphEditor.SharedUIComponents.NodePort) => boolean;
@@ -5300,6 +5330,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         getEditorDataMap: () => {
             [key: number]: number;
         };
+        getScene?: () => BABYLON.Scene;
         createDefaultInputData: (rootData: any, portData: BABYLON.NodeRenderGraphEditor.SharedUIComponents.IPortData, nodeContainer: BABYLON.NodeRenderGraphEditor.SharedUIComponents.INodeContainer) => BABYLON.Nullable<{
             data: BABYLON.NodeRenderGraphEditor.SharedUIComponents.INodeData;
             name: string;
@@ -5364,6 +5395,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         portData: BABYLON.NodeRenderGraphEditor.SharedUIComponents.IPortData;
         node: BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphNode;
         protected _element: HTMLDivElement;
+        protected _portContainer: HTMLElement;
         protected _img: HTMLImageElement;
         protected _pip: HTMLDivElement;
         protected _stateManager: BABYLON.NodeRenderGraphEditor.SharedUIComponents.StateManager;
@@ -5373,6 +5405,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         protected _exposedOnFrame: boolean;
         delegatedPort: BABYLON.Nullable<BABYLON.NodeRenderGraphEditor.SharedUIComponents.FrameNodePort>;
         get element(): HTMLDivElement;
+        get container(): HTMLElement;
         get portName(): string;
         set portName(newName: string);
         get disabled(): boolean;
@@ -5453,8 +5486,11 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         private _headerContainer;
         private _headerIcon;
         private _headerIconImg;
+        private _headerCollapseImg;
         private _header;
+        private _headerCollapse;
         private _connections;
+        private _optionsContainer;
         private _inputsContainer;
         private _outputsContainer;
         private _content;
@@ -5481,8 +5517,10 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         private _displayManager;
         private _isVisible;
         private _enclosingFrameId;
+        private _visualPropertiesRefresh;
         addClassToVisual(className: string): void;
         removeClassFromVisual(className: string): void;
+        get isCollapsed(): boolean;
         get isVisible(): boolean;
         set isVisible(value: boolean);
         private _upateNodePortNames;
@@ -5519,6 +5557,16 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         private _onUp;
         private _onMove;
         renderProperties(): BABYLON.Nullable<JSX.Element>;
+        private _forceRebuild;
+        private _isCollapsed;
+        /**
+         * Collapse the node
+         */
+        collapse(): void;
+        /**
+         * Expand the node
+         */
+        expand(): void;
         appendVisual(root: HTMLDivElement, owner: BABYLON.NodeRenderGraphEditor.SharedUIComponents.GraphCanvasComponent): void;
         dispose(): void;
     }
@@ -5845,6 +5893,23 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeRenderGraphEditor {
+
+
+}
+declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
+        /**
+     * Function used to force a rebuild of the node system
+     * @param source source object
+     * @param stateManager defines the state manager to use
+     * @param propertyName name of the property that has been changed
+     * @param notifiers list of notifiers to use
+     */
+    export function ForceRebuild(source: any, stateManager: BABYLON.NodeRenderGraphEditor.SharedUIComponents.StateManager, propertyName: string, notifiers?: BABYLON.IEditablePropertyOption["notifiers"]): void;
+
+
+
 }
 declare module BABYLON.NodeRenderGraphEditor {
 
@@ -5930,6 +5995,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         blockId: number;
         x: number;
         y: number;
+        isCollapsed: boolean;
     }
     export interface IFrameData {
         x: number;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-node-render-graph-editor",
-    "version": "7.21.4",
+    "version": "7.22.0",
     "main": "babylon.nodeRenderGraphEditor.js",
     "types": "babylon.nodeRenderGraphEditor.module.d.ts",
     "files": [
@@ -14,7 +14,7 @@
         "clean": "rimraf dist && rimraf babylon*.*"
     },
     "dependencies": {
-        "babylonjs": "^7.32.4"
+        "babylonjs": "^7.33.0"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",