@babylonjs/shared-ui-components 6.46.1 → 6.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/colorPicker/colorComponentEntry.d.ts +1 -1
  2. package/colorPicker/colorPicker.d.ts +1 -1
  3. package/colorPicker/hexColor.d.ts +1 -1
  4. package/components/TextInputWithSubmit.d.ts +1 -2
  5. package/components/bars/CommandDropdownComponent.d.ts +1 -1
  6. package/components/colorPicker/ColorComponentEntry.d.ts +1 -1
  7. package/components/colorPicker/ColorPicker.d.ts +1 -1
  8. package/components/colorPicker/HexColor.d.ts +1 -1
  9. package/components/lines/ColorLineComponent.d.ts +1 -1
  10. package/components/lines/ColorPickerLineComponent.d.ts +1 -1
  11. package/components/lines/FileButtonLineComponent.d.ts +1 -1
  12. package/components/lines/NumericInputComponent.d.ts +1 -1
  13. package/components/lines/OptionsLineComponent.d.ts +1 -2
  14. package/components/reactGraphSystem/NodeRenderer.d.ts +1 -1
  15. package/lines/booleanLineComponent.d.ts +1 -1
  16. package/lines/buttonLineComponent.d.ts +1 -1
  17. package/lines/checkBoxLineComponent.d.ts +1 -1
  18. package/lines/color3LineComponent.d.ts +1 -1
  19. package/lines/color4LineComponent.d.ts +1 -1
  20. package/lines/colorLineComponent.d.ts +1 -1
  21. package/lines/colorPickerComponent.d.ts +1 -1
  22. package/lines/draggableLineComponent.d.ts +1 -1
  23. package/lines/fileButtonLineComponent.d.ts +1 -1
  24. package/lines/fileMultipleButtonLineComponent.d.ts +1 -1
  25. package/lines/floatLineComponent.d.ts +1 -1
  26. package/lines/hexLineComponent.d.ts +1 -1
  27. package/lines/iconButtonLineComponent.d.ts +1 -1
  28. package/lines/iconComponent.d.ts +1 -1
  29. package/lines/indentedTextLineComponent.d.ts +2 -2
  30. package/lines/inputArrowsComponent.d.ts +1 -1
  31. package/lines/lineContainerComponent.d.ts +2 -2
  32. package/lines/linkButtonComponent.d.ts +1 -1
  33. package/lines/matrixLineComponent.d.ts +1 -1
  34. package/lines/messageLineComponent.d.ts +1 -1
  35. package/lines/numericInputComponent.d.ts +1 -1
  36. package/lines/optionsLineComponent.d.ts +1 -1
  37. package/lines/radioLineComponent.d.ts +1 -1
  38. package/lines/sliderLineComponent.d.ts +1 -1
  39. package/lines/textInputLineComponent.d.ts +1 -1
  40. package/lines/textLineComponent.d.ts +2 -2
  41. package/lines/textLineComponent.js +2 -2
  42. package/lines/textLineComponent.js.map +1 -1
  43. package/lines/unitButton.d.ts +1 -2
  44. package/lines/valueLineComponent.d.ts +1 -1
  45. package/lines/vector2LineComponent.d.ts +1 -1
  46. package/lines/vector3LineComponent.d.ts +1 -1
  47. package/lines/vector4LineComponent.d.ts +1 -1
  48. package/nodeGraphSystem/graphCanvas.d.ts +1 -1
  49. package/nodeGraphSystem/searchBox.d.ts +1 -1
  50. package/package.json +1 -1
  51. package/stories/lines/OptionsLineComponent.stories.d.ts +2 -3
  52. package/tabs/propertyGrids/gui/checkboxPropertyGridComponent.d.ts +1 -1
  53. package/tabs/propertyGrids/gui/colorPickerPropertyGridComponent.d.ts +1 -1
  54. package/tabs/propertyGrids/gui/commonControlPropertyGridComponent.d.ts +2 -2
  55. package/tabs/propertyGrids/gui/controlPropertyGridComponent.d.ts +1 -1
  56. package/tabs/propertyGrids/gui/ellipsePropertyGridComponent.d.ts +1 -1
  57. package/tabs/propertyGrids/gui/gridPropertyGridComponent.d.ts +3 -3
  58. package/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent.d.ts +1 -1
  59. package/tabs/propertyGrids/gui/imagePropertyGridComponent.d.ts +1 -1
  60. package/tabs/propertyGrids/gui/inputTextPropertyGridComponent.d.ts +1 -1
  61. package/tabs/propertyGrids/gui/linePropertyGridComponent.d.ts +1 -1
  62. package/tabs/propertyGrids/gui/radioButtonPropertyGridComponent.d.ts +1 -1
  63. package/tabs/propertyGrids/gui/rectanglePropertyGridComponent.d.ts +1 -1
  64. package/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent.d.ts +1 -1
  65. package/tabs/propertyGrids/gui/sliderPropertyGridComponent.d.ts +1 -1
  66. package/tabs/propertyGrids/gui/stackPanelPropertyGridComponent.d.ts +1 -1
  67. package/tabs/propertyGrids/gui/textBlockPropertyGridComponent.d.ts +1 -1
