@michalrakus/x-react-web-lib 1.21.0 → 1.23.0

package/lib/components/XEditor.d.ts

@@ -11,5 +11,5 @@ export declare class XEditor extends XInput<string, XEditorProps> {
     getValue(): string | null;
     onValueChange(value: string | null): void;
     getLabelStyle(): React.CSSProperties;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XEditorBase.d.ts

@@ -6,4 +6,4 @@ export declare const XEditorBase: (props: {
     readOnly?: boolean | undefined;
     error?: string | undefined;
     style?: React.CSSProperties | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/XEditorBase.js

@@ -86,6 +86,6 @@ var XEditorBase = function (props) {
         }
         return htmlValue !== null ? htmlValue : undefined; // value v Editor nechce null, chce undefined
     };
-    return (react_1.default.createElement(editor_1.Editor, __assign({ id: props.id, value: getValue(), onTextChange: onTextChange, onBlur: onBlur, readOnly: props.readOnly, style: props.style }, XUtils_1.XUtils.createErrorProps(props.error))));
+    return (react_1.default.createElement(editor_1.Editor, __assign({ id: props.id, value: getValue(), onTextChange: onTextChange, onBlur: onBlur, readOnly: props.readOnly, style: props.style }, XUtils_1.XUtils.createTooltipOrErrorProps(props.error))));
 };
 exports.XEditorBase = XEditorBase;

package/lib/components/XFieldSelector.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 export declare const XFieldSelector: (props: {
     entity: string;
     assocSelectable: boolean;
     selectionField?: string | undefined;
     onSelectionChange: (selectedField: string) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/XFormComponent.d.ts

@@ -12,6 +12,7 @@ export interface XFormComponentProps<T> {
     label?: string;
     tooltip?: string;
     placeholder?: string;
+    desc?: string;
     readOnly?: XReadOnlyProp;
     labelStyle?: React.CSSProperties;
     inline?: boolean;

package/lib/components/XFormDataTable2.d.ts

@@ -86,7 +86,7 @@ export declare class XFormDataTable2 extends Component<XFormDataTableProps> {
     removeRow(row: any): void;
     validate(): void;
     isReadOnly(): boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export type XTableFieldOnChange = (e: XTableFieldChangeEvent<any, any>) => void;
 export type XTableFieldReadOnlyProp = boolean | ((object: any, tableRow: any) => boolean);

package/lib/components/XFormFooter.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import React from "react";
 import { XFormBase } from "./XFormBase";
 export declare const xSaveButtonId: string;
 export declare const XFormFooter: (props: {
     form: XFormBase;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/XFormHeader.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const XFormHeader: (props: {
+    label: string;
+}) => React.JSX.Element;

package/lib/components/XFormHeader.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFormHeader = void 0;
+var react_1 = __importDefault(require("react"));
+var XFormHeader = function (props) {
+    return (react_1.default.createElement("div", { className: "x-form-header" }, props.label));
+};
+exports.XFormHeader = XFormHeader;

package/lib/components/XFormNavigator3.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "react";
+import React, { Component } from "react";
 export interface XFormNavigator3Props {
     rootFormElement?: JSX.Element;
 }
@@ -8,5 +8,5 @@ export declare class XFormNavigator3 extends Component<XFormNavigator3Props> {
     };
     constructor(props: XFormNavigator3Props);
     openForm(newFormElement: JSX.Element | null): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XFormRowCol/XFormCol.d.ts

@@ -6,4 +6,4 @@ export interface XFormColProps {
     style?: React.CSSProperties;
     children: JSX.Element | JSX.Element[];
 }
-export declare const XFormCol: (props: XFormColProps) => JSX.Element;
+export declare const XFormCol: (props: XFormColProps) => React.JSX.Element;

package/lib/components/XFormRowCol/XFormInlineRow.d.ts

@@ -6,4 +6,4 @@ export interface XFormInlineRowProps {
     style?: React.CSSProperties;
     children: JSX.Element | JSX.Element[];
 }
-export declare const XFormInlineRow: (props: XFormInlineRowProps) => JSX.Element;
+export declare const XFormInlineRow: (props: XFormInlineRowProps) => React.JSX.Element;

package/lib/components/XFormRowCol/XFormRow.d.ts

@@ -6,4 +6,4 @@ export interface XFormRowProps {
     style?: React.CSSProperties;
     children: JSX.Element | JSX.Element[];
 }
-export declare const XFormRow: (props: XFormRowProps) => JSX.Element;
+export declare const XFormRow: (props: XFormRowProps) => React.JSX.Element;

package/lib/components/XFormRowCol/XFormRowCol.d.ts

@@ -7,4 +7,4 @@ export interface XFormRowColProps {
     style?: React.CSSProperties;
     children: JSX.Element | JSX.Element[];
 }
-export declare const XFormRowCol: (props: XFormRowColProps) => JSX.Element;
+export declare const XFormRowCol: (props: XFormRowColProps) => React.JSX.Element;

package/lib/components/XFtsInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export interface XFtsInputValue {
     value: string | null;
     matchMode: 'startsWith' | 'contains' | 'endsWith' | 'equals';
@@ -6,4 +6,4 @@ export interface XFtsInputValue {
 export declare const XFtsInput: (props: {
     value: XFtsInputValue;
     onChange: (value: XFtsInputValue) => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/XHolders.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 export declare const XHolder1: (props: {
     element: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const XHolder2: (props: {
     element: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/XInputDate.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { XFormComponentProps } from "./XFormComponent";
 import { XInput } from "./XInput";
 export interface XInputDateProps extends XFormComponentProps<number> {
@@ -8,5 +8,5 @@ export declare class XInputDate extends XInput<Date, XInputDateProps> {
     constructor(props: XInputDateProps);
     getValue(): Date | null;
     onValueChange(value: Date | null): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XInputDate.js

@@ -42,7 +42,7 @@ var XInputDate = /** @class */ (function (_super) {
         // note: style overrides size (width of the input according to character count)
         return (react_1.default.createElement("div", { className: "field grid" },
             react_1.default.createElement("label", { htmlFor: this.props.field, className: "col-fixed", style: this.getLabelStyle() }, this.getLabel()),
-            react_1.default.createElement(XCalendar_1.XCalendar, { id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), error: this.getError(), datetime: this.xField.type === 'datetime' })));
+            react_1.default.createElement(XCalendar_1.XCalendar, { id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), error: this.getError(), scale: this.xField.scale, datetime: this.xField.type === 'datetime' })));
     };
     return XInputDate;
 }(XInput_1.XInput));

package/lib/components/XInputDateDT.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { XInputDT, XInputDTProps } from "./XInputDT";
 export interface XInputDateDTProps extends XInputDTProps {
 }
@@ -6,5 +6,5 @@ export declare class XInputDateDT extends XInputDT<XInputDateDTProps> {
     constructor(props: XInputDateDTProps);
     getValue(): Date | null;
     onValueChange(value: Date | null): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XInputDateDT.js

@@ -37,7 +37,7 @@ var XInputDateDT = /** @class */ (function (_super) {
         this.onValueChangeBase(value, this.props.onChange);
     };
     XInputDateDT.prototype.render = function () {
-        return (react_1.default.createElement(XCalendar_1.XCalendar, { id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), error: this.getError(), datetime: this.xField.type === 'datetime' }));
+        return (react_1.default.createElement(XCalendar_1.XCalendar, { id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), error: this.getError(), scale: this.xField.scale, datetime: this.xField.type === 'datetime' }));
     };
     return XInputDateDT;
 }(XInputDT_1.XInputDT));

package/lib/components/XInputDecimal.d.ts

@@ -11,5 +11,5 @@ export declare class XInputDecimal extends XInput<number, XInputDecimalProps> {
     getValue(): number | undefined;
     onValueChange(e: any): void;
     onBlur(e: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XInputDecimalBase.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 export declare const XInputDecimalBase: (props: {
     id?: string | undefined;
     value: number | null;
@@ -10,4 +10,4 @@ export declare const XInputDecimalBase: (props: {
     max?: number | undefined;
     size?: number | undefined;
     className?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/XInputDecimalDT.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { XInputDT, XInputDTProps } from "./XInputDT";
 export interface XInputDecimalDTProps extends XInputDTProps {
 }
@@ -7,5 +7,5 @@ export declare class XInputDecimalDT extends XInputDT<XInputDecimalDTProps> {
     getValue(): number | undefined;
     onValueChange(e: any): void;
     onBlur(e: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XInputDecimalDT.js

@@ -67,7 +67,7 @@ var XInputDecimalDT = /** @class */ (function (_super) {
     };
     XInputDecimalDT.prototype.render = function () {
         var _a = XUtilsMetadata_1.XUtilsMetadata.getParamsForInputNumber(this.xField), useGrouping = _a.useGrouping, fractionDigits = _a.fractionDigits, min = _a.min, max = _a.max;
-        return (react_1.default.createElement(inputnumber_1.InputNumber, __assign({ id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), mode: "decimal", locale: "de-DE", useGrouping: useGrouping, minFractionDigits: fractionDigits, maxFractionDigits: fractionDigits, min: min, max: max, onBlur: this.onBlur }, XUtils_1.XUtils.addClassName(XUtils_1.XUtils.createErrorProps(this.getError()), "x-input-to-resize"))));
+        return (react_1.default.createElement(inputnumber_1.InputNumber, __assign({ id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), mode: "decimal", locale: "de-DE", useGrouping: useGrouping, minFractionDigits: fractionDigits, maxFractionDigits: fractionDigits, min: min, max: max, onBlur: this.onBlur }, XUtils_1.XUtils.addClassName(XUtils_1.XUtils.createTooltipOrErrorProps(this.getError()), "x-input-to-resize"))));
     };
     return XInputDecimalDT;
 }(XInputDT_1.XInputDT));

package/lib/components/XInputFileList.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { Component } from "react";
 import { FileUploadHandlerEvent } from "primereact/fileupload";
 import { XFormBase } from "./XFormBase";
@@ -31,6 +32,6 @@ export declare class XInputFileList extends Component<XInputFileListProps> {
     static sizeInMB(size: number): string;
     onDownloadFile(xFile: XFile): Promise<void>;
     onRemoveFile(fileItem: any): Promise<void>;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/components/XInputInterval.d.ts

@@ -10,5 +10,5 @@ export declare class XInputInterval extends XInput<number, XInputIntervalProps>
     constructor(props: XInputIntervalProps);
     getValue(): IPostgresInterval | null;
     onValueChange(value: IPostgresInterval | null): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XInputIntervalBase.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import React, { CSSProperties } from "react";
 import { IPostgresInterval } from "./XUtils";
 export declare const XInputIntervalBase: (props: {
     id?: string | undefined;
@@ -7,4 +7,4 @@ export declare const XInputIntervalBase: (props: {
     readOnly?: boolean | undefined;
     error?: string | undefined;
     style?: CSSProperties | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/XInputIntervalBase.js

@@ -92,6 +92,6 @@ var XInputIntervalBase = function (props) {
         return inputValue;
     };
     // remark - width:'3.5rem' is default, can be overriden by value from props.style, if needed
-    return (react_1.default.createElement(inputtext_1.InputText, __assign({ id: props.id, value: getInputValue(), onChange: onChange, onBlur: onBlur, readOnly: props.readOnly }, XUtils_1.XUtils.createErrorProps(props.error), { style: __assign({ width: '3.5rem' }, props.style) })));
+    return (react_1.default.createElement(inputtext_1.InputText, __assign({ id: props.id, value: getInputValue(), onChange: onChange, onBlur: onBlur, readOnly: props.readOnly }, XUtils_1.XUtils.createTooltipOrErrorProps(props.error), { style: __assign({ width: '3.5rem' }, props.style) })));
 };
 exports.XInputIntervalBase = XInputIntervalBase;

package/lib/components/XInputIntervalDT.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { IPostgresInterval } from "./XUtils";
 import { XInputDT, XInputDTProps } from "./XInputDT";
 export interface XInputIntervalDTProps extends XInputDTProps {
@@ -7,5 +7,5 @@ export declare class XInputIntervalDT extends XInputDT<XInputIntervalDTProps> {
     constructor(props: XInputIntervalDTProps);
     getValue(): IPostgresInterval | null;
     onValueChange(value: IPostgresInterval | null): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XInputText.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { XInput, XInputProps } from "./XInput";
 export interface XInputTextProps extends XInputProps<string> {
     size?: number;
@@ -8,5 +8,5 @@ export declare class XInputText extends XInput<string, XInputTextProps> {
     getValue(): string;
     onValueChange(e: any): void;
     onBlur(e: any): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XInputText.js

@@ -34,6 +34,8 @@ var react_1 = __importDefault(require("react"));
 var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
 var inputtext_1 = require("primereact/inputtext");
 var XInput_1 = require("./XInput");
+var XUtils_1 = require("./XUtils");
+var tooltip_1 = require("primereact/tooltip");
 var XInputText = /** @class */ (function (_super) {
     __extends(XInputText, _super);
     function XInputText(props) {
@@ -57,13 +59,22 @@ var XInputText = /** @class */ (function (_super) {
         this.callOnChangeFromOnBlur();
     };
     XInputText.prototype.render = function () {
-        var _a;
+        var _a, _b;
+        var value = this.getValue();
+        var labelTooltip = undefined;
+        var labelElemId = undefined;
+        if (value) {
+            // nevidno placeholder, tak zobrazime desc ako label tooltip
+            labelTooltip = this.props.desc;
+            labelElemId = "".concat(this.props.field, "_label_id");
+        }
         var size = (_a = this.props.size) !== null && _a !== void 0 ? _a : this.xField.length;
         // note: style overrides size (width of the input according to character count)
         var label = this.getLabel();
         return (react_1.default.createElement("div", { className: "field grid" },
-            label !== undefined ? react_1.default.createElement("label", { htmlFor: this.props.field, className: "col-fixed", style: this.getLabelStyle() }, label) : null,
-            react_1.default.createElement(inputtext_1.InputText, __assign({ id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), maxLength: this.xField.length, size: size, style: this.props.inputStyle }, this.getClassNameTooltip(), { onBlur: this.onBlur, placeholder: this.props.placeholder }))));
+            label !== undefined ? react_1.default.createElement("label", { id: labelElemId, htmlFor: this.props.field, className: "col-fixed", style: this.getLabelStyle() }, label) : null,
+            labelTooltip ? react_1.default.createElement(tooltip_1.Tooltip, { target: "#".concat(labelElemId), content: labelTooltip }) : null,
+            react_1.default.createElement(inputtext_1.InputText, __assign({ id: this.props.field, value: value, onChange: this.onValueChange, onBlur: this.onBlur, readOnly: this.isReadOnly(), maxLength: this.xField.length, size: size, style: this.props.inputStyle }, XUtils_1.XUtils.createTooltipOrErrorProps(this.getError(), this.props.tooltip), { placeholder: (_b = this.props.placeholder) !== null && _b !== void 0 ? _b : this.props.desc }))));
     };
     return XInputText;
 }(XInput_1.XInput));

package/lib/components/XInputTextDT.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { XFormBase } from "./XFormBase";
+import React from "react";
 import { XTableFieldReadOnlyProp } from "./XFormDataTable2";
 export declare const XInputTextDT: (props: {
     form: XFormBase;
@@ -7,4 +7,4 @@ export declare const XInputTextDT: (props: {
     field: string;
     rowData: any;
     readOnly?: XTableFieldReadOnlyProp | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/lib/components/XInputTextarea.d.ts

@@ -15,5 +15,5 @@ export declare class XInputTextarea extends XInput<string, XInputTextareaProps>
     getValue(): string | null;
     onValueChange(value: string | null): void;
     getLabelStyle(): React.CSSProperties;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XInputTextarea.js

@@ -23,6 +23,7 @@ var react_1 = __importDefault(require("react"));
 var XInput_1 = require("./XInput");
 var XUtils_1 = require("./XUtils");
 var XInputTextareaBase_1 = require("./XInputTextareaBase");
+var tooltip_1 = require("primereact/tooltip");
 var XInputTextarea = /** @class */ (function (_super) {
     __extends(XInputTextarea, _super);
     function XInputTextarea(props) {
@@ -41,7 +42,7 @@ var XInputTextarea = /** @class */ (function (_super) {
         return this.props.labelOnTop ? ((_a = this.props.labelStyle) !== null && _a !== void 0 ? _a : {}) : _super.prototype.getLabelStyle.call(this);
     };
     XInputTextarea.prototype.render = function () {
-        var _a;
+        var _a, _b;
         var inputStyle = (_a = this.props.inputStyle) !== null && _a !== void 0 ? _a : {};
         var cols;
         if (this.props.cols === "full") {
@@ -57,11 +58,20 @@ var XInputTextarea = /** @class */ (function (_super) {
             // aj tak sa asi vzdy bude pouzivat "full"
             cols = this.props.cols;
         }
+        var value = this.getValue();
+        var labelTooltip = undefined;
+        var labelElemId = undefined;
+        if (value !== null) {
+            // nevidno placeholder, tak zobrazime desc ako label tooltip
+            labelTooltip = this.props.desc;
+            labelElemId = "".concat(this.props.field, "_label_id");
+        }
         // InputTextarea renderujeme az ked mame nacitany object, lebo inac pri autoResize sa nam nenastavi spravna velkost (hodnota nie je k dispozicii pri prvom renderingu)
         return (react_1.default.createElement("div", { className: !this.props.labelOnTop ? 'field grid' : 'field grid x-inputtextarea-label-on-top' },
-            react_1.default.createElement("label", { htmlFor: this.props.field, className: !this.props.labelOnTop ? 'col-fixed' : undefined, style: this.getLabelStyle() }, this.getLabel()),
+            react_1.default.createElement("label", { id: labelElemId, htmlFor: this.props.field, className: !this.props.labelOnTop ? 'col-fixed' : undefined, style: this.getLabelStyle() }, this.getLabel()),
+            labelTooltip ? react_1.default.createElement(tooltip_1.Tooltip, { target: "#".concat(labelElemId), content: labelTooltip }) : null,
             this.props.form.state.object ?
-                react_1.default.createElement(XInputTextareaBase_1.XInputTextareaBase, { id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), maxLength: this.xField.length, style: inputStyle, rows: this.props.rows, cols: cols, autoResize: this.props.autoResize, error: this.getError() })
+                react_1.default.createElement(XInputTextareaBase_1.XInputTextareaBase, { id: this.props.field, value: value, onChange: this.onValueChange, readOnly: this.isReadOnly(), maxLength: this.xField.length, style: inputStyle, rows: this.props.rows, cols: cols, autoResize: this.props.autoResize, error: this.getError(), tooltip: this.props.tooltip, placeholder: (_b = this.props.placeholder) !== null && _b !== void 0 ? _b : this.props.desc })
                 : null));
     };
     XInputTextarea.defaultProps = {

package/lib/components/XInputTextareaBase.d.ts

@@ -10,4 +10,6 @@ export declare const XInputTextareaBase: (props: {
     error?: string | undefined;
     style?: React.CSSProperties | undefined;
     maxLength?: number | undefined;
-}) => JSX.Element;
+    tooltip?: string | undefined;
+    placeholder?: string | undefined;
+}) => React.JSX.Element;

package/lib/components/XInputTextareaBase.js

@@ -86,6 +86,6 @@ var XInputTextareaBase = function (props) {
         }
         return inputValue;
     };
-    return (react_1.default.createElement(inputtextarea_1.InputTextarea, __assign({ id: props.id, value: getInputValue(), onChange: onChange, onBlur: onBlur, readOnly: props.readOnly, maxLength: props.maxLength, style: props.style, rows: props.rows, cols: props.cols, autoResize: props.autoResize }, XUtils_1.XUtils.createErrorProps(props.error))));
+    return (react_1.default.createElement(inputtextarea_1.InputTextarea, __assign({ id: props.id, value: getInputValue(), onChange: onChange, onBlur: onBlur, readOnly: props.readOnly, maxLength: props.maxLength, style: props.style, rows: props.rows, cols: props.cols, autoResize: props.autoResize }, XUtils_1.XUtils.createTooltipOrErrorProps(props.error, props.tooltip), { placeholder: props.placeholder })));
 };
 exports.XInputTextareaBase = XInputTextareaBase;

package/lib/components/XInputTextareaDT.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { XInputDT, XInputDTProps } from "./XInputDT";
 export interface XInputTextareaDTProps extends XInputDTProps {
     rows: number;
@@ -8,5 +8,5 @@ export declare class XInputTextareaDT extends XInputDT<XInputTextareaDTProps> {
     constructor(props: XInputTextareaDTProps);
     getValue(): string | null;
     onValueChange(value: string | null): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/XLazyDataTable/XExportRowsDialog.d.ts

@@ -1,15 +1,20 @@
-/// <reference types="react" />
 import { ExportType, LazyDataTableQueryParam } from "../../serverApi/ExportImportParam";
+import React from "react";
 export interface XExportParams {
-    path: string;
+    rowCount: number;
+    existsToManyAssoc: boolean;
     queryParam: LazyDataTableQueryParam | any;
-    headers?: string[];
+    headers: string[];
+    widths: string[];
+    fieldsToDuplicateValues?: string[];
     fileName: string;
 }
-export declare const XExportRowsDialog: (props: {
+export interface XExportRowsDialogState {
     dialogOpened: boolean;
+    exportParams?: XExportParams;
+}
+export declare const XExportRowsDialog: (props: {
+    dialogState: XExportRowsDialogState;
     hideDialog: () => void;
-    rowCount?: number;
     exportTypeOptions?: ExportType[];
-    exportParams: XExportParams | (() => XExportParams);
-}) => JSX.Element;
+}) => React.JSX.Element;