@babylonjs/node-render-graph-editor 7.23.2 → 7.23.3

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

@@ -46,6 +46,7 @@ export interface INodeEditorOptions {
  */
 export class NodeRenderGraphEditor {
     private static _CurrentState;
+    private static _PopupWindow;
     /**
      * Show the node editor
      * @param options defines the options to use to configure the node editor
@@ -87,11 +88,6 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     private _graphCanvasRef;
     private _diagramContainerRef;
     private _graphCanvas;
-    private _diagramContainer;
-    private _startX;
-    private _moveInProgress;
-    private _leftWidth;
-    private _rightWidth;
     private _previewManager;
     private _mouseLocationX;
     private _mouseLocationY;
@@ -112,18 +108,13 @@ export class GraphEditor extends React.Component<IGraphEditorProps, IGraphEditor
     showWaitScreen(): void;
     hideWaitScreen(): void;
     reOrganize(editorData?: Nullable<IEditorData>, isImportingAFrame?: boolean): void;
-    onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
-    onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
     onWheel: (evt: WheelEvent) => void;
-    resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
-    buildColumnLayout(): string;
     emitNewBlock(blockType: string, targetX: number, targetY: number): GraphNode | undefined;
     dropNewBlock(event: React.DragEvent<HTMLDivElement>): void;
     handlePopUp: () => void;
     handleClosingPopUp: () => void;
     initiatePreviewArea: (canvas?: HTMLCanvasElement) => void;
     createPopUp: () => void;
-    createPopupWindow: (title: string, windowVariableName: string, width?: number, height?: number) => Window | null;
     createPreviewMeshControlHost: (options: IInternalPreviewAreaOptions, parentControl: Nullable<HTMLElement>) => void;
     createPreviewHost: (options: IInternalPreviewAreaOptions, parentControl: Nullable<HTMLElement>) => void;
     fixPopUpStyles: (document: Document) => void;
@@ -259,13 +250,6 @@ export class TextureLineComponent extends React.Component<ITextureLineComponentP
 }
 export {};
 
-}
-declare module "@babylonjs/node-render-graph-editor/sharedComponents/popup" {
-export class Popup {
-    static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
-    static _CopyStyles(sourceDoc: HTMLDocument, targetDoc: HTMLDocument): void;
-}
-
 }
 declare module "@babylonjs/node-render-graph-editor/sharedComponents/lineWithFileButtonComponent" {
 import * as React from "react";
@@ -842,7 +826,6 @@ import * as React from "react";
 import { GlobalState } from "@babylonjs/node-render-graph-editor/globalState";
 interface IPreviewAreaComponentProps {
     globalState: GlobalState;
-    width: number;
 }
 export class PreviewAreaComponent extends React.Component<IPreviewAreaComponentProps, {
     isLoading: boolean;
@@ -905,6 +888,15 @@ export class LogComponent extends React.Component<ILogComponentProps, {
 }
 export {};
 
+}
+declare module "@babylonjs/node-render-graph-editor/styleHelper" {
+/**
+ * Copy all styles from a document to another document or shadow root
+ * @param source document to copy styles from
+ * @param target document or shadow root to copy styles to
+ */
+export function CopyStyles(source: Document, target: Document): void;
+
 }
 declare module "@babylonjs/node-render-graph-editor/stringTools" {
 export class StringTools {
@@ -929,6 +921,21 @@ export class PropertyChangedEvent {
     allowNullValue?: boolean;
 }
 
+}
+declare module "@babylonjs/node-render-graph-editor/popupHelper" {
+/**
+ * Create a popup window
+ * @param title default title for the popup
+ * @param options options for the popup
+ * @returns the parent control of the popup
+ */
+export function CreatePopup(title: string, options: Partial<{
+    onParentControlCreateCallback?: (parentControl: HTMLDivElement) => void;
+    onWindowCreateCallback?: (newWindow: Window) => void;
+    width?: number;
+    height?: number;
+}>): HTMLDivElement | null;
+
 }
 declare module "@babylonjs/node-render-graph-editor/historyStack" {
 import { IDisposable } from "@babylonjs/core/scene";
@@ -1301,6 +1308,157 @@ export class CheckboxPropertyGridComponent extends React.Component<ICheckboxProp
 }
 export {};
 
+}
+declare module "@babylonjs/node-render-graph-editor/split/splitter" {
+/// <reference types="react" />
+import { ControlledSize } from "@babylonjs/node-render-graph-editor/split/splitContext";
+/**
+ * Splitter component properties
+ */
+export interface ISplitterProps {
+    /**
+     * Unique identifier
+     */
+    id?: string;
+    /**
+     * Splitter size
+     */
+    size: number;
+    /**
+     * Minimum size for the controlled element
+     */
+    minSize?: number;
+    /**
+     * Maximum size for the controlled element
+     */
+    maxSize?: number;
+    /**
+     * Initial size for the controlled element
+     */
+    initialSize?: number;
+    /**
+     * Defines the controlled side
+     */
+    controlledSide: ControlledSize;
+    /**
+     * refObject to the splitter element
+     */
+    refObject?: React.RefObject<HTMLDivElement>;
+}
+/**
+ * Creates a splitter component
+ * @param props defines the splitter properties
+ * @returns the splitter component
+ */
+export const Splitter: React.FC<ISplitterProps>;
+
+}
+declare module "@babylonjs/node-render-graph-editor/split/splitContext" {
+/// <reference types="react" />
+export enum ControlledSize {
+    First = 0,
+    Second = 1
+}
+export enum SplitDirection {
+    Horizontal = 0,
+    Vertical = 1
+}
+/**
+ * Context used to share data with splitters
+ */
+export interface ISplitContext {
+    /**
+     * Split direction
+     */
+    direction: SplitDirection;
+    /**
+     * Function called by splitters to update the offset
+     * @param offset new offet
+     * @param source source element
+     * @param controlledSide defined controlled element
+     */
+    drag: (offset: number, source: HTMLElement, controlledSide: ControlledSize) => void;
+    /**
+     * Function called by splitters to begin dragging
+     */
+    beginDrag: () => void;
+    /**
+     * Function called by splitters to end dragging
+     */
+    endDrag: () => void;
+    /**
+     * Sync sizes for the elements
+     * @param source source element
+     * @param controlledSide defined controlled element
+     * @param size size of the controlled element
+     * @param minSize minimum size for the controlled element
+     * @param maxSize maximum size for the controlled element
+     */
+    sync: (source: HTMLElement, controlledSide: ControlledSize, size?: number, minSize?: number, maxSize?: number) => void;
+}
+export const SplitContext: import("react").Context<ISplitContext>;
+
+}
+declare module "@babylonjs/node-render-graph-editor/split/splitContainer" {
+/// <reference types="react" />
+import { SplitDirection } from "@babylonjs/node-render-graph-editor/split/splitContext";
+/**
+ * Split container properties
+ */
+export interface ISplitContainerProps {
+    /**
+     * Unique identifier
+     */
+    id?: string;
+    /**
+     * Split direction
+     */
+    direction: SplitDirection;
+    /**
+     * Minimum size for the floating elements
+     */
+    floatingMinSize?: number;
+    /**
+     * RefObject to the root div element
+     */
+    containerRef?: React.RefObject<HTMLDivElement>;
+    /**
+     * Optional class name
+     */
+    className?: string;
+    /**
+     * Pointer down
+     * @param event pointer events
+     */
+    onPointerDown?: (event: React.PointerEvent) => void;
+    /**
+     * Pointer move
+     * @param event pointer events
+     */
+    onPointerMove?: (event: React.PointerEvent) => void;
+    /**
+     * Pointer up
+     * @param event pointer events
+     */
+    onPointerUp?: (event: React.PointerEvent) => void;
+    /**
+     * Drop
+     * @param event drag events
+     */
+    onDrop?: (event: React.DragEvent<HTMLDivElement>) => void;
+    /**
+     * Drag over
+     * @param event drag events
+     */
+    onDragOver?: (event: React.DragEvent<HTMLDivElement>) => void;
+}
+/**
+ * Creates a split container component
+ * @param props defines the split container properties
+ * @returns the split container component
+ */
+export const SplitContainer: React.FC<ISplitContainerProps>;
+
 }
 declare module "@babylonjs/node-render-graph-editor/nodeGraphSystem/typeLedger" {
 import { INodeContainer } from "@babylonjs/node-render-graph-editor/nodeGraphSystem/interfaces/nodeContainer";
@@ -2404,13 +2562,6 @@ export class RadioButtonLineComponent extends React.Component<IRadioButtonLineCo
 }
 export {};
 
-}
-declare module "@babylonjs/node-render-graph-editor/lines/popup" {
-export class Popup {
-    static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
-    private static _CopyStyles;
-}
-
 }
 declare module "@babylonjs/node-render-graph-editor/lines/optionsLineComponent" {
 import * as React from "react";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/node-render-graph-editor",
-    "version": "7.23.2",
+    "version": "7.23.3",
     "main": "dist/babylon.nodeRenderGraphEditor.max.js",
     "module": "dist/babylon.nodeRenderGraphEditor.max.js",
     "esnext": "dist/babylon.nodeRenderGraphEditor.max.js",
@@ -23,7 +23,7 @@
         "@types/react-dom": ">=16.0.9"
     },
     "devDependencies": {
-        "@babylonjs/core": "^7.34.2",
+        "@babylonjs/core": "^7.34.3",
         "react": "^17.0.2",
         "react-dom": "^17.0.2"
     },