@@ -14,5 +14,5 @@ export declare class ColorComponentEntry extends React.Component<IColorComponent
14
14
  updateValue(valueString: string): void;
15
15
  lock(): void;
16
16
  unlock(): void;
17
- render(): JSX.Element;
17
+ render(): import("react/jsx-runtime").JSX.Element;
18
18
  }
@@ -39,5 +39,5 @@ export declare class ColorPicker extends React.Component<IColorPickerProps, ICol
39
39
  private _evaluateHue;
40
40
  componentDidUpdate(): void;
41
41
  raiseOnColorChanged(): void;
42
- render(): JSX.Element;
42
+ render(): import("react/jsx-runtime").JSX.Element;
43
43
  }
@@ -16,5 +16,5 @@ export declare class HexColor extends React.Component<IHexColorProps, {
16
16
  lock(): void;
17
17
  unlock(): void;
18
18
  updateHexValue(valueString: string): void;
19
- render(): JSX.Element;
19
+ render(): import("react/jsx-runtime").JSX.Element;
20
20
  }
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export interface ITextInputProps {
3
2
  label?: string;
4
3
  placeholder?: string;
@@ -11,4 +10,4 @@ export interface ITextInputProps {
11
10
  * @param props properties
12
11
  * @returns TextInputWithSubmit element
13
12
  */
14
- export declare const TextInputWithSubmit: (props: ITextInputProps) => JSX.Element;
13
+ export declare const TextInputWithSubmit: (props: ITextInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -21,6 +21,6 @@ export declare class CommandDropdownComponent extends React.Component<ICommandDr
21
21
  activeState: string;
22
22
  }> {
23
23
  constructor(props: ICommandDropdownComponentProps);
24
- render(): JSX.Element;
24
+ render(): import("react/jsx-runtime").JSX.Element;
25
25
  }
26
26
  export {};
@@ -14,5 +14,5 @@ export declare class ColorComponentEntry extends React.Component<IColorComponent
14
14
  updateValue(valueString: string): void;
15
15
  lock(): void;
16
16
  unlock(): void;
17
- render(): JSX.Element;
17
+ render(): import("react/jsx-runtime").JSX.Element;
18
18
  }
@@ -39,5 +39,5 @@ export declare class ColorPicker extends React.Component<IColorPickerProps, ICol
39
39
  private _evaluateHue;
40
40
  componentDidUpdate(): void;
41
41
  raiseOnColorChanged(): void;
42
- render(): JSX.Element;
42
+ render(): import("react/jsx-runtime").JSX.Element;
43
43
  }
@@ -16,5 +16,5 @@ export declare class HexColor extends React.Component<IHexColorProps, {
16
16
  lock(): void;
17
17
  unlock(): void;
18
18
  updateHexValue(valueString: string): void;
19
- render(): JSX.Element;
19
+ render(): import("react/jsx-runtime").JSX.Element;
20
20
  }
@@ -35,6 +35,6 @@ export declare class ColorLineComponent extends React.Component<IColorLineCompon
35
35
  copyToClipboard(): void;
36
36
  private _convertToColor;
37
37
  private _toColor3;
