babylonjs-node-render-graph-editor 8.1.0 → 8.2.0

package/babylon.nodeRenderGraphEditor.d.ts

@@ -11,7 +11,7 @@ declare module BABYLON.NodeRenderGraphEditor {
     interface IPortalProps {
         globalState: GlobalState;
     }
-    export class Portal extends React.Component<IPortalProps> {
+    export class Portal extends React.Component<React.PropsWithChildren<IPortalProps>> {
         render(): React.ReactPortal;
     }
 
@@ -161,7 +161,7 @@ declare module BABYLON.NodeRenderGraphEditor {
      * Static class for BlockTools
      */
     export class BlockTools {
-        static GetBlockFromString(data: string, frameGraph: BABYLON.FrameGraph, scene: BABYLON.Scene): BABYLON.NodeRenderGraphTeleportInBlock | BABYLON.NodeRenderGraphTeleportOutBlock | BABYLON.NodeRenderGraphOutputBlock | BABYLON.NodeRenderGraphElbowBlock | BABYLON.NodeRenderGraphResourceContainerBlock | BABYLON.NodeRenderGraphExecuteBlock | BABYLON.NodeRenderGraphUtilityLayerRendererBlock | BABYLON.NodeRenderGraphInputBlock | BABYLON.NodeRenderGraphClearBlock | BABYLON.NodeRenderGraphCopyTextureBlock | BABYLON.NodeRenderGraphGenerateMipmapsBlock | BABYLON.NodeRenderGraphBlackAndWhitePostProcessBlock | BABYLON.NodeRenderGraphBloomPostProcessBlock | BABYLON.NodeRenderGraphBlurPostProcessBlock | BABYLON.NodeRenderGraphPassPostProcessBlock | BABYLON.NodeRenderGraphPassCubePostProcessBlock | BABYLON.GUI.NodeRenderGraphGUIBlock | BABYLON.NodeRenderGraphObjectRendererBlock | BABYLON.NodeRenderGraphGeometryRendererBlock | BABYLON.NodeRenderGraphTAAObjectRendererBlock | BABYLON.NodeRenderGraphCullObjectsBlock | BABYLON.NodeRenderGraphCircleOfConfusionPostProcessBlock | BABYLON.NodeRenderGraphDepthOfFieldPostProcessBlock | BABYLON.NodeRenderGraphExtractHighlightsPostProcessBlock | BABYLON.NodeRenderGraphShadowGeneratorBlock | BABYLON.NodeRenderGraphCascadedShadowGeneratorBlock | BABYLON.NodeRenderGraphGlowLayerBlock | BABYLON.NodeRenderGraphHighlightLayerBlock | BABYLON.NodeRenderGraphSSRPostProcessBlock | BABYLON.NodeRenderGraphAnaglyphPostProcessBlock | BABYLON.NodeRenderGraphChromaticAberrationPostProcessBlock | null;
+        static GetBlockFromString(data: string, frameGraph: BABYLON.FrameGraph, scene: BABYLON.Scene): BABYLON.NodeRenderGraphTeleportInBlock | BABYLON.NodeRenderGraphTeleportOutBlock | BABYLON.NodeRenderGraphOutputBlock | BABYLON.NodeRenderGraphElbowBlock | BABYLON.NodeRenderGraphResourceContainerBlock | BABYLON.NodeRenderGraphExecuteBlock | BABYLON.NodeRenderGraphUtilityLayerRendererBlock | BABYLON.NodeRenderGraphInputBlock | BABYLON.NodeRenderGraphClearBlock | BABYLON.NodeRenderGraphCopyTextureBlock | BABYLON.NodeRenderGraphGenerateMipmapsBlock | BABYLON.NodeRenderGraphBlackAndWhitePostProcessBlock | BABYLON.NodeRenderGraphBloomPostProcessBlock | BABYLON.NodeRenderGraphBlurPostProcessBlock | BABYLON.NodeRenderGraphPassPostProcessBlock | BABYLON.NodeRenderGraphPassCubePostProcessBlock | BABYLON.GUI.NodeRenderGraphGUIBlock | BABYLON.NodeRenderGraphObjectRendererBlock | BABYLON.NodeRenderGraphGeometryRendererBlock | BABYLON.NodeRenderGraphTAAObjectRendererBlock | BABYLON.NodeRenderGraphCullObjectsBlock | BABYLON.NodeRenderGraphCircleOfConfusionPostProcessBlock | BABYLON.NodeRenderGraphDepthOfFieldPostProcessBlock | BABYLON.NodeRenderGraphExtractHighlightsPostProcessBlock | BABYLON.NodeRenderGraphShadowGeneratorBlock | BABYLON.NodeRenderGraphCascadedShadowGeneratorBlock | BABYLON.NodeRenderGraphGlowLayerBlock | BABYLON.NodeRenderGraphHighlightLayerBlock | BABYLON.NodeRenderGraphSSRPostProcessBlock | BABYLON.NodeRenderGraphAnaglyphPostProcessBlock | BABYLON.NodeRenderGraphChromaticAberrationPostProcessBlock | BABYLON.NodeRenderGraphImageProcessingPostProcessBlock | null;
         static GetColorFromConnectionNodeType(type: BABYLON.NodeRenderGraphBlockConnectionPointTypes): string;
         static GetConnectionNodeTypeFromString(type: string): BABYLON.NodeRenderGraphBlockConnectionPointTypes.Texture | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureBackBuffer | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureBackBufferDepthStencilAttachment | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureDepthStencilAttachment | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureViewDepth | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureViewNormal | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureAlbedo | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureReflectivity | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureWorldPosition | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureVelocity | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureScreenDepth | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureWorldNormal | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureLocalPosition | BABYLON.NodeRenderGraphBlockConnectionPointTypes.TextureLinearVelocity | BABYLON.NodeRenderGraphBlockConnectionPointTypes.ResourceContainer | BABYLON.NodeRenderGraphBlockConnectionPointTypes.ShadowGenerator | BABYLON.NodeRenderGraphBlockConnectionPointTypes.ShadowLight | BABYLON.NodeRenderGraphBlockConnectionPointTypes.Camera | BABYLON.NodeRenderGraphBlockConnectionPointTypes.ObjectList | BABYLON.NodeRenderGraphBlockConnectionPointTypes.AutoDetect;
         static GetStringFromConnectionNodeType(type: BABYLON.NodeRenderGraphBlockConnectionPointTypes): "" | "Texture" | "Camera" | "TextureBackBuffer" | "TextureBackBufferDepthStencilAttachment" | "TextureDepthStencilAttachment" | "ObjectList" | "TextureNormal" | "TextureAlbedo" | "TextureReflectivity" | "TexturePosition" | "TextureVelocity" | "TextureScreenDepth" | "TextureLocalPosition" | "TextureWorldNormal" | "TextureLinearVelocity" | "ResourceContainer" | "ShadowGenerator" | "ShadowLight" | "TextureDepth";
@@ -1319,7 +1319,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
      * @param props defines the split container properties
      * @returns the split container component
      */
-    export var SplitContainer: React.FC<ISplitContainerProps>;
+    export var SplitContainer: React.FC<React.PropsWithChildren<ISplitContainerProps>>;
 
 
 
@@ -3081,9 +3081,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         constructor(props: IColorPickerLineProps);
         syncPositions(): void;
         shouldComponentUpdate(nextProps: IColorPickerLineProps, nextState: IColorPickerComponentState): boolean;
-        getHexString(props?: Readonly<IColorPickerLineProps> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>): string;
+        getHexString(props?: Readonly<IColorPickerLineProps>): string;
         componentDidUpdate(): void;
         componentDidMount(): void;
         render(): import("react/jsx-runtime").JSX.Element;
@@ -3116,9 +3114,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
     export class ColorLine extends React.Component<IColorLineProps, IColorLineComponentState> {
         constructor(props: IColorLineProps);
         shouldComponentUpdate(nextProps: IColorLineProps, nextState: IColorLineComponentState): boolean;
-        getValue(props?: Readonly<IColorLineProps> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>): BABYLON.Color4;
+        getValue(props?: Readonly<IColorLineProps>): BABYLON.Color4;
         setColorFromString(colorString: string): void;
         setColor(newColor: BABYLON.Color4): void;
         switchExpandState(): void;
@@ -3369,7 +3365,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         title?: string;
         backgroundColor?: string;
     };
-    export var Button: React.FC<ButtonProps>;
+    export var Button: React.FC<React.PropsWithChildren<ButtonProps>>;
 
 
 
@@ -3459,7 +3455,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export const NodeRenderer: (props: INodeRendererProps) => import("react/jsx-runtime").JSX.Element;
+    export const NodeRenderer: (props: React.PropsWithChildren<INodeRendererProps>) => import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -3478,7 +3474,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
      * @param props properties
      * @returns graph node container element
      */
-    export var GraphNodesContainer: React.FC<IGraphContainerProps>;
+    export var GraphNodesContainer: React.FC<React.PropsWithChildren<IGraphContainerProps>>;
 
 
 
@@ -3499,7 +3495,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         highlighted?: boolean;
         parentContainerId: string;
     }
-    export var SingleGraphNode: React.FC<IGraphNodeProps>;
+    export var SingleGraphNode: React.FC<React.PropsWithChildren<IGraphNodeProps>>;
 
 
 
@@ -3523,7 +3519,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export var GraphLinesContainer: React.FC<IGraphLinesContainerProps>;
+    export var GraphLinesContainer: React.FC<React.PropsWithChildren<IGraphLinesContainerProps>>;
 
 
 
@@ -3609,7 +3605,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export var GraphContainer: React.FC<IGraphContainerProps>;
+    export var GraphContainer: React.FC<React.PropsWithChildren<IGraphContainerProps>>;
 
 
 
@@ -3661,7 +3657,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
      * drag the handle in a node and drop it in another node to create a connection.
      * @returns connector element
      */
-    export var GraphConnectorHandler: React.FC<IGraphConnectorHandlerProps>;
+    export var GraphConnectorHandler: React.FC<React.PropsWithChildren<IGraphConnectorHandlerProps>>;
 
 
 
@@ -3783,9 +3779,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         constructor(props: IColorPickerLineComponentProps);
         syncPositions(): void;
         shouldComponentUpdate(nextProps: IColorPickerLineComponentProps, nextState: IColorPickerComponentState): boolean;
-        getHexString(props?: Readonly<IColorPickerLineComponentProps> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>): string;
+        getHexString(props?: Readonly<IColorPickerLineComponentProps>): string;
         componentDidUpdate(): void;
         componentDidMount(): void;
         render(): import("react/jsx-runtime").JSX.Element;
@@ -3818,9 +3812,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
     export class ColorLineComponent extends React.Component<IColorLineComponentProps, IColorLineComponentState> {
         constructor(props: IColorLineComponentProps);
         shouldComponentUpdate(nextProps: IColorLineComponentProps, nextState: IColorLineComponentState): boolean;
-        getValue(props?: Readonly<IColorLineComponentProps> & Readonly<{
-            children?: React.ReactNode | undefined;
-        }>): BABYLON.Color4;
+        getValue(props?: Readonly<IColorLineComponentProps>): BABYLON.Color4;
         setColorFromString(colorString: string): void;
         setColor(newColor: BABYLON.Color4): void;
         switchExpandState(): void;
@@ -4180,7 +4172,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
      * @param props properties
      * @returns drop zone element
      */
-    export var FlexibleDropZone: React.FC<IFlexibleDropZoneProps>;
+    export var FlexibleDropZone: React.FC<React.PropsWithChildren<IFlexibleDropZoneProps>>;
 
 
 
@@ -4208,7 +4200,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
      * @param props properties
      * @returns DragHandler element
      */
-    export var FlexibleDragHandler: React.FC<IFlexibleDragHandlerProps>;
+    export var FlexibleDragHandler: React.FC<React.PropsWithChildren<IFlexibleDragHandlerProps>>;
 
 
 
@@ -4233,7 +4225,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export var FlexibleColumn: React.FC<IFlexibleColumnProps>;
+    export var FlexibleColumn: React.FC<React.PropsWithChildren<IFlexibleColumnProps>>;
 
 
 
@@ -4442,7 +4434,7 @@ declare module BABYLON.NodeRenderGraphEditor.SharedUIComponents {
         artboardColor?: string;
         artboardColorPickerColor?: string;
     }
-    export var CommandBarComponent: React.FC<ICommandBarComponentProps>;
+    export var CommandBarComponent: React.FC<React.PropsWithChildren<ICommandBarComponentProps>>;