babylonjs-node-editor 5.31.2 → 5.32.1

package/babylon.nodeEditor.module.d.ts

@@ -1439,8 +1439,9 @@ export type ButtonProps = {
     active?: boolean;
     onClick?: () => void;
     color: "light" | "dark";
-    size: "default" | "small" | "wide";
+    size: "default" | "small" | "wide" | "smaller";
     title?: string;
+    backgroundColor?: string;
 };
 export const Button: React.FC<ButtonProps>;
 
@@ -2050,6 +2051,29 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
 }
 export {};
 
+}
+declare module "babylonjs-node-editor/components/lines/OptionsLineComponent" {
+/// <reference types="react" />
+/**
+ * This components represents an options menu with optional
+ * customizable properties. Option IDs should be unique.
+ */
+export interface IOption {
+    label: string;
+    value: string;
+    id: string;
+}
+export interface IOptionsLineComponentProps {
+    options: IOption[];
+    addOptionPlaceholder?: string;
+    onOptionAdded?: (newOption: IOption) => void;
+    onOptionSelected: (selectedOptionValue: string) => void;
+    selectedOptionValue: string;
+    validateNewOptionValue?: (newOptionValue: string) => boolean;
+    addOptionText?: string;
+}
+export const OptionsLineComponent: (props: IOptionsLineComponentProps) => JSX.Element;
+
 }
 declare module "babylonjs-node-editor/components/MessageDialog" {
 import * as React from "react";
@@ -2060,6 +2084,21 @@ export interface MessageDialogProps {
 }
 export const MessageDialog: React.FC<MessageDialogProps>;
 
+}
+declare module "babylonjs-node-editor/components/TextInputWithSubmit" {
+/// <reference types="react" />
+export interface ITextInputProps {
+    label?: string;
+    placeholder?: string;
+    submitValue: (newValue: string) => void;
+    validateValue?: (value: string) => boolean;
+    cancelSubmit?: () => void;
+}
+/**
+ * This component represents a text input that can be submitted or cancelled on buttons
+ */
+export const TextInputWithSubmit: (props: ITextInputProps) => JSX.Element;
+
 }
 declare module "babylonjs-node-editor/components/Toggle" {
 /// <reference types="react" />
@@ -2615,14 +2654,9 @@ export interface IOptionsLineComponentProps {
     target: any;
     propertyName: string;
     options: IInspectableOptions[];
-    addInput?: boolean;
     noDirectUpdate?: boolean;
     onSelect?: (value: number | string) => void;
     extractValue?: (target: any) => number | string;
-    addVal?: (newVal: {
-        label: string;
-        value: number;
-    }, prevVal: number) => void;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
     allowNullValue?: boolean;
     icon?: string;
@@ -2630,13 +2664,9 @@ export interface IOptionsLineComponentProps {
     className?: string;
     valuesAreStrings?: boolean;
     defaultIfNull?: number;
-    fromFontDropdown?: boolean;
-    valueProp?: number;
-    fallbackValue?: number;
 }
 export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
     value: number | string;
-    addCustom: boolean;
 }> {
     private _localChange;
     private _remapValueIn;
@@ -2645,12 +2675,10 @@ export class OptionsLineComponent extends React.Component<IOptionsLineComponentP
     constructor(props: IOptionsLineComponentProps);
     shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
         value: number;
-        addCustom: boolean;
     }): boolean;
     raiseOnPropertyChanged(newValue: number, previousValue: number): void;
     setValue(value: string | number): void;
     updateValue(valueString: string): void;
-    updateCustomValue(): void;
     render(): JSX.Element;
 }
 
@@ -5085,8 +5113,9 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         active?: boolean;
         onClick?: () => void;
         color: "light" | "dark";
-        size: "default" | "small" | "wide";
+        size: "default" | "small" | "wide" | "smaller";
         title?: string;
+        backgroundColor?: string;
     };
     export var Button: React.FC<ButtonProps>;
 
@@ -5769,6 +5798,34 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        /// <reference types="react" />
+    /**
+     * This components represents an options menu with optional
+     * customizable properties. Option IDs should be unique.
+     */
+    export interface IOption {
+        label: string;
+        value: string;
+        id: string;
+    }
+    export interface IOptionsLineComponentProps {
+        options: IOption[];
+        addOptionPlaceholder?: string;
+        onOptionAdded?: (newOption: IOption) => void;
+        onOptionSelected: (selectedOptionValue: string) => void;
+        selectedOptionValue: string;
+        validateNewOptionValue?: (newOptionValue: string) => boolean;
+        addOptionText?: string;
+    }
+    export const OptionsLineComponent: (props: IOptionsLineComponentProps) => JSX.Element;
+
+
+
 }
 declare module BABYLON.NodeEditor {
 
@@ -5783,6 +5840,26 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON.NodeEditor {
+
+}
+declare module BABYLON.NodeEditor.SharedUIComponents {
+        /// <reference types="react" />
+    export interface ITextInputProps {
+        label?: string;
+        placeholder?: string;
+        submitValue: (newValue: string) => void;
+        validateValue?: (value: string) => boolean;
+        cancelSubmit?: () => void;
+    }
+    /**
+     * This component represents a text input that can be submitted or cancelled on buttons
+     */
+    export const TextInputWithSubmit: (props: ITextInputProps) => JSX.Element;
+
+
+
 }
 declare module BABYLON.NodeEditor {
 
@@ -6387,14 +6464,9 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         target: any;
         propertyName: string;
         options: BABYLON.IInspectableOptions[];
-        addInput?: boolean;
         noDirectUpdate?: boolean;
         onSelect?: (value: number | string) => void;
         extractValue?: (target: any) => number | string;
-        addVal?: (newVal: {
-            label: string;
-            value: number;
-        }, prevVal: number) => void;
         onPropertyChangedObservable?: BABYLON.Observable<BABYLON.NodeEditor.SharedUIComponents.PropertyChangedEvent>;
         allowNullValue?: boolean;
         icon?: string;
@@ -6402,13 +6474,9 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         className?: string;
         valuesAreStrings?: boolean;
         defaultIfNull?: number;
-        fromFontDropdown?: boolean;
-        valueProp?: number;
-        fallbackValue?: number;
     }
     export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
         value: number | string;
-        addCustom: boolean;
     }> {
         private _localChange;
         private _remapValueIn;
@@ -6417,12 +6485,10 @@ declare module BABYLON.NodeEditor.SharedUIComponents {
         constructor(props: IOptionsLineComponentProps);
         shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
             value: number;
-            addCustom: boolean;
         }): boolean;
         raiseOnPropertyChanged(newValue: number, previousValue: number): void;
         setValue(value: string | number): void;
         updateValue(valueString: string): void;
-        updateCustomValue(): void;
         render(): JSX.Element;
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-node-editor",
-    "version": "5.31.2",
+    "version": "5.32.1",
     "main": "babylon.nodeEditor.js",
     "types": "babylon.nodeEditor.module.d.ts",
     "files": [
@@ -14,7 +14,7 @@
         "clean": "rimraf dist && rimraf babylon*.*"
     },
     "dependencies": {
-        "babylonjs": "^5.31.2"
+        "babylonjs": "^5.32.1"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",