38
- render(): JSX.Element;
38
+ render(): import("react/jsx-runtime").JSX.Element;
39
39
  }
40
40
  export {};
@@ -28,6 +28,6 @@ export declare class ColorPickerLineComponent extends React.Component<IColorPick
28
28
  }>): string;
29
29
  componentDidUpdate(): void;
30
30
  componentDidMount(): void;
31
- render(): JSX.Element;
31
+ render(): import("react/jsx-runtime").JSX.Element;
32
32
  }
33
33
  export {};
@@ -12,5 +12,5 @@ export declare class FileButtonLineComponent extends React.Component<IFileButton
12
12
  private _uploadInputRef;
13
13
  constructor(props: IFileButtonLineComponentProps);
14
14
  onChange(evt: any): void;
15
- render(): JSX.Element;
15
+ render(): import("react/jsx-runtime").JSX.Element;
16
16
  }
@@ -26,6 +26,6 @@ export declare class NumericInputComponent extends React.Component<INumericInput
26
26
  onBlur(): void;
27
27
  incrementValue(amount: number): void;
28
28
  onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
29
- render(): JSX.Element;
29
+ render(): import("react/jsx-runtime").JSX.Element;
30
30
  }
31
31
  export {};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * This components represents an options menu with optional
4
3
  * customizable properties. Option IDs should be unique.
@@ -17,4 +16,4 @@ export interface IOptionsLineComponentProps {
17
16
  validateNewOptionValue?: (newOptionValue: string) => boolean;
18
17
  addOptionText?: string;
19
18
  }
20
- export declare const OptionsLineComponent: (props: IOptionsLineComponentProps) => JSX.Element;
19
+ export declare const OptionsLineComponent: (props: IOptionsLineComponentProps) => import("react/jsx-runtime").JSX.Element;
@@ -66,4 +66,4 @@ export interface INodeRendererProps {
66
66
  * @param props
67
67
  * @returns
68
68
  */
69
- export declare const NodeRenderer: (props: INodeRendererProps) => JSX.Element;
69
+ export declare const NodeRenderer: (props: INodeRendererProps) => import("react/jsx-runtime").JSX.Element;
@@ -7,5 +7,5 @@ export interface IBooleanLineComponentProps {
7
7
  }
8
8
  export declare class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
9
9
  constructor(props: IBooleanLineComponentProps);
10
- render(): JSX.Element;
10
+ render(): import("react/jsx-runtime").JSX.Element;
11
11
  }
@@ -8,5 +8,5 @@ export interface IButtonLineComponentProps {
8
8
  }
9
9
  export declare class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
10
10
  constructor(props: IButtonLineComponentProps);
11
- render(): JSX.Element;
11
+ render(): import("react/jsx-runtime").JSX.Element;
12
12
  }
@@ -32,5 +32,5 @@ export declare class CheckBoxLineComponent extends React.Component<ICheckBoxLine
32
32
  isConflict: boolean;
33
33
  }): boolean;
34
34
  onChange(): void;
35
- render(): JSX.Element;
35
+ render(): import("react/jsx-runtime").JSX.Element;
36
36
  }
@@ -14,5 +14,5 @@ export interface IColor3LineComponentProps {
14
14
  onChange?: () => void;
15
15
  }
16
16
  export declare class Color3LineComponent extends React.Component<IColor3LineComponentProps> {
17
- render(): JSX.Element;
17
+ render(): import("react/jsx-runtime").JSX.Element;
18
18
  }
@@ -14,5 +14,5 @@ export interface IColor4LineComponentProps {
14
14
  lockObject: LockObject;
15
15
  }
16
16
  export declare class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
17
- render(): JSX.Element;
17
+ render(): import("react/jsx-runtime").JSX.Element;
18
18
  }
@@ -35,6 +35,6 @@ export declare class ColorLineComponent extends React.Component<IColorLineCompon
35
35
  copyToClipboard(): void;
36
36
  private _convertToColor;
37
37
  private _toColor3;
38
- render(): JSX.Element;
38
+ render(): import("react/jsx-runtime").JSX.Element;
39
39
  }
40
40
  export {};
