@michalrakus/x-react-web-lib 0.25.0 → 1.1.0

package/lib/components/XDataTable.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -33,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        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]) {
@@ -90,12 +94,12 @@ var datatable_1 = require("primereact/datatable");
 var column_1 = require("primereact/column");
 // TODO - nedokoncena nepouzivana ne-lazy DataTable
 var XDataTable = function (props) {
-    var dataTableEl = react_1.useRef(null);
-    var _a = __read(react_1.useState([]), 2), value = _a[0], setValue = _a[1];
-    var _b = __read(react_1.useState(false), 2), loading = _b[0], setLoading = _b[1];
-    var _c = __read(react_1.useState(null), 2), selectedRow = _c[0], setSelectedRow = _c[1];
+    var dataTableEl = (0, react_1.useRef)(null);
+    var _a = __read((0, react_1.useState)([]), 2), value = _a[0], setValue = _a[1];
+    var _b = __read((0, react_1.useState)(false), 2), loading = _b[0], setLoading = _b[1];
+    var _c = __read((0, react_1.useState)(null), 2), selectedRow = _c[0], setSelectedRow = _c[1];
     // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         loadData();
         console.log("XDataTable - data loaded (simple)");
     }, []); // eslint-disable-line react-hooks/exhaustive-deps

package/lib/components/XDropdown.d.ts

@@ -11,9 +11,10 @@ export declare class XDropdown extends XFormComponent<XDropdownProps> {
         options: any[];
     };
     constructor(props: XDropdownProps);
-    getFieldForEdit(): string | undefined;
-    checkNotNull(): boolean;
-    getValueFromObject(): any;
+    getField(): string;
+    isNotNull(): boolean;
+    getValue(): any | null;
+    onValueChange(e: any): void;
     componentDidMount(): void;
     private findOptions;
     render(): JSX.Element;

package/lib/components/XDropdown.js

