babylonjs-node-render-graph-editor 7.23.2 → 7.23.4

package/babylon.nodeRenderGraphEditor.d.ts

@@ -34,6 +34,7 @@ declare module BABYLON.NodeRenderGraphEditor {
      */
     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
@@ -63,11 +64,6 @@ declare module BABYLON.NodeRenderGraphEditor {
         private _graphCanvasRef;
         private _diagramContainerRef;
         private _graphCanvas;
-        private _diagramContainer;
-        private _startX;
-        private _moveInProgress;
-        private _leftWidth;
-        private _rightWidth;
         private _previewManager;
         private _mouseLocationX;
         private _mouseLocationY;
@@ -88,18 +84,13 @@ declare module BABYLON.NodeRenderGraphEditor {
         showWaitScreen(): void;
         hideWaitScreen(): void;
         reOrganize(editorData?: BABYLON.Nullable<BABYLON.NodeRenderGraphEditor.SharedUIComponents.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): BABYLON.NodeRenderGraphEditor.SharedUIComponents.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: BABYLON.Nullable<HTMLElement>) => void;
         createPreviewHost: (options: IInternalPreviewAreaOptions, parentControl: BABYLON.Nullable<HTMLElement>) => void;
         fixPopUpStyles: (document: Document) => void;
@@ -195,12 +186,6 @@ declare module BABYLON.NodeRenderGraphEditor {
     }
 
 
-    export class Popup {
-        static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
-        static _CopyStyles(sourceDoc: HTMLDocument, targetDoc: HTMLDocument): void;
-    }
-
-
     interface ILineWithFileButtonComponentProps {
         title: string;
         closed?: boolean;
@@ -647,7 +632,6 @@ declare module BABYLON.NodeRenderGraphEditor {
 
     interface IPreviewAreaComponentProps {
         globalState: GlobalState;
-        width: number;
     }
     export class PreviewAreaComponent extends React.Component<IPreviewAreaComponentProps, {
         isLoading: boolean;
@@ -701,6 +685,21 @@ declare module BABYLON.NodeRenderGraphEditor {
 
 
 
+}
+declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
+        /**
+     * 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 BABYLON.NodeRenderGraphEditor {
+
+
 }
 declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         export class StringTools {
@@ -733,6 +732,27 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeRenderGraphEditor {
+
+
+}
+declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
+        /**
+     * 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 BABYLON.NodeRenderGraphEditor {
 
@@ -1122,6 +1142,173 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeRenderGraphEditor {
+
+
+}
+declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
+        /// <reference types="react" />
+    /**
+     * 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: BABYLON.NodeRenderGraphEditor.SharedUIComponents.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 var Splitter: React.FC<ISplitterProps>;
+
+
+
+}
+declare module BABYLON.NodeRenderGraphEditor {
+
+
+}
+declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
+        /// <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 var SplitContext: import("react").Context<ISplitContext>;
+
+
+
+}
+declare module BABYLON.NodeRenderGraphEditor {
+
+
+}
+declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
+        /// <reference types="react" />
+    /**
+     * Split container properties
+     */
+    export interface ISplitContainerProps {
+        /**
+         * Unique identifier
+         */
+        id?: string;
+        /**
+         * Split direction
+         */
+        direction: BABYLON.NodeRenderGraphEditor.SharedUIComponents.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 var SplitContainer: React.FC<ISplitContainerProps>;
+
+
+
 }
 declare module BABYLON.NodeRenderGraphEditor {
 
@@ -2284,19 +2471,6 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
 
 
 
-}
-declare module BABYLON.NodeRenderGraphEditor {
-
-
-}
-declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
-        export class Popup {
-        static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
-        private static _CopyStyles;
-    }
-
-
-
 }
 declare module BABYLON.NodeRenderGraphEditor {