@@ -26,6 +26,6 @@ export declare class ColorPickerLineComponent extends React.Component<IColorPick
26
26
  }>): string;
27
27
  componentDidUpdate(): void;
28
28
  componentDidMount(): void;
29
- render(): JSX.Element;
29
+ render(): import("react/jsx-runtime").JSX.Element;
30
30
  }
31
31
  export {};
@@ -5,5 +5,5 @@ export interface IButtonLineComponentProps {
5
5
  }
6
6
  export declare class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
7
7
  constructor(props: IButtonLineComponentProps);
8
- render(): JSX.Element;
8
+ render(): import("react/jsx-runtime").JSX.Element;
9
9
  }
@@ -12,6 +12,6 @@ export declare class FileButtonLineComponent extends React.Component<IFileButton
12
12
  private _uploadInputRef;
13
13
  constructor(props: IFileButtonLineComponentProps);
14
14
  onChange(evt: any): void;
15
- render(): JSX.Element;
15
+ render(): import("react/jsx-runtime").JSX.Element;
16
16
  }
17
17
  export {};
@@ -12,6 +12,6 @@ export declare class FileMultipleButtonLineComponent extends React.Component<IFi
12
12
  private _uploadInputRef;
13
13
  constructor(props: IFileMultipleButtonLineComponentProps);
14
14
  onChange(evt: any): void;
15
- render(): JSX.Element;
15
+ render(): import("react/jsx-runtime").JSX.Element;
16
16
  }
17
17
  export {};
@@ -46,6 +46,6 @@ export declare class FloatLineComponent extends React.Component<IFloatLineCompon
46
46
  unlock(): void;
47
47
  incrementValue(amount: number, processStep?: boolean): void;
48
48
  onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
49
- render(): JSX.Element;
49
+ render(): import("react/jsx-runtime").JSX.Element;
50
50
  }
51
51
  export {};
@@ -35,6 +35,6 @@ export declare class HexLineComponent extends React.Component<IHexLineComponentP
35
35
  updateValue(valueString: string, raisePropertyChanged: boolean): void;
36
36
  lock(): void;
37
37
  unlock(): void;
38
- render(): JSX.Element;
38
+ render(): import("react/jsx-runtime").JSX.Element;
39
39
  }
40
40
  export {};
@@ -7,5 +7,5 @@ export interface IIconButtonLineComponentProps {
7
7
  }
8
8
  export declare class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
9
9
  constructor(props: IIconButtonLineComponentProps);
10
- render(): JSX.Element;
10
+ render(): import("react/jsx-runtime").JSX.Element;
11
11
  }
@@ -4,6 +4,6 @@ interface IIconComponentProps {
4
4
  label?: string;
5
5
  }
6
6
  export declare class IconComponent extends React.Component<IIconComponentProps> {
7
- render(): JSX.Element;
7
+ render(): import("react/jsx-runtime").JSX.Element;
8
8
  }
9
9
  export {};
@@ -10,7 +10,7 @@ interface IIndentedTextLineComponentProps {
10
10
  export declare class IndentedTextLineComponent extends React.Component<IIndentedTextLineComponentProps> {
11
11
  constructor(props: IIndentedTextLineComponentProps);
12
12
  onLink(): void;
13
- renderContent(): JSX.Element;
14
- render(): JSX.Element;
13
+ renderContent(): import("react/jsx-runtime").JSX.Element;
14
+ render(): import("react/jsx-runtime").JSX.Element;
15
15
  }
16
16
  export {};
@@ -8,6 +8,6 @@ export declare class InputArrowsComponent extends React.Component<IInputArrowsCo
8
8
  private _drag;
9
9
  private _releaseListener;
10
10
  private _lockChangeListener;
11
- render(): JSX.Element;
11
+ render(): import("react/jsx-runtime").JSX.Element;
12
12
  }
13
13
  export {};
@@ -12,8 +12,8 @@ export declare class LineContainerComponent extends React.Component<ILineContain
12
12
  }> {
13
13
  constructor(props: ILineContainerComponentProps);
14
14
  switchExpandedState(): void;
15
- renderHeader(): JSX.Element;
15
+ renderHeader(): import("react/jsx-runtime").JSX.Element;
16
16
  componentDidMount(): void;
17
- render(): JSX.Element;
17
+ render(): import("react/jsx-runtime").JSX.Element;
18
18
  }
