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

package/XInputInterval.d.ts

@@ -0,0 +1,3 @@
+// generated by gulp
+
+export * from './lib/components/XInputInterval';

package/XInputInterval.js

@@ -0,0 +1,5 @@
+// generated by gulp
+
+'use strict';
+
+module.exports = require('./lib/components/XInputInterval.js');

package/XInputIntervalBase.d.ts

@@ -0,0 +1,3 @@
+// generated by gulp
+
+export * from './lib/components/XInputIntervalBase';

package/XInputIntervalBase.js

@@ -0,0 +1,5 @@
+// generated by gulp
+
+'use strict';
+
+module.exports = require('./lib/components/XInputIntervalBase.js');

package/gulpfile.js

@@ -46,6 +46,8 @@ function generateApi(cb) {
         "./lib/components/XInputDecimal",
         "./lib/components/XInputDecimalBase",
         "./lib/components/XInputFileList",
+        "./lib/components/XInputInterval",
+        "./lib/components/XInputIntervalBase",
         "./lib/components/XInputText",
         "./lib/components/XInputTextarea",
         "./lib/components/XLazyDataTable",

package/lib/components/XAutoComplete.js

@@ -86,7 +86,7 @@ var XAutoComplete = /** @class */ (function (_super) {
         }
     };
     XAutoComplete.prototype.componentDidMount = function () {
-        console.log("volany XAutoComplete.componentDidMount()");
+        //console.log("volany XAutoComplete.componentDidMount()");
         this.readAndSetSuggestions();
     };
     XAutoComplete.prototype.readAndSetSuggestions = function () {

package/lib/components/XCalendar.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 export declare const XCalendar: (props: {
     id?: string | undefined;
     value: Date | null;
     onChange: (value: Date | null) => void;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
     readOnly?: boolean | undefined;
     datetime?: boolean | undefined;
 }) => JSX.Element;

package/lib/components/XCalendar.js

@@ -22,6 +22,6 @@ var XCalendar = function (props) {
         }
     };
     var datetime = (_a = props.datetime) !== null && _a !== void 0 ? _a : false;
-    return (react_1.default.createElement(calendar_1.Calendar, { id: props.id, value: props.value, onChange: onChange, disabled: props.readOnly, showIcon: true, showOnFocus: false, dateFormat: (0, XUtilsConversions_1.dateFormatCalendar)(), showTime: datetime, showSeconds: datetime, inputClassName: datetime ? 'x-input-datetime' : 'x-input-date' }));
+    return (react_1.default.createElement(calendar_1.Calendar, { id: props.id, value: props.value, onChange: onChange, disabled: props.readOnly, showIcon: true, showOnFocus: false, dateFormat: (0, XUtilsConversions_1.dateFormatCalendar)(), showTime: datetime, showSeconds: datetime, inputClassName: datetime ? 'x-input-datetime' : 'x-input-date', onBlur: props.onBlur }));
 };
 exports.XCalendar = XCalendar;

package/lib/components/XDropdownDT.d.ts

@@ -1,11 +1,14 @@
 /// <reference types="react" />
 import { XFormBase } from "./XFormBase";
 import { XDropdownOptionsMap } from "./XFormDataTable2";
