@babylonjs/shared-ui-components 6.46.1 → 6.48.0

package/colorPicker/colorComponentEntry.d.ts

@@ -14,5 +14,5 @@ export declare class ColorComponentEntry extends React.Component<IColorComponent
     updateValue(valueString: string): void;
     lock(): void;
     unlock(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/colorPicker/colorPicker.d.ts

@@ -39,5 +39,5 @@ export declare class ColorPicker extends React.Component<IColorPickerProps, ICol
     private _evaluateHue;
     componentDidUpdate(): void;
     raiseOnColorChanged(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/colorPicker/hexColor.d.ts

@@ -16,5 +16,5 @@ export declare class HexColor extends React.Component<IHexColorProps, {
     lock(): void;
     unlock(): void;
     updateHexValue(valueString: string): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/TextInputWithSubmit.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ITextInputProps {
     label?: string;
     placeholder?: string;
@@ -11,4 +10,4 @@ export interface ITextInputProps {
  * @param props properties
  * @returns TextInputWithSubmit element
  */
-export declare const TextInputWithSubmit: (props: ITextInputProps) => JSX.Element;
+export declare const TextInputWithSubmit: (props: ITextInputProps) => import("react/jsx-runtime").JSX.Element;

package/components/bars/CommandDropdownComponent.d.ts

@@ -21,6 +21,6 @@ export declare class CommandDropdownComponent extends React.Component<ICommandDr
     activeState: string;
 }> {
     constructor(props: ICommandDropdownComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/colorPicker/ColorComponentEntry.d.ts

@@ -14,5 +14,5 @@ export declare class ColorComponentEntry extends React.Component<IColorComponent
     updateValue(valueString: string): void;
     lock(): void;
     unlock(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/colorPicker/ColorPicker.d.ts

@@ -39,5 +39,5 @@ export declare class ColorPicker extends React.Component<IColorPickerProps, ICol
     private _evaluateHue;
     componentDidUpdate(): void;
     raiseOnColorChanged(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/colorPicker/HexColor.d.ts

@@ -16,5 +16,5 @@ export declare class HexColor extends React.Component<IHexColorProps, {
     lock(): void;
     unlock(): void;
     updateHexValue(valueString: string): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/lines/ColorLineComponent.d.ts

@@ -35,6 +35,6 @@ export declare class ColorLineComponent extends React.Component<IColorLineCompon
     copyToClipboard(): void;
     private _convertToColor;
     private _toColor3;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/lines/ColorPickerLineComponent.d.ts

@@ -28,6 +28,6 @@ export declare class ColorPickerLineComponent extends React.Component<IColorPick
     }>): string;
     componentDidUpdate(): void;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/lines/FileButtonLineComponent.d.ts

@@ -12,5 +12,5 @@ export declare class FileButtonLineComponent extends React.Component<IFileButton
     private _uploadInputRef;
     constructor(props: IFileButtonLineComponentProps);
     onChange(evt: any): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/components/lines/NumericInputComponent.d.ts

@@ -26,6 +26,6 @@ export declare class NumericInputComponent extends React.Component<INumericInput
     onBlur(): void;
     incrementValue(amount: number): void;
     onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/lines/OptionsLineComponent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * This components represents an options menu with optional
  * customizable properties. Option IDs should be unique.
@@ -17,4 +16,4 @@ export interface IOptionsLineComponentProps {
     validateNewOptionValue?: (newOptionValue: string) => boolean;
     addOptionText?: string;
 }
-export declare const OptionsLineComponent: (props: IOptionsLineComponentProps) => JSX.Element;
+export declare const OptionsLineComponent: (props: IOptionsLineComponentProps) => import("react/jsx-runtime").JSX.Element;

package/components/reactGraphSystem/NodeRenderer.d.ts

@@ -66,4 +66,4 @@ export interface INodeRendererProps {
  * @param props
  * @returns
  */
-export declare const NodeRenderer: (props: INodeRendererProps) => JSX.Element;
+export declare const NodeRenderer: (props: INodeRendererProps) => import("react/jsx-runtime").JSX.Element;

package/lines/booleanLineComponent.d.ts

@@ -7,5 +7,5 @@ export interface IBooleanLineComponentProps {
 }
 export declare class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
     constructor(props: IBooleanLineComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/lines/buttonLineComponent.d.ts

@@ -8,5 +8,5 @@ export interface IButtonLineComponentProps {
 }
 export declare class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
     constructor(props: IButtonLineComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/lines/checkBoxLineComponent.d.ts

@@ -32,5 +32,5 @@ export declare class CheckBoxLineComponent extends React.Component<ICheckBoxLine
         isConflict: boolean;
     }): boolean;
     onChange(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/lines/color3LineComponent.d.ts

@@ -14,5 +14,5 @@ export interface IColor3LineComponentProps {
     onChange?: () => void;
 }
 export declare class Color3LineComponent extends React.Component<IColor3LineComponentProps> {
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/lines/color4LineComponent.d.ts

@@ -14,5 +14,5 @@ export interface IColor4LineComponentProps {
     lockObject: LockObject;
 }
 export declare class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/lines/colorLineComponent.d.ts

@@ -35,6 +35,6 @@ export declare class ColorLineComponent extends React.Component<IColorLineCompon
     copyToClipboard(): void;
     private _convertToColor;
     private _toColor3;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/colorPickerComponent.d.ts

@@ -26,6 +26,6 @@ export declare class ColorPickerLineComponent extends React.Component<IColorPick
     }>): string;
     componentDidUpdate(): void;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/draggableLineComponent.d.ts

@@ -5,5 +5,5 @@ export interface IButtonLineComponentProps {
 }
 export declare class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
     constructor(props: IButtonLineComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/lines/fileButtonLineComponent.d.ts

@@ -12,6 +12,6 @@ export declare class FileButtonLineComponent extends React.Component<IFileButton
     private _uploadInputRef;
     constructor(props: IFileButtonLineComponentProps);
     onChange(evt: any): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/fileMultipleButtonLineComponent.d.ts

@@ -12,6 +12,6 @@ export declare class FileMultipleButtonLineComponent extends React.Component<IFi
     private _uploadInputRef;
     constructor(props: IFileMultipleButtonLineComponentProps);
     onChange(evt: any): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/floatLineComponent.d.ts

@@ -46,6 +46,6 @@ export declare class FloatLineComponent extends React.Component<IFloatLineCompon
     unlock(): void;
     incrementValue(amount: number, processStep?: boolean): void;
     onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/hexLineComponent.d.ts

@@ -35,6 +35,6 @@ export declare class HexLineComponent extends React.Component<IHexLineComponentP
     updateValue(valueString: string, raisePropertyChanged: boolean): void;
     lock(): void;
     unlock(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/iconButtonLineComponent.d.ts

@@ -7,5 +7,5 @@ export interface IIconButtonLineComponentProps {
 }
 export declare class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
     constructor(props: IIconButtonLineComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/lines/iconComponent.d.ts

@@ -4,6 +4,6 @@ interface IIconComponentProps {
     label?: string;
 }
 export declare class IconComponent extends React.Component<IIconComponentProps> {
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/indentedTextLineComponent.d.ts

@@ -10,7 +10,7 @@ interface IIndentedTextLineComponentProps {
 export declare class IndentedTextLineComponent extends React.Component<IIndentedTextLineComponentProps> {
     constructor(props: IIndentedTextLineComponentProps);
     onLink(): void;
-    renderContent(): JSX.Element;
-    render(): JSX.Element;
+    renderContent(): import("react/jsx-runtime").JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/inputArrowsComponent.d.ts

@@ -8,6 +8,6 @@ export declare class InputArrowsComponent extends React.Component<IInputArrowsCo
     private _drag;
     private _releaseListener;
     private _lockChangeListener;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/lineContainerComponent.d.ts

@@ -12,8 +12,8 @@ export declare class LineContainerComponent extends React.Component<ILineContain
 }> {
     constructor(props: ILineContainerComponentProps);
     switchExpandedState(): void;
-    renderHeader(): JSX.Element;
+    renderHeader(): import("react/jsx-runtime").JSX.Element;
     componentDidMount(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/linkButtonComponent.d.ts

@@ -11,6 +11,6 @@ interface ILinkButtonComponentProps {
 export declare class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
     constructor(props: ILinkButtonComponentProps);
     onLink(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/matrixLineComponent.d.ts

@@ -31,6 +31,6 @@ export declare class MatrixLineComponent extends React.Component<IMatrixLineComp
     updateMatrix(): void;
     updateRow(value: Vector4, row: number): void;
     updateBasedOnMode(value: number): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/messageLineComponent.d.ts

@@ -7,6 +7,6 @@ interface IMessageLineComponentProps {
 }
 export declare class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
     constructor(props: IMessageLineComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/numericInputComponent.d.ts

@@ -26,6 +26,6 @@ export declare class NumericInputComponent extends React.Component<INumericInput
     onBlur(): void;
     incrementValue(amount: number): void;
     onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/optionsLineComponent.d.ts

@@ -33,5 +33,5 @@ export declare class OptionsLineComponent extends React.Component<IOptionsLineCo
     raiseOnPropertyChanged(newValue: number, previousValue: number): void;
     setValue(value: string | number): void;
     updateValue(valueString: string): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/lines/radioLineComponent.d.ts

@@ -16,6 +16,6 @@ export declare class RadioButtonLineComponent extends React.Component<IRadioButt
     componentDidMount(): void;
     componentWillUnmount(): void;
     onChange(): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/sliderLineComponent.d.ts

@@ -32,6 +32,6 @@ export declare class SliderLineComponent extends React.Component<ISliderLineComp
     onChange(newValueString: any): void;
     onInput(newValueString: any): void;
     prepareDataToRead(value: number): number;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/textInputLineComponent.d.ts

@@ -46,5 +46,5 @@ export declare class TextInputLineComponent extends React.Component<ITextInputLi
     updateValue(value: string, valueToValidate?: string): void;
     incrementValue(amount: number): void;
     onKeyDown(event: React.KeyboardEvent): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/lines/textLineComponent.d.ts

@@ -15,7 +15,7 @@ interface ITextLineComponentProps {
 export declare class TextLineComponent extends React.Component<ITextLineComponentProps> {
     constructor(props: ITextLineComponentProps);
     onLink(): void;
-    renderContent(): JSX.Element | null;
-    render(): JSX.Element;
+    renderContent(): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/textLineComponent.js

@@ -19,9 +19,9 @@ export class TextLineComponent extends React.Component {
             return null;
         }
         if (this.props.onLink || this.props.url) {
-            return (_jsx("div", { className: "link-value", title: this.props.value, onClick: () => this.onLink(), children: this.props.url ? "doc" : this.props.value || "no name" }));
+            return (_jsx("div", { className: "link-value", title: this.props.tooltip ?? this.props.label ?? "", onClick: () => this.onLink(), children: this.props.url ? "doc" : this.props.value || "no name" }));
         }
-        return (_jsx("div", { className: "value", title: this.props.value, style: { color: this.props.color ? this.props.color : "" }, children: this.props.value || "no name" }));
+        return (_jsx("div", { className: "value", title: this.props.tooltip ?? this.props.label ?? "", style: { color: this.props.color ? this.props.color : "" }, children: this.props.value || "no name" }));
     }
     render() {
         return (_jsxs("div", { className: this.props.underline ? "textLine underline" : "textLine" + (this.props.additionalClass ? " " + this.props.additionalClass : ""), children: [this.props.icon && _jsx("img", { src: this.props.icon, title: this.props.iconLabel, alt: this.props.iconLabel, className: "icon" }), _jsx("div", { className: "label", title: this.props.tooltip ?? this.props.label ?? "", children: this.props.label ?? "" }), this.renderContent()] }));

package/lines/textLineComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"textLineComponent.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/lines/textLineComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAkC;IAC3E,YAAY,KAA8B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;YAChB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YACtC,OAAO;SACV;QACD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACpB,OAAO;SACV;QAED,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;IACxB,CAAC;IAED,aAAa;QACT,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YACxB,OAAO,IAAI,CAAC;SACf;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;YACrC,OAAO,CACH,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,YAC5E,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,GACrD,CACT,CAAC;SACL;QACD,OAAO,CACH,cAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,YACrG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,GAC5B,CACT,CAAC;IACN,CAAC;IAED,MAAM;QACF,OAAO,CACH,eAAK,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,aAC1I,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,EAAC,MAAM,GAAG,EAC1H,cAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,YACrE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,GACrB,EACL,IAAI,CAAC,aAAa,EAAE,IACnB,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\n\r\ninterface ITextLineComponentProps {\r\n    label?: string;\r\n    value?: string;\r\n    color?: string;\r\n    underline?: boolean;\r\n    onLink?: () => void;\r\n    url?: string;\r\n    ignoreValue?: boolean;\r\n    additionalClass?: string;\r\n    icon?: string;\r\n    iconLabel?: string;\r\n    tooltip?: string;\r\n}\r\n\r\nexport class TextLineComponent extends React.Component<ITextLineComponentProps> {\r\n    constructor(props: ITextLineComponentProps) {\r\n        super(props);\r\n    }\r\n\r\n    onLink() {\r\n        if (this.props.url) {\r\n            window.open(this.props.url, \"_blank\");\r\n            return;\r\n        }\r\n        if (!this.props.onLink) {\r\n            return;\r\n        }\r\n\r\n        this.props.onLink();\r\n    }\r\n\r\n    renderContent() {\r\n        if (this.props.ignoreValue) {\r\n            return null;\r\n        }\r\n\r\n        if (this.props.onLink || this.props.url) {\r\n            return (\r\n                <div className=\"link-value\" title={this.props.value} onClick={() => this.onLink()}>\r\n                    {this.props.url ? \"doc\" : this.props.value || \"no name\"}\r\n                </div>\r\n            );\r\n        }\r\n        return (\r\n            <div className=\"value\" title={this.props.value} style={{ color: this.props.color ? this.props.color : \"\" }}>\r\n                {this.props.value || \"no name\"}\r\n            </div>\r\n        );\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div className={this.props.underline ? \"textLine underline\" : \"textLine\" + (this.props.additionalClass ? \" \" + this.props.additionalClass : \"\")}>\r\n                {this.props.icon && <img src={this.props.icon} title={this.props.iconLabel} alt={this.props.iconLabel} className=\"icon\" />}\r\n                <div className=\"label\" title={this.props.tooltip ?? this.props.label ?? \"\"}>\r\n                    {this.props.label ?? \"\"}\r\n                </div>\r\n                {this.renderContent()}\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"textLineComponent.js","sourceRoot":"","sources":["../../../../dev/sharedUiComponents/src/lines/textLineComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAkC;IAC3E,YAAY,KAA8B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;YAChB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YACtC,OAAO;SACV;QACD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACpB,OAAO;SACV;QAED,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;IACxB,CAAC;IAED,aAAa;QACT,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YACxB,OAAO,IAAI,CAAC;SACf;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE;YACrC,OAAO,CACH,cAAK,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,YACxG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,GACrD,CACT,CAAC;SACL;QACD,OAAO,CACH,cAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,YACjI,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,GAC5B,CACT,CAAC;IACN,CAAC;IAED,MAAM;QACF,OAAO,CACH,eAAK,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,aAC1I,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,cAAK,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,SAAS,EAAC,MAAM,GAAG,EAC1H,cAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,YACrE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,GACrB,EACL,IAAI,CAAC,aAAa,EAAE,IACnB,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\n\r\ninterface ITextLineComponentProps {\r\n    label?: string;\r\n    value?: string;\r\n    color?: string;\r\n    underline?: boolean;\r\n    onLink?: () => void;\r\n    url?: string;\r\n    ignoreValue?: boolean;\r\n    additionalClass?: string;\r\n    icon?: string;\r\n    iconLabel?: string;\r\n    tooltip?: string;\r\n}\r\n\r\nexport class TextLineComponent extends React.Component<ITextLineComponentProps> {\r\n    constructor(props: ITextLineComponentProps) {\r\n        super(props);\r\n    }\r\n\r\n    onLink() {\r\n        if (this.props.url) {\r\n            window.open(this.props.url, \"_blank\");\r\n            return;\r\n        }\r\n        if (!this.props.onLink) {\r\n            return;\r\n        }\r\n\r\n        this.props.onLink();\r\n    }\r\n\r\n    renderContent() {\r\n        if (this.props.ignoreValue) {\r\n            return null;\r\n        }\r\n\r\n        if (this.props.onLink || this.props.url) {\r\n            return (\r\n                <div className=\"link-value\" title={this.props.tooltip ?? this.props.label ?? \"\"} onClick={() => this.onLink()}>\r\n                    {this.props.url ? \"doc\" : this.props.value || \"no name\"}\r\n                </div>\r\n            );\r\n        }\r\n        return (\r\n            <div className=\"value\" title={this.props.tooltip ?? this.props.label ?? \"\"} style={{ color: this.props.color ? this.props.color : \"\" }}>\r\n                {this.props.value || \"no name\"}\r\n            </div>\r\n        );\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div className={this.props.underline ? \"textLine underline\" : \"textLine\" + (this.props.additionalClass ? \" \" + this.props.additionalClass : \"\")}>\r\n                {this.props.icon && <img src={this.props.icon} title={this.props.iconLabel} alt={this.props.iconLabel} className=\"icon\" />}\r\n                <div className=\"label\" title={this.props.tooltip ?? this.props.label ?? \"\"}>\r\n                    {this.props.label ?? \"\"}\r\n                </div>\r\n                {this.renderContent()}\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}

package/lines/unitButton.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 interface IUnitButtonProps {
     unit: string;
     locked?: boolean;
     onClick?: (unit: string) => void;
 }
-export declare function UnitButton(props: IUnitButtonProps): JSX.Element;
+export declare function UnitButton(props: IUnitButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lines/valueLineComponent.d.ts

@@ -10,6 +10,6 @@ interface IValueLineComponentProps {
 }
 export declare class ValueLineComponent extends React.Component<IValueLineComponentProps> {
     constructor(props: IValueLineComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/vector2LineComponent.d.ts

@@ -31,6 +31,6 @@ export declare class Vector2LineComponent extends React.Component<IVector2LineCo
     raiseOnPropertyChanged(previousValue: Vector2): void;
     updateStateX(value: number): void;
     updateStateY(value: number): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/vector3LineComponent.d.ts

@@ -36,6 +36,6 @@ export declare class Vector3LineComponent extends React.Component<IVector3LineCo
     updateStateX(value: number): void;
     updateStateY(value: number): void;
     updateStateZ(value: number): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/lines/vector4LineComponent.d.ts

@@ -37,6 +37,6 @@ export declare class Vector4LineComponent extends React.Component<IVector4LineCo
     updateStateY(value: number): void;
     updateStateZ(value: number): void;
     updateStateW(value: number): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/nodeGraphSystem/graphCanvas.d.ts

@@ -116,5 +116,5 @@ export declare class GraphCanvasComponent extends React.Component<IGraphCanvasCo
     processEditorData(editorData: IEditorData): void;
     reOrganize(editorData?: Nullable<IEditorData>, isImportingAFrame?: boolean): void;
     addFrame(frameData: IFrameData): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/nodeGraphSystem/searchBox.d.ts

@@ -21,5 +21,5 @@ export declare class SearchBoxComponent extends React.Component<ISearchBoxCompon
     onFilterChange(evt: React.ChangeEvent<HTMLInputElement>): void;
     onNewNodeRequested(name: string): void;
     onKeyDown(evt: React.KeyboardEvent): void;
-    render(): JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/shared-ui-components",
-    "version": "6.46.1",
+    "version": "6.48.0",
     "main": "index.js",
     "module": "index.js",
     "types": "index.d.ts",

package/stories/lines/OptionsLineComponent.stories.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import type { StoryObj } from "@storybook/react";
 declare const _default: {
-    component: (props: import("../../components/lines/OptionsLineComponent").IOptionsLineComponentProps) => JSX.Element;
+    component: (props: import("../../components/lines/OptionsLineComponent").IOptionsLineComponentProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
-declare const RenderComponent: (args: any) => JSX.Element;
+declare const RenderComponent: (args: any) => import("react/jsx-runtime").JSX.Element;
 export declare const Default: StoryObj<typeof RenderComponent>;
 export declare const WithCustomOptions: StoryObj<typeof RenderComponent>;
 export declare const WithValidation: StoryObj<typeof RenderComponent>;

package/tabs/propertyGrids/gui/checkboxPropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface ICheckboxPropertyGridComponentProps {
 }
 export declare class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
     constructor(props: ICheckboxPropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/colorPickerPropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface IColorPickerPropertyGridComponentProps {
 }
 export declare class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
     constructor(props: IColorPickerPropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/commonControlPropertyGridComponent.d.ts

@@ -11,7 +11,7 @@ interface ICommonControlPropertyGridComponentProps {
 }
 export declare class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
     constructor(props: ICommonControlPropertyGridComponentProps);
-    renderGridInformation(control: Control): JSX.Element | null;
-    render(): JSX.Element | undefined;
+    renderGridInformation(control: Control): import("react/jsx-runtime").JSX.Element | null;
+    render(): import("react/jsx-runtime").JSX.Element | undefined;
 }
 export {};

package/tabs/propertyGrids/gui/controlPropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface IControlPropertyGridComponentProps {
 }
 export declare class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
     constructor(props: IControlPropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/ellipsePropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface IEllipsePropertyGridComponentProps {
 }
 export declare class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
     constructor(props: IEllipsePropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/gridPropertyGridComponent.d.ts

@@ -10,8 +10,8 @@ interface IGridPropertyGridComponentProps {
 }
 export declare class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
     constructor(props: IGridPropertyGridComponentProps);
-    renderRows(): JSX.Element[];
-    renderColumns(): JSX.Element[];
-    render(): JSX.Element;
+    renderRows(): import("react/jsx-runtime").JSX.Element[];
+    renderColumns(): import("react/jsx-runtime").JSX.Element[];
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface IImageBasedSliderPropertyGridComponentProps {
 }
 export declare class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
     constructor(props: IImageBasedSliderPropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/imagePropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface IImagePropertyGridComponentProps {
 }
 export declare class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
     constructor(props: IImagePropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/inputTextPropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface IInputTextPropertyGridComponentProps {
 }
 export declare class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
     constructor(props: IInputTextPropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/linePropertyGridComponent.d.ts

@@ -11,6 +11,6 @@ interface ILinePropertyGridComponentProps {
 export declare class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
     constructor(props: ILinePropertyGridComponentProps);
     onDashChange(value: string): void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/radioButtonPropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface IRadioButtonPropertyGridComponentProps {
 }
 export declare class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
     constructor(props: IRadioButtonPropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/rectanglePropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface IRectanglePropertyGridComponentProps {
 }
 export declare class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
     constructor(props: IRectanglePropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface IScrollViewerPropertyGridComponentProps {
 }
 export declare class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
     constructor(props: IScrollViewerPropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/sliderPropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface ISliderPropertyGridComponentProps {
 }
 export declare class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
     constructor(props: ISliderPropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/stackPanelPropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface IStackPanelPropertyGridComponentProps {
 }
 export declare class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
     constructor(props: IStackPanelPropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/tabs/propertyGrids/gui/textBlockPropertyGridComponent.d.ts

@@ -10,6 +10,6 @@ interface ITextBlockPropertyGridComponentProps {
 }
 export declare class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
     constructor(props: ITextBlockPropertyGridComponentProps);
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};