19
19
  export {};
@@ -11,6 +11,6 @@ interface ILinkButtonComponentProps {
11
11
  export declare class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
12
12
  constructor(props: ILinkButtonComponentProps);
13
13
  onLink(): void;
14
- render(): JSX.Element;
14
+ render(): import("react/jsx-runtime").JSX.Element;
15
15
  }
16
16
  export {};
@@ -31,6 +31,6 @@ export declare class MatrixLineComponent extends React.Component<IMatrixLineComp
31
31
  updateMatrix(): void;
32
32
  updateRow(value: Vector4, row: number): void;
33
33
  updateBasedOnMode(value: number): void;
34
- render(): JSX.Element;
34
+ render(): import("react/jsx-runtime").JSX.Element;
35
35
  }
36
36
  export {};
@@ -7,6 +7,6 @@ interface IMessageLineComponentProps {
7
7
  }
8
8
  export declare class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
9
9
  constructor(props: IMessageLineComponentProps);
10
- render(): JSX.Element;
10
+ render(): import("react/jsx-runtime").JSX.Element;
11
11
  }
12
12
  export {};
@@ -26,6 +26,6 @@ export declare class NumericInputComponent extends React.Component<INumericInput
26
26
  onBlur(): void;
27
27
  incrementValue(amount: number): void;
28
28
  onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
29
- render(): JSX.Element;
29
+ render(): import("react/jsx-runtime").JSX.Element;
30
30
  }
31
31
  export {};
@@ -33,5 +33,5 @@ export declare class OptionsLineComponent extends React.Component<IOptionsLineCo
33
33
  raiseOnPropertyChanged(newValue: number, previousValue: number): void;
34
34
  setValue(value: string | number): void;
35
35
  updateValue(valueString: string): void;
36
- render(): JSX.Element;
36
+ render(): import("react/jsx-runtime").JSX.Element;
37
37
  }
@@ -16,6 +16,6 @@ export declare class RadioButtonLineComponent extends React.Component<IRadioButt
16
16
  componentDidMount(): void;
17
17
  componentWillUnmount(): void;
18
18
  onChange(): void;
19
- render(): JSX.Element;
19
+ render(): import("react/jsx-runtime").JSX.Element;
20
20
  }
21
21
  export {};
@@ -32,6 +32,6 @@ export declare class SliderLineComponent extends React.Component<ISliderLineComp
32
32
  onChange(newValueString: any): void;
33
33
  onInput(newValueString: any): void;
34
34
  prepareDataToRead(value: number): number;
35
- render(): JSX.Element;
35
+ render(): import("react/jsx-runtime").JSX.Element;
36
36
  }
37
37
  export {};
@@ -46,5 +46,5 @@ export declare class TextInputLineComponent extends React.Component<ITextInputLi
46
46
  updateValue(value: string, valueToValidate?: string): void;
47
47
  incrementValue(amount: number): void;
48
48
  onKeyDown(event: React.KeyboardEvent): void;
49
- render(): JSX.Element;
49
+ render(): import("react/jsx-runtime").JSX.Element;
50
50
  }
@@ -15,7 +15,7 @@ interface ITextLineComponentProps {
15
15
  export declare class TextLineComponent extends React.Component<ITextLineComponentProps> {
16
16
  constructor(props: ITextLineComponentProps);
17
17
  onLink(): void;
18
- renderContent(): JSX.Element | null;
19
- render(): JSX.Element;
18
+ renderContent(): import("react/jsx-runtime").JSX.Element | null;
19
+ render(): import("react/jsx-runtime").JSX.Element;
20
20
  }
21
21
  export {};
@@ -19,9 +19,9 @@ export class TextLineComponent extends React.Component {
19
19
  return null;
20
20
  }
21
21
  if (this.props.onLink || this.props.url) {
22
- return (_jsx("div", { className: "link-value", title: this.props.value, onClick: () => this.onLink(), children: this.props.url ? "doc" : this.props.value || "no name" }));
22
+ 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" }));
23
23
  }
24
- return (_jsx("div", { className: "value", title: this.props.value, style: { color: this.props.color ? this.props.color : "" }, children: this.props.value || "no name" }));
24
+ 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" }));
25
25
  }
