@michalrakus/x-react-web-lib 1.9.0 → 1.11.0

package/lib/components/XFormBase.js

@@ -116,20 +116,20 @@ var XFormBase = /** @class */ (function (_super) {
     function XFormBase(props) {
         var _this = _super.call(this, props) || this;
         // check
-        if (props.id !== undefined && props.object !== undefined) {
-            throw "Form cannot have both props id and object defined. Only one of them can be defined.";
+        if (props.id !== undefined && props.initValues !== undefined) {
+            throw "Form cannot have both props id and initValues defined. Only one of them can be defined.";
         }
         //this.entity = props.entity; - nastavuje sa cez decorator @Form
         var object = null;
-        if (props.id === undefined) {
-            // add row operation
-            if (props.object !== undefined) {
-                object = props.object;
-            }
-            else {
-                object = {}; // empty new object
-            }
-        }
+        // if (props.id === undefined) {
+        //     // add row operation
+        //     if (props.object !== undefined) {
+        //         object = props.object;
+        //     }
+        //     else {
+        //         object = {}; // empty new object
+        //     }
+        // }
         _this.fields = new Set();
         _this.state = {
             object: object,
@@ -137,15 +137,18 @@ var XFormBase = /** @class */ (function (_super) {
         };
         _this.xFormComponentList = [];
         _this.xFormDataTableList = [];
+        _this.assocToValidateList = [];
+        _this.assocToSortList = [];
         _this.onClickSave = _this.onClickSave.bind(_this);
         _this.onClickCancel = _this.onClickCancel.bind(_this);
         return _this;
     }
     XFormBase.prototype.componentDidMount = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var object, operationType;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var object, operationType, _a, _b, assocToSort, assocRowList;
+            var e_1, _c;
+            return __generator(this, function (_d) {
+                switch (_d.label) {
                     case 0:
                         //console.log("volany XFormBase.componentDidMount()");
                         // kontrola (musi byt tu, v konstruktore este property nie je nastavena)
@@ -157,14 +160,35 @@ var XFormBase = /** @class */ (function (_super) {
                     case 1:
                         //console.log('XFormBase.componentDidMount ide nacitat objekt');
                         //console.log(this.fields);
-                        object = _a.sent();
+                        object = _d.sent();
                         operationType = XUtils_1.OperationType.Update;
+                        try {
+                            // sortovanie, aby sme nemuseli sortovat v DB (neviem co je efektivnejsie)
+                            for (_a = __values(this.assocToSortList), _b = _a.next(); !_b.done; _b = _a.next()) {
+                                assocToSort = _b.value;
+                                assocRowList = object[assocToSort.assoc];
+                                if (assocRowList) {
+                                    object[assocToSort.assoc] = XUtils_1.XUtils.arraySort(assocRowList, assocToSort.sortField);
+                                }
+                            }
+                        }
+                        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                        finally {
+                            try {
+                                if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                        }
                         return [3 /*break*/, 3];
                     case 2:
                         // add new row
-                        object = this.state.object;
+                        object = this.createNewObject();
+                        // pridame pripadne "init values", ktore pridu cez prop object (pouziva sa napr. pri insertovani cez XAutoComplete na predplnenie hodnoty)
+                        if (this.props.initValues !== undefined) {
+                            object = __assign(__assign({}, object), this.props.initValues); // values from this.props.object will override values from object (if key is the same)
+                        }
                         operationType = XUtils_1.OperationType.Insert;
-                        _a.label = 3;
+                        _d.label = 3;
                     case 3:
                         this.preInitForm(object, operationType);
                         //console.log("volany XFormBase.componentDidMount() - ideme setnut object");
@@ -268,7 +292,7 @@ var XFormBase = /** @class */ (function (_super) {
         this.setState({ object: object });
     };
     XFormBase.getNextRowId = function (rowList, dataKey) {
-        var e_1, _a;
+        var e_2, _a;
         var maxId = 0;
         try {
             for (var rowList_1 = __values(rowList), rowList_1_1 = rowList_1.next(); !rowList_1_1.done; rowList_1_1 = rowList_1.next()) {
@@ -279,12 +303,12 @@ var XFormBase = /** @class */ (function (_super) {
                 }
             }
         }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
         finally {
             try {
                 if (rowList_1_1 && !rowList_1_1.done && (_a = rowList_1.return)) _a.call(rowList_1);
             }
-            finally { if (e_1) throw e_1.error; }
+            finally { if (e_2) throw e_2.error; }
         }
         return maxId + 1;
     };
@@ -300,7 +324,6 @@ var XFormBase = /** @class */ (function (_super) {
         // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
         this.setState({ object: object });
     };
-    // tato metoda (aj vsetky ostatne metody precujuce s row-mi) by mali byt skor na XFormDataTable2 (ta pozna "assocField" (OneToMany asociaciu))
     XFormBase.getXRowTechData = function (row) {
         // ak este nemame rowTechData, tak ho vytvorime
         if (row.__x_rowTechData === undefined) {
@@ -322,7 +345,7 @@ var XFormBase = /** @class */ (function (_super) {
         this.xFormComponentList.push(xFormComponent);
     };
     XFormBase.prototype.findXFormComponent = function (field) {
-        var e_2, _a;
+        var e_3, _a;
         try {
             // TODO - vytvorit mapu (field, ref(xFormComponent)), bude to rychlejsie
             // vytvorit len mapu (a list zrusit) je problem - mozme mat pre jeden field viacero (napr. asociacnych) componentov
@@ -333,25 +356,31 @@ var XFormBase = /** @class */ (function (_super) {
                 }
             }
         }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
         finally {
             try {
                 if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            finally { if (e_2) throw e_2.error; }
+            finally { if (e_3) throw e_3.error; }
         }
         return undefined;
     };
     XFormBase.prototype.addXFormDataTable = function (xFormDataTable) {
         this.xFormDataTableList.push(xFormDataTable);
     };
+    XFormBase.prototype.addAssocToValidate = function (oneToManyAssoc) {
+        this.assocToValidateList.push(oneToManyAssoc);
+    };
+    XFormBase.prototype.addAssocToSort = function (oneToManyAssoc, sortField) {
+        this.assocToSortList.push({ assoc: oneToManyAssoc, sortField: sortField });
+    };
     XFormBase.prototype.formReadOnlyBase = function (field) {
         // TODO - bude this.state.object vzdycky !== undefined?
         return this.formReadOnly(this.state.object, field);
     };
     XFormBase.prototype.onClickSave = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var isAddRow, object, e_3;
+            var isAddRow, object, e_4;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -381,8 +410,8 @@ var XFormBase = /** @class */ (function (_super) {
                         object = _a.sent();
                         return [3 /*break*/, 4];
                     case 3:
-                        e_3 = _a.sent();
-                        XUtils_1.XUtils.showErrorMessage("Save row failed.", e_3);
+                        e_4 = _a.sent();
+                        XUtils_1.XUtils.showErrorMessage("Save row failed.", e_4);
                         return [2 /*return*/]; // zostavame vo formulari
                     case 4:
                         if (this.props.onSaveOrCancel !== undefined) {
@@ -409,23 +438,39 @@ var XFormBase = /** @class */ (function (_super) {
         }
     };
     XFormBase.prototype.validateSave = function () {
-        var e_4, _a;
+        var e_5, _a, e_6, _b;
         var xErrorMap = this.validateForm();
         // zatial takto jednoducho
         var msg = XUtils_1.XUtils.getErrorMessages(xErrorMap);
         try {
             // este spracujeme editovatelne tabulky
-            for (var _b = __values(this.xFormDataTableList), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var xFormDataTable = _c.value;
-                msg += xFormDataTable.getErrorMessages();
+            for (var _c = __values(this.xFormDataTableList), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var xFormDataTable = _d.value;
+                //msg += xFormDataTable.getErrorMessages();
+                msg += this.getErrorMessagesForAssoc(xFormDataTable.props.assocField);
             }
         }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        catch (e_5_1) { e_5 = { error: e_5_1 }; }
         finally {
             try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+            }
+            finally { if (e_5) throw e_5.error; }
+        }
+        try {
+            // este spracujeme oneToMany asociacie, ktore boli explicitne uvedene, ze ich treba validovat
+            // (validaciu treba nakodit vo formulari, zavolat z metody validate() a ukoncit zavolanim XFormBase.saveErrorsIntoXRowTechData)
+            for (var _e = __values(this.assocToValidateList), _f = _e.next(); !_f.done; _f = _e.next()) {
+                var assocToValidate = _f.value;
+                msg += this.getErrorMessagesForAssoc(assocToValidate);
+            }
+        }
+        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+        finally {
+            try {
+                if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
             }
-            finally { if (e_4) throw e_4.error; }
+            finally { if (e_6) throw e_6.error; }
         }
         var ok = true;
         if (msg !== "") {
@@ -435,7 +480,7 @@ var XFormBase = /** @class */ (function (_super) {
         return ok;
     };
     XFormBase.prototype.validateForm = function () {
-        var e_5, _a;
+        var e_7, _a;
         var xErrorMap = this.fieldValidation();
         // form validation
         var xErrors = this.validate(this.getXObject());
@@ -450,12 +495,12 @@ var XFormBase = /** @class */ (function (_super) {
                 }
             }
         }
-        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+        catch (e_7_1) { e_7 = { error: e_7_1 }; }
         finally {
             try {
                 if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
             }
-            finally { if (e_5) throw e_5.error; }
+            finally { if (e_7) throw e_7.error; }
         }
         // TODO - optimalizacia - netreba setovat stav ak by sme sli prec z formulara (ak by zbehla validacia aj save a isli by sme naspet do browsu)
         // setujeme aj this.state.object, lebo mohli pribudnut/odbudnut chyby na rowData v editovatelnych tabulkach
@@ -463,7 +508,7 @@ var XFormBase = /** @class */ (function (_super) {
         return xErrorMap;
     };
     XFormBase.prototype.fieldValidation = function () {
-        var e_6, _a, e_7, _b;
+        var e_8, _a, e_9, _b;
         var xErrorMap = {};
         try {
             for (var _c = __values(this.xFormComponentList), _d = _c.next(); !_d.done; _d = _c.next()) {
@@ -475,12 +520,12 @@ var XFormBase = /** @class */ (function (_super) {
                 }
             }
         }
-        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+        catch (e_8_1) { e_8 = { error: e_8_1 }; }
         finally {
             try {
                 if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
             }
-            finally { if (e_6) throw e_6.error; }
+            finally { if (e_8) throw e_8.error; }
         }
         try {
             for (var _e = __values(this.xFormDataTableList), _f = _e.next(); !_f.done; _f = _e.next()) {
@@ -488,21 +533,71 @@ var XFormBase = /** @class */ (function (_super) {
                 xFormDataTable.validate();
             }
         }
-        catch (e_7_1) { e_7 = { error: e_7_1 }; }
+        catch (e_9_1) { e_9 = { error: e_9_1 }; }
         finally {
             try {
                 if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
             }
-            finally { if (e_7) throw e_7.error; }
+            finally { if (e_9) throw e_9.error; }
         }
         return xErrorMap;
     };
+    XFormBase.prototype.getErrorMessagesForAssoc = function (oneToManyAssoc) {
+        var e_10, _a;
+        var msg = "";
+        var object = this.getXObject();
+        var rowList = object[oneToManyAssoc];
+        if (!Array.isArray(rowList)) {
+            throw "Array for the assoc ".concat(oneToManyAssoc, " not found in the form object");
+        }
+        try {
+            for (var rowList_2 = __values(rowList), rowList_2_1 = rowList_2.next(); !rowList_2_1.done; rowList_2_1 = rowList_2.next()) {
+                var row = rowList_2_1.value;
+                var xRowTechData = XFormBase.getXRowTechData(row);
+                msg += XUtils_1.XUtils.getErrorMessages(xRowTechData.errorMap);
+            }
+        }
+        catch (e_10_1) { e_10 = { error: e_10_1 }; }
+        finally {
+            try {
+                if (rowList_2_1 && !rowList_2_1.done && (_a = rowList_2.return)) _a.call(rowList_2);
+            }
+            finally { if (e_10) throw e_10.error; }
+        }
+        return msg;
+    };
+    // can be called from AppForm in case of custom validation on oneToMany assoc
+    XFormBase.saveErrorsIntoXRowTechData = function (row, xErrors) {
+        var e_11, _a;
+        var xErrorMap = {};
+        try {
+            for (var _b = __values(Object.entries(xErrors)), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var _d = __read(_c.value, 2), field = _d[0], error = _d[1];
+                if (error) {
+                    xErrorMap[field] = { form: error };
+                }
+            }
+        }
+        catch (e_11_1) { e_11 = { error: e_11_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_11) throw e_11.error; }
+        }
+        var xRowTechData = XFormBase.getXRowTechData(row);
+        xRowTechData.errorMap = xErrorMap;
+    };
     // this method can be overriden in subclass if needed
     // (the purpose is to put the whole form to read only mode (maybe with exception a few fields))
     // if returns true for the param "field", then the field is read only, otherwise the property readOnly of the XInput* is processed
     XFormBase.prototype.formReadOnly = function (object, field) {
         return false;
     };
+    // this method can be overriden in subclass if needed (to set some default values for insert)
+    XFormBase.prototype.createNewObject = function () {
+        return {};
+    };
     // this method can be overriden in subclass if needed (to modify/save object after read from DB and before set into the form)
     XFormBase.prototype.preInitForm = function (object, operationType) {
     };

package/lib/components/XFormDataTable2.d.ts

@@ -66,7 +66,6 @@ export declare class XFormDataTable2 extends Component<XFormDataTableProps> {
     };
     constructor(props: XFormDataTableProps);
     getPathForColumn(columnProps: XFormColumnProps): string;
-    getDisplayFieldOrId(columnPropsAutoComplete: XFormAutoCompleteColumnProps): string;
     static getHeader(columnProps: XFormColumnProps, xEntity: XEntity, field: string, xField: XField): string;
     getEntity(): string;
     createInitFilters(): DataTableFilterMeta;
@@ -83,7 +82,6 @@ export declare class XFormDataTable2 extends Component<XFormDataTableProps> {
     onClickRemoveRowBySelection(): void;
     removeRow(row: any): void;
     validate(): void;
-    getErrorMessages(): string;
     isReadOnly(): boolean;
     render(): JSX.Element;
 }
@@ -104,18 +102,21 @@ export interface XFormInputSimpleColumnProps extends XFormColumnProps {
 export interface XFormDropdownColumnProps extends XFormColumnProps {
     assocField: string;
     displayField: string;
+    sortField?: string;
+    filter?: XCustomFilter;
 }
 export interface XFormAutoCompleteColumnProps extends XFormColumnProps {
     assocField: string;
-    displayField: string | ((suggestion: any) => string);
-    searchTable?: any;
-    assocForm?: any;
+    displayField: string;
+    searchBrowse?: JSX.Element;
+    assocForm?: JSX.Element;
     filter?: XTableFieldFilterProp;
+    suggestions?: any[];
 }
 export interface XFormSearchButtonColumnProps extends XFormColumnProps {
     assocField: string;
     displayField: string;
-    searchTable: any;
+    searchBrowse: JSX.Element;
 }
 export declare const XFormColumn: {
     (props: XFormInputSimpleColumnProps): null;

package/lib/components/XFormDataTable2.js

@@ -80,6 +80,7 @@ var api_1 = require("primereact/api");
 var XAutoCompleteDT_1 = require("./XAutoCompleteDT");
 var XButtonIconNarrow_1 = require("./XButtonIconNarrow");
 var XLocale_1 = require("./XLocale");
+var XInputIntervalDT_1 = require("./XInputIntervalDT");
 var XFormDataTable2 = /** @class */ (function (_super) {
     __extends(XFormDataTable2, _super);
     function XFormDataTable2(props) {
@@ -139,7 +140,7 @@ var XFormDataTable2 = /** @class */ (function (_super) {
         }
         else if (columnProps.type === "autoComplete") {
             var columnPropsAutoComplete = columnProps;
-            return columnPropsAutoComplete.assocField + '.' + this.getDisplayFieldOrId(columnPropsAutoComplete);
+            return columnPropsAutoComplete.assocField + '.' + columnPropsAutoComplete.displayField;
         }
         else if (columnProps.type === "searchButton") {
             var columnPropsSearchButton = columnProps;
@@ -149,19 +150,6 @@ var XFormDataTable2 = /** @class */ (function (_super) {
             throw "Unknown prop type = " + columnProps.type;
         }
     };
-    XFormDataTable2.prototype.getDisplayFieldOrId = function (columnPropsAutoComplete) {
-        // toto je hack - ak ratame displayField cez funkciu, tak nam potom v kode chyba (hociaky) atribut asociovaneho objektu
-        // aby sme nemuseli robit nejake velke prerabky a zmeny, tak podsunieme id-ckovy atribut
-        if (typeof columnPropsAutoComplete.displayField === 'string') {
-            return columnPropsAutoComplete.displayField; // vsetko ok
-        }
-        else {
-            // v displayField mame funkciu, zistime id-ckovy atribut
-            // TODO - problem - sortovanie/filtrovanie bude fungovat podla tohto id atributu
-            var xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.getEntity()), columnPropsAutoComplete.assocField);
-            return XUtilsMetadata_1.XUtilsMetadata.getXEntity(xAssoc.entityName).idField;
-        }
-    };
     XFormDataTable2.getHeader = function (columnProps, xEntity, field, xField) {
         var _a, _b, _c, _d;
         // poznamky - parametre field a xField by sme mohli vyratavat na zaklade columnProps ale kedze ich uz mame, setrime performance a neduplikujeme vypocet
@@ -349,6 +337,9 @@ var XFormDataTable2 = /** @class */ (function (_super) {
             else if (xField.type === "date" || xField.type === "datetime") {
                 body = react_1.default.createElement(XInputDateDT_1.XInputDateDT, { form: this.props.form, xField: xField, field: columnPropsInputSimple.field, rowData: rowData, readOnly: readOnly });
             }
+            else if (xField.type === "interval") {
+                body = react_1.default.createElement(XInputIntervalDT_1.XInputIntervalDT, { form: this.props.form, entity: this.getEntity(), field: columnPropsInputSimple.field, rowData: rowData, readOnly: readOnly });
+            }
             else if (xField.type === "boolean") {
                 body = react_1.default.createElement(XCheckboxDT_1.XCheckboxDT, { form: this.props.form, xField: xField, field: columnPropsInputSimple.field, rowData: rowData, readOnly: readOnly });
             }
@@ -359,17 +350,17 @@ var XFormDataTable2 = /** @class */ (function (_super) {
         }
         else if (columnProps.type === "dropdown") {
             var columnPropsDropdown = columnProps;
-            body = react_1.default.createElement(XDropdownDT_1.XDropdownDT, { form: this.props.form, entity: this.getEntity(), assocField: columnPropsDropdown.assocField, displayField: columnPropsDropdown.displayField, dropdownOptionsMap: this.state.dropdownOptionsMap, onDropdownOptionsMapChange: this.onDropdownOptionsMapChange, rowData: rowData });
+            body = react_1.default.createElement(XDropdownDT_1.XDropdownDT, { form: this.props.form, entity: this.getEntity(), assocField: columnPropsDropdown.assocField, displayField: columnPropsDropdown.displayField, sortField: columnPropsDropdown.sortField, filter: columnPropsDropdown.filter, dropdownOptionsMap: this.state.dropdownOptionsMap, onDropdownOptionsMapChange: this.onDropdownOptionsMapChange, rowData: rowData });
         }
         else if (columnProps.type === "autoComplete") {
             var columnPropsAutoComplete = columnProps;
             // tableReadOnly has higher prio then property readOnly
             var readOnly = tableReadOnly || ((_b = columnPropsAutoComplete.readOnly) !== null && _b !== void 0 ? _b : false);
-            body = react_1.default.createElement(XAutoCompleteDT_1.XAutoCompleteDT, { form: this.props.form, entity: this.getEntity(), assocField: columnPropsAutoComplete.assocField, displayField: columnPropsAutoComplete.displayField, searchTable: columnPropsAutoComplete.searchTable, assocForm: columnPropsAutoComplete.assocForm, filter: columnPropsAutoComplete.filter, rowData: rowData, readOnly: readOnly });
+            body = react_1.default.createElement(XAutoCompleteDT_1.XAutoCompleteDT, { form: this.props.form, entity: this.getEntity(), assocField: columnPropsAutoComplete.assocField, displayField: columnPropsAutoComplete.displayField, searchBrowse: columnPropsAutoComplete.searchBrowse, assocForm: columnPropsAutoComplete.assocForm, filter: columnPropsAutoComplete.filter, suggestions: columnPropsAutoComplete.suggestions, rowData: rowData, readOnly: readOnly });
         }
         else if (columnProps.type === "searchButton") {
             var columnPropsSearchButton = columnProps;
-            body = react_1.default.createElement(XSearchButtonDT_1.XSearchButtonDT, { form: this.props.form, entity: this.getEntity(), assocField: columnPropsSearchButton.assocField, displayField: columnPropsSearchButton.displayField, searchTable: columnPropsSearchButton.searchTable, rowData: rowData, readOnly: columnPropsSearchButton.readOnly });
+            body = react_1.default.createElement(XSearchButtonDT_1.XSearchButtonDT, { form: this.props.form, entity: this.getEntity(), assocField: columnPropsSearchButton.assocField, displayField: columnPropsSearchButton.displayField, searchBrowse: columnPropsSearchButton.searchBrowse, rowData: rowData, readOnly: columnPropsSearchButton.readOnly });
         }
         else {
             throw "Unknown prop type = " + columnProps.type;
@@ -444,27 +435,16 @@ var XFormDataTable2 = /** @class */ (function (_super) {
             finally { if (e_3) throw e_3.error; }
         }
     };
-    XFormDataTable2.prototype.getErrorMessages = function () {
-        var e_5, _a;
-        var msg = "";
-        var object = this.props.form.getXObject();
-        var rowList = object[this.props.assocField];
-        try {
-            for (var rowList_2 = __values(rowList), rowList_2_1 = rowList_2.next(); !rowList_2_1.done; rowList_2_1 = rowList_2.next()) {
-                var row = rowList_2_1.value;
-                var xRowTechData = XFormBase_1.XFormBase.getXRowTechData(row);
-                msg += XUtils_1.XUtils.getErrorMessages(xRowTechData.errorMap);
-            }
-        }
-        catch (e_5_1) { e_5 = { error: e_5_1 }; }
-        finally {
-            try {
-                if (rowList_2_1 && !rowList_2_1.done && (_a = rowList_2.return)) _a.call(rowList_2);
-            }
-            finally { if (e_5) throw e_5.error; }
-        }
-        return msg;
-    };
+    // getErrorMessages(): string {
+    //     let msg: string = "";
+    //     const object: XObject = this.props.form.getXObject();
+    //     const rowList: any[] = object[this.props.assocField];
+    //     for (const row of rowList) {
+    //         const xRowTechData: XRowTechData = XFormBase.getXRowTechData(row);
+    //         msg += XUtils.getErrorMessages(xRowTechData.errorMap);
+    //     }
+    //     return msg;
+    // }
     // TODO - velmi podobna funkcia ako XFormComponent.isReadOnly() - zjednotit ak sa da
     XFormDataTable2.prototype.isReadOnly = function () {
         var readOnly;

package/lib/components/XFormNavigator3.d.ts

@@ -1,12 +1,12 @@
 import { Component } from "react";
 export interface XFormNavigator3Props {
-    rootFormElement?: any;
+    rootFormElement?: JSX.Element;
 }
 export declare class XFormNavigator3 extends Component<XFormNavigator3Props> {
     state: {
-        formElements: any[];
+        formElements: JSX.Element[];
     };
     constructor(props: XFormNavigator3Props);
-    openForm(newFormElement: any): void;
+    openForm(newFormElement: JSX.Element | null): void;
     render(): JSX.Element;
 }

package/lib/components/XFormNavigator3.js

@@ -110,11 +110,11 @@ var XFormNavigator3 = /** @class */ (function (_super) {
     };
     XFormNavigator3.prototype.render = function () {
         var _this = this;
-        var formElements = this.props.rootFormElement !== null ? __spreadArray([this.props.rootFormElement], __read(this.state.formElements), false) : this.state.formElements;
+        var formElements = this.props.rootFormElement ? __spreadArray([this.props.rootFormElement], __read(this.state.formElements), false) : this.state.formElements;
         var forms = formElements.map(function (formElement, index) {
             var displayed = (index === formElements.length - 1);
             // klonovanim elementu pridame atribut openForm={this.openForm} (nemusime tento atribut pridavat pri vytvarani elementu)
-            var formElementCloned = react_1.default.cloneElement(formElement, { openForm: _this.openForm, displayed: displayed }, formElement.children);
+            var formElementCloned = react_1.default.cloneElement(formElement, { openForm: _this.openForm, displayed: displayed } /*, (formElement as any).children*/);
             // prvych n - 1 komponentov skryjeme cez display: "none" a az posledny vyrenderujeme naozaj (cez display: "block")
             // TODO - do buducnosti - ak nechceme drzat stav componentu cez display: "none", staci vratit null (komponent vobec nevyrenderujeme)
             var display = (displayed ? "block" : "none");

package/lib/components/XInputDate.js

@@ -56,7 +56,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(), 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(), datetime: this.xField.type === 'datetime', onBlur: this.onBlur })));
     };
     return XInputDate;
 }(XInput_1.XInput));

package/lib/components/XInputInterval.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { XFormComponentProps } from "./XFormComponent";
+import { XInput } from "./XInput";
+import { IPostgresInterval } from "./XUtils";
+export interface XInputIntervalProps extends XFormComponentProps<number> {
+    field: string;
+    inputStyle?: React.CSSProperties;
+}
+export declare class XInputInterval extends XInput<number, XInputIntervalProps> {
+    constructor(props: XInputIntervalProps);
+    getValue(): IPostgresInterval | null;
+    onValueChange(value: IPostgresInterval | null): void;
+    render(): JSX.Element;
+}

package/lib/components/XInputInterval.js

@@ -0,0 +1,56 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XInputInterval = void 0;
+var react_1 = __importDefault(require("react"));
+var XInput_1 = require("./XInput");
+var XInputIntervalBase_1 = require("./XInputIntervalBase");
+var XInputInterval = /** @class */ (function (_super) {
+    __extends(XInputInterval, _super);
+    function XInputInterval(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onValueChange = _this.onValueChange.bind(_this);
+        return _this;
+    }
+    XInputInterval.prototype.getValue = function () {
+        return this.getValueFromObject();
+    };
+    XInputInterval.prototype.onValueChange = function (value) {
+        this.onValueChangeBase(value, this.props.onChange);
+    };
+    XInputInterval.prototype.render = function () {
+        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(XInputIntervalBase_1.XInputIntervalBase, __assign({ id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), error: this.getError(), style: this.props.inputStyle }, this.getClassNameTooltip()))));
+    };
+    return XInputInterval;
+}(XInput_1.XInput));
+exports.XInputInterval = XInputInterval;

package/lib/components/XInputIntervalBase.d.ts

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