babylonjs-node-editor 5.0.0 → 5.0.3

package/babylon.nodeEditor.module.d.ts

@@ -2163,7 +2163,7 @@ export class Vector4LineComponent extends React.Component<IVector4LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/colorPicker/colorComponentEntry" {
+declare module "babylonjs-node-editor/colorPicker/colorComponentEntry" {
 import * as React from "react";
 export interface IColorComponentEntryProps {
     value: number;
@@ -2180,10 +2180,10 @@ export class ColorComponentEntry extends React.Component<IColorComponentEntryPro
 }
 
 }
-declare module "shared-ui-components/colorPicker/colorPicker" {
+declare module "babylonjs-node-editor/colorPicker/colorPicker" {
 import * as React from "react";
 import { Color3, Color4 } from "babylonjs/Maths/math.color";
-import "shared-ui-components/colorPicker/colorPicker.scss";
+import "babylonjs-node-editor/colorPicker/colorPicker.scss";
 /**
  * Interface used to specify creation options for color picker
  */
@@ -2224,7 +2224,7 @@ export class ColorPicker extends React.Component<IColorPickerProps, IColorPicker
 }
 
 }
-declare module "shared-ui-components/colorPicker/hexColor" {
+declare module "babylonjs-node-editor/colorPicker/hexColor" {
 import * as React from "react";
 export interface IHexColorProps {
     value: string;
@@ -2243,7 +2243,7 @@ export class HexColor extends React.Component<IHexColorProps, {
 }
 
 }
-declare module "shared-ui-components/lines/booleanLineComponent" {
+declare module "babylonjs-node-editor/lines/booleanLineComponent" {
 import * as React from "react";
 export interface IBooleanLineComponentProps {
     label: string;
@@ -2257,7 +2257,7 @@ export class BooleanLineComponent extends React.Component<IBooleanLineComponentP
 }
 
 }
-declare module "shared-ui-components/lines/buttonLineComponent" {
+declare module "babylonjs-node-editor/lines/buttonLineComponent" {
 import * as React from "react";
 export interface IButtonLineComponentProps {
     label: string;
@@ -2271,11 +2271,11 @@ export class ButtonLineComponent extends React.Component<IButtonLineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/checkBoxLineComponent" {
+declare module "babylonjs-node-editor/lines/checkBoxLineComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { IconDefinition } from "@fortawesome/fontawesome-common-types";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+
 export interface ICheckBoxLineComponentProps {
     label?: string;
     target?: any;
@@ -2288,8 +2288,8 @@ export interface ICheckBoxLineComponentProps {
     icon?: string;
     iconLabel?: string;
     faIcons?: {
-        enabled: IconDefinition;
-        disabled: IconDefinition;
+        enabled: any;
+        disabled: any;
     };
     large?: boolean;
 }
@@ -2310,11 +2310,11 @@ export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponen
 }
 
 }
-declare module "shared-ui-components/lines/color3LineComponent" {
+declare module "babylonjs-node-editor/lines/color3LineComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 export interface IColor3LineComponentProps {
     label: string;
     target: any;
@@ -2331,11 +2331,11 @@ export class Color3LineComponent extends React.Component<IColor3LineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/color4LineComponent" {
+declare module "babylonjs-node-editor/lines/color4LineComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 export interface IColor4LineComponentProps {
     label: string;
     target?: any;
@@ -2352,12 +2352,12 @@ export class Color4LineComponent extends React.Component<IColor4LineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/colorLineComponent" {
+declare module "babylonjs-node-editor/lines/colorLineComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
 import { Color4 } from "babylonjs/Maths/math.color";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 export interface IColorLineComponentProps {
     label: string;
     target?: any;
@@ -2395,7 +2395,7 @@ export class ColorLineComponent extends React.Component<IColorLineComponentProps
 export {};
 
 }
-declare module "shared-ui-components/lines/colorPickerComponent" {
+declare module "babylonjs-node-editor/lines/colorPickerComponent" {
 import * as React from "react";
 import { Color4, Color3 } from "babylonjs/Maths/math.color";
 export interface IColorPickerComponentProps {
@@ -2427,7 +2427,7 @@ export class ColorPickerLineComponent extends React.Component<IColorPickerCompon
 export {};
 
 }
-declare module "shared-ui-components/lines/draggableLineComponent" {
+declare module "babylonjs-node-editor/lines/draggableLineComponent" {
 import * as React from "react";
 export interface IButtonLineComponentProps {
     data: string;
@@ -2439,7 +2439,7 @@ export class DraggableLineComponent extends React.Component<IButtonLineComponent
 }
 
 }
-declare module "shared-ui-components/lines/fileButtonLineComponent" {
+declare module "babylonjs-node-editor/lines/fileButtonLineComponent" {
 import * as React from "react";
 interface IFileButtonLineComponentProps {
     label: string;
@@ -2459,7 +2459,7 @@ export class FileButtonLineComponent extends React.Component<IFileButtonLineComp
 export {};
 
 }
-declare module "shared-ui-components/lines/fileMultipleButtonLineComponent" {
+declare module "babylonjs-node-editor/lines/fileMultipleButtonLineComponent" {
 import * as React from "react";
 interface IFileMultipleButtonLineComponentProps {
     label: string;
@@ -2479,11 +2479,11 @@ export class FileMultipleButtonLineComponent extends React.Component<IFileMultip
 export {};
 
 }
-declare module "shared-ui-components/lines/floatLineComponent" {
+declare module "babylonjs-node-editor/lines/floatLineComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 interface IFloatLineComponentProps {
     label: string;
     target: any;
@@ -2505,6 +2505,8 @@ interface IFloatLineComponentProps {
     defaultValue?: number;
     arrows?: boolean;
     unit?: React.ReactNode;
+    onDragStart?: (newValue: number) => void;
+    onDragStop?: (newValue: number) => void;
 }
 export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
     value: string;
@@ -2530,11 +2532,11 @@ export class FloatLineComponent extends React.Component<IFloatLineComponentProps
 export {};
 
 }
-declare module "shared-ui-components/lines/hexLineComponent" {
+declare module "babylonjs-node-editor/lines/hexLineComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 interface IHexLineComponentProps {
     label: string;
     target: any;
@@ -2573,7 +2575,7 @@ export class HexLineComponent extends React.Component<IHexLineComponentProps, {
 export {};
 
 }
-declare module "shared-ui-components/lines/iconButtonLineComponent" {
+declare module "babylonjs-node-editor/lines/iconButtonLineComponent" {
 import * as React from "react";
 export interface IIconButtonLineComponentProps {
     icon: string;
@@ -2587,7 +2589,7 @@ export class IconButtonLineComponent extends React.Component<IIconButtonLineComp
 }
 
 }
-declare module "shared-ui-components/lines/iconComponent" {
+declare module "babylonjs-node-editor/lines/iconComponent" {
 import * as React from "react";
 interface IIconComponentProps {
     icon: string;
@@ -2599,7 +2601,7 @@ export class IconComponent extends React.Component<IIconComponentProps> {
 export {};
 
 }
-declare module "shared-ui-components/lines/indentedTextLineComponent" {
+declare module "babylonjs-node-editor/lines/indentedTextLineComponent" {
 import * as React from "react";
 interface IIndentedTextLineComponentProps {
     value?: string;
@@ -2618,7 +2620,7 @@ export class IndentedTextLineComponent extends React.Component<IIndentedTextLine
 export {};
 
 }
-declare module "shared-ui-components/lines/inputArrowsComponent" {
+declare module "babylonjs-node-editor/lines/inputArrowsComponent" {
 import * as React from "react";
 interface IInputArrowsComponentProps {
     incrementValue: (amount: number) => void;
@@ -2634,16 +2636,16 @@ export class InputArrowsComponent extends React.Component<IInputArrowsComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/iSelectedLineContainer" {
+declare module "babylonjs-node-editor/lines/iSelectedLineContainer" {
 export interface ISelectedLineContainer {
     selectedLineContainerTitles: Array<string>;
     selectedLineContainerTitlesNoFocus: Array<string>;
 }
 
 }
-declare module "shared-ui-components/lines/lineContainerComponent" {
+declare module "babylonjs-node-editor/lines/lineContainerComponent" {
 import * as React from "react";
-import { ISelectedLineContainer } from "shared-ui-components/lines/iSelectedLineContainer";
+import { ISelectedLineContainer } from "babylonjs-node-editor/lines/iSelectedLineContainer";
 interface ILineContainerComponentProps {
     selection?: ISelectedLineContainer;
     title: string;
@@ -2663,15 +2665,15 @@ export class LineContainerComponent extends React.Component<ILineContainerCompon
 export {};
 
 }
-declare module "shared-ui-components/lines/linkButtonComponent" {
+declare module "babylonjs-node-editor/lines/linkButtonComponent" {
 import * as React from "react";
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
 interface ILinkButtonComponentProps {
     label: string;
     buttonLabel: string;
     url?: string;
     onClick: () => void;
-    icon?: IconProp;
+    icon?: any;
     onIconClick?: () => void;
 }
 export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
@@ -2682,13 +2684,13 @@ export class LinkButtonComponent extends React.Component<ILinkButtonComponentPro
 export {};
 
 }
-declare module "shared-ui-components/lines/messageLineComponent" {
+declare module "babylonjs-node-editor/lines/messageLineComponent" {
 import * as React from "react";
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
 interface IMessageLineComponentProps {
     text: string;
     color?: string;
-    icon?: IconProp;
+    icon?: any;
 }
 export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
     constructor(props: IMessageLineComponentProps);
@@ -2697,7 +2699,7 @@ export class MessageLineComponent extends React.Component<IMessageLineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/numericInputComponent" {
+declare module "babylonjs-node-editor/lines/numericInputComponent" {
 import * as React from "react";
 interface INumericInputComponentProps {
     label: string;
@@ -2726,10 +2728,10 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
 export {};
 
 }
-declare module "shared-ui-components/lines/optionsLineComponent" {
+declare module "babylonjs-node-editor/lines/optionsLineComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 import { IInspectableOptions } from "babylonjs/Misc/iInspectable";
 export const Null_Value: number;
 export interface IOptionsLineComponentProps {
@@ -2761,14 +2763,14 @@ export class OptionsLineComponent extends React.Component<IOptionsLineComponentP
 }
 
 }
-declare module "shared-ui-components/lines/popup" {
+declare module "babylonjs-node-editor/lines/popup" {
 export class Popup {
     static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
     private static _CopyStyles;
 }
 
 }
-declare module "shared-ui-components/lines/radioLineComponent" {
+declare module "babylonjs-node-editor/lines/radioLineComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
 interface IRadioButtonLineComponentProps {
@@ -2792,11 +2794,11 @@ export class RadioButtonLineComponent extends React.Component<IRadioButtonLineCo
 export {};
 
 }
-declare module "shared-ui-components/lines/sliderLineComponent" {
+declare module "babylonjs-node-editor/lines/sliderLineComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 interface ISliderLineComponentProps {
     label: string;
     target?: any;
@@ -2832,8 +2834,8 @@ export class SliderLineComponent extends React.Component<ISliderLineComponentPro
 export {};
 
 }
-declare module "shared-ui-components/lines/targetsProxy" {
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+declare module "babylonjs-node-editor/lines/targetsProxy" {
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 import { Observable } from "babylonjs/Misc/observable";
 export const conflictingValuesPlaceholder = "\u2014";
 /**
@@ -2846,11 +2848,11 @@ export const conflictingValuesPlaceholder = "\u2014";
 export function makeTargetsProxy<Type>(targets: Type[], onPropertyChangedObservable?: Observable<PropertyChangedEvent>, getProperty?: (target: Type, property: keyof Type) => any): any;
 
 }
-declare module "shared-ui-components/lines/textInputLineComponent" {
+declare module "babylonjs-node-editor/lines/textInputLineComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 export interface ITextInputLineComponentProps {
     label?: string;
     lockObject?: LockObject;
@@ -2894,7 +2896,7 @@ export class TextInputLineComponent extends React.Component<ITextInputLineCompon
 }
 
 }
-declare module "shared-ui-components/lines/textLineComponent" {
+declare module "babylonjs-node-editor/lines/textLineComponent" {
 import * as React from "react";
 interface ITextLineComponentProps {
     label?: string;
@@ -2918,7 +2920,7 @@ export class TextLineComponent extends React.Component<ITextLineComponentProps>
 export {};
 
 }
-declare module "shared-ui-components/lines/unitButton" {
+declare module "babylonjs-node-editor/lines/unitButton" {
 /// <reference types="react" />
 interface IUnitButtonProps {
     unit: string;
@@ -2929,7 +2931,7 @@ export function UnitButton(props: IUnitButtonProps): JSX.Element;
 export {};
 
 }
-declare module "shared-ui-components/lines/valueLineComponent" {
+declare module "babylonjs-node-editor/lines/valueLineComponent" {
 import * as React from "react";
 interface IValueLineComponentProps {
     label: string;
@@ -2947,11 +2949,11 @@ export class ValueLineComponent extends React.Component<IValueLineComponentProps
 export {};
 
 }
-declare module "shared-ui-components/lines/vector2LineComponent" {
+declare module "babylonjs-node-editor/lines/vector2LineComponent" {
 import * as React from "react";
 import { Vector2 } from "babylonjs/Maths/math.vector";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 interface IVector2LineComponentProps {
     label: string;
     target: any;
@@ -2984,11 +2986,11 @@ export class Vector2LineComponent extends React.Component<IVector2LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/vector3LineComponent" {
+declare module "babylonjs-node-editor/lines/vector3LineComponent" {
 import * as React from "react";
 import { Vector3 } from "babylonjs/Maths/math.vector";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 interface IVector3LineComponentProps {
     label: string;
     target: any;
@@ -3026,11 +3028,11 @@ export class Vector3LineComponent extends React.Component<IVector3LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/vector4LineComponent" {
+declare module "babylonjs-node-editor/lines/vector4LineComponent" {
 import * as React from "react";
 import { Vector4 } from "babylonjs/Maths/math.vector";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 interface IVector4LineComponentProps {
     label: string;
     target: any;
@@ -3068,7 +3070,7 @@ export class Vector4LineComponent extends React.Component<IVector4LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/propertyChangedEvent" {
+declare module "babylonjs-node-editor/propertyChangedEvent" {
 export class PropertyChangedEvent {
     object: any;
     property: string;
@@ -3078,7 +3080,7 @@ export class PropertyChangedEvent {
 }
 
 }
-declare module "shared-ui-components/stringTools" {
+declare module "babylonjs-node-editor/stringTools" {
 export class StringTools {
     private static _SaveAs;
     private static _Click;
@@ -3092,11 +3094,11 @@ export class StringTools {
 }
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/checkboxPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/checkboxPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { Checkbox } from "babylonjs-gui/2D/controls/checkbox";
 interface ICheckboxPropertyGridComponentProps {
     checkbox: Checkbox;
@@ -3110,12 +3112,12 @@ export class CheckboxPropertyGridComponent extends React.Component<ICheckboxProp
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/colorPickerPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/colorPickerPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 import { ColorPicker } from "babylonjs-gui/2D/controls/colorpicker";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 interface IColorPickerPropertyGridComponentProps {
     colorPicker: ColorPicker;
     lockObject: LockObject;
@@ -3128,12 +3130,12 @@ export class ColorPickerPropertyGridComponent extends React.Component<IColorPick
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/commonControlPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/commonControlPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 import { Control } from "babylonjs-gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 interface ICommonControlPropertyGridComponentProps {
     controls?: Control[];
     control?: Control;
@@ -3148,12 +3150,12 @@ export class CommonControlPropertyGridComponent extends React.Component<ICommonC
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/controlPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/controlPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 import { Control } from "babylonjs-gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 interface IControlPropertyGridComponentProps {
     control: Control;
     lockObject: LockObject;
@@ -3166,11 +3168,11 @@ export class ControlPropertyGridComponent extends React.Component<IControlProper
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/ellipsePropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/ellipsePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { Ellipse } from "babylonjs-gui/2D/controls/ellipse";
 interface IEllipsePropertyGridComponentProps {
     ellipse: Ellipse;
@@ -3184,11 +3186,11 @@ export class EllipsePropertyGridComponent extends React.Component<IEllipseProper
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/gridPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/gridPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { Grid } from "babylonjs-gui/2D/controls/grid";
 interface IGridPropertyGridComponentProps {
     grid: Grid;
@@ -3204,11 +3206,11 @@ export class GridPropertyGridComponent extends React.Component<IGridPropertyGrid
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { ImageBasedSlider } from "babylonjs-gui/2D/controls/sliders/imageBasedSlider";
 interface IImageBasedSliderPropertyGridComponentProps {
     imageBasedSlider: ImageBasedSlider;
@@ -3222,11 +3224,11 @@ export class ImageBasedSliderPropertyGridComponent extends React.Component<IImag
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/imagePropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/imagePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { Image } from "babylonjs-gui/2D/controls/image";
 interface IImagePropertyGridComponentProps {
     image: Image;
@@ -3240,12 +3242,12 @@ export class ImagePropertyGridComponent extends React.Component<IImagePropertyGr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/inputTextPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/inputTextPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 import { InputText } from "babylonjs-gui/2D/controls/inputText";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 interface IInputTextPropertyGridComponentProps {
     inputText: InputText;
     lockObject: LockObject;
@@ -3258,11 +3260,11 @@ export class InputTextPropertyGridComponent extends React.Component<IInputTextPr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/linePropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/linePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { Line } from "babylonjs-gui/2D/controls/line";
 interface ILinePropertyGridComponentProps {
     line: Line;
@@ -3277,11 +3279,11 @@ export class LinePropertyGridComponent extends React.Component<ILinePropertyGrid
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/radioButtonPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/radioButtonPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { RadioButton } from "babylonjs-gui/2D/controls/radioButton";
 interface IRadioButtonPropertyGridComponentProps {
     radioButtons: RadioButton[];
@@ -3295,11 +3297,11 @@ export class RadioButtonPropertyGridComponent extends React.Component<IRadioButt
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/rectanglePropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/rectanglePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { Rectangle } from "babylonjs-gui/2D/controls/rectangle";
 interface IRectanglePropertyGridComponentProps {
     rectangle: Rectangle;
@@ -3313,11 +3315,11 @@ export class RectanglePropertyGridComponent extends React.Component<IRectanglePr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { ScrollViewer } from "babylonjs-gui/2D/controls/scrollViewers/scrollViewer";
 interface IScrollViewerPropertyGridComponentProps {
     scrollViewer: ScrollViewer;
@@ -3331,11 +3333,11 @@ export class ScrollViewerPropertyGridComponent extends React.Component<IScrollVi
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/sliderPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/sliderPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { Slider } from "babylonjs-gui/2D/controls/sliders/slider";
 interface ISliderPropertyGridComponentProps {
     slider: Slider;
@@ -3349,11 +3351,11 @@ export class SliderPropertyGridComponent extends React.Component<ISliderProperty
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/stackPanelPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/stackPanelPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 import { StackPanel } from "babylonjs-gui/2D/controls/stackPanel";
 interface IStackPanelPropertyGridComponentProps {
     stackPanel: StackPanel;
@@ -3367,12 +3369,12 @@ export class StackPanelPropertyGridComponent extends React.Component<IStackPanel
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/textBlockPropertyGridComponent" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/gui/textBlockPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "babylonjs/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "babylonjs-node-editor/propertyChangedEvent";
 import { TextBlock } from "babylonjs-gui/2D/controls/textBlock";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "babylonjs-node-editor/tabs/propertyGrids/lockObject";
 interface ITextBlockPropertyGridComponentProps {
     textBlock: TextBlock;
     lockObject: LockObject;
@@ -3385,7 +3387,7 @@ export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/lockObject" {
+declare module "babylonjs-node-editor/tabs/propertyGrids/lockObject" {
 /**
  * Class used to provide lock mechanism
  */
@@ -3405,7 +3407,7 @@ declare module "babylonjs-node-editor" {
 
 declare module BABYLON.NodeEditor {
     export class BlockTools {
-        static GetBlockFromString(data: string, scene: Scene, nodeMaterial: NodeMaterial): BABYLON.ElbowBlock | BABYLON.TwirlBlock | BABYLON.VoronoiNoiseBlock | BABYLON.ScreenSpaceBlock | BABYLON.CloudBlock | BABYLON.MatrixBuilderBlock | BABYLON.DesaturateBlock | BABYLON.RefractBlock | BABYLON.ReflectBlock | BABYLON.DerivativeBlock | BABYLON.Rotate2dBlock | BABYLON.NormalBlendBlock | BABYLON.WorleyNoise3DBlock | BABYLON.SimplexPerlin3DBlock | BABYLON.BonesBlock | BABYLON.InstancesBlock | BABYLON.MorphTargetsBlock | BABYLON.DiscardBlock | BABYLON.ImageProcessingBlock | BABYLON.ColorMergerBlock | BABYLON.VectorMergerBlock | BABYLON.ColorSplitterBlock | BABYLON.VectorSplitterBlock | BABYLON.TextureBlock | BABYLON.ReflectionTextureBlock | BABYLON.LightBlock | BABYLON.FogBlock | BABYLON.VertexOutputBlock | BABYLON.FragmentOutputBlock | BABYLON.AddBlock | BABYLON.ClampBlock | BABYLON.ScaleBlock | BABYLON.CrossBlock | BABYLON.DotBlock | BABYLON.PowBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.TrigonometryBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | BABYLON.FresnelBlock | BABYLON.LerpBlock | BABYLON.NLerpBlock | BABYLON.DivideBlock | BABYLON.SubtractBlock | BABYLON.ModBlock | BABYLON.StepBlock | BABYLON.SmoothStepBlock | BABYLON.OneMinusBlock | BABYLON.ReciprocalBlock | BABYLON.ViewDirectionBlock | BABYLON.LightInformationBlock | BABYLON.MaxBlock | BABYLON.MinBlock | BABYLON.LengthBlock | BABYLON.DistanceBlock | BABYLON.NegateBlock | BABYLON.PerturbNormalBlock | BABYLON.RandomNumberBlock | BABYLON.ReplaceColorBlock | BABYLON.PosterizeBlock | BABYLON.ArcTan2Block | BABYLON.GradientBlock | BABYLON.FrontFacingBlock | BABYLON.WaveBlock | BABYLON.InputBlock | BABYLON.PBRMetallicRoughnessBlock | BABYLON.SheenBlock | BABYLON.AnisotropyBlock | BABYLON.ReflectionBlock | BABYLON.ClearCoatBlock | BABYLON.RefractionBlock | BABYLON.SubSurfaceBlock | BABYLON.CurrentScreenBlock | BABYLON.ParticleTextureBlock | BABYLON.ParticleRampGradientBlock | BABYLON.ParticleBlendMultiplyBlock | BABYLON.FragCoordBlock | BABYLON.ScreenSizeBlock | BABYLON.SceneDepthBlock | BABYLON.ConditionalBlock | BABYLON.ImageSourceBlock | BABYLON.ClipPlanesBlock | null;
+        static GetBlockFromString(data: string, scene: BABYLON.Scene, nodeMaterial: BABYLON.NodeMaterial): BABYLON.ElbowBlock | BABYLON.TwirlBlock | BABYLON.VoronoiNoiseBlock | BABYLON.ScreenSpaceBlock | BABYLON.CloudBlock | BABYLON.MatrixBuilderBlock | BABYLON.DesaturateBlock | BABYLON.RefractBlock | BABYLON.ReflectBlock | BABYLON.DerivativeBlock | BABYLON.Rotate2dBlock | BABYLON.NormalBlendBlock | BABYLON.WorleyNoise3DBlock | BABYLON.SimplexPerlin3DBlock | BABYLON.BonesBlock | BABYLON.InstancesBlock | BABYLON.MorphTargetsBlock | BABYLON.DiscardBlock | BABYLON.ImageProcessingBlock | BABYLON.ColorMergerBlock | BABYLON.VectorMergerBlock | BABYLON.ColorSplitterBlock | BABYLON.VectorSplitterBlock | BABYLON.TextureBlock | BABYLON.ReflectionTextureBlock | BABYLON.LightBlock | BABYLON.FogBlock | BABYLON.VertexOutputBlock | BABYLON.FragmentOutputBlock | BABYLON.AddBlock | BABYLON.ClampBlock | BABYLON.ScaleBlock | BABYLON.CrossBlock | BABYLON.DotBlock | BABYLON.PowBlock | BABYLON.MultiplyBlock | BABYLON.TransformBlock | BABYLON.TrigonometryBlock | BABYLON.RemapBlock | BABYLON.NormalizeBlock | BABYLON.FresnelBlock | BABYLON.LerpBlock | BABYLON.NLerpBlock | BABYLON.DivideBlock | BABYLON.SubtractBlock | BABYLON.ModBlock | BABYLON.StepBlock | BABYLON.SmoothStepBlock | BABYLON.OneMinusBlock | BABYLON.ReciprocalBlock | BABYLON.ViewDirectionBlock | BABYLON.LightInformationBlock | BABYLON.MaxBlock | BABYLON.MinBlock | BABYLON.LengthBlock | BABYLON.DistanceBlock | BABYLON.NegateBlock | BABYLON.PerturbNormalBlock | BABYLON.RandomNumberBlock | BABYLON.ReplaceColorBlock | BABYLON.PosterizeBlock | BABYLON.ArcTan2Block | BABYLON.GradientBlock | BABYLON.FrontFacingBlock | BABYLON.WaveBlock | BABYLON.InputBlock | BABYLON.PBRMetallicRoughnessBlock | BABYLON.SheenBlock | BABYLON.AnisotropyBlock | BABYLON.ReflectionBlock | BABYLON.ClearCoatBlock | BABYLON.RefractionBlock | BABYLON.SubSurfaceBlock | BABYLON.CurrentScreenBlock | BABYLON.ParticleTextureBlock | BABYLON.ParticleRampGradientBlock | BABYLON.ParticleBlendMultiplyBlock | BABYLON.FragCoordBlock | BABYLON.ScreenSizeBlock | BABYLON.SceneDepthBlock | BABYLON.ConditionalBlock | BABYLON.ImageSourceBlock | BABYLON.ClipPlanesBlock | null;
         static GetColorFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
         static GetConnectionNodeTypeFromString(type: string): BABYLON.NodeMaterialBlockConnectionPointTypes.Float | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector2 | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector3 | BABYLON.NodeMaterialBlockConnectionPointTypes.Vector4 | BABYLON.NodeMaterialBlockConnectionPointTypes.Color3 | BABYLON.NodeMaterialBlockConnectionPointTypes.Color4 | BABYLON.NodeMaterialBlockConnectionPointTypes.Matrix | BABYLON.NodeMaterialBlockConnectionPointTypes.AutoDetect;
         static GetStringFromConnectionNodeType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): "" | "Float" | "Vector2" | "Vector3" | "Vector4" | "Matrix" | "Color3" | "Color4";
@@ -3543,19 +3545,19 @@ declare module BABYLON.NodeEditor {
 
     interface IInputsPropertyTabComponentProps {
         globalState: GlobalState;
-        inputs: InputBlock[];
+        inputs: BABYLON.InputBlock[];
     }
     export class InputsPropertyTabComponent extends React.Component<IInputsPropertyTabComponentProps> {
         constructor(props: IInputsPropertyTabComponentProps);
-        processInputBlockUpdate(ib: InputBlock): void;
-        renderInputBlock(block: InputBlock): JSX.Element | null;
+        processInputBlockUpdate(ib: BABYLON.InputBlock): void;
+        renderInputBlock(block: BABYLON.InputBlock): JSX.Element | null;
         render(): JSX.Element;
     }
 
 
     interface IColor3PropertyTabComponentProps {
         globalState: GlobalState;
-        inputBlock: InputBlock;
+        inputBlock: BABYLON.InputBlock;
     }
     export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3564,7 +3566,7 @@ declare module BABYLON.NodeEditor {
 
     interface IColor4PropertyTabComponentProps {
         globalState: GlobalState;
-        inputBlock: InputBlock;
+        inputBlock: BABYLON.InputBlock;
     }
     export class Color4PropertyTabComponent extends React.Component<IColor4PropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3573,7 +3575,7 @@ declare module BABYLON.NodeEditor {
 
     interface IFloatPropertyTabComponentProps {
         globalState: GlobalState;
-        inputBlock: InputBlock;
+        inputBlock: BABYLON.InputBlock;
     }
     export class FloatPropertyTabComponent extends React.Component<IFloatPropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3582,7 +3584,7 @@ declare module BABYLON.NodeEditor {
 
     interface IMatrixPropertyTabComponentProps {
         globalState: GlobalState;
-        inputBlock: InputBlock;
+        inputBlock: BABYLON.InputBlock;
     }
     export class MatrixPropertyTabComponent extends React.Component<IMatrixPropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3591,7 +3593,7 @@ declare module BABYLON.NodeEditor {
 
     interface IVector2PropertyTabComponentProps {
         globalState: GlobalState;
-        inputBlock: InputBlock;
+        inputBlock: BABYLON.InputBlock;
     }
     export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3600,7 +3602,7 @@ declare module BABYLON.NodeEditor {
 
     interface IVector3PropertyTabComponentProps {
         globalState: GlobalState;
-        inputBlock: InputBlock;
+        inputBlock: BABYLON.InputBlock;
     }
     export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3609,7 +3611,7 @@ declare module BABYLON.NodeEditor {
 
     interface IVector4PropertyTabComponentProps {
         globalState: GlobalState;
-        inputBlock: InputBlock;
+        inputBlock: BABYLON.InputBlock;
     }
     export class Vector4PropertyTabComponent extends React.Component<IVector4PropertyTabComponentProps> {
         render(): JSX.Element;
@@ -3620,10 +3622,10 @@ declare module BABYLON.NodeEditor {
         globalState: GlobalState;
     }
     interface IPropertyTabComponentState {
-        currentNode: Nullable<GraphNode>;
-        currentFrame: Nullable<GraphFrame>;
-        currentFrameNodePort: Nullable<FrameNodePort>;
-        currentNodePort: Nullable<NodePort>;
+        currentNode: BABYLON.Nullable<GraphNode>;
+        currentFrame: BABYLON.Nullable<GraphFrame>;
+        currentFrameNodePort: BABYLON.Nullable<FrameNodePort>;
+        currentNodePort: BABYLON.Nullable<NodePort>;
         uploadInProgress: boolean;
     }
     export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, IPropertyTabComponentState> {
@@ -3632,8 +3634,8 @@ declare module BABYLON.NodeEditor {
         constructor(props: IPropertyTabComponentProps);
         componentDidMount(): void;
         componentWillUnmount(): void;
-        processInputBlockUpdate(ib: InputBlock): void;
-        renderInputBlock(block: InputBlock): JSX.Element | null;
+        processInputBlockUpdate(ib: BABYLON.InputBlock): void;
+        renderInputBlock(block: BABYLON.InputBlock): JSX.Element | null;
         load(file: File): void;
         loadFrame(file: File): void;
         save(): void;
@@ -3648,16 +3650,16 @@ declare module BABYLON.NodeEditor {
     export class ClampDisplayManager implements IDisplayManager {
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
         getBackgroundColor(): string;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
     export class ConditionalDisplayManager implements IDisplayManager {
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
         getBackgroundColor(): string;
         updatePreviewContent(): void;
     }
@@ -3666,36 +3668,36 @@ declare module BABYLON.NodeEditor {
     export class DiscardDisplayManager implements IDisplayManager {
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
         getBackgroundColor(): string;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
     export interface IDisplayManager {
-        getHeaderClass(block: NodeMaterialBlock): string;
-        shouldDisplayPortLabels(block: NodeMaterialBlock): boolean;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
-        getBackgroundColor(block: NodeMaterialBlock): string;
-        getHeaderText(block: NodeMaterialBlock): string;
+        getHeaderClass(block: BABYLON.NodeMaterialBlock): string;
+        shouldDisplayPortLabels(block: BABYLON.NodeMaterialBlock): boolean;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
     }
 
 
     export class ElbowDisplayManager implements IDisplayManager {
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
-        getBackgroundColor(block: NodeMaterialBlock): string;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
+        getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
     export class GradientDisplayManager implements IDisplayManager {
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
-        getBackgroundColor(block: NodeMaterialBlock): string;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
+        getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
@@ -3704,47 +3706,47 @@ declare module BABYLON.NodeEditor {
         private _previewImage;
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
         getBackgroundColor(): string;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
     export class InputDisplayManager implements IDisplayManager {
-        getHeaderClass(block: NodeMaterialBlock): "" | "constant" | "inspector";
+        getHeaderClass(block: BABYLON.NodeMaterialBlock): "" | "constant" | "inspector";
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
         static GetBaseType(type: BABYLON.NodeMaterialBlockConnectionPointTypes): string;
-        getBackgroundColor(block: NodeMaterialBlock): string;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
     export class OutputDisplayManager implements IDisplayManager {
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
         getBackgroundColor(): string;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
     export class PBRDisplayManager implements IDisplayManager {
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
         getBackgroundColor(): string;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
     export class RemapDisplayManager implements IDisplayManager {
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
         getBackgroundColor(): string;
         private _extractInputValue;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
@@ -3753,18 +3755,18 @@ declare module BABYLON.NodeEditor {
         private _previewImage;
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
-        getBackgroundColor(block: NodeMaterialBlock): string;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
+        getBackgroundColor(block: BABYLON.NodeMaterialBlock): string;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
     export class TrigonometryDisplayManager implements IDisplayManager {
         getHeaderClass(): string;
         shouldDisplayPortLabels(): boolean;
-        getHeaderText(block: NodeMaterialBlock): string;
+        getHeaderText(block: BABYLON.NodeMaterialBlock): string;
         getBackgroundColor(): string;
-        updatePreviewContent(block: NodeMaterialBlock, contentArea: HTMLDivElement): void;
+        updatePreviewContent(block: BABYLON.NodeMaterialBlock, contentArea: HTMLDivElement): void;
     }
 
 
@@ -3776,7 +3778,7 @@ declare module BABYLON.NodeEditor {
 
 
     export class FrameNodePort extends NodePort {
-        connectionPoint: NodeMaterialConnectionPoint;
+        connectionPoint: BABYLON.NodeMaterialConnectionPoint;
         node: GraphNode;
         private _parentFrameId;
         private _isInput;
@@ -3789,14 +3791,14 @@ declare module BABYLON.NodeEditor {
         get framePortId(): number;
         get framePortPosition(): FramePortPosition;
         set framePortPosition(position: FramePortPosition);
-        constructor(portContainer: HTMLElement, connectionPoint: NodeMaterialConnectionPoint, node: GraphNode, globalState: GlobalState, isInput: boolean, framePortId: number, parentFrameId: number);
-        static CreateFrameNodePortElement(connectionPoint: NodeMaterialConnectionPoint, node: GraphNode, root: HTMLElement, displayManager: Nullable<IDisplayManager>, globalState: GlobalState, isInput: boolean, framePortId: number, parentFrameId: number): FrameNodePort;
+        constructor(portContainer: HTMLElement, connectionPoint: BABYLON.NodeMaterialConnectionPoint, node: GraphNode, globalState: GlobalState, isInput: boolean, framePortId: number, parentFrameId: number);
+        static CreateFrameNodePortElement(connectionPoint: BABYLON.NodeMaterialConnectionPoint, node: GraphNode, root: HTMLElement, displayManager: BABYLON.Nullable<IDisplayManager>, globalState: GlobalState, isInput: boolean, framePortId: number, parentFrameId: number): FrameNodePort;
     }
 
 
     export interface IGraphCanvasComponentProps {
         globalState: GlobalState;
-        onEmitNewBlock: (block: NodeMaterialBlock) => GraphNode;
+        onEmitNewBlock: (block: BABYLON.NodeMaterialBlock) => GraphNode;
     }
     export type FramePortData = {
         frame: GraphFrame;
@@ -3852,9 +3854,9 @@ declare module BABYLON.NodeEditor {
         get y(): number;
         set y(value: number);
         get selectedNodes(): GraphNode[];
-        get selectedLink(): Nullable<NodeLink>;
+        get selectedLink(): BABYLON.Nullable<NodeLink>;
         get selectedFrames(): GraphFrame[];
-        get selectedPort(): Nullable<NodePort>;
+        get selectedPort(): BABYLON.Nullable<NodePort>;
         get canvasContainer(): HTMLDivElement;
         get hostCanvas(): HTMLDivElement;
         get svgCanvas(): HTMLElement;
@@ -3866,11 +3868,11 @@ declare module BABYLON.NodeEditor {
         getGridPositionCeil(position: number): number;
         updateTransform(): void;
         onKeyUp(): void;
-        findNodeFromBlock(block: NodeMaterialBlock): GraphNode;
+        findNodeFromBlock(block: BABYLON.NodeMaterialBlock): GraphNode;
         reset(): void;
-        connectPorts(pointA: NodeMaterialConnectionPoint, pointB: NodeMaterialConnectionPoint): void;
+        connectPorts(pointA: BABYLON.NodeMaterialConnectionPoint, pointB: BABYLON.NodeMaterialConnectionPoint): void;
         removeLink(link: NodeLink): void;
-        appendBlock(block: NodeMaterialBlock): GraphNode;
+        appendBlock(block: BABYLON.NodeMaterialBlock): GraphNode;
         distributeGraph(): void;
         componentDidMount(): void;
         onMove(evt: React.PointerEvent): void;
@@ -3879,7 +3881,7 @@ declare module BABYLON.NodeEditor {
         onWheel(evt: React.WheelEvent): void;
         zoomToFit(): void;
         processCandidatePort(): void;
-        connectNodes(nodeA: GraphNode, pointA: NodeMaterialConnectionPoint, nodeB: GraphNode, pointB: NodeMaterialConnectionPoint): void;
+        connectNodes(nodeA: GraphNode, pointA: BABYLON.NodeMaterialConnectionPoint, nodeB: GraphNode, pointB: BABYLON.NodeMaterialConnectionPoint): void;
         processEditorData(editorData: IEditorData): void;
         addFrame(frameData: IFrameData): void;
         render(): JSX.Element;
@@ -3965,7 +3967,7 @@ declare module BABYLON.NodeEditor {
         set height(value: number);
         get comments(): string;
         set comments(comments: string);
-        constructor(candidate: Nullable<HTMLDivElement>, canvas: GraphCanvasComponent, doNotCaptureNodes?: boolean);
+        constructor(candidate: BABYLON.Nullable<HTMLDivElement>, canvas: GraphCanvasComponent, doNotCaptureNodes?: boolean);
         refresh(): void;
         addNode(node: GraphNode): void;
         removeNode(node: GraphNode): void;
@@ -4036,7 +4038,7 @@ declare module BABYLON.NodeEditor {
 
     /// <reference types="react" />
     export class GraphNode {
-        block: NodeMaterialBlock;
+        block: BABYLON.NodeMaterialBlock;
         private _visual;
         private _headerContainer;
         private _promotionWarning;
@@ -4085,10 +4087,10 @@ declare module BABYLON.NodeEditor {
         get enclosingFrameId(): number;
         set enclosingFrameId(value: number);
         set isSelected(value: boolean);
-        constructor(block: NodeMaterialBlock, globalState: GlobalState);
+        constructor(block: BABYLON.NodeMaterialBlock, globalState: GlobalState);
         isOverlappingFrame(frame: GraphFrame): boolean;
-        getPortForConnectionPoint(point: NodeMaterialConnectionPoint): NodePort | null;
-        getLinksForConnectionPoint(point: NodeMaterialConnectionPoint): NodeLink[];
+        getPortForConnectionPoint(point: BABYLON.NodeMaterialConnectionPoint): NodePort | null;
+        getLinksForConnectionPoint(point: BABYLON.NodeMaterialConnectionPoint): NodeLink[];
         private _refreshFrames;
         _refreshLinks(): void;
         refresh(): void;
@@ -4096,7 +4098,7 @@ declare module BABYLON.NodeEditor {
         cleanAccumulation(useCeil?: boolean): void;
         private _onUp;
         private _onMove;
-        renderProperties(): Nullable<JSX.Element>;
+        renderProperties(): BABYLON.Nullable<JSX.Element>;
         appendVisual(root: HTMLDivElement, owner: GraphCanvasComponent): void;
         dispose(): void;
     }
@@ -4127,16 +4129,16 @@ declare module BABYLON.NodeEditor {
 
 
     export class NodePort {
-        connectionPoint: NodeMaterialConnectionPoint;
+        connectionPoint: BABYLON.NodeMaterialConnectionPoint;
         node: GraphNode;
         protected _element: HTMLDivElement;
         protected _img: HTMLImageElement;
         protected _globalState: GlobalState;
         protected _portLabelElement: Element;
-        protected _onCandidateLinkMovedObserver: Nullable<Observer<Nullable<Vector2>>>;
-        protected _onSelectionChangedObserver: Nullable<Observer<Nullable<ISelectionChangedOptions>>>;
+        protected _onCandidateLinkMovedObserver: BABYLON.Nullable<BABYLON.Observer<BABYLON.Nullable<BABYLON.Vector2>>>;
+        protected _onSelectionChangedObserver: BABYLON.Nullable<BABYLON.Observer<BABYLON.Nullable<ISelectionChangedOptions>>>;
         protected _exposedOnFrame: boolean;
-        delegatedPort: Nullable<FrameNodePort>;
+        delegatedPort: BABYLON.Nullable<FrameNodePort>;
         get element(): HTMLDivElement;
         get portName(): string;
         set portName(newName: string);
@@ -4148,9 +4150,9 @@ declare module BABYLON.NodeEditor {
         set exposedPortPosition(value: number);
         private _isConnectedToNodeOutsideOfFrame;
         refresh(): void;
-        constructor(portContainer: HTMLElement, connectionPoint: NodeMaterialConnectionPoint, node: GraphNode, globalState: GlobalState);
+        constructor(portContainer: HTMLElement, connectionPoint: BABYLON.NodeMaterialConnectionPoint, node: GraphNode, globalState: GlobalState);
         dispose(): void;
-        static CreatePortElement(connectionPoint: NodeMaterialConnectionPoint, node: GraphNode, root: HTMLElement, displayManager: Nullable<IDisplayManager>, globalState: GlobalState): NodePort;
+        static CreatePortElement(connectionPoint: BABYLON.NodeMaterialConnectionPoint, node: GraphNode, root: HTMLElement, displayManager: BABYLON.Nullable<IDisplayManager>, globalState: GlobalState): NodePort;
     }
 
 
@@ -4209,7 +4211,7 @@ declare module BABYLON.NodeEditor {
             rebuild?: boolean;
             update?: boolean;
             activatePreviewCommand?: boolean;
-            callback?: (scene: Scene) => void;
+            callback?: (scene: BABYLON.Scene) => void;
         }): void;
         render(): JSX.Element;
     }
@@ -4231,7 +4233,7 @@ declare module BABYLON.NodeEditor {
 
     interface IGradientStepComponentProps {
         globalState: GlobalState;
-        step: GradientBlockColorStep;
+        step: BABYLON.GradientBlockColorStep;
         lineIndex: number;
         onDelete: () => void;
         onUpdateStep: () => void;
@@ -4252,7 +4254,7 @@ declare module BABYLON.NodeEditor {
     export class ImageSourcePropertyTabComponent extends React.Component<IPropertyComponentProps, {
         isEmbedded: boolean;
     }> {
-        get imageSourceBlock(): ImageSourceBlock;
+        get imageSourceBlock(): BABYLON.ImageSourceBlock;
         constructor(props: IPropertyComponentProps);
         UNSAFE_componentWillUpdate(nextProps: IPropertyComponentProps, nextState: {
             isEmbedded: boolean;
@@ -4308,12 +4310,12 @@ declare module BABYLON.NodeEditor {
 
     export interface IPropertyComponentProps {
         globalState: GlobalState;
-        block: NodeMaterialBlock;
+        block: BABYLON.NodeMaterialBlock;
     }
 
 
     type ReflectionTexture = BABYLON.ReflectionTextureBlock | BABYLON.ReflectionBlock | BABYLON.RefractionBlock;
-    type AnyTexture = TextureBlock | ReflectionTexture | BABYLON.CurrentScreenBlock | BABYLON.ParticleTextureBlock;
+    type AnyTexture = BABYLON.TextureBlock | ReflectionTexture | BABYLON.CurrentScreenBlock | BABYLON.ParticleTextureBlock;
     export class TexturePropertyTabComponent extends React.Component<IPropertyComponentProps, {
         isEmbedded: boolean;
         loadAsCubeTexture: boolean;
@@ -4359,26 +4361,26 @@ declare module BABYLON.NodeEditor {
 
     export class PropertyLedger {
         static RegisteredControls: {
-            [key: string]: ComponentClass<IPropertyComponentProps>;
+            [key: string]: React.ComponentClass<IPropertyComponentProps>;
         };
     }
 
 
     export class ISelectionChangedOptions {
-        selection: Nullable<GraphNode | NodeLink | GraphFrame | NodePort | FramePortData>;
+        selection: BABYLON.Nullable<GraphNode | NodeLink | GraphFrame | NodePort | FramePortData>;
         forceKeepSelection?: boolean;
     }
     export class GlobalState {
-        nodeMaterial: NodeMaterial;
+        nodeMaterial: BABYLON.NodeMaterial;
         hostElement: HTMLElement;
         hostDocument: HTMLDocument;
         hostWindow: Window;
         onNewNodeCreatedObservable: BABYLON.Observable<GraphNode>;
-        onSelectionChangedObservable: BABYLON.Observable<Nullable<ISelectionChangedOptions>>;
+        onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<ISelectionChangedOptions>>;
         onRebuildRequiredObservable: BABYLON.Observable<boolean>;
         onBuiltObservable: BABYLON.Observable<void>;
         onResetRequiredObservable: BABYLON.Observable<void>;
-        onUpdateRequiredObservable: BABYLON.Observable<Nullable<NodeMaterialBlock>>;
+        onUpdateRequiredObservable: BABYLON.Observable<BABYLON.Nullable<BABYLON.NodeMaterialBlock>>;
         onZoomToFitRequiredObservable: BABYLON.Observable<void>;
         onReOrganizedRequiredObservable: BABYLON.Observable<void>;
         onLogRequiredObservable: BABYLON.Observable<LogEntry>;
@@ -4390,10 +4392,10 @@ declare module BABYLON.NodeEditor {
         onBackFaceCullingChanged: BABYLON.Observable<void>;
         onDepthPrePassChanged: BABYLON.Observable<void>;
         onAnimationCommandActivated: BABYLON.Observable<void>;
-        onCandidateLinkMoved: BABYLON.Observable<Nullable<Vector2>>;
+        onCandidateLinkMoved: BABYLON.Observable<BABYLON.Nullable<BABYLON.Vector2>>;
         onSelectionBoxMoved: BABYLON.Observable<ClientRect | DOMRect>;
         onFrameCreatedObservable: BABYLON.Observable<GraphFrame>;
-        onCandidatePortSelectedObservable: BABYLON.Observable<Nullable<NodePort | FrameNodePort>>;
+        onCandidatePortSelectedObservable: BABYLON.Observable<BABYLON.Nullable<NodePort | FrameNodePort>>;
         onImportFrameObservable: BABYLON.Observable<any>;
         onGraphNodeRemovalObservable: BABYLON.Observable<GraphNode>;
         onPopupClosedObservable: BABYLON.Observable<void>;
@@ -4403,7 +4405,7 @@ declare module BABYLON.NodeEditor {
             targetY: number;
             needRepositioning?: boolean | undefined;
         }>;
-        onGetNodeFromBlock: (block: NodeMaterialBlock) => GraphNode;
+        onGetNodeFromBlock: (block: BABYLON.NodeMaterialBlock) => GraphNode;
         onGridSizeChanged: BABYLON.Observable<void>;
         onExposePortOnFrameObservable: BABYLON.Observable<GraphNode>;
         previewType: PreviewType;
@@ -4419,7 +4421,7 @@ declare module BABYLON.NodeEditor {
         directionalLight0: boolean;
         directionalLight1: boolean;
         controlCamera: boolean;
-        storeEditorData: (serializationObject: any, frame?: Nullable<GraphFrame>) => void;
+        storeEditorData: (serializationObject: any, frame?: BABYLON.Nullable<GraphFrame>) => void;
         _mode: BABYLON.NodeMaterialModes;
         /** Gets the mode */
         get mode(): BABYLON.NodeMaterialModes;
@@ -4439,7 +4441,7 @@ declare module BABYLON.NodeEditor {
     interface IGraphEditorState {
         showPreviewPopUp: boolean;
     }
-    interface IInternalPreviewAreaOptions extends IInspectorOptions {
+    interface IInternalPreviewAreaOptions extends BABYLON.IInspectorOptions {
         popup: boolean;
         original: boolean;
         explorerWidth?: string;
@@ -4470,7 +4472,7 @@ declare module BABYLON.NodeEditor {
          * @param block
          * @param recursion
          */
-        createNodeFromObject(block: NodeMaterialBlock, recursion?: boolean): GraphNode;
+        createNodeFromObject(block: BABYLON.NodeMaterialBlock, recursion?: boolean): GraphNode;
         addValueNode(type: string): GraphNode;
         componentDidMount(): void;
         componentWillUnmount(): void;
@@ -4483,7 +4485,7 @@ declare module BABYLON.NodeEditor {
         loadGraph(): void;
         showWaitScreen(): void;
         hideWaitScreen(): void;
-        reOrganize(editorData?: Nullable<IEditorData>, isImportingAFrame?: boolean): void;
+        reOrganize(editorData?: BABYLON.Nullable<IEditorData>, isImportingAFrame?: boolean): void;
         onPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
         onPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
         resizeColumns(evt: React.PointerEvent<HTMLDivElement>, forLeft?: boolean): void;
@@ -4495,8 +4497,8 @@ declare module BABYLON.NodeEditor {
         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;
+        createPreviewMeshControlHost: (options: IInternalPreviewAreaOptions, parentControl: BABYLON.Nullable<HTMLElement>) => void;
+        createPreviewHost: (options: IInternalPreviewAreaOptions, parentControl: BABYLON.Nullable<HTMLElement>) => void;
         fixPopUpStyles: (document: Document) => void;
         render(): JSX.Element;
     }
@@ -4508,13 +4510,13 @@ declare module BABYLON.NodeEditor {
      * Interface used to specify creation options for the node editor
      */
     export interface INodeEditorOptions {
-        nodeMaterial: NodeMaterial;
+        nodeMaterial: BABYLON.NodeMaterial;
         hostElement?: HTMLElement;
         customSave?: {
             label: string;
             action: (data: string) => Promise<void>;
         };
-        customLoadObservable?: Observable<any>;
+        customLoadObservable?: BABYLON.Observable<any>;
     }
     /**
      * Class used to create a node editor
@@ -4566,10 +4568,10 @@ declare module BABYLON.NodeEditor {
 
 
     export class SerializationTools {
-        static UpdateLocations(material: NodeMaterial, globalState: GlobalState, frame?: Nullable<GraphFrame>): void;
-        static Serialize(material: NodeMaterial, globalState: GlobalState, frame?: Nullable<GraphFrame>): string;
+        static UpdateLocations(material: BABYLON.NodeMaterial, globalState: GlobalState, frame?: BABYLON.Nullable<GraphFrame>): void;
+        static Serialize(material: BABYLON.NodeMaterial, globalState: GlobalState, frame?: BABYLON.Nullable<GraphFrame>): string;
         static Deserialize(serializationObject: any, globalState: GlobalState): void;
-        static AddFrameToMaterial(serializationObject: any, globalState: GlobalState, currentMaterial: NodeMaterial): void;
+        static AddFrameToMaterial(serializationObject: any, globalState: GlobalState, currentMaterial: BABYLON.NodeMaterial): void;
     }
 
 
@@ -4591,7 +4593,7 @@ declare module BABYLON.NodeEditor {
         isSelected?: () => boolean;
         onSelect?: (value: boolean) => void;
         onValueChanged?: () => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         disabled?: boolean;
     }
     export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
@@ -4615,7 +4617,7 @@ declare module BABYLON.NodeEditor {
         label: string;
         target: any;
         propertyName: string;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         onChange?: () => void;
         globalState: GlobalState;
     }
@@ -4638,7 +4640,7 @@ declare module BABYLON.NodeEditor {
         label: string;
         target: any;
         propertyName: string;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         onChange?: () => void;
         globalState: GlobalState;
     }
@@ -4657,13 +4659,13 @@ declare module BABYLON.NodeEditor {
 
 
     export interface IColorPickerComponentProps {
-        value: Color4 | Color3;
+        value: BABYLON.Color4 | BABYLON.Color3;
         onColorChanged: (newOne: string) => void;
         globalState: GlobalState;
     }
     interface IColorPickerComponentState {
         pickerEnabled: boolean;
-        color: Color3 | Color4;
+        color: BABYLON.Color3 | BABYLON.Color4;
         hex: string;
     }
     export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
@@ -4723,7 +4725,7 @@ declare module BABYLON.NodeEditor {
         propertyName: string;
         onChange?: (newValue: number) => void;
         isInteger?: boolean;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         additionalClass?: string;
         step?: string;
         digits?: number;
@@ -4793,7 +4795,7 @@ declare module BABYLON.NodeEditor {
         step?: number;
         onChange?: (newValue: BABYLON.Matrix) => void;
         onModeChange?: (mode: number) => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         mode?: number;
         globalState: GlobalState;
     }
@@ -4809,9 +4811,9 @@ declare module BABYLON.NodeEditor {
             mode: number;
             angle: number;
         }): boolean;
-        raiseOnPropertyChanged(previousValue: Vector3): void;
+        raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
         updateMatrix(): void;
-        updateRow(value: Vector4, row: number): void;
+        updateRow(value: BABYLON.Vector4, row: number): void;
         updateBasedOnMode(value: number): void;
         render(): JSX.Element;
     }
@@ -4857,10 +4859,10 @@ declare module BABYLON.NodeEditor {
         target: any;
         className?: string;
         propertyName?: string;
-        options: IInspectableOptions[];
+        options: BABYLON.IInspectableOptions[];
         noDirectUpdate?: boolean;
         onSelect?: (value: number | string) => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         valuesAreStrings?: boolean;
         defaultIfNull?: number;
         getSelection?: (target: any) => number;
@@ -4906,7 +4908,7 @@ declare module BABYLON.NodeEditor {
         useEuler?: boolean;
         onChange?: (value: number) => void;
         onInput?: (value: number) => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         decimalCount?: number;
         globalState: GlobalState;
     }
@@ -4934,7 +4936,7 @@ declare module BABYLON.NodeEditor {
         multilines?: boolean;
         onChange?: (value: string) => void;
         validator?: (value: string) => boolean;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
         value: string;
@@ -4968,7 +4970,7 @@ declare module BABYLON.NodeEditor {
 
 
     interface ITextureLineComponentProps {
-        texture: BaseTexture;
+        texture: BABYLON.BaseTexture;
         width: number;
         height: number;
         globalState?: any;
@@ -4988,7 +4990,7 @@ declare module BABYLON.NodeEditor {
         componentDidMount(): void;
         componentDidUpdate(): void;
         updatePreview(): void;
-        static UpdatePreview(previewCanvas: HTMLCanvasElement, texture: BaseTexture, width: number, options: ITextureLineComponentState, onReady?: () => void, globalState?: any): Promise<void>;
+        static UpdatePreview(previewCanvas: HTMLCanvasElement, texture: BABYLON.BaseTexture, width: number, options: ITextureLineComponentState, onReady?: () => void, globalState?: any): Promise<void>;
         render(): JSX.Element;
     }
 
@@ -4998,13 +5000,13 @@ declare module BABYLON.NodeEditor {
         target: any;
         propertyName: string;
         step?: number;
-        onChange?: (newvalue: Vector2) => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onChange?: (newvalue: BABYLON.Vector2) => void;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         globalState: GlobalState;
     }
     export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
         isExpanded: boolean;
-        value: Vector2;
+        value: BABYLON.Vector2;
     }> {
         static defaultProps: {
             step: number;
@@ -5013,10 +5015,10 @@ declare module BABYLON.NodeEditor {
         constructor(props: IVector2LineComponentProps);
         shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
             isExpanded: boolean;
-            value: Vector2;
+            value: BABYLON.Vector2;
         }): boolean;
         switchExpandState(): void;
-        raiseOnPropertyChanged(previousValue: Vector2): void;
+        raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
         updateStateX(value: number): void;
         updateStateY(value: number): void;
         render(): JSX.Element;
@@ -5028,13 +5030,13 @@ declare module BABYLON.NodeEditor {
         target: any;
         propertyName: string;
         step?: number;
-        onChange?: (newvalue: Vector3) => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onChange?: (newvalue: BABYLON.Vector3) => void;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         globalState: GlobalState;
     }
     export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
         isExpanded: boolean;
-        value: Vector3;
+        value: BABYLON.Vector3;
     }> {
         static defaultProps: {
             step: number;
@@ -5043,10 +5045,10 @@ declare module BABYLON.NodeEditor {
         constructor(props: IVector3LineComponentProps);
         shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
             isExpanded: boolean;
-            value: Vector3;
+            value: BABYLON.Vector3;
         }): boolean;
         switchExpandState(): void;
-        raiseOnPropertyChanged(previousValue: Vector3): void;
+        raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
         updateVector3(): void;
         updateStateX(value: number): void;
         updateStateY(value: number): void;
@@ -5059,15 +5061,15 @@ declare module BABYLON.NodeEditor {
         label: string;
         target?: any;
         propertyName?: string;
-        value?: Vector4;
+        value?: BABYLON.Vector4;
         step?: number;
-        onChange?: (newvalue: Vector4) => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onChange?: (newvalue: BABYLON.Vector4) => void;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         globalState: GlobalState;
     }
     export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
         isExpanded: boolean;
-        value: Vector4;
+        value: BABYLON.Vector4;
     }> {
         static defaultProps: {
             step: number;
@@ -5076,10 +5078,10 @@ declare module BABYLON.NodeEditor {
         constructor(props: IVector4LineComponentProps);
         shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
             isExpanded: boolean;
-            value: Vector4;
+            value: BABYLON.Vector4;
         }): boolean;
         switchExpandState(): void;
-        raiseOnPropertyChanged(previousValue: Vector4): void;
+        raiseOnPropertyChanged(previousValue: BABYLON.Vector4): void;
         updateVector4(): void;
         updateStateX(value: number): void;
         updateStateY(value: number): void;
@@ -5192,13 +5194,13 @@ declare module BABYLON.NodeEditor {
         isSelected?: () => boolean;
         onSelect?: (value: boolean) => void;
         onValueChanged?: () => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         disabled?: boolean;
         icon?: string;
         iconLabel?: string;
         faIcons?: {
-            enabled: IconDefinition;
-            disabled: IconDefinition;
+            enabled: any;
+            disabled: any;
         };
         large?: boolean;
     }
@@ -5223,7 +5225,7 @@ declare module BABYLON.NodeEditor {
         label: string;
         target: any;
         propertyName: string;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         isLinear?: boolean;
         icon?: string;
         lockObject?: LockObject;
@@ -5239,7 +5241,7 @@ declare module BABYLON.NodeEditor {
         label: string;
         target?: any;
         propertyName: string;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         onChange?: () => void;
         isLinear?: boolean;
         icon?: string;
@@ -5255,7 +5257,7 @@ declare module BABYLON.NodeEditor {
         label: string;
         target?: any;
         propertyName: string;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         onChange?: () => void;
         isLinear?: boolean;
         icon?: string;
@@ -5288,7 +5290,7 @@ declare module BABYLON.NodeEditor {
 
 
     export interface IColorPickerComponentProps {
-        value: Color4 | Color3;
+        value: BABYLON.Color4 | BABYLON.Color3;
         linearHint?: boolean;
         onColorChanged: (newOne: string) => void;
         icon?: string;
@@ -5297,7 +5299,7 @@ declare module BABYLON.NodeEditor {
     }
     interface IColorPickerComponentState {
         pickerEnabled: boolean;
-        color: Color3 | Color4;
+        color: BABYLON.Color3 | BABYLON.Color4;
         hex: string;
     }
     export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
@@ -5366,7 +5368,7 @@ declare module BABYLON.NodeEditor {
         lockObject?: LockObject;
         onChange?: (newValue: number) => void;
         isInteger?: boolean;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         additionalClass?: string;
         step?: string;
         digits?: number;
@@ -5380,6 +5382,8 @@ declare module BABYLON.NodeEditor {
         defaultValue?: number;
         arrows?: boolean;
         unit?: React.ReactNode;
+        onDragStart?: (newValue: number) => void;
+        onDragStop?: (newValue: number) => void;
     }
     export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
         value: string;
@@ -5412,7 +5416,7 @@ declare module BABYLON.NodeEditor {
         onChange?: (newValue: number) => void;
         isInteger?: boolean;
         replaySourceReplacement?: string;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         additionalClass?: string;
         step?: string;
         digits?: number;
@@ -5520,7 +5524,7 @@ declare module BABYLON.NodeEditor {
         buttonLabel: string;
         url?: string;
         onClick: () => void;
-        icon?: IconProp;
+        icon?: any;
         onIconClick?: () => void;
     }
     export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
@@ -5533,7 +5537,7 @@ declare module BABYLON.NodeEditor {
     interface IMessageLineComponentProps {
         text: string;
         color?: string;
-        icon?: IconProp;
+        icon?: any;
     }
     export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
         constructor(props: IMessageLineComponentProps);
@@ -5572,11 +5576,11 @@ declare module BABYLON.NodeEditor {
         label: string;
         target: any;
         propertyName: string;
-        options: IInspectableOptions[];
+        options: BABYLON.IInspectableOptions[];
         noDirectUpdate?: boolean;
         onSelect?: (value: number) => void;
         extractValue?: () => number;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         allowNullValue?: boolean;
         icon?: string;
         iconLabel?: string;
@@ -5604,7 +5608,7 @@ declare module BABYLON.NodeEditor {
 
 
     interface IRadioButtonLineComponentProps {
-        onSelectionChangedObservable: Observable<RadioButtonLineComponent>;
+        onSelectionChangedObservable: BABYLON.Observable<RadioButtonLineComponent>;
         label: string;
         isSelected: () => boolean;
         onSelect: () => void;
@@ -5634,7 +5638,7 @@ declare module BABYLON.NodeEditor {
         useEuler?: boolean;
         onChange?: (value: number) => void;
         onInput?: (value: number) => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         decimalCount?: number;
         margin?: boolean;
         icon?: string;
@@ -5665,7 +5669,7 @@ declare module BABYLON.NodeEditor {
      * @param getProperty
      * @returns a proxy object that can be passed as a target into the input
      */
-    export function makeTargetsProxy<Type>(targets: Type[], onPropertyChangedObservable?: Observable<PropertyChangedEvent>, getProperty?: (target: Type, property: keyof Type) => any): any;
+    export function makeTargetsProxy<Type>(targets: Type[], onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>, getProperty?: (target: Type, property: keyof Type) => any): any;
 
 
     export interface ITextInputLineComponentProps {
@@ -5675,7 +5679,7 @@ declare module BABYLON.NodeEditor {
         propertyName?: string;
         value?: string;
         onChange?: (value: string) => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         icon?: string;
         iconLabel?: string;
         noUnderline?: boolean;
@@ -5761,14 +5765,14 @@ declare module BABYLON.NodeEditor {
         target: any;
         propertyName: string;
         step?: number;
-        onChange?: (newvalue: Vector2) => void;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onChange?: (newvalue: BABYLON.Vector2) => void;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         icon?: string;
         iconLabel?: string;
     }
     export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {
         isExpanded: boolean;
-        value: Vector2;
+        value: BABYLON.Vector2;
     }> {
         static defaultProps: {
             step: number;
@@ -5777,10 +5781,10 @@ declare module BABYLON.NodeEditor {
         constructor(props: IVector2LineComponentProps);
         shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {
             isExpanded: boolean;
-            value: Vector2;
+            value: BABYLON.Vector2;
         }): boolean;
         switchExpandState(): void;
-        raiseOnPropertyChanged(previousValue: Vector2): void;
+        raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;
         updateStateX(value: number): void;
         updateStateY(value: number): void;
         render(): JSX.Element;
@@ -5792,16 +5796,16 @@ declare module BABYLON.NodeEditor {
         target: any;
         propertyName: string;
         step?: number;
-        onChange?: (newvalue: Vector3) => void;
+        onChange?: (newvalue: BABYLON.Vector3) => void;
         useEuler?: boolean;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         noSlider?: boolean;
         icon?: string;
         iconLabel?: string;
     }
     export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {
         isExpanded: boolean;
-        value: Vector3;
+        value: BABYLON.Vector3;
     }> {
         static defaultProps: {
             step: number;
@@ -5811,10 +5815,10 @@ declare module BABYLON.NodeEditor {
         getCurrentValue(): any;
         shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {
             isExpanded: boolean;
-            value: Vector3;
+            value: BABYLON.Vector3;
         }): boolean;
         switchExpandState(): void;
-        raiseOnPropertyChanged(previousValue: Vector3): void;
+        raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;
         updateVector3(): void;
         updateStateX(value: number): void;
         updateStateY(value: number): void;
@@ -5828,15 +5832,15 @@ declare module BABYLON.NodeEditor {
         target: any;
         propertyName: string;
         step?: number;
-        onChange?: (newvalue: Vector4) => void;
+        onChange?: (newvalue: BABYLON.Vector4) => void;
         useEuler?: boolean;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
         icon?: string;
         iconLabel?: string;
     }
     export class Vector4LineComponent extends React.Component<IVector4LineComponentProps, {
         isExpanded: boolean;
-        value: Vector4;
+        value: BABYLON.Vector4;
     }> {
         static defaultProps: {
             step: number;
@@ -5846,10 +5850,10 @@ declare module BABYLON.NodeEditor {
         getCurrentValue(): any;
         shouldComponentUpdate(nextProps: IVector4LineComponentProps, nextState: {
             isExpanded: boolean;
-            value: Vector4;
+            value: BABYLON.Vector4;
         }): boolean;
         switchExpandState(): void;
-        raiseOnPropertyChanged(previousValue: Vector4): void;
+        raiseOnPropertyChanged(previousValue: BABYLON.Vector4): void;
         updateVector4(): void;
         updateStateX(value: number): void;
         updateStateY(value: number): void;
@@ -5882,9 +5886,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface ICheckboxPropertyGridComponentProps {
-        checkbox: Checkbox;
+        checkbox: BABYLON.GUI.Checkbox;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
         constructor(props: ICheckboxPropertyGridComponentProps);
@@ -5893,9 +5897,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface IColorPickerPropertyGridComponentProps {
-        colorPicker: ColorPicker;
+        colorPicker: BABYLON.GUI.ColorPicker;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
         constructor(props: IColorPickerPropertyGridComponentProps);
@@ -5907,7 +5911,7 @@ declare module BABYLON.NodeEditor {
         controls?: BABYLON.GUI.Control[];
         control?: BABYLON.GUI.Control;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
         constructor(props: ICommonControlPropertyGridComponentProps);
@@ -5917,9 +5921,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface IControlPropertyGridComponentProps {
-        control: Control;
+        control: BABYLON.GUI.Control;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
         constructor(props: IControlPropertyGridComponentProps);
@@ -5928,9 +5932,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface IEllipsePropertyGridComponentProps {
-        ellipse: Ellipse;
+        ellipse: BABYLON.GUI.Ellipse;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
         constructor(props: IEllipsePropertyGridComponentProps);
@@ -5939,9 +5943,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface IGridPropertyGridComponentProps {
-        grid: Grid;
+        grid: BABYLON.GUI.Grid;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
         constructor(props: IGridPropertyGridComponentProps);
@@ -5952,9 +5956,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface IImageBasedSliderPropertyGridComponentProps {
-        imageBasedSlider: ImageBasedSlider;
+        imageBasedSlider: BABYLON.GUI.ImageBasedSlider;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
         constructor(props: IImageBasedSliderPropertyGridComponentProps);
@@ -5965,7 +5969,7 @@ declare module BABYLON.NodeEditor {
     interface IImagePropertyGridComponentProps {
         image: BABYLON.GUI.Image;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
         constructor(props: IImagePropertyGridComponentProps);
@@ -5974,9 +5978,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface IInputTextPropertyGridComponentProps {
-        inputText: InputText;
+        inputText: BABYLON.GUI.InputText;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
         constructor(props: IInputTextPropertyGridComponentProps);
@@ -5985,9 +5989,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface ILinePropertyGridComponentProps {
-        line: Line;
+        line: BABYLON.GUI.Line;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
         constructor(props: ILinePropertyGridComponentProps);
@@ -5997,9 +6001,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface IRadioButtonPropertyGridComponentProps {
-        radioButtons: RadioButton[];
+        radioButtons: BABYLON.GUI.RadioButton[];
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
         constructor(props: IRadioButtonPropertyGridComponentProps);
@@ -6008,9 +6012,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface IRectanglePropertyGridComponentProps {
-        rectangle: Rectangle;
+        rectangle: BABYLON.GUI.Rectangle;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
         constructor(props: IRectanglePropertyGridComponentProps);
@@ -6019,9 +6023,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface IScrollViewerPropertyGridComponentProps {
-        scrollViewer: ScrollViewer;
+        scrollViewer: BABYLON.GUI.ScrollViewer;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
         constructor(props: IScrollViewerPropertyGridComponentProps);
@@ -6030,9 +6034,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface ISliderPropertyGridComponentProps {
-        slider: Slider;
+        slider: BABYLON.GUI.Slider;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
         constructor(props: ISliderPropertyGridComponentProps);
@@ -6041,9 +6045,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface IStackPanelPropertyGridComponentProps {
-        stackPanel: StackPanel;
+        stackPanel: BABYLON.GUI.StackPanel;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
         constructor(props: IStackPanelPropertyGridComponentProps);
@@ -6052,9 +6056,9 @@ declare module BABYLON.NodeEditor {
 
 
     interface ITextBlockPropertyGridComponentProps {
-        textBlock: TextBlock;
+        textBlock: BABYLON.GUI.TextBlock;
         lockObject: LockObject;
-        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;
     }
     export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
         constructor(props: ITextBlockPropertyGridComponentProps);