26
26
  render() {
27
27
  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()] }));
@@ -1 +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"]}
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,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"]}
@@ -1,8 +1,7 @@
1
- /// <reference types="react" />
2
1
  interface IUnitButtonProps {
3
2
  unit: string;
4
3
  locked?: boolean;
5
4
  onClick?: (unit: string) => void;
6
5
  }
7
- export declare function UnitButton(props: IUnitButtonProps): JSX.Element;
6
+ export declare function UnitButton(props: IUnitButtonProps): import("react/jsx-runtime").JSX.Element;
8
7
  export {};
@@ -10,6 +10,6 @@ interface IValueLineComponentProps {
10
10
  }
11
11
  export declare class ValueLineComponent extends React.Component<IValueLineComponentProps> {
12
12
  constructor(props: IValueLineComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -31,6 +31,6 @@ export declare class Vector2LineComponent extends React.Component<IVector2LineCo
31
31
  raiseOnPropertyChanged(previousValue: Vector2): void;
32
32
  updateStateX(value: number): void;
33
33
  updateStateY(value: number): void;
34
- render(): JSX.Element;
34
+ render(): import("react/jsx-runtime").JSX.Element;
35
35
  }
36
36
  export {};
@@ -36,6 +36,6 @@ export declare class Vector3LineComponent extends React.Component<IVector3LineCo
36
36
  updateStateX(value: number): void;
37
37
  updateStateY(value: number): void;
38
38
  updateStateZ(value: number): void;
39
- render(): JSX.Element;
39
+ render(): import("react/jsx-runtime").JSX.Element;
40
40
  }
41
41
  export {};
@@ -37,6 +37,6 @@ export declare class Vector4LineComponent extends React.Component<IVector4LineCo
37
37
  updateStateY(value: number): void;
38
38
  updateStateZ(value: number): void;
39
39
  updateStateW(value: number): void;
40
- render(): JSX.Element;
40
+ render(): import("react/jsx-runtime").JSX.Element;
41
41
  }
42
42
  export {};
@@ -116,5 +116,5 @@ export declare class GraphCanvasComponent extends React.Component<IGraphCanvasCo
116
116
  processEditorData(editorData: IEditorData): void;
117
117
  reOrganize(editorData?: Nullable<IEditorData>, isImportingAFrame?: boolean): void;
118
118
  addFrame(frameData: IFrameData): void;
119
- render(): JSX.Element;
119
+ render(): import("react/jsx-runtime").JSX.Element;
120
120
  }
@@ -21,5 +21,5 @@ export declare class SearchBoxComponent extends React.Component<ISearchBoxCompon
21
21
  onFilterChange(evt: React.ChangeEvent<HTMLInputElement>): void;
22
22
  onNewNodeRequested(name: string): void;
23
23
  onKeyDown(evt: React.KeyboardEvent): void;
24
- render(): JSX.Element | null;
24
+ render(): import("react/jsx-runtime").JSX.Element | null;
25
25
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@babylonjs/shared-ui-components",
3
- "version": "6.46.1",
3
+ "version": "6.48.0",
4
4
  "main": "index.js",
5
5
  "module": "index.js",
6
6
  "types": "index.d.ts",
@@ -1,10 +1,9 @@
1
- /// <reference types="react" />
2
1
  import type { StoryObj } from "@storybook/react";
3
2
  declare const _default: {
4
- component: (props: import("../../components/lines/OptionsLineComponent").IOptionsLineComponentProps) => JSX.Element;
3
+ component: (props: import("../../components/lines/OptionsLineComponent").IOptionsLineComponentProps) => import("react/jsx-runtime").JSX.Element;
5
4
  };
6
5
  export default _default;
7
- declare const RenderComponent: (args: any) => JSX.Element;
6
+ declare const RenderComponent: (args: any) => import("react/jsx-runtime").JSX.Element;
8
7
  export declare const Default: StoryObj<typeof RenderComponent>;
