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

package/lib/components/XFormBase.js

@@ -1,526 +1,526 @@
-"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XFormBase = exports.Form = void 0;
-var react_1 = require("react");
-var XUtils_1 = require("./XUtils");
-// class decorator ktory nastavuje property entity (dalo by sa to nastavovat v konstruktore ale decorator je menej ukecany)
-// ma sa pouzivat len na triedach odvodenych od XFormBase - obmedzenie som vsak nevedel nakodit
-// property sa nastavi az po zbehnuti konstruktora
-// pozor - decorator je vykopirovany do projektoveho suboru XLibItems.ts, lebo ked je umiestneny tu tak nefunguje pre class-y v projekte!
-function Form(entity) {
-    // sem (mozno) moze prist registracia formu-u
-    return function (constructor) {
-        return /** @class */ (function (_super) {
-            __extends(class_1, _super);
-            function class_1() {
-                var _this = _super !== null && _super.apply(this, arguments) || this;
-                _this.entity = entity;
-                return _this;
-            }
-            return class_1;
-        }(constructor));
-    };
-}
-exports.Form = Form;
-var XFormBase = /** @class */ (function (_super) {
-    __extends(XFormBase, _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.";
-        }
-        //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
-            }
-        }
-        _this.fields = new Set();
-        _this.state = {
-            object: object,
-            errorMap: {}
-        };
-        _this.xFormComponentList = [];
-        _this.xFormDataTableList = [];
-        _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) {
-                    case 0:
-                        //console.log("volany XFormBase.componentDidMount()");
-                        // kontrola (musi byt tu, v konstruktore este property nie je nastavena)
-                        if (this.entity === undefined) {
-                            throw "XFormBase: Property entity is not defined - use decorator @Form.";
-                        }
-                        if (!(this.props.id !== undefined)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, XUtils_1.XUtils.fetchById(this.entity, Array.from(this.fields), this.props.id)];
-                    case 1:
-                        //console.log('XFormBase.componentDidMount ide nacitat objekt');
-                        //console.log(this.fields);
-                        object = _a.sent();
-                        operationType = XUtils_1.OperationType.Update;
-                        return [3 /*break*/, 3];
-                    case 2:
-                        // add new row
-                        object = this.state.object;
-                        operationType = XUtils_1.OperationType.Insert;
-                        _a.label = 3;
-                    case 3:
-                        this.preInitForm(object, operationType);
-                        //console.log("volany XFormBase.componentDidMount() - ideme setnut object");
-                        this.setState({ object: object } /*, () => console.log("volany XFormBase.componentDidMount() - callback setState")*/);
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    XFormBase.prototype.getEntity = function () {
-        if (this.entity === undefined) {
-            throw "Entity is undefined";
-        }
-        return this.entity;
-    };
-    XFormBase.prototype.getXObject = function () {
-        if (this.state.object === null) {
-            throw "XFormBase: this.state.object is null";
-        }
-        return this.state.object;
-    };
-    XFormBase.prototype.getObject = function () {
-        return this.getXObject();
-    };
-    XFormBase.prototype.isAddRow = function () {
-        return this.props.id === undefined;
-    };
-    XFormBase.prototype.onFieldChange = function (field, value, error, onChange, assocObjectChange) {
-        var object = this.getXObject();
-        object[field] = value;
-        var errorMap = this.state.errorMap;
-        errorMap[field] = __assign(__assign({}, errorMap[field]), { onChange: error });
-        // tu zavolame onChange komponentu - object uz ma zapisanu zmenenu hodnotu, onChange nasledne zmeni dalsie hodnoty a nasledne sa zavola setState
-        if (onChange) {
-            onChange({ object: object, assocObjectChange: assocObjectChange });
-        }
-        // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
-        this.setState({ object: object, errorMap: errorMap });
-    };
-    XFormBase.prototype.onTableFieldChange = function (rowData, field, value, error, onChange, assocObjectChange) {
-        var object = this.getXObject();
-        rowData[field] = value;
-        // nastavime error do rowData do tech fieldu
-        var errorMap = XFormBase.getXRowTechData(rowData).errorMap;
-        errorMap[field] = __assign(__assign({}, errorMap[field]), { onChange: error });
-        // tu zavolame onChange komponentu - object uz ma zapisanu zmenenu hodnotu, onChange nasledne zmeni dalsie hodnoty a nasledne sa zavola setState
-        if (onChange) {
-            onChange({ object: object, tableRow: rowData, assocObjectChange: assocObjectChange });
-        }
-        // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
-        this.setState({ object: object /*, errorMap: errorMap*/ });
-    };
-    /**
-     * @deprecated - mal by sa pouzivat onTableFieldChange
-     */
-    XFormBase.prototype.onObjectDataChange = function (row, onChange) {
-        var object = this.state.object;
-        // tu zavolame onChange komponentu - object uz ma zapisanu zmenenu hodnotu, onChange nasledne zmeni dalsie hodnoty a nasledne sa zavola setState
-        if (onChange) {
-            // TODO - assocObjectChange dorobit
-            onChange({ object: object, tableRow: row, assocObjectChange: undefined });
-        }
-        // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
-        this.setState({ object: object });
-    };
-    // lepsi nazov ako onObjectDataChange
-    // ak niekto zmenil this.state.object alebo this.state.errorMap, zmena sa prejavi vo formulari
-    // pouzivame napr. po zavolani onChange na XInputText
-    XFormBase.prototype.setStateXForm = function () {
-        // TODO - je to ok ze object menime takto?
-        // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
-        this.setState({ object: this.state.object, errorMap: this.state.errorMap });
-    };
-    XFormBase.prototype.onTableAddRow = function (assocField, newRow, dataKey, selectedRow) {
-        var object = this.getXObject();
-        var rowList = object[assocField];
-        // ak vieme id-cko a id-cko nie je vyplnene, tak ho vygenerujeme (predpokladame ze id-cko je vzdy number)
-        // id-cka potrebujeme, lebo by nam bez nich nekorektne fungovala tabulka
-        // asi cistejsie by bolo citat id-cka zo sekvencie z DB, ale MySql nema sekvencie na styl Oracle
-        if (dataKey !== undefined) {
-            var newRowId = newRow[dataKey];
-            if (newRowId === undefined || newRowId === null) {
-                newRow[dataKey] = XFormBase.getNextRowId(rowList, dataKey);
-                newRow.__x_generatedRowId = true; // specialny priznak, ze sme vygenerovali id-cko - pred insertom do DB toto id-cko vynullujeme aby sa vygenerovalo realne id-cko
-            }
-        }
-        var index = undefined;
-        if (selectedRow !== undefined) {
-            var selectedRowIndex = rowList.indexOf(selectedRow);
-            if (selectedRowIndex > -1) {
-                index = selectedRowIndex + 1;
-            }
-        }
-        if (index !== undefined) {
-            rowList.splice(index, 0, newRow);
-        }
-        else {
-            rowList.push(newRow); // na koniec
-        }
-        // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
-        this.setState({ object: object });
-    };
-    XFormBase.getNextRowId = function (rowList, dataKey) {
-        var e_1, _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()) {
-                var row = rowList_1_1.value;
-                var id = row[dataKey];
-                if (id > maxId) {
-                    maxId = id;
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_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; }
-        }
-        return maxId + 1;
-    };
-    XFormBase.prototype.onTableRemoveRow = function (assocField, row) {
-        var object = this.getXObject();
-        var rowList = object[assocField];
-        // poznamka: indexOf pri vyhladavani pouziva strict equality (===), 2 objekty su rovnake len ak porovnavame 2 smerniky na totozny objekt
-        var index = rowList.indexOf(row);
-        if (index === -1) {
-            throw "Unexpected error - element 'row' not found in 'rowList'";
-        }
-        rowList.splice(index, 1);
-        // 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) {
-            // field '__x_rowTechData' vytvorime takymto specialnym sposobom, aby mal "enumerable: false", tympadom ho JSON.stringify nezaserializuje
-            // pri posielani objektu formulara na backend (pozor, zaroven sa neda tento field iterovat cez in operator a pod.)
-            var xRowTechData = { xFormComponentDTList: [], errorMap: {} };
-            Object.defineProperty(row, '__x_rowTechData', {
-                value: xRowTechData,
-                writable: false,
-                enumerable: false
-            });
-        }
-        return row.__x_rowTechData;
-    };
-    XFormBase.prototype.addField = function (field) {
-        this.fields.add(field);
-    };
-    XFormBase.prototype.addXFormComponent = function (xFormComponent) {
-        this.xFormComponentList.push(xFormComponent);
-    };
-    XFormBase.prototype.findXFormComponent = function (field) {
-        var e_2, _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
-            for (var _b = __values(this.xFormComponentList), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var xFormComponent = _c.value;
-                if (xFormComponent.getField() === field) {
-                    return xFormComponent;
-                }
-            }
-        }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
-        return undefined;
-    };
-    XFormBase.prototype.addXFormDataTable = function (xFormDataTable) {
-        this.xFormDataTableList.push(xFormDataTable);
-    };
-    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;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        //console.log("zavolany onClickSave");
-                        if (!this.validateSave()) {
-                            return [2 /*return*/];
-                        }
-                        // docasne na testovanie
-                        // const object: T | null = this.state.object;
-                        // if (object !== null) {
-                        //     const carDate = object['carDatetime'];
-                        //     if (carDate !== undefined && carDate !== null) {
-                        //         //(object as XObject)['carDate'] = dateFormat(carDate, 'yyyy-mm-dd');
-                        //         console.log(dateFormat(carDate, 'yyyy-mm-dd HH:MM:ss'))
-                        //         console.log(carDate.getHours());
-                        //         console.log(carDate.getMinutes());
-                        //         console.log(carDate.getSeconds());
-                        //     }
-                        // }
-                        this.preSave(this.state.object);
-                        isAddRow = this.isAddRow();
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, this.saveRow()];
-                    case 2:
-                        object = _a.sent();
-                        return [3 /*break*/, 4];
-                    case 3:
-                        e_3 = _a.sent();
-                        XUtils_1.XUtils.showErrorMessage("Save row failed.", e_3);
-                        return [2 /*return*/]; // zostavame vo formulari
-                    case 4:
-                        if (this.props.onSaveOrCancel !== undefined) {
-                            // formular je zobrazeny v dialogu
-                            this.props.onSaveOrCancel(object, isAddRow ? XUtils_1.OperationType.Insert : XUtils_1.OperationType.Update);
-                        }
-                        else {
-                            this.props.openForm(null); // standardny rezim; save zbehol, ideme naspet do browsu
-                        }
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    XFormBase.prototype.onClickCancel = function () {
-        if (this.props.onSaveOrCancel !== undefined) {
-            this.props.onSaveOrCancel(null, XUtils_1.OperationType.None); // formular je zobrazeny v dialogu
-        }
-        else {
-            // standardny rezim
-            // openForm pridavame automaticky v XFormNavigator2 pri renderovani komponentu
-            // null - vrati sa do predchadzajuceho formularu, z ktoreho bol otvoreny
-            this.props.openForm(null);
-        }
-    };
-    XFormBase.prototype.validateSave = function () {
-        var e_4, _a;
-        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();
-            }
-        }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_4) throw e_4.error; }
-        }
-        var ok = true;
-        if (msg !== "") {
-            alert(msg);
-            ok = false;
-        }
-        return ok;
-    };
-    XFormBase.prototype.validateForm = function () {
-        var e_5, _a;
-        var xErrorMap = this.fieldValidation();
-        // form validation
-        var xErrors = this.validate(this.getXObject());
-        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) {
-                    // skusime zistit label
-                    var xFormComponent = this.findXFormComponent(field);
-                    var fieldLabel = xFormComponent ? xFormComponent.getLabel() : undefined;
-                    xErrorMap[field] = __assign(__assign({}, xErrorMap[field]), { form: error, fieldLabel: fieldLabel });
-                }
-            }
-        }
-        catch (e_5_1) { e_5 = { error: e_5_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_5) throw e_5.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
-        this.setState({ object: this.state.object, errorMap: xErrorMap });
-        return xErrorMap;
-    };
-    XFormBase.prototype.fieldValidation = function () {
-        var e_6, _a, e_7, _b;
-        var xErrorMap = {};
-        try {
-            for (var _c = __values(this.xFormComponentList), _d = _c.next(); !_d.done; _d = _c.next()) {
-                var xFormComponent = _d.value;
-                var errorItem = xFormComponent.validate();
-                if (errorItem) {
-                    //console.log("Mame field = " + errorItem.field);
-                    xErrorMap[errorItem.field] = errorItem.xError;
-                }
-            }
-        }
-        catch (e_6_1) { e_6 = { error: e_6_1 }; }
-        finally {
-            try {
-                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-            }
-            finally { if (e_6) throw e_6.error; }
-        }
-        try {
-            for (var _e = __values(this.xFormDataTableList), _f = _e.next(); !_f.done; _f = _e.next()) {
-                var xFormDataTable = _f.value;
-                xFormDataTable.validate();
-            }
-        }
-        catch (e_7_1) { e_7 = { error: e_7_1 }; }
-        finally {
-            try {
-                if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
-            }
-            finally { if (e_7) throw e_7.error; }
-        }
-        return 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 modify/save object after read from DB and before set into the form)
-    XFormBase.prototype.preInitForm = function (object, operationType) {
-    };
-    // this method can be overriden in subclass if needed (custom validation)
-    XFormBase.prototype.validate = function (object) {
-        return {};
-    };
-    // this method can be overriden in subclass if needed (to modify object before save)
-    XFormBase.prototype.preSave = function (object) {
-    };
-    // this method can be overriden in subclass if needed (to use another service then default 'saveRow')
-    XFormBase.prototype.saveRow = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                return [2 /*return*/, XUtils_1.XUtils.fetch('saveRow', { entity: this.getEntity(), object: this.state.object, reload: this.props.onSaveOrCancel !== undefined })];
-            });
-        });
-    };
-    return XFormBase;
-}(react_1.Component));
-exports.XFormBase = XFormBase;
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFormBase = exports.Form = void 0;
+var react_1 = require("react");
+var XUtils_1 = require("./XUtils");
+// class decorator ktory nastavuje property entity (dalo by sa to nastavovat v konstruktore ale decorator je menej ukecany)
+// ma sa pouzivat len na triedach odvodenych od XFormBase - obmedzenie som vsak nevedel nakodit
+// property sa nastavi az po zbehnuti konstruktora
+// pozor - decorator je vykopirovany do projektoveho suboru XLibItems.ts, lebo ked je umiestneny tu tak nefunguje pre class-y v projekte!
+function Form(entity) {
+    // sem (mozno) moze prist registracia formu-u
+    return function (constructor) {
+        return /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
+                var _this = _super !== null && _super.apply(this, arguments) || this;
+                _this.entity = entity;
+                return _this;
+            }
+            return class_1;
+        }(constructor));
+    };
+}
+exports.Form = Form;
+var XFormBase = /** @class */ (function (_super) {
+    __extends(XFormBase, _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.";
+        }
+        //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
+            }
+        }
+        _this.fields = new Set();
+        _this.state = {
+            object: object,
+            errorMap: {}
+        };
+        _this.xFormComponentList = [];
+        _this.xFormDataTableList = [];
+        _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) {
+                    case 0:
+                        //console.log("volany XFormBase.componentDidMount()");
+                        // kontrola (musi byt tu, v konstruktore este property nie je nastavena)
+                        if (this.entity === undefined) {
+                            throw "XFormBase: Property entity is not defined - use decorator @Form.";
+                        }
+                        if (!(this.props.id !== undefined)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, XUtils_1.XUtils.fetchById(this.entity, Array.from(this.fields), this.props.id)];
+                    case 1:
+                        //console.log('XFormBase.componentDidMount ide nacitat objekt');
+                        //console.log(this.fields);
+                        object = _a.sent();
+                        operationType = XUtils_1.OperationType.Update;
+                        return [3 /*break*/, 3];
+                    case 2:
+                        // add new row
+                        object = this.state.object;
+                        operationType = XUtils_1.OperationType.Insert;
+                        _a.label = 3;
+                    case 3:
+                        this.preInitForm(object, operationType);
+                        //console.log("volany XFormBase.componentDidMount() - ideme setnut object");
+                        this.setState({ object: object } /*, () => console.log("volany XFormBase.componentDidMount() - callback setState")*/);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    XFormBase.prototype.getEntity = function () {
+        if (this.entity === undefined) {
+            throw "Entity is undefined";
+        }
+        return this.entity;
+    };
+    XFormBase.prototype.getXObject = function () {
+        if (this.state.object === null) {
+            throw "XFormBase: this.state.object is null";
+        }
+        return this.state.object;
+    };
+    XFormBase.prototype.getObject = function () {
+        return this.getXObject();
+    };
+    XFormBase.prototype.isAddRow = function () {
+        return this.props.id === undefined;
+    };
+    XFormBase.prototype.onFieldChange = function (field, value, error, onChange, assocObjectChange) {
+        var object = this.getXObject();
+        object[field] = value;
+        var errorMap = this.state.errorMap;
+        errorMap[field] = __assign(__assign({}, errorMap[field]), { onChange: error });
+        // tu zavolame onChange komponentu - object uz ma zapisanu zmenenu hodnotu, onChange nasledne zmeni dalsie hodnoty a nasledne sa zavola setState
+        if (onChange) {
+            onChange({ object: object, assocObjectChange: assocObjectChange });
+        }
+        // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
+        this.setState({ object: object, errorMap: errorMap });
+    };
+    XFormBase.prototype.onTableFieldChange = function (rowData, field, value, error, onChange, assocObjectChange) {
+        var object = this.getXObject();
+        rowData[field] = value;
+        // nastavime error do rowData do tech fieldu
+        var errorMap = XFormBase.getXRowTechData(rowData).errorMap;
+        errorMap[field] = __assign(__assign({}, errorMap[field]), { onChange: error });
+        // tu zavolame onChange komponentu - object uz ma zapisanu zmenenu hodnotu, onChange nasledne zmeni dalsie hodnoty a nasledne sa zavola setState
+        if (onChange) {
+            onChange({ object: object, tableRow: rowData, assocObjectChange: assocObjectChange });
+        }
+        // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
+        this.setState({ object: object /*, errorMap: errorMap*/ });
+    };
+    /**
+     * @deprecated - mal by sa pouzivat onTableFieldChange
+     */
+    XFormBase.prototype.onObjectDataChange = function (row, onChange) {
+        var object = this.state.object;
+        // tu zavolame onChange komponentu - object uz ma zapisanu zmenenu hodnotu, onChange nasledne zmeni dalsie hodnoty a nasledne sa zavola setState
+        if (onChange) {
+            // TODO - assocObjectChange dorobit
+            onChange({ object: object, tableRow: row, assocObjectChange: undefined });
+        }
+        // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
+        this.setState({ object: object });
+    };
+    // lepsi nazov ako onObjectDataChange
+    // ak niekto zmenil this.state.object alebo this.state.errorMap, zmena sa prejavi vo formulari
+    // pouzivame napr. po zavolani onChange na XInputText
+    XFormBase.prototype.setStateXForm = function () {
+        // TODO - je to ok ze object menime takto?
+        // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
+        this.setState({ object: this.state.object, errorMap: this.state.errorMap });
+    };
+    XFormBase.prototype.onTableAddRow = function (assocField, newRow, dataKey, selectedRow) {
+        var object = this.getXObject();
+        var rowList = object[assocField];
+        // ak vieme id-cko a id-cko nie je vyplnene, tak ho vygenerujeme (predpokladame ze id-cko je vzdy number)
+        // id-cka potrebujeme, lebo by nam bez nich nekorektne fungovala tabulka
+        // asi cistejsie by bolo citat id-cka zo sekvencie z DB, ale MySql nema sekvencie na styl Oracle
+        if (dataKey !== undefined) {
+            var newRowId = newRow[dataKey];
+            if (newRowId === undefined || newRowId === null) {
+                newRow[dataKey] = XFormBase.getNextRowId(rowList, dataKey);
+                newRow.__x_generatedRowId = true; // specialny priznak, ze sme vygenerovali id-cko - pred insertom do DB toto id-cko vynullujeme aby sa vygenerovalo realne id-cko
+            }
+        }
+        var index = undefined;
+        if (selectedRow !== undefined) {
+            var selectedRowIndex = rowList.indexOf(selectedRow);
+            if (selectedRowIndex > -1) {
+                index = selectedRowIndex + 1;
+            }
+        }
+        if (index !== undefined) {
+            rowList.splice(index, 0, newRow);
+        }
+        else {
+            rowList.push(newRow); // na koniec
+        }
+        // TODO - tu mozno treba setnut funkciu - koli moznej asynchronicite
+        this.setState({ object: object });
+    };
+    XFormBase.getNextRowId = function (rowList, dataKey) {
+        var e_1, _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()) {
+                var row = rowList_1_1.value;
+                var id = row[dataKey];
+                if (id > maxId) {
+                    maxId = id;
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_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; }
+        }
+        return maxId + 1;
+    };
+    XFormBase.prototype.onTableRemoveRow = function (assocField, row) {
+        var object = this.getXObject();
+        var rowList = object[assocField];
+        // poznamka: indexOf pri vyhladavani pouziva strict equality (===), 2 objekty su rovnake len ak porovnavame 2 smerniky na totozny objekt
+        var index = rowList.indexOf(row);
+        if (index === -1) {
+            throw "Unexpected error - element 'row' not found in 'rowList'";
+        }
+        rowList.splice(index, 1);
+        // 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) {
+            // field '__x_rowTechData' vytvorime takymto specialnym sposobom, aby mal "enumerable: false", tympadom ho JSON.stringify nezaserializuje
+            // pri posielani objektu formulara na backend (pozor, zaroven sa neda tento field iterovat cez in operator a pod.)
+            var xRowTechData = { xFormComponentDTList: [], errorMap: {} };
+            Object.defineProperty(row, '__x_rowTechData', {
+                value: xRowTechData,
+                writable: false,
+                enumerable: false
+            });
+        }
+        return row.__x_rowTechData;
+    };
+    XFormBase.prototype.addField = function (field) {
+        this.fields.add(field);
+    };
+    XFormBase.prototype.addXFormComponent = function (xFormComponent) {
+        this.xFormComponentList.push(xFormComponent);
+    };
+    XFormBase.prototype.findXFormComponent = function (field) {
+        var e_2, _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
+            for (var _b = __values(this.xFormComponentList), _c = _b.next(); !_c.done; _c = _b.next()) {
+                var xFormComponent = _c.value;
+                if (xFormComponent.getField() === field) {
+                    return xFormComponent;
+                }
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        return undefined;
+    };
+    XFormBase.prototype.addXFormDataTable = function (xFormDataTable) {
+        this.xFormDataTableList.push(xFormDataTable);
+    };
+    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;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        //console.log("zavolany onClickSave");
+                        if (!this.validateSave()) {
+                            return [2 /*return*/];
+                        }
+                        // docasne na testovanie
+                        // const object: T | null = this.state.object;
+                        // if (object !== null) {
+                        //     const carDate = object['carDatetime'];
+                        //     if (carDate !== undefined && carDate !== null) {
+                        //         //(object as XObject)['carDate'] = dateFormat(carDate, 'yyyy-mm-dd');
+                        //         console.log(dateFormat(carDate, 'yyyy-mm-dd HH:MM:ss'))
+                        //         console.log(carDate.getHours());
+                        //         console.log(carDate.getMinutes());
+                        //         console.log(carDate.getSeconds());
+                        //     }
+                        // }
+                        this.preSave(this.state.object);
+                        isAddRow = this.isAddRow();
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, this.saveRow()];
+                    case 2:
+                        object = _a.sent();
+                        return [3 /*break*/, 4];
+                    case 3:
+                        e_3 = _a.sent();
+                        XUtils_1.XUtils.showErrorMessage("Save row failed.", e_3);
+                        return [2 /*return*/]; // zostavame vo formulari
+                    case 4:
+                        if (this.props.onSaveOrCancel !== undefined) {
+                            // formular je zobrazeny v dialogu
+                            this.props.onSaveOrCancel(object, isAddRow ? XUtils_1.OperationType.Insert : XUtils_1.OperationType.Update);
+                        }
+                        else {
+                            this.props.openForm(null); // standardny rezim; save zbehol, ideme naspet do browsu
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    XFormBase.prototype.onClickCancel = function () {
+        if (this.props.onSaveOrCancel !== undefined) {
+            this.props.onSaveOrCancel(null, XUtils_1.OperationType.None); // formular je zobrazeny v dialogu
+        }
+        else {
+            // standardny rezim
+            // openForm pridavame automaticky v XFormNavigator2 pri renderovani komponentu
+            // null - vrati sa do predchadzajuceho formularu, z ktoreho bol otvoreny
+            this.props.openForm(null);
+        }
+    };
+    XFormBase.prototype.validateSave = function () {
+        var e_4, _a;
+        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();
+            }
+        }
+        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_4) throw e_4.error; }
+        }
+        var ok = true;
+        if (msg !== "") {
+            alert(msg);
+            ok = false;
+        }
+        return ok;
+    };
+    XFormBase.prototype.validateForm = function () {
+        var e_5, _a;
+        var xErrorMap = this.fieldValidation();
+        // form validation
+        var xErrors = this.validate(this.getXObject());
+        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) {
+                    // skusime zistit label
+                    var xFormComponent = this.findXFormComponent(field);
+                    var fieldLabel = xFormComponent ? xFormComponent.getLabel() : undefined;
+                    xErrorMap[field] = __assign(__assign({}, xErrorMap[field]), { form: error, fieldLabel: fieldLabel });
+                }
+            }
+        }
+        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+        finally {
+            try {
+                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+            }
+            finally { if (e_5) throw e_5.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
+        this.setState({ object: this.state.object, errorMap: xErrorMap });
+        return xErrorMap;
+    };
+    XFormBase.prototype.fieldValidation = function () {
+        var e_6, _a, e_7, _b;
+        var xErrorMap = {};
+        try {
+            for (var _c = __values(this.xFormComponentList), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var xFormComponent = _d.value;
+                var errorItem = xFormComponent.validate();
+                if (errorItem) {
+                    //console.log("Mame field = " + errorItem.field);
+                    xErrorMap[errorItem.field] = errorItem.xError;
+                }
+            }
+        }
+        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+        finally {
+            try {
+                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+            }
+            finally { if (e_6) throw e_6.error; }
+        }
+        try {
+            for (var _e = __values(this.xFormDataTableList), _f = _e.next(); !_f.done; _f = _e.next()) {
+                var xFormDataTable = _f.value;
+                xFormDataTable.validate();
+            }
+        }
+        catch (e_7_1) { e_7 = { error: e_7_1 }; }
+        finally {
+            try {
+                if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+            }
+            finally { if (e_7) throw e_7.error; }
+        }
+        return 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 modify/save object after read from DB and before set into the form)
+    XFormBase.prototype.preInitForm = function (object, operationType) {
+    };
+    // this method can be overriden in subclass if needed (custom validation)
+    XFormBase.prototype.validate = function (object) {
+        return {};
+    };
+    // this method can be overriden in subclass if needed (to modify object before save)
+    XFormBase.prototype.preSave = function (object) {
+    };
+    // this method can be overriden in subclass if needed (to use another service then default 'saveRow')
+    XFormBase.prototype.saveRow = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, XUtils_1.XUtils.fetch('saveRow', { entity: this.getEntity(), object: this.state.object, reload: this.props.onSaveOrCancel !== undefined })];
+            });
+        });
+    };
+    return XFormBase;
+}(react_1.Component));
+exports.XFormBase = XFormBase;