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

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

@@ -15,10 +15,11 @@ export class SerializationTools {
 declare module "@babylonjs/node-render-graph-editor/portal" {
 import * as React from "react";
 import { GlobalState } from "@babylonjs/node-render-graph-editor/globalState";
+import { PropsWithChildren } from "react";
 interface IPortalProps {
     globalState: GlobalState;
 }
-export class Portal extends React.Component<IPortalProps> {
+export class Portal extends React.Component<PropsWithChildren<IPortalProps>> {
     render(): React.ReactPortal;
 }
 export {};
@@ -229,11 +230,12 @@ import { NodeRenderGraphUtilityLayerRendererBlock } from "@babylonjs/core/FrameG
 import { NodeRenderGraphSSRPostProcessBlock } from "@babylonjs/core/FrameGraph/Node/Blocks/PostProcesses/ssrPostProcessBlock";
 import { NodeRenderGraphAnaglyphPostProcessBlock } from "@babylonjs/core/FrameGraph/Node/Blocks/PostProcesses/anaglyphPostProcessBlock";
 import { NodeRenderGraphChromaticAberrationPostProcessBlock } from "@babylonjs/core/FrameGraph/Node/Blocks/PostProcesses/chromaticAberrationPostProcessBlock";
+import { NodeRenderGraphImageProcessingPostProcessBlock } from "@babylonjs/core/FrameGraph/Node/Blocks/PostProcesses/imageProcessingPostProcessBlock";
 /**
  * Static class for BlockTools
  */
 export class BlockTools {
-    static GetBlockFromString(data: string, frameGraph: FrameGraph, scene: Scene): NodeRenderGraphTeleportInBlock | NodeRenderGraphTeleportOutBlock | NodeRenderGraphOutputBlock | NodeRenderGraphElbowBlock | NodeRenderGraphResourceContainerBlock | NodeRenderGraphExecuteBlock | NodeRenderGraphUtilityLayerRendererBlock | NodeRenderGraphInputBlock | NodeRenderGraphClearBlock | NodeRenderGraphCopyTextureBlock | NodeRenderGraphGenerateMipmapsBlock | NodeRenderGraphBlackAndWhitePostProcessBlock | NodeRenderGraphBloomPostProcessBlock | NodeRenderGraphBlurPostProcessBlock | NodeRenderGraphPassPostProcessBlock | NodeRenderGraphPassCubePostProcessBlock | NodeRenderGraphGUIBlock | NodeRenderGraphObjectRendererBlock | NodeRenderGraphGeometryRendererBlock | NodeRenderGraphTAAObjectRendererBlock | NodeRenderGraphCullObjectsBlock | NodeRenderGraphCircleOfConfusionPostProcessBlock | NodeRenderGraphDepthOfFieldPostProcessBlock | NodeRenderGraphExtractHighlightsPostProcessBlock | NodeRenderGraphShadowGeneratorBlock | NodeRenderGraphCascadedShadowGeneratorBlock | NodeRenderGraphGlowLayerBlock | NodeRenderGraphHighlightLayerBlock | NodeRenderGraphSSRPostProcessBlock | NodeRenderGraphAnaglyphPostProcessBlock | NodeRenderGraphChromaticAberrationPostProcessBlock | null;
+    static GetBlockFromString(data: string, frameGraph: FrameGraph, scene: Scene): NodeRenderGraphTeleportInBlock | NodeRenderGraphTeleportOutBlock | NodeRenderGraphOutputBlock | NodeRenderGraphElbowBlock | NodeRenderGraphResourceContainerBlock | NodeRenderGraphExecuteBlock | NodeRenderGraphUtilityLayerRendererBlock | NodeRenderGraphInputBlock | NodeRenderGraphClearBlock | NodeRenderGraphCopyTextureBlock | NodeRenderGraphGenerateMipmapsBlock | NodeRenderGraphBlackAndWhitePostProcessBlock | NodeRenderGraphBloomPostProcessBlock | NodeRenderGraphBlurPostProcessBlock | NodeRenderGraphPassPostProcessBlock | NodeRenderGraphPassCubePostProcessBlock | NodeRenderGraphGUIBlock | NodeRenderGraphObjectRendererBlock | NodeRenderGraphGeometryRendererBlock | NodeRenderGraphTAAObjectRendererBlock | NodeRenderGraphCullObjectsBlock | NodeRenderGraphCircleOfConfusionPostProcessBlock | NodeRenderGraphDepthOfFieldPostProcessBlock | NodeRenderGraphExtractHighlightsPostProcessBlock | NodeRenderGraphShadowGeneratorBlock | NodeRenderGraphCascadedShadowGeneratorBlock | NodeRenderGraphGlowLayerBlock | NodeRenderGraphHighlightLayerBlock | NodeRenderGraphSSRPostProcessBlock | NodeRenderGraphAnaglyphPostProcessBlock | NodeRenderGraphChromaticAberrationPostProcessBlock | NodeRenderGraphImageProcessingPostProcessBlock | null;
     static GetColorFromConnectionNodeType(type: NodeRenderGraphBlockConnectionPointTypes): string;
     static GetConnectionNodeTypeFromString(type: string): NodeRenderGraphBlockConnectionPointTypes.Texture | NodeRenderGraphBlockConnectionPointTypes.TextureBackBuffer | NodeRenderGraphBlockConnectionPointTypes.TextureBackBufferDepthStencilAttachment | NodeRenderGraphBlockConnectionPointTypes.TextureDepthStencilAttachment | NodeRenderGraphBlockConnectionPointTypes.TextureViewDepth | NodeRenderGraphBlockConnectionPointTypes.TextureViewNormal | NodeRenderGraphBlockConnectionPointTypes.TextureAlbedo | NodeRenderGraphBlockConnectionPointTypes.TextureReflectivity | NodeRenderGraphBlockConnectionPointTypes.TextureWorldPosition | NodeRenderGraphBlockConnectionPointTypes.TextureVelocity | NodeRenderGraphBlockConnectionPointTypes.TextureScreenDepth | NodeRenderGraphBlockConnectionPointTypes.TextureWorldNormal | NodeRenderGraphBlockConnectionPointTypes.TextureLocalPosition | NodeRenderGraphBlockConnectionPointTypes.TextureLinearVelocity | NodeRenderGraphBlockConnectionPointTypes.ResourceContainer | NodeRenderGraphBlockConnectionPointTypes.ShadowGenerator | NodeRenderGraphBlockConnectionPointTypes.ShadowLight | NodeRenderGraphBlockConnectionPointTypes.Camera | NodeRenderGraphBlockConnectionPointTypes.ObjectList | NodeRenderGraphBlockConnectionPointTypes.AutoDetect;
     static GetStringFromConnectionNodeType(type: NodeRenderGraphBlockConnectionPointTypes): "" | "Texture" | "Camera" | "TextureBackBuffer" | "TextureBackBufferDepthStencilAttachment" | "TextureDepthStencilAttachment" | "ObjectList" | "TextureNormal" | "TextureAlbedo" | "TextureReflectivity" | "TexturePosition" | "TextureVelocity" | "TextureScreenDepth" | "TextureLocalPosition" | "TextureWorldNormal" | "TextureLinearVelocity" | "ResourceContainer" | "ShadowGenerator" | "ShadowLight" | "TextureDepth";
@@ -1424,6 +1426,7 @@ export const SplitContext: import("react").Context<ISplitContext>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/split/splitContainer" {
+import { PropsWithChildren } from "react";
 import { SplitDirection } from "@babylonjs/node-render-graph-editor/split/splitContext";
 /**
  * Split container properties
@@ -1480,7 +1483,7 @@ export interface ISplitContainerProps {
  * @param props defines the split container properties
  * @returns the split container component
  */
-export const SplitContainer: React.FC<ISplitContainerProps>;
+export const SplitContainer: React.FC<PropsWithChildren<ISplitContainerProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/nodeGraphSystem/typeLedger" {
@@ -3119,9 +3122,7 @@ export class ColorPickerLine extends React.Component<IColorPickerLineProps, ICol
     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;
 
@@ -3154,9 +3155,7 @@ interface IColorLineComponentState {
 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;
-    }>): Color4;
+    getValue(props?: Readonly<IColorLineProps>): Color4;
     setColorFromString(colorString: string): void;
     setColor(newColor: Color4): void;
     switchExpandState(): void;
@@ -3343,6 +3342,7 @@ export const Icon: React.FC<IconProps>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/Button" {
+import { PropsWithChildren } from "react";
 export type ButtonProps = {
     disabled?: boolean;
     active?: boolean;
@@ -3352,7 +3352,7 @@ export type ButtonProps = {
     title?: string;
     backgroundColor?: string;
 };
-export const Button: React.FC<ButtonProps>;
+export const Button: React.FC<PropsWithChildren<ButtonProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/reactGraphSystem/useGraphContext" {
@@ -3364,7 +3364,7 @@ export const useGraphContext: () => import("@babylonjs/node-render-graph-editor/
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/reactGraphSystem/NodeRenderer" {
-import { ComponentType } from "react";
+import { ComponentType, PropsWithChildren } from "react";
 import { Nullable } from "@babylonjs/core/types";
 export type IVisualRecordsType = Record<string, {
     x: number;
@@ -3436,7 +3436,7 @@ export interface INodeRendererProps {
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/reactGraphSystem/GraphNodesContainer" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 export interface IGraphContainerProps {
     onNodeMoved: (id: string, x: number, y: number) => void;
     id: string;
@@ -3446,11 +3446,11 @@ export interface IGraphContainerProps {
  * @param props properties
  * @returns graph node container element
  */
-export const GraphNodesContainer: FC<IGraphContainerProps>;
+export const GraphNodesContainer: FC<PropsWithChildren<IGraphContainerProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/reactGraphSystem/GraphNode" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 export interface IGraphNodeProps {
     id: string;
     name: string;
@@ -3462,11 +3462,11 @@ export interface IGraphNodeProps {
     highlighted?: boolean;
     parentContainerId: string;
 }
-export const SingleGraphNode: FC<IGraphNodeProps>;
+export const SingleGraphNode: FC<PropsWithChildren<IGraphNodeProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/reactGraphSystem/GraphLinesContainer" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 /**
  * props for the GraphLineContainer
  */
@@ -3481,7 +3481,7 @@ export interface IGraphLinesContainerProps {
  * @param props
  * @returns
  */
-export const GraphLinesContainer: FC<IGraphLinesContainerProps>;
+export const GraphLinesContainer: FC<PropsWithChildren<IGraphLinesContainerProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/reactGraphSystem/GraphLine" {
@@ -3542,7 +3542,7 @@ export const GraphContextManager: import("react").Context<IGraphContext>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/reactGraphSystem/GraphContainer" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 export interface IGraphContainerProps {
 }
 /**
@@ -3551,11 +3551,11 @@ export interface IGraphContainerProps {
  * @param props
  * @returns
  */
-export const GraphContainer: FC<IGraphContainerProps>;
+export const GraphContainer: FC<PropsWithChildren<IGraphContainerProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/reactGraphSystem/GraphConnectorHandle" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 /**
  * Props for the connector
  */
@@ -3598,7 +3598,7 @@ export interface IGraphConnectorHandlerProps {
  * drag the handle in a node and drop it in another node to create a connection.
  * @returns connector element
  */
-export const GraphConnectorHandler: FC<IGraphConnectorHandlerProps>;
+export const GraphConnectorHandler: FC<PropsWithChildren<IGraphConnectorHandlerProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/lines/OptionsLineComponent" {
@@ -3703,9 +3703,7 @@ export class ColorPickerLineComponent extends React.Component<IColorPickerLineCo
     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;
 
@@ -3738,9 +3736,7 @@ interface IColorLineComponentState {
 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;
-    }>): Color4;
+    getValue(props?: Readonly<IColorLineComponentProps>): Color4;
     setColorFromString(colorString: string): void;
     setColor(newColor: Color4): void;
     switchExpandState(): void;
@@ -4040,7 +4036,7 @@ export const FlexibleGridContainer: FC<IFlexibleGridContainerProps>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/layout/FlexibleDropZone" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 /**
  * Arguments for the FlexibleDropZone component.
  */
@@ -4060,11 +4056,11 @@ export interface IFlexibleDropZoneProps {
  * @param props properties
  * @returns drop zone element
  */
-export const FlexibleDropZone: FC<IFlexibleDropZoneProps>;
+export const FlexibleDropZone: FC<PropsWithChildren<IFlexibleDropZoneProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/layout/FlexibleDragHandler" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 /**
  * Arguments for the DragHandler component.
  */
@@ -4083,11 +4079,11 @@ export interface IFlexibleDragHandlerProps {
  * @param props properties
  * @returns DragHandler element
  */
-export const FlexibleDragHandler: FC<IFlexibleDragHandlerProps>;
+export const FlexibleDragHandler: FC<PropsWithChildren<IFlexibleDragHandlerProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/layout/FlexibleColumn" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 /**
  * Arguments for the Column component.
  */
@@ -4103,7 +4099,7 @@ export interface IFlexibleColumnProps {
  * @param props
  * @returns
  */
-export const FlexibleColumn: FC<IFlexibleColumnProps>;
+export const FlexibleColumn: FC<PropsWithChildren<IFlexibleColumnProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/layout/DraggableIcon" {
@@ -4268,7 +4264,7 @@ export const CommandButtonComponent: React.FC<ICommandButtonComponentProps>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/components/bars/CommandBarComponent" {
-import { FC } from "react";
+import { FC, PropsWithChildren } from "react";
 export interface ICommandBarComponentProps {
     onSaveButtonClicked?: () => void;
     onSaveToSnippetButtonClicked?: () => void;
@@ -4283,7 +4279,7 @@ export interface ICommandBarComponentProps {
     artboardColor?: string;
     artboardColorPickerColor?: string;
 }
-export const CommandBarComponent: FC<ICommandBarComponentProps>;
+export const CommandBarComponent: FC<PropsWithChildren<ICommandBarComponentProps>>;
 
 }
 declare module "@babylonjs/node-render-graph-editor/colorPicker/hexColor" {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/node-render-graph-editor",
-    "version": "8.1.0",
+    "version": "8.2.0",
     "main": "dist/babylon.nodeRenderGraphEditor.max.js",
     "module": "dist/babylon.nodeRenderGraphEditor.max.js",
     "esnext": "dist/babylon.nodeRenderGraphEditor.max.js",
@@ -23,9 +23,9 @@
         "@types/react-dom": ">=16.0.9"
     },
     "devDependencies": {
-        "@babylonjs/core": "^8.1.0",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2"
+        "@babylonjs/core": "^8.2.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0"
     },
     "keywords": [
         "3D",