@@ -40,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        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]) {
@@ -80,31 +80,30 @@ var XDropdown = /** @class */ (function (_super) {
             options: []
         };
         props.form.addField(props.assocField + '.' + props.displayField);
+        _this.onValueChange = _this.onValueChange.bind(_this);
         return _this;
     }
-    XDropdown.prototype.getFieldForEdit = function () {
-        var _a;
-        // TODO - zohladnit aj aktualny readOnly stav
-        var readOnly = (_a = this.props.readOnly) !== null && _a !== void 0 ? _a : false;
-        if (!readOnly) {
-            return this.props.assocField;
-        }
-        return undefined;
+    XDropdown.prototype.getField = function () {
+        return this.props.assocField;
     };
-    XDropdown.prototype.checkNotNull = function () {
-        var _a;
-        // TODO - zohladnit aj aktualny readOnly stav
-        return !this.xAssoc.isNullable && !((_a = this.props.readOnly) !== null && _a !== void 0 ? _a : false);
+    XDropdown.prototype.isNotNull = function () {
+        return !this.xAssoc.isNullable;
     };
-    XDropdown.prototype.getValueFromObject = function () {
-        var object = this.props.form.state.object;
-        var assocObject = object !== null ? object[this.props.assocField] : null;
-        // ak je undefined, pre istotu dame na null, null je standard
-        if (assocObject === undefined) {
-            assocObject = null;
-        }
+    XDropdown.prototype.getValue = function () {
+        var assocObject = this.getValueFromObject();
         return assocObject;
     };
+    XDropdown.prototype.onValueChange = function (e) {
+        var newValueOrNull;
+        // specialna null polozka nema ziadne atributy
+        if (Object.keys(e.target.value).length === 0) {
+            newValueOrNull = null;
+        }
+        else {
+            newValueOrNull = e.target.value;
+        }
+        this.onValueChangeBase(newValueOrNull);
+    };
     XDropdown.prototype.componentDidMount = function () {
         this.findOptions(this.props.form.getEntity(), this.props.assocField);
     };
@@ -124,36 +123,14 @@ var XDropdown = /** @class */ (function (_super) {
         });
     };
     XDropdown.prototype.render = function () {
-        var _this = this;
-        var _a, _b, _c;
-        var props = this.props;
         // TODO - pridat cez generikum typ objektu v Dropdown-e (ak sa da)
         var options = this.state.options;
-        var label = (_a = props.label) !== null && _a !== void 0 ? _a : props.assocField;
-        if (this.checkNotNull()) {
-            label = XUtils_1.XUtils.markNotNull(label);
-        }
-        var readOnly = (_b = props.readOnly) !== null && _b !== void 0 ? _b : false;
-        var labelStyle = (_c = props.labelStyle) !== null && _c !== void 0 ? _c : { width: XUtils_1.XUtils.FIELD_LABEL_WIDTH };
-        var onValueChange = function (e) {
-            var newValueOrNull;
-            // specialna null polozka nema ziadne atributy
-            if (Object.keys(e.target.value).length === 0) {
-                newValueOrNull = null;
-            }
-            else {
-                newValueOrNull = e.target.value;
-            }
-            var error = _this.validateOnChange(newValueOrNull);
-            props.form.onFieldChange(props.assocField, newValueOrNull, error);
-        };
         // TODO - readOnly implementovat
         // Dropdown setuje do atributu object.assocField asociovany objekt zo zoznamu objektov ktore ziskame podla asociacie
-        var assocObject = this.getValueFromObject();
         // appendTo={document.body} appenduje overlay panel na element body - eliminuje "skakanie" formularu na mobile pri kliknuti na dropdown
         return (react_1.default.createElement("div", { className: "field grid" },
-            react_1.default.createElement("label", { htmlFor: props.assocField, className: "col-fixed", style: labelStyle }, label),
-            react_1.default.createElement(dropdown_1.Dropdown, __assign({ appendTo: document.body, id: props.assocField, optionLabel: props.displayField, value: assocObject, options: options, onChange: onValueChange }, this.getClassNameTooltip()))));
+            react_1.default.createElement("label", { htmlFor: this.props.assocField, className: "col-fixed", style: this.getLabelStyle() }, this.getLabel()),
+            react_1.default.createElement(dropdown_1.Dropdown, __assign({ appendTo: document.body, id: this.props.assocField, optionLabel: this.props.displayField, value: this.getValue(), options: options, onChange: this.onValueChange }, this.getClassNameTooltip()))));
     };
     return XDropdown;
 }(XFormComponent_1.XFormComponent));

package/lib/components/XDropdownDT.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -33,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        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]) {
@@ -62,7 +66,7 @@ var dropdown_1 = require("primereact/dropdown");
 var XDropdownDT = function (props) {
     // poznamka: nacitanie/ulozenie options je vytiahnute do parent komponentu XFormDataTable koli tomu aby sme nenacitavali options pre kazdy riadok tabulky
     // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         //console.log("XDropdownDT - zavolany useEffect *******************")
         findOptions();
     }, []); // eslint-disable-line react-hooks/exhaustive-deps