9
8
  export declare const WithCustomOptions: StoryObj<typeof RenderComponent>;
10
9
  export declare const WithValidation: StoryObj<typeof RenderComponent>;
@@ -10,6 +10,6 @@ interface ICheckboxPropertyGridComponentProps {
10
10
  }
11
11
  export declare class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
12
12
  constructor(props: ICheckboxPropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -10,6 +10,6 @@ interface IColorPickerPropertyGridComponentProps {
10
10
  }
11
11
  export declare class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
12
12
  constructor(props: IColorPickerPropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -11,7 +11,7 @@ interface ICommonControlPropertyGridComponentProps {
11
11
  }
12
12
  export declare class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
13
13
  constructor(props: ICommonControlPropertyGridComponentProps);
14
- renderGridInformation(control: Control): JSX.Element | null;
15
- render(): JSX.Element | undefined;
14
+ renderGridInformation(control: Control): import("react/jsx-runtime").JSX.Element | null;
15
+ render(): import("react/jsx-runtime").JSX.Element | undefined;
16
16
  }
17
17
  export {};
@@ -10,6 +10,6 @@ interface IControlPropertyGridComponentProps {
10
10
  }
11
11
  export declare class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
12
12
  constructor(props: IControlPropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -10,6 +10,6 @@ interface IEllipsePropertyGridComponentProps {
10
10
  }
11
11
  export declare class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
12
12
  constructor(props: IEllipsePropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -10,8 +10,8 @@ interface IGridPropertyGridComponentProps {
10
10
  }
11
11
  export declare class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
12
12
  constructor(props: IGridPropertyGridComponentProps);
13
- renderRows(): JSX.Element[];
14
- renderColumns(): JSX.Element[];
15
- render(): JSX.Element;
13
+ renderRows(): import("react/jsx-runtime").JSX.Element[];
14
+ renderColumns(): import("react/jsx-runtime").JSX.Element[];
15
+ render(): import("react/jsx-runtime").JSX.Element;
16
16
  }
17
17
  export {};
@@ -10,6 +10,6 @@ interface IImageBasedSliderPropertyGridComponentProps {
10
10
  }
11
11
  export declare class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
12
12
  constructor(props: IImageBasedSliderPropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -10,6 +10,6 @@ interface IImagePropertyGridComponentProps {
10
10
  }
11
11
  export declare class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
12
12
  constructor(props: IImagePropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -10,6 +10,6 @@ interface IInputTextPropertyGridComponentProps {
10
10
  }
11
11
  export declare class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
12
12
  constructor(props: IInputTextPropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -11,6 +11,6 @@ interface ILinePropertyGridComponentProps {
11
11
  export declare class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
12
12
  constructor(props: ILinePropertyGridComponentProps);
13
13
  onDashChange(value: string): void;
14
- render(): JSX.Element;
14
+ render(): import("react/jsx-runtime").JSX.Element;
15
15
  }
16
16
  export {};
@@ -10,6 +10,6 @@ interface IRadioButtonPropertyGridComponentProps {
10
10
  }
11
11
  export declare class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
12
12
  constructor(props: IRadioButtonPropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -10,6 +10,6 @@ interface IRectanglePropertyGridComponentProps {
10
10
  }
11
11
  export declare class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
12
12
  constructor(props: IRectanglePropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -10,6 +10,6 @@ interface IScrollViewerPropertyGridComponentProps {
10
10
  }
11
11
  export declare class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
12
12
  constructor(props: IScrollViewerPropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -10,6 +10,6 @@ interface ISliderPropertyGridComponentProps {
10
10
  }
11
11
  export declare class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
12
12
  constructor(props: ISliderPropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -10,6 +10,6 @@ interface IStackPanelPropertyGridComponentProps {
10
10
  }
11
11
  export declare class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
12
12
  constructor(props: IStackPanelPropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};
@@ -10,6 +10,6 @@ interface ITextBlockPropertyGridComponentProps {
10
10
  }
11
11
  export declare class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
12
12
  constructor(props: ITextBlockPropertyGridComponentProps);
13
- render(): JSX.Element;
13
+ render(): import("react/jsx-runtime").JSX.Element;
14
14
  }
15
15
  export {};