babylonjs-gui-editor 5.31.2 → 5.32.0

package/babylon.guiEditor.d.ts

@@ -156,9 +156,6 @@ declare module BABYLON {
     }
     interface ICommonControlPropertyGridComponentState {
         fontFamilyOptions: IInspectableOptions[];
-        value: number;
-        invalidFonts: string[];
-        invalidFontAlertName?: string;
     }
     export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps, ICommonControlPropertyGridComponentState> {
         private _onPropertyChangedObserver;
@@ -166,17 +163,21 @@ declare module BABYLON {
         constructor(props: ICommonControlPropertyGridComponentProps);
         componentWillMount(): void;
         private _checkFontsInLayout;
+        private _addFont;
         private _getTransformedReferenceCoordinate;
         private _updateAlignment;
         private _checkAndUpdateValues;
         private _markChildrenAsDirty;
-        addVal: (newVal: {
-            label: string;
-            value: number;
-        }, prevVal: number) => void;
-        selectCustomVal(): void;
-        keepPrevVal(prevVal: number): void;
         componentWillUnmount(): void;
+        _filterFontDuplicates(array: {
+            label: string;
+            value: string;
+            id: string;
+        }[]): {
+            label: string;
+            value: string;
+            id: string;
+        }[];
         render(): JSX.Element;
     }
 
@@ -1306,8 +1307,9 @@ declare module BABYLON.GuiEditor.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>;
 
@@ -1990,6 +1992,34 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON {
+
+}
+declare module BABYLON.GuiEditor.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 {
 
@@ -2004,6 +2034,26 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
 
 
 
+}
+declare module BABYLON {
+
+}
+declare module BABYLON.GuiEditor.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 {
 
@@ -2608,14 +2658,9 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         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<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
         allowNullValue?: boolean;
         icon?: string;
@@ -2623,13 +2668,9 @@ declare module BABYLON.GuiEditor.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;
@@ -2638,12 +2679,10 @@ declare module BABYLON.GuiEditor.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;
     }
 
@@ -3697,12 +3736,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     var _default: {
         component: ICommandBarComponentProps>;
     };
-    export var Default: {};
-    export var WithArtboardColor: {
-        parameters: {
-            onArtboardColorChanged: (color: string) => void;
-        };
-    };
+    export var Default: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.CommandBarComponent>;
+    export var WithArtboardColor: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.CommandBarComponent>;
 
 
 
@@ -3715,7 +3750,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     var _default: {
         component: ICommandButtonComponentProps>;
     };
-    export var Default: {};
+    export var Default: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.CommandButtonComponent>;
 
 
 
@@ -3743,11 +3778,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         var _default: {
         component: typeof BABYLON.GuiEditor.SharedUIComponents.ColorPicker;
     };
-    export var Default: {
-        args: {
-            color: Color3;
-        };
-    };
+    export var Default: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.ColorPicker>;
 
 
 
@@ -3789,46 +3820,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     var _default: {
         component: import("react").FC<BABYLON.GuiEditor.SharedUIComponents.IFlexibleGridLayoutProps>;
     };
-    export var Default: {
-        render: (props: BABYLON.GuiEditor.SharedUIComponents.IFlexibleGridLayoutProps) => JSX.Element;
-        args: {
-            layoutDefinition: {
-                columns: {
-                    id: string;
-                    width: string;
-                    rows: {
-                        id: string;
-                        height: string;
-                        selectedTab: string;
-                        tabs: {
-                            id: string;
-                            component: JSX.Element;
-                        }[];
-                    }[];
-                }[];
-            };
-        };
-    };
-    export var TwoColumn: {
-        render: (props: BABYLON.GuiEditor.SharedUIComponents.IFlexibleGridLayoutProps) => JSX.Element;
-        args: {
-            layoutDefinition: {
-                columns: {
-                    id: string;
-                    width: string;
-                    rows: {
-                        id: string;
-                        height: string;
-                        selectedTab: string;
-                        tabs: {
-                            id: string;
-                            component: JSX.Element;
-                        }[];
-                    }[];
-                }[];
-            };
-        };
-    };
+    export var Default: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.FlexibleGridLayout>;
+    export var TwoColumn: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.FlexibleGridLayout>;
 
 
 
@@ -3837,22 +3830,10 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
+        var _default: {
         component: typeof BABYLON.GuiEditor.SharedUIComponents.ColorLineComponent;
     };
-    export var Default: {
-        render: (args: BABYLON.GuiEditor.SharedUIComponents.IColorLineComponentProps) => JSX.Element;
-        args: {
-            target: {};
-            label: string;
-            propertyName: string;
-            lockObject: {
-                lock: boolean;
-            };
-            onPropertyChangedObservable: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
-        };
-    };
+    export var Default: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.ColorLineComponent>;
 
 
 
@@ -3861,16 +3842,10 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
+        var _default: {
         component: typeof BABYLON.GuiEditor.SharedUIComponents.ColorPickerLineComponent;
     };
-    export var Default: {
-        render: (args: BABYLON.GuiEditor.SharedUIComponents.IColorPickerComponentProps) => JSX.Element;
-        args: {
-            value: Color3;
-        };
-    };
+    export var Default: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.ColorPickerLineComponent>;
 
 
 
@@ -3882,7 +3857,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         var _default: {
         component: typeof BABYLON.GuiEditor.SharedUIComponents.FileButtonLineComponent;
     };
-    export var Default: {};
+    export var Default: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.FileButtonLineComponent>;
 
 
 
@@ -3894,12 +3869,23 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         var _default: {
         component: typeof BABYLON.GuiEditor.SharedUIComponents.NumericInputComponent;
     };
-    export var Default: {
-        args: {
-            label: string;
-            value: number;
-        };
+    export var Default: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.NumericInputComponent>;
+
+
+
+}
+declare module BABYLON {
+
+}
+declare module BABYLON.GuiEditor.SharedUIComponents {
+        /// <reference types="react" />
+    var _default: {
+        component: (props: => JSX.Element;
     };
+    const RenderComponent: (args: any) => JSX.Element;
+    export var Default: StoryObj<typeof RenderComponent>;
+    export var WithCustomOptions: StoryObj<typeof RenderComponent>;
+    export var WithValidation: StoryObj<typeof RenderComponent>;