package/lib/components/XDropdownDTFilter.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -33,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        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]) {
@@ -78,16 +82,16 @@ var dropdown_1 = require("primereact/dropdown");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 // pouzivany vo filtri v XLazyDataTable aj v XFormDataTable2
 var XDropdownDTFilter = function (props) {
-    var _a = __read(react_1.useState([]), 2), options = _a[0], setOptions = _a[1];
+    var _a = __read((0, react_1.useState)([]), 2), options = _a[0], setOptions = _a[1];
     // TODO - upravit tak aby zvladol aj path dlzky 3 a viac
     var fieldList = XUtilsCommon_1.XUtilsCommon.getFieldListForPath(props.path);
     if (fieldList.length < 2) {
-        throw "XDropdownDTFilter: prop path (" + props.path + ") must have at least 2 fields";
+        throw "XDropdownDTFilter: prop path (".concat(props.path, ") must have at least 2 fields");
     }
     var assocField = fieldList[0];
     var displayField = fieldList[fieldList.length - 1];
     // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         findOptions(props.entity, assocField, displayField);
     }, []); // eslint-disable-line react-hooks/exhaustive-deps
     var onValueChange = function (e) {

package/lib/components/XDropdownFormDTFilter.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -33,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        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]) {
@@ -78,10 +82,10 @@ var dropdown_1 = require("primereact/dropdown");
 // stary nepouzivany Dropdown do filtra
 var XDropdownFormDTFilter = function (props) {
     // TODO - pridat cez generikum typ objektu v Dropdown-e (ak sa da)
-    var _a = __read(react_1.useState(null), 2), value = _a[0], setValue = _a[1];
-    var _b = __read(react_1.useState([]), 2), options = _b[0], setOptions = _b[1];
+    var _a = __read((0, react_1.useState)(null), 2), value = _a[0], setValue = _a[1];
+    var _b = __read((0, react_1.useState)([]), 2), options = _b[0], setOptions = _b[1];
     // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         findOptions(props.dataTable.getEntity(), props.assocField);
     }, []); // eslint-disable-line react-hooks/exhaustive-deps
     var onValueChange = function (e) {

package/lib/components/XEditColumnDialog.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -46,10 +50,10 @@ var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XEditColumnDialog = function (props) {
     var _a;
     var notNullValues = (_a = props.xEditColumnDialogValues) !== null && _a !== void 0 ? _a : { field: "", header: "", dropdownInFilter: false };
-    var _b = __read(react_1.useState(notNullValues.field), 2), field = _b[0], setField = _b[1];
-    var _c = __read(react_1.useState(notNullValues.header), 2), header = _c[0], setHeader = _c[1];
-    var _d = __read(react_1.useState(notNullValues.dropdownInFilter), 2), dropdownInFilter = _d[0], setDropdownInFilter = _d[1];
-    var _e = __read(react_1.useState(true), 2), dropdownInFilterReadOnly = _e[0], setDropdownInFilterReadOnly = _e[1];
+    var _b = __read((0, react_1.useState)(notNullValues.field), 2), field = _b[0], setField = _b[1];
+    var _c = __read((0, react_1.useState)(notNullValues.header), 2), header = _c[0], setHeader = _c[1];
+    var _d = __read((0, react_1.useState)(notNullValues.dropdownInFilter), 2), dropdownInFilter = _d[0], setDropdownInFilter = _d[1];
+    var _e = __read((0, react_1.useState)(true), 2), dropdownInFilterReadOnly = _e[0], setDropdownInFilterReadOnly = _e[1];
     // bez tejto metody by nefungovala inicializacia stavu podla "props.xEditColumnDialogValues" pri opetovnom otvarani dialogu
     // asi to neni moc pekny sposob ale nechce sa mi posuvat stav do vyssej komponenty, zatial nechame takto
     var onShow = function () {

package/lib/components/XEnvVars.d.ts

@@ -0,0 +1,12 @@
+export declare enum XEnvVar {
+    REACT_APP_BACKEND_URL = "REACT_APP_BACKEND_URL",
+    REACT_APP_AUTH = "REACT_APP_AUTH",
+    REACT_APP_AUTH0_DOMAIN = "REACT_APP_AUTH0_DOMAIN",
+    REACT_APP_AUTH0_CLIENT_ID = "REACT_APP_AUTH0_CLIENT_ID",
+    REACT_APP_AUTH0_AUDIENCE = "REACT_APP_AUTH0_AUDIENCE"
+}
+export declare enum XReactAppAuth {
+    LOCAL = "LOCAL",
+    AUTH0 = "AUTH0",
+    AAD = "AAD"
+}

package/lib/components/XEnvVars.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XReactAppAuth = exports.XEnvVar = void 0;
+// enum for environment variables in configuration file .env
+var XEnvVar;
+(function (XEnvVar) {
+    XEnvVar["REACT_APP_BACKEND_URL"] = "REACT_APP_BACKEND_URL";
+    XEnvVar["REACT_APP_AUTH"] = "REACT_APP_AUTH";
+    XEnvVar["REACT_APP_AUTH0_DOMAIN"] = "REACT_APP_AUTH0_DOMAIN";
+    XEnvVar["REACT_APP_AUTH0_CLIENT_ID"] = "REACT_APP_AUTH0_CLIENT_ID";
+    XEnvVar["REACT_APP_AUTH0_AUDIENCE"] = "REACT_APP_AUTH0_AUDIENCE";
+    //REACT_APP_AUTH0_SCOPE = 'REACT_APP_AUTH0_SCOPE'
+})(XEnvVar = exports.XEnvVar || (exports.XEnvVar = {}));
+// enum for values of the environment variable REACT_APP_AUTH
+var XReactAppAuth;
+(function (XReactAppAuth) {
+    XReactAppAuth["LOCAL"] = "LOCAL";
+    XReactAppAuth["AUTH0"] = "AUTH0";
+    XReactAppAuth["AAD"] = "AAD";
+})(XReactAppAuth = exports.XReactAppAuth || (exports.XReactAppAuth = {}));

package/lib/components/XErrors.d.ts

@@ -5,6 +5,7 @@ export interface XError {
     onChange?: string;
     onBlur?: string;
     form?: string;
+    fieldLabel?: string;
 }
 export interface XErrorMap {
     [name: string]: XError;

package/lib/components/XExportRowsDialog.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -44,11 +48,13 @@ var dropdown_1 = require("primereact/dropdown");
 var checkbox_1 = require("primereact/checkbox");
 var XButton_1 = require("./XButton");
 var XUtils_1 = require("./XUtils");
+var XUtilsConversions_1 = require("./XUtilsConversions");
 var XExportRowsDialog = function (props) {
-    var _a = __read(react_1.useState(ExportImportParam_1.ExportType.Csv), 2), exportType = _a[0], setExportType = _a[1];
-    var _b = __read(react_1.useState(false), 2), createHeaderLine = _b[0], setCreateHeaderLine = _b[1];
-    var _c = __read(react_1.useState(ExportImportParam_1.CsvSeparator.Semicolon), 2), csvSeparator = _c[0], setCsvSeparator = _c[1];
-    var _d = __read(react_1.useState(ExportImportParam_1.CsvDecimalFormat.Comma), 2), decimalFormat = _d[0], setDecimalFormat = _d[1];
+    var _a;
+    var _b = __read((0, react_1.useState)(ExportImportParam_1.ExportType.Csv), 2), exportType = _b[0], setExportType = _b[1];
+    var _c = __read((0, react_1.useState)(false), 2), createHeaderLine = _c[0], setCreateHeaderLine = _c[1];
+    var _d = __read((0, react_1.useState)(ExportImportParam_1.CsvSeparator.Semicolon), 2), csvSeparator = _d[0], setCsvSeparator = _d[1];
+    var _e = __read((0, react_1.useState)(ExportImportParam_1.CsvDecimalFormat.Comma), 2), decimalFormat = _e[0], setDecimalFormat = _e[1];
     // bez tejto metody by pri opetovnom otvoreni dialogu ponechal povodne hodnoty
     var onShow = function () {
         setExportType(ExportImportParam_1.ExportType.Csv);
@@ -79,7 +85,7 @@ var XExportRowsDialog = function (props) {
     return (react_1.default.createElement(dialog_1.Dialog, { visible: props.dialogOpened, onShow: onShow, onHide: function () { return props.onHideDialog(false, undefined, undefined); } },
         react_1.default.createElement("div", { className: "field grid" },
             react_1.default.createElement("label", { className: "col-fixed", style: { width: '9.3rem' } }, "Row count"),
-            react_1.default.createElement(inputtext_1.InputText, { value: props.rowCount, readOnly: true })),
+            react_1.default.createElement(inputtext_1.InputText, { value: (0, XUtilsConversions_1.numberAsUI)((_a = props.rowCount) !== null && _a !== void 0 ? _a : null), readOnly: true })),
         react_1.default.createElement("div", { className: "field grid" },
             react_1.default.createElement("label", { className: "col-fixed", style: { width: '9.3rem' } }, "Export type"),
             react_1.default.createElement(dropdown_1.Dropdown, { value: exportType, options: XUtils_1.XUtils.exportTypeOptions, onChange: function (e) { return setExportType(e.value); } })),

package/lib/components/XFieldSelector.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -53,9 +57,9 @@ var column_1 = require("primereact/column");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XFieldSelector = function (props) {
     // poznamka: treeNodeList by sme mohli vypocitavat priamo, ale ked pouzijeme useState/useEffect tak sa createTreeNodeList zavola len raz pri vytvoreni komponentu
-    var _a = __read(react_1.useState([]), 2), treeNodeList = _a[0], setTreeNodeList = _a[1];
+    var _a = __read((0, react_1.useState)([]), 2), treeNodeList = _a[0], setTreeNodeList = _a[1];
     // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setTreeNodeList(createTreeNodeList(props.entity, ""));
     }, []); // eslint-disable-line react-hooks/exhaustive-deps
     var createTreeNodeList = function (entity, keyPrefix) {
@@ -101,7 +105,7 @@ var XFieldSelector = function (props) {
         }
         return treeNodeList;
     };
-    return (react_1.default.createElement(treetable_1.TreeTable, { value: treeNodeList, selectionMode: "single", selectionKeys: props.selectionField, onSelectionChange: function (e) { return props.onSelectionChange(e.value); }, className: "x-field-treetable p-treetable-sm", scrollable: true, scrollHeight: "20rem" },
+    return (react_1.default.createElement(treetable_1.TreeTable, { value: treeNodeList, selectionMode: "single", selectionKeys: props.selectionField, onSelectionChange: function (e) { return props.onSelectionChange(Object.keys(e.value)[0]); }, className: "x-field-treetable p-treetable-sm", scrollable: true, scrollHeight: "20rem" },
         react_1.default.createElement(column_1.Column, { field: "name", header: "Field name", headerStyle: { width: "15.7rem" }, expander: true }),
         react_1.default.createElement(column_1.Column, { field: "type", header: "Type", headerStyle: { width: "9.3rem" } })));
 };

package/lib/components/XFormBase.d.ts

@@ -37,6 +37,7 @@ export declare abstract class XFormBase extends Component<FormProps> {
     onTableRemoveRow(assocField: string, row: {}): void;
     addField(field: string): void;
     addXFormComponent(xFormComponent: XFormComponent<any>): void;
+    findXFormComponent(field: string): XFormComponent<any> | undefined;
     addXFormDataTable(xFormDataTable: XFormDataTable2): void;
     onClickSave(): Promise<void>;
     onClickCancel(): void;

package/lib/components/XFormBase.js

@@ -40,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        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]) {
@@ -277,12 +277,33 @@ var XFormBase = /** @class */ (function (_super) {
     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.onClickSave = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var isAddRow, object, e_2;
+            var isAddRow, object, e_3;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -312,8 +333,8 @@ var XFormBase = /** @class */ (function (_super) {
                         object = _a.sent();
                         return [3 /*break*/, 4];
                     case 3:
-                        e_2 = _a.sent();
-                        XUtils_1.XUtils.showErrorMessage("Save row failed.", e_2);
+                        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) {
@@ -340,26 +361,28 @@ var XFormBase = /** @class */ (function (_super) {
         }
     };
     XFormBase.prototype.validateSave = function () {
-        var e_3, _a;
+        var e_4, _a;
+        var _b;
         var xErrorMap = this.validateForm();
         // zatial takto
         var msg = "";
         try {
-            for (var _b = __values(Object.entries(xErrorMap)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var _d = __read(_c.value, 2), field = _d[0], xError = _d[1];
+            for (var _c = __values(Object.entries(xErrorMap)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var _e = __read(_d.value, 2), field = _e[0], xError = _e[1];
                 if (xError) {
-                    if (xError.onChange || xError.onBlur || xError.form) {
-                        msg += field + ": " + xError.onChange + ", " + xError.onBlur + ", " + xError.form + XUtilsCommon_1.XUtilsCommon.newLine;
+                    var errorMessage = XUtils_1.XUtils.getXErrorMessage(xError);
+                    if (errorMessage) {
+                        msg += "".concat((_b = xError.fieldLabel) !== null && _b !== void 0 ? _b : field, ": ").concat(errorMessage).concat(XUtilsCommon_1.XUtilsCommon.newLine);
                     }
                 }
             }
         }
-        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        catch (e_4_1) { e_4 = { error: e_4_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_3) throw e_3.error; }
+            finally { if (e_4) throw e_4.error; }
         }
         var ok = true;
         if (msg !== "") {
@@ -369,7 +392,7 @@ var XFormBase = /** @class */ (function (_super) {
         return ok;
     };
     XFormBase.prototype.validateForm = function () {
-        var e_4, _a;
+        var e_5, _a;
         var xErrorMap = this.fieldValidation();
         // form validation
         var xErrors = this.validate(this.getXObject());
@@ -377,23 +400,26 @@ var XFormBase = /** @class */ (function (_super) {
             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] = __assign(__assign({}, xErrorMap[field]), { form: 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_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);
             }
-            finally { if (e_4) throw e_4.error; }
+            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)
         this.setState({ errorMap: xErrorMap });
         return xErrorMap;
     };
     XFormBase.prototype.fieldValidation = function () {
-        var e_5, _a, e_6, _b;
+        var e_6, _a, e_7, _b;
         var xErrorMap = {};
         try {
             for (var _c = __values(this.xFormComponentList), _d = _c.next(); !_d.done; _d = _c.next()) {
@@ -405,12 +431,12 @@ var XFormBase = /** @class */ (function (_super) {
                 }
             }
         }
-        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+        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_5) throw e_5.error; }
+            finally { if (e_6) throw e_6.error; }
         }
         try {
             for (var _e = __values(this.xFormDataTableList), _f = _e.next(); !_f.done; _f = _e.next()) {
@@ -418,12 +444,12 @@ var XFormBase = /** @class */ (function (_super) {
                 // TODO - validate table
             }
         }
-        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+        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_6) throw e_6.error; }
+            finally { if (e_7) throw e_7.error; }
         }
         return xErrorMap;
     };

package/lib/components/XFormComponent.d.ts

@@ -8,17 +8,21 @@ export interface XFormComponentProps {
     labelStyle?: React.CSSProperties;
     inline?: boolean;
 }
-export declare class XFormComponent<P extends XFormComponentProps> extends Component<P> {
-    constructor(props: P);
-    getFieldForEdit(): string | undefined;
+export declare abstract class XFormComponent<P extends XFormComponentProps> extends Component<P> {
+    protected constructor(props: P);
+    abstract getField(): string;
+    getValueFromObject(): any;
+    onValueChangeBase(value: any): void;
+    abstract isNotNull(): boolean;
+    isReadOnly(): boolean;
+    getLabel(): string;
+    getLabelStyle(): React.CSSProperties;
     validate(): {
         field: string;
         xError: XError;
     } | undefined;
     validateOnChange(value: any): string | undefined;
     validateNotNull(value: any): string | undefined;
-    checkNotNull(): boolean;
-    getValueFromObject(): any;
-    getError(): string | undefined;
     getClassNameTooltip(): {};
+    getError(): string | undefined;
 }