babylonjs-gui-editor 7.6.0 → 7.6.1

package/babylon.guiEditor.module.d.ts

@@ -1683,7 +1683,7 @@ export interface IColorComponentEntryProps {
     disabled?: boolean;
     lockObject: LockObject;
 }
-export class ColorComponentEntry extends React.Component<IColorComponentEntryProps> {
+export class ColorComponentComponentEntry extends React.Component<IColorComponentEntryProps> {
     constructor(props: IColorComponentEntryProps);
     updateValue(valueString: string): void;
     lock(): void;
@@ -1699,7 +1699,7 @@ import { LockObject } from "babylonjs-gui-editor/tabs/propertyGrids/lockObject";
 /**
  * Interface used to specify creation options for color picker
  */
-export interface IColorPickerProps {
+export interface IColorPickerComponentProps {
     color: Color3 | Color4;
     linearhint?: boolean;
     debugMode?: boolean;
@@ -1717,13 +1717,13 @@ export interface IColorPickerState {
 /**
  * Class used to create a color picker
  */
-export class ColorPicker extends React.Component<IColorPickerProps, IColorPickerState> {
+export class ColorPickerComponent extends React.Component<IColorPickerComponentProps, IColorPickerState> {
     private _saturationRef;
     private _hueRef;
     private _isSaturationPointerDown;
     private _isHuePointerDown;
-    constructor(props: IColorPickerProps);
-    shouldComponentUpdate(nextProps: IColorPickerProps, nextState: IColorPickerState): boolean;
+    constructor(props: IColorPickerComponentProps);
+    shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerState): boolean;
     onSaturationPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
     onSaturationPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
     onSaturationPointerMove(evt: React.PointerEvent<HTMLDivElement>): void;
@@ -1747,7 +1747,7 @@ export interface IHexColorProps {
     onChange: (value: string) => void;
     lockObject: LockObject;
 }
-export class HexColor extends React.Component<IHexColorProps, {
+export class HexColorComponent extends React.Component<IHexColorProps, {
     hex: string;
 }> {
     constructor(props: IHexColorProps);
@@ -2206,7 +2206,7 @@ declare module "babylonjs-gui-editor/components/lines/ColorPickerLineComponent"
 import * as React from "react";
 import { Color4, Color3 } from "babylonjs/Maths/math.color";
 import { LockObject } from "babylonjs-gui-editor/tabs/propertyGrids/lockObject";
-export interface IColorPickerComponentProps {
+export interface IColorPickerLineComponentProps {
     value: Color4 | Color3;
     linearHint?: boolean;
     onColorChanged: (newOne: string) => void;
@@ -2221,14 +2221,14 @@ interface IColorPickerComponentState {
     color: Color3 | Color4;
     hex: string;
 }
-export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
+export class ColorPickerLineComponent extends React.Component<IColorPickerLineComponentProps, IColorPickerComponentState> {
     private _floatRef;
     private _floatHostRef;
     private _coverRef;
-    constructor(props: IColorPickerComponentProps);
+    constructor(props: IColorPickerLineComponentProps);
     syncPositions(): void;
-    shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
-    getHexString(props?: Readonly<IColorPickerComponentProps> & Readonly<{
+    shouldComponentUpdate(nextProps: IColorPickerLineComponentProps, nextState: IColorPickerComponentState): boolean;
+    getHexString(props?: Readonly<IColorPickerLineComponentProps> & Readonly<{
         children?: React.ReactNode;
     }>): string;
     componentDidUpdate(): void;
@@ -2473,7 +2473,7 @@ export interface IGraphNodeProps {
     highlighted?: boolean;
     parentContainerId: string;
 }
-export const GraphNode: FC<IGraphNodeProps>;
+export const SingleGraphNode: FC<IGraphNodeProps>;
 
 }
 declare module "babylonjs-gui-editor/components/reactGraphSystem/GraphNodesContainer" {
@@ -2722,7 +2722,7 @@ import { Observable } from "babylonjs/Misc/observable";
 import { Color4 } from "babylonjs/Maths/math.color";
 import { PropertyChangedEvent } from "babylonjs-gui-editor/propertyChangedEvent";
 import { LockObject } from "babylonjs-gui-editor/tabs/propertyGrids/lockObject";
-export interface IColorLineComponentProps {
+export interface IColorLineProps {
     label: string;
     target?: any;
     propertyName: string;
@@ -2738,10 +2738,10 @@ interface IColorLineComponentState {
     isExpanded: boolean;
     color: Color4;
 }
-export class ColorLineComponent extends React.Component<IColorLineComponentProps, IColorLineComponentState> {
-    constructor(props: IColorLineComponentProps);
-    shouldComponentUpdate(nextProps: IColorLineComponentProps, nextState: IColorLineComponentState): boolean;
-    getValue(props?: Readonly<IColorLineComponentProps> & Readonly<{
+export class ColorLine extends React.Component<IColorLineProps, IColorLineComponentState> {
+    constructor(props: IColorLineProps);
+    shouldComponentUpdate(nextProps: IColorLineProps, nextState: IColorLineComponentState): boolean;
+    getValue(props?: Readonly<IColorLineProps> & Readonly<{
         children?: React.ReactNode;
     }>): Color4;
     setColorFromString(colorString: string): void;
@@ -2763,7 +2763,7 @@ declare module "babylonjs-gui-editor/lines/colorPickerComponent" {
 import * as React from "react";
 import { Color4, Color3 } from "babylonjs/Maths/math.color";
 import { LockObject } from "babylonjs-gui-editor/tabs/propertyGrids/lockObject";
-export interface IColorPickerComponentProps {
+export interface IColorPickerLineProps {
     value: Color4 | Color3;
     linearHint?: boolean;
     onColorChanged: (newOne: string) => void;
@@ -2777,13 +2777,13 @@ interface IColorPickerComponentState {
     color: Color3 | Color4;
     hex: string;
 }
-export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
+export class ColorPickerLine extends React.Component<IColorPickerLineProps, IColorPickerComponentState> {
     private _floatRef;
     private _floatHostRef;
-    constructor(props: IColorPickerComponentProps);
+    constructor(props: IColorPickerLineProps);
     syncPositions(): void;
-    shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
-    getHexString(props?: Readonly<IColorPickerComponentProps> & Readonly<{
+    shouldComponentUpdate(nextProps: IColorPickerLineProps, nextState: IColorPickerComponentState): boolean;
+    getHexString(props?: Readonly<IColorPickerLineProps> & Readonly<{
         children?: React.ReactNode;
     }>): string;
     componentDidUpdate(): void;
@@ -2807,18 +2807,18 @@ export class DraggableLineComponent extends React.Component<IButtonLineComponent
 }
 declare module "babylonjs-gui-editor/lines/fileButtonLineComponent" {
 import * as React from "react";
-interface IFileButtonLineComponentProps {
+interface IFileButtonLineProps {
     label: string;
     onClick: (file: File) => void;
     accept: string;
     icon?: string;
     iconLabel?: string;
 }
-export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
+export class FileButtonLine extends React.Component<IFileButtonLineProps> {
     private static _IDGenerator;
     private _id;
     private _uploadInputRef;
-    constructor(props: IFileButtonLineComponentProps);
+    constructor(props: IFileButtonLineProps);
     onChange(evt: any): void;
 
 }
@@ -3109,7 +3109,7 @@ export {};
 declare module "babylonjs-gui-editor/lines/numericInputComponent" {
 import * as React from "react";
 import { LockObject } from "babylonjs-gui-editor/tabs/propertyGrids/lockObject";
-interface INumericInputComponentProps {
+interface INumericInputProps {
     label: string;
     value: number;
     step?: number;
@@ -3119,16 +3119,16 @@ interface INumericInputComponentProps {
     iconLabel?: string;
     lockObject: LockObject;
 }
-export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
+export class NumericInput extends React.Component<INumericInputProps, {
     value: string;
 }> {
     static defaultProps: {
         step: number;
     };
     private _localChange;
-    constructor(props: INumericInputComponentProps);
+    constructor(props: INumericInputProps);
     componentWillUnmount(): void;
-    shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
+    shouldComponentUpdate(nextProps: INumericInputProps, nextState: {
         value: string;
     }): boolean;
     updateValue(valueString: string): void;
@@ -3146,7 +3146,7 @@ import { Observable } from "babylonjs/Misc/observable";
 import { PropertyChangedEvent } from "babylonjs-gui-editor/propertyChangedEvent";
 import { IInspectableOptions } from "babylonjs/Misc/iInspectable";
 export const Null_Value: number;
-export interface IOptionsLineComponentProps {
+export interface IOptionsLineProps {
     label: string;
     target: any;
     propertyName: string;
@@ -3162,15 +3162,15 @@ export interface IOptionsLineComponentProps {
     valuesAreStrings?: boolean;
     defaultIfNull?: number;
 }
-export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
+export class OptionsLine extends React.Component<IOptionsLineProps, {
     value: number | string;
 }> {
     private _localChange;
     private _remapValueIn;
     private _remapValueOut;
     private _getValue;
-    constructor(props: IOptionsLineComponentProps);
-    shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
+    constructor(props: IOptionsLineProps);
+    shouldComponentUpdate(nextProps: IOptionsLineProps, nextState: {
         value: number;
     }): boolean;
     raiseOnPropertyChanged(newValue: number, previousValue: number): void;
@@ -4290,13 +4290,13 @@ export const Small: any;
 
 }
 declare module "babylonjs-gui-editor/stories/colorPicker/ColorPicker.stories" {
-import { ColorPicker } from "babylonjs-gui-editor/components/colorPicker/ColorPicker";
+import { ColorPickerComponent } from "babylonjs-gui-editor/components/colorPicker/ColorPicker";
 
 const _default: {
-    component: typeof ColorPicker;
+    component: typeof ColorPickerComponent;
 };
 export default _default;
-export const Default: StoryObj<typeof ColorPicker>;
+export const Default: StoryObj<typeof ColorPickerComponent>;
 
 }
 declare module "babylonjs-gui-editor/stories/Icon.stories" {
@@ -6122,7 +6122,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         disabled?: boolean;
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
-    export class ColorComponentEntry extends React.Component<IColorComponentEntryProps> {
+    export class ColorComponentComponentEntry extends React.Component<IColorComponentEntryProps> {
         constructor(props: IColorComponentEntryProps);
         updateValue(valueString: string): void;
         lock(): void;
@@ -6140,7 +6140,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         /**
      * Interface used to specify creation options for color picker
      */
-    export interface IColorPickerProps {
+    export interface IColorPickerComponentProps {
         color: Color3 | Color4;
         linearhint?: boolean;
         debugMode?: boolean;
@@ -6158,13 +6158,13 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     /**
      * Class used to create a color picker
      */
-    export class ColorPicker extends React.Component<IColorPickerProps, IColorPickerState> {
+    export class ColorPickerComponent extends React.Component<IColorPickerComponentProps, IColorPickerState> {
         private _saturationRef;
         private _hueRef;
         private _isSaturationPointerDown;
         private _isHuePointerDown;
-        constructor(props: IColorPickerProps);
-        shouldComponentUpdate(nextProps: IColorPickerProps, nextState: IColorPickerState): boolean;
+        constructor(props: IColorPickerComponentProps);
+        shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerState): boolean;
         onSaturationPointerDown(evt: React.PointerEvent<HTMLDivElement>): void;
         onSaturationPointerUp(evt: React.PointerEvent<HTMLDivElement>): void;
         onSaturationPointerMove(evt: React.PointerEvent<HTMLDivElement>): void;
@@ -6191,7 +6191,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onChange: (value: string) => void;
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
-    export class HexColor extends React.Component<IHexColorProps, {
+    export class HexColorComponent extends React.Component<IHexColorProps, {
         hex: string;
     }> {
         constructor(props: IHexColorProps);
@@ -6703,7 +6703,7 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        export interface IColorPickerComponentProps {
+        export interface IColorPickerLineComponentProps {
         value: Color4 | Color3;
         linearHint?: boolean;
         onColorChanged: (newOne: string) => void;
@@ -6718,14 +6718,14 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         color: Color3 | Color4;
         hex: string;
     }
-    export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
+    export class ColorPickerLineComponent extends React.Component<IColorPickerLineComponentProps, IColorPickerComponentState> {
         private _floatRef;
         private _floatHostRef;
         private _coverRef;
-        constructor(props: IColorPickerComponentProps);
+        constructor(props: IColorPickerLineComponentProps);
         syncPositions(): void;
-        shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
-        getHexString(props?: Readonly<IColorPickerComponentProps> & Readonly<{
+        shouldComponentUpdate(nextProps: IColorPickerLineComponentProps, nextState: IColorPickerComponentState): boolean;
+        getHexString(props?: Readonly<IColorPickerLineComponentProps> & Readonly<{
             children?: React.ReactNode;
         }>): string;
         componentDidUpdate(): void;
@@ -7009,7 +7009,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         highlighted?: boolean;
         parentContainerId: string;
     }
-    export var GraphNode: React.FC<IGraphNodeProps>;
+    export var SingleGraphNode: React.FC<IGraphNodeProps>;
 
 
 
@@ -7296,7 +7296,7 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        export interface IColorLineComponentProps {
+        export interface IColorLineProps {
         label: string;
         target?: any;
         propertyName: string;
@@ -7312,10 +7312,10 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         isExpanded: boolean;
         color: Color4;
     }
-    export class ColorLineComponent extends React.Component<IColorLineComponentProps, IColorLineComponentState> {
-        constructor(props: IColorLineComponentProps);
-        shouldComponentUpdate(nextProps: IColorLineComponentProps, nextState: IColorLineComponentState): boolean;
-        getValue(props?: Readonly<IColorLineComponentProps> & Readonly<{
+    export class ColorLine extends React.Component<IColorLineProps, IColorLineComponentState> {
+        constructor(props: IColorLineProps);
+        shouldComponentUpdate(nextProps: IColorLineProps, nextState: IColorLineComponentState): boolean;
+        getValue(props?: Readonly<IColorLineProps> & Readonly<{
             children?: React.ReactNode;
         }>): Color4;
         setColorFromString(colorString: string): void;
@@ -7338,7 +7338,7 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        export interface IColorPickerComponentProps {
+        export interface IColorPickerLineProps {
         value: Color4 | Color3;
         linearHint?: boolean;
         onColorChanged: (newOne: string) => void;
@@ -7352,13 +7352,13 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         color: Color3 | Color4;
         hex: string;
     }
-    export class ColorPickerLineComponent extends React.Component<IColorPickerComponentProps, IColorPickerComponentState> {
+    export class ColorPickerLine extends React.Component<IColorPickerLineProps, IColorPickerComponentState> {
         private _floatRef;
         private _floatHostRef;
-        constructor(props: IColorPickerComponentProps);
+        constructor(props: IColorPickerLineProps);
         syncPositions(): void;
-        shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
-        getHexString(props?: Readonly<IColorPickerComponentProps> & Readonly<{
+        shouldComponentUpdate(nextProps: IColorPickerLineProps, nextState: IColorPickerComponentState): boolean;
+        getHexString(props?: Readonly<IColorPickerLineProps> & Readonly<{
             children?: React.ReactNode;
         }>): string;
         componentDidUpdate(): void;
@@ -7389,18 +7389,18 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        interface IFileButtonLineComponentProps {
+        interface IFileButtonLineProps {
         label: string;
         onClick: (file: File) => void;
         accept: string;
         icon?: string;
         iconLabel?: string;
     }
-    export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {
+    export class FileButtonLine extends React.Component<IFileButtonLineProps> {
         private static _IDGenerator;
         private _id;
         private _uploadInputRef;
-        constructor(props: IFileButtonLineComponentProps);
+        constructor(props: IFileButtonLineProps);
         onChange(evt: any): void;
         render(): import("react/jsx-runtime").JSX.Element;
     }
@@ -7718,7 +7718,7 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        interface INumericInputComponentProps {
+        interface INumericInputProps {
         label: string;
         value: number;
         step?: number;
@@ -7728,16 +7728,16 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         iconLabel?: string;
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
-    export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
+    export class NumericInput extends React.Component<INumericInputProps, {
         value: string;
     }> {
         static defaultProps: {
             step: number;
         };
         private _localChange;
-        constructor(props: INumericInputComponentProps);
+        constructor(props: INumericInputProps);
         componentWillUnmount(): void;
-        shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
+        shouldComponentUpdate(nextProps: INumericInputProps, nextState: {
             value: string;
         }): boolean;
         updateValue(valueString: string): void;
@@ -7755,7 +7755,7 @@ declare module BABYLON {
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
         export var Null_Value: number;
-    export interface IOptionsLineComponentProps {
+    export interface IOptionsLineProps {
         label: string;
         target: any;
         propertyName: string;
@@ -7771,15 +7771,15 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         valuesAreStrings?: boolean;
         defaultIfNull?: number;
     }
-    export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {
+    export class OptionsLine extends React.Component<IOptionsLineProps, {
         value: number | string;
     }> {
         private _localChange;
         private _remapValueIn;
         private _remapValueOut;
         private _getValue;
-        constructor(props: IOptionsLineComponentProps);
-        shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {
+        constructor(props: IOptionsLineProps);
+        shouldComponentUpdate(nextProps: IOptionsLineProps, nextState: {
             value: number;
         }): boolean;
         raiseOnPropertyChanged(newValue: number, previousValue: number): void;
@@ -8948,9 +8948,9 @@ declare module BABYLON {
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
         var _default: {
-        component: typeof BABYLON.GuiEditor.SharedUIComponents.ColorPicker;
+        component: typeof BABYLON.GuiEditor.SharedUIComponents.ColorPickerComponent;
     };
-    export var Default: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.ColorPicker>;
+    export var Default: StoryObj<typeof BABYLON.GuiEditor.SharedUIComponents.ColorPickerComponent>;
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-gui-editor",
-    "version": "7.6.0",
+    "version": "7.6.1",
     "main": "babylon.guiEditor.max.js",
     "types": "babylon.guiEditor.module.d.ts",
     "files": [
@@ -14,8 +14,8 @@
         "clean": "rimraf dist && rimraf babylon*.*"
     },
     "dependencies": {
-        "babylonjs": "^7.6.0",
-        "babylonjs-gui": "^7.6.0"
+        "babylonjs": "^7.6.1",
+        "babylonjs-gui": "^7.6.1"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",