+import { XCustomFilter } from "../serverApi/FindParam";
 export declare const XDropdownDT: (props: {
     form: XFormBase;
     entity: string;
     assocField: string;
     displayField: string;
+    sortField?: string | undefined;
+    filter?: XCustomFilter | undefined;
     dropdownOptionsMap: XDropdownOptionsMap;
     onDropdownOptionsMapChange: (dropdownOptionsMap: XDropdownOptionsMap) => void;
     rowData: any;

package/lib/components/XDropdownDT.js

@@ -63,17 +63,22 @@ exports.XDropdownDT = void 0;
 var react_1 = __importStar(require("react"));
 var XUtils_1 = require("./XUtils");
 var dropdown_1 = require("primereact/dropdown");
+var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XDropdownDT = function (props) {
     // poznamka: nacitanie/ulozenie options je vytiahnute do parent komponentu XFormDataTable koli tomu aby sme nenacitavali options pre kazdy riadok tabulky
+    // "members"
+    var xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity), props.assocField);
+    var idField = XUtilsMetadata_1.XUtilsMetadata.getXEntity(xAssoc.entityName).idField;
     // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
     (0, react_1.useEffect)(function () {
         //console.log("XDropdownDT - zavolany useEffect *******************")
         findOptions();
     }, []); // eslint-disable-line react-hooks/exhaustive-deps
     var findOptions = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var options;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        var options, xAssoc_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
                     options = props.dropdownOptionsMap[props.assocField];
                     if (!(options === undefined)) return [3 /*break*/, 2];
@@ -83,15 +88,17 @@ var XDropdownDT = function (props) {
                     // Nacitanie z DB sa koli asynchronnosti vykona az po zavolani tejto metody pre vsetky riadky tabulky, co je pre nas neskoro.
                     // ak by tu tento riadok nebol, tak by sa options nacitavali tolkokrat, kolko je riadkov v tabulke
                     props.dropdownOptionsMap[props.assocField] = [];
-                    return [4 /*yield*/, XUtils_1.XUtils.fetchMany('findRowsForAssoc', { entity: props.entity, assocField: props.assocField })];
+                    xAssoc_1 = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity), props.assocField);
+                    return [4 /*yield*/, XUtils_1.XUtils.fetchRows(xAssoc_1.entityName, props.filter, (_a = props.sortField) !== null && _a !== void 0 ? _a : props.displayField)];
                 case 1:
-                    options = _a.sent();
+                    //options = await XUtils.fetchMany('findRowsForAssoc', {entity: props.entity, assocField: props.assocField});
+                    options = _b.sent();
                     options.splice(0, 0, {}); // null polozka (nepridavat pre not null atributy)
                     props.dropdownOptionsMap[props.assocField] = options;
                     //console.log("XDropdownDT - findOptions - citali sme options pre field = " + props.assocField);
                     //console.log(props.dropdownOptionsMap);
                     props.onDropdownOptionsMapChange(props.dropdownOptionsMap); // vyrenderujeme nacitane hodnoty
-                    _a.label = 2;
+                    _b.label = 2;
                 case 2: return [2 /*return*/];
             }
         });
@@ -123,6 +130,6 @@ var XDropdownDT = function (props) {
     }
     var options = props.dropdownOptionsMap[props.assocField] !== undefined ? props.dropdownOptionsMap[props.assocField] : []; // mozno mozme do options prasknut rovno undefined...
     // appendTo={document.body} appenduje overlay panel na element body - eliminuje problem s overflow (pozri poznamku v XDropdownDTFilter)
-    return (react_1.default.createElement(dropdown_1.Dropdown, { appendTo: document.body, id: props.assocField, optionLabel: props.displayField, value: assocObject, options: options, onChange: function (e) { return onValueChange(props.assocField, props.rowData, e.target.value); } }));
+    return (react_1.default.createElement(dropdown_1.Dropdown, { appendTo: document.body, id: props.assocField, optionLabel: props.displayField, value: assocObject, options: options, dataKey: idField, onChange: function (e) { return onValueChange(props.assocField, props.rowData, e.target.value); } }));
 };
 exports.XDropdownDT = XDropdownDT;

package/lib/components/XDropdownForEntity.d.ts

