babylonjs-node-editor 5.26.0 → 5.27.0

package/babylon.nodeEditor.d.ts

@@ -394,7 +394,7 @@ declare module BABYLON.NodeEditor {
         get connectedPort(): BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>;
         set connectedPort(value: BABYLON.Nullable<BABYLON.NodeEditor.SharedUIComponents.IPortData>);
         get direction(): BABYLON.NodeEditor.SharedUIComponents.PortDataDirection;
-        get ownerData(): import("core/Materials/Node/nodeMaterialBlock").NodeMaterialBlock;
+        get ownerData(): BABYLON.NodeMaterialBlock;
         get needDualDirectionValidation(): boolean;
         get hasEndpoints(): boolean;
         get endpoints(): BABYLON.NodeEditor.SharedUIComponents.IPortData[];
@@ -1027,6 +1027,9 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         onPanButtonClicked?: () => void;
         onZoomButtonClicked?: () => void;
         onFitButtonClicked?: () => void;
+        onArtboardColorChanged?: (newColor: string) => void;
+        artboardColor?: string;
+        artboardColorPickerColor?: string;
     }
     export var CommandBarComponent: React.FC<ICommandBarComponentProps>;
 
@@ -1110,6 +1113,104 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IColorComponentEntryProps {
+        value: number;
+        label: string;
+        max?: number;
+        min?: number;
+        onChange: (value: number) => void;
+        disabled?: boolean;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+    }
+    export class ColorComponentEntry extends React.Component<IColorComponentEntryProps> {
+        constructor(props: IColorComponentEntryProps);
+        updateValue(valueString: string): void;
+        lock(): void;
+        unlock(): void;
+        render(): JSX.Element;
+    }
+
+
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        /**
+     * Interface used to specify creation options for color picker
+     */
+    export interface IColorPickerProps {
+        color: BABYLON.Color3 | BABYLON.Color4;
+        linearhint?: boolean;
+        debugMode?: boolean;
+        onColorChanged?: (color: BABYLON.Color3 | BABYLON.Color4) => void;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        backgroundColor?: string;
+    }
+    /**
+     * Interface used to specify creation options for color picker
+     */
+    export interface IColorPickerState {
+        color: BABYLON.Color3;
+        alpha: number;
+    }
+    /**
+     * Class used to create a color picker
+     */
+    export class ColorPicker extends React.Component<IColorPickerProps, IColorPickerState> {
+        private _saturationRef;
+        private _hueRef;
+        private _isSaturationPointerDown;
+        private _isHuePointerDown;
+        constructor(props: IColorPickerProps);
+        shouldComponentUpdate(nextProps: IColorPickerProps, nextState: IColorPickerState): boolean;
+        onSaturationPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
+        onSaturationPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
+        onSaturationPointerMove(evt: React.PointerEvent<HTMLDivElement>): void;
+        onHuePointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
+        onHuePointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
+        onHuePointerMove(evt: React.PointerEvent<HTMLDivElement>): void;
+        private _evaluateSaturation;
+        private _evaluateHue;
+        componentDidUpdate(): void;
+        raiseOnColorChanged(): void;
+        render(): JSX.Element;
+    }
+
+
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IHexColorProps {
+        value: string;
+        expectedLength: number;
+        onChange: (value: string) => void;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+    }
+    export class HexColor extends React.Component<IHexColorProps, {
+        hex: string;
+    }> {
+        constructor(props: IHexColorProps);
+        shouldComponentUpdate(nextProps: IHexColorProps, nextState: {
+            hex: string;
+        }): boolean;
+        lock(): void;
+        unlock(): void;
+        updateHexValue(valueString: string): void;
+        render(): JSX.Element;
+    }
+
+
+
 }
 declare module BABYLON.NodeEditor {
 
@@ -1138,6 +1239,85 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IColorLineComponentProps {
+        label: string;
+        target: any;
+        propertyName: string;
+        onPropertyChangedObservable: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
+        onChange?: () => void;
+        isLinear?: boolean;
+        icon?: string;
+        iconLabel?: string;
+        disableAlpha?: boolean;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+    }
+    interface IColorLineComponentState {
+        isExpanded: boolean;
+        color: BABYLON.Color4;
+    }
+    export class ColorLineComponent extends React.Component<IColorLineComponentProps, IColorLineComponentState> {
+        constructor(props: IColorLineComponentProps);
+        shouldComponentUpdate(nextProps: IColorLineComponentProps, nextState: IColorLineComponentState): boolean;
+        getValue(props?: Readonly<IColorLineComponentProps> & Readonly<{
+            children?: React.ReactNode;
+        }>): BABYLON.Color4;
+        setColorFromString(colorString: string): void;
+        setColor(newColor: BABYLON.Color4): void;
+        switchExpandState(): void;
+        updateStateR(value: number): void;
+        updateStateG(value: number): void;
+        updateStateB(value: number): void;
+        updateStateA(value: number): void;
+        copyToClipboard(): void;
+        private _convertToColor;
+        private _toColor3;
+        render(): JSX.Element;
+    }
+
+
+
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        export interface IColorPickerComponentProps {
+        value: BABYLON.Color4 | BABYLON.Color3;
+        linearHint?: boolean;
+        onColorChanged: (newOne: string) => void;
+        icon?: string;
+        iconLabel?: string;
+        shouldPopRight?: boolean;
+        lockObject?: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+        backgroundColor?: string;
+    }
+    interface IColorPickerComponentState {
+        pickerEnabled: boolean;
+        color: BABYLON.Color3 | BABYLON.Color4;
+        hex: string;
+    }
+    export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
+        private _floatRef;
+        private _floatHostRef;
+        private _coverRef;
+        constructor(props: IColorPickerComponentProps);
+        syncPositions(): void;
+        shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
+        getHexString(props?: Readonly<IColorPickerComponentProps> & Readonly<{
+            children?: React.ReactNode;
+        }>): string;
+        componentDidUpdate(): void;
+        componentDidMount(): void;
+        render(): JSX.Element;
+    }
+
+
+
 }
 declare module BABYLON.NodeEditor {
 
@@ -1161,6 +1341,42 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        interface INumericInputComponentProps {
+        label: string;
+        value: number;
+        step?: number;
+        onChange: (value: number) => void;
+        precision?: number;
+        icon?: string;
+        iconLabel?: string;
+        lockObject: BABYLON.NodeEditor.SharedUIComponents.LockObject;
+    }
+    export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
+        value: string;
+    }> {
+        static defaultProps: {
+            step: number;
+        };
+        private _localChange;
+        constructor(props: INumericInputComponentProps);
+        componentWillUnmount(): void;
+        shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
+            value: string;
+        }): boolean;
+        updateValue(valueString: string): void;
+        onBlur(): void;
+        incrementValue(amount: number): void;
+        onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
+        render(): JSX.Element;
+    }
+
+
+
 }
 declare module BABYLON.NodeEditor {
 
@@ -2851,119 +3067,6 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
 
 
 
-}
-declare module BABYLON.NodeEditor {
-
-}
-declare module BABYLON.NodeEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
-        component: ICommandBarComponentProps>;
-    };
-    export var Default: {};
-
-
-
-}
-declare module BABYLON.NodeEditor {
-
-}
-declare module BABYLON.NodeEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
-        component: ICommandButtonComponentProps>;
-    };
-    export var Default: {};
-
-
-
-}
-declare module BABYLON.NodeEditor {
-
-}
-declare module BABYLON.NodeEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
-        title: string;
-        component: import("react").FC<BABYLON.NodeEditor.SharedUIComponents.ButtonProps>;
-    };
-    export var Default: any;
-    export var Wide: any;
-    export var Small: any;
-
-
-
-}
-declare module BABYLON.NodeEditor {
-
-}
-declare module BABYLON.NodeEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
-        title: string;
-        component: import("react").FC<BABYLON.NodeEditor.SharedUIComponents.IconProps>;
-    };
-    export var Light: any;
-    export var Dark: any;
-
-
-
-}
-declare module BABYLON.NodeEditor {
-
-}
-declare module BABYLON.NodeEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
-        title: string;
-        component: import("react").FC<BABYLON.NodeEditor.SharedUIComponents.LabelProps>;
-    };
-    export var Default: any;
-
-
-
-}
-declare module BABYLON.NodeEditor {
-
-}
-declare module BABYLON.NodeEditor.SharedUIComponents {
-        var _default: {
-        component: typeof BABYLON.NodeEditor.SharedUIComponents.FileButtonLineComponent;
-    };
-    export var Default: {};
-
-
-
-}
-declare module BABYLON.NodeEditor {
-
-}
-declare module BABYLON.NodeEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
-        title: string;
-        component: import("react").FC<BABYLON.NodeEditor.SharedUIComponents.MessageDialogProps>;
-    };
-    export var NoError: any;
-    export var Error: any;
-
-
-
-}
-declare module BABYLON.NodeEditor {
-
-}
-declare module BABYLON.NodeEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
-        title: string;
-        component: import("react").FC<BABYLON.NodeEditor.SharedUIComponents.ToggleProps>;
-    };
-    export var Default: any;
-    export var Padded: any;
-
-
-
 }
 declare module BABYLON.NodeEditor {