@@ -14,6 +14,7 @@ export interface XDropdownForEntityProps {
     filter?: XCustomFilter;
 }
 export declare class XDropdownForEntity extends Component<XDropdownForEntityProps> {
+    protected idField: string;
     state: {
         options: any[];
     };

package/lib/components/XDropdownForEntity.js

@@ -89,6 +89,7 @@ exports.XDropdownForEntity = void 0;
 var react_1 = __importStar(require("react"));
 var dropdown_1 = require("primereact/dropdown");
 var XUtils_1 = require("./XUtils");
+var XUtilsMetadata_1 = require("./XUtilsMetadata");
 // vseobecny Dropdown ktoreho parametrom je entity, zobrazuje zaznamy danej entity, po selectnuti vracia zaznam danej entity
 // ambicia je pouzivat ho vsade - vo formulari, vo filtroch, vo form tabulke, priamo aplikacnym programmerom
 // dalo by sa vyclenit este XDropdownBase, ktory by dostaval ako parameter options (bol by nezavisly od DB), zatial ho nerobime,
@@ -100,6 +101,7 @@ var XDropdownForEntity = /** @class */ (function (_super) {
     __extends(XDropdownForEntity, _super);
     function XDropdownForEntity(props) {
         var _this = _super.call(this, props) || this;
+        _this.idField = XUtilsMetadata_1.XUtilsMetadata.getXEntity(_this.props.entity).idField;
         _this.state = {
             options: []
         };
@@ -142,7 +144,7 @@ var XDropdownForEntity = /** @class */ (function (_super) {
     XDropdownForEntity.prototype.render = function () {
         // TODO - mozno by nebolo od veci pouzivat InputText ak readOnly === true (chybala by len sipka (rozbalovac)) a dalo by sa copy-paste-ovat
         // propertiesy na Dropdown-e: readOnly vyseduje, disabled znemoznuje vyber polozky
-        return (react_1.default.createElement(dropdown_1.Dropdown, __assign({ id: this.props.id, options: this.state.options, optionLabel: this.props.displayField, value: this.props.value, onChange: this.onChange, readOnly: this.props.readOnly, disabled: this.props.readOnly }, XUtils_1.XUtils.createErrorProps(this.props.error))));
+        return (react_1.default.createElement(dropdown_1.Dropdown, __assign({ id: this.props.id, options: this.state.options, optionLabel: this.props.displayField, dataKey: this.idField, value: this.props.value, onChange: this.onChange, readOnly: this.props.readOnly, disabled: this.props.readOnly }, XUtils_1.XUtils.createErrorProps(this.props.error))));
     };
     return XDropdownForEntity;
 }(react_1.Component));

package/lib/components/XFormBase.d.ts

@@ -24,6 +24,11 @@ export declare abstract class XFormBase extends Component<FormProps> {
     } | any;
     xFormComponentList: Array<XFormComponent<any, any>>;
     xFormDataTableList: Array<XFormDataTable2>;
+    assocToValidateList: Array<string>;
+    assocToSortList: Array<{
+        assoc: string;
+        sortField: string;
+    }>;
     constructor(props: FormProps);
     componentDidMount(): Promise<void>;
     getEntity(): string;
@@ -45,12 +50,16 @@ export declare abstract class XFormBase extends Component<FormProps> {
     addXFormComponent(xFormComponent: XFormComponent<any, any>): void;
     findXFormComponent(field: string): XFormComponent<any, any> | undefined;
     addXFormDataTable(xFormDataTable: XFormDataTable2): void;
+    addAssocToValidate(oneToManyAssoc: string): void;
+    addAssocToSort(oneToManyAssoc: string, sortField: string): void;
     formReadOnlyBase(field: string): boolean;
     onClickSave(): Promise<void>;
     onClickCancel(): void;
     validateSave(): boolean;
     validateForm(): XErrorMap;
     fieldValidation(): XErrorMap;
+    getErrorMessagesForAssoc(oneToManyAssoc: string): string;
+    static saveErrorsIntoXRowTechData(row: any, xErrors: XErrors): void;
     formReadOnly(object: XObject, field: string): boolean;
     preInitForm(object: XObject, operationType: OperationType.Insert | OperationType.Update): void;
     validate(object: XObject): XErrors;

package/lib/components/XFormBase.js

@@ -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,31 @@ 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;
                         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 +288,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 +299,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 +320,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 +341,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 +352,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 +406,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 +434,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);
             }
-            finally { if (e_4) throw e_4.error; }
+        }
+        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_6) throw e_6.error; }
         }
         var ok = true;
         if (msg !== "") {
@@ -435,7 +476,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 +491,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 +504,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 +516,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,15 +529,61 @@ 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

package/lib/components/XFormDataTable2.d.ts

@@ -83,7 +83,6 @@ export declare class XFormDataTable2 extends Component<XFormDataTableProps> {
     onClickRemoveRowBySelection(): void;
     removeRow(row: any): void;
     validate(): void;
-    getErrorMessages(): string;
     isReadOnly(): boolean;
     render(): JSX.Element;
 }
@@ -104,6 +103,8 @@ 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;

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) {
@@ -349,6 +350,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,7 +363,7 @@ 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;
@@ -444,27 +448,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/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;
+}