@michalrakus/x-react-web-lib 1.0.0 → 1.2.0

package/lib/components/XCheckbox.js

@@ -1,49 +1,57 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XCheckbox = void 0;
 var react_1 = __importDefault(require("react"));
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var tristatecheckbox_1 = require("primereact/tristatecheckbox");
-var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XUtils_1 = require("./XUtils");
-exports.XCheckbox = function (props) {
-    var _a, _b;
-    props.form.addField(props.field);
-    var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.form.getEntity(), props.field);
-    var label = (_a = props.label) !== null && _a !== void 0 ? _a : props.field;
-    var readOnly = XUtils_1.XUtils.isReadOnly(props.field, props.readOnly);
-    if (!xField.isNullable && !readOnly) {
-        label = XUtils_1.XUtils.markNotNull(label);
+var XInput_1 = require("./XInput");
+var XCheckbox = /** @class */ (function (_super) {
+    __extends(XCheckbox, _super);
+    function XCheckbox(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onValueChange = _this.onValueChange.bind(_this);
+        return _this;
     }
-    var labelStyle = (_b = props.labelStyle) !== null && _b !== void 0 ? _b : { width: XUtils_1.XUtils.FIELD_LABEL_WIDTH };
-    var onValueChange = function (e) {
+    XCheckbox.prototype.getValue = function () {
+        // konvertovat null hodnotu na "" (vo funkcii stringAsUI) je dolezite aby sa prejavila zmena na null v modeli
+        var value = this.getValueFromObject();
+        return value;
+    };
+    XCheckbox.prototype.onValueChange = function (e) {
         var newValue = e.value;
         // pri klikani na TriStateCheckbox prichadza v newValue cyklicky: true -> false -> null
         // ak mame not null atribut, tak pri null hodnote skocime rovno na true
-        if (!xField.isNullable) {
+        if (this.isNotNull()) {
             if (newValue === null) {
                 newValue = true;
             }
         }
         // zmenime hodnotu v modeli (odtial sa hodnota cita)
-        props.form.onFieldChange(props.field, newValue);
+        this.onValueChangeBase(newValue);
     };
-    var fieldValue = null;
-    var object = props.form.state.object;
-    if (object !== null) {
-        var objectValue = XUtilsCommon_1.XUtilsCommon.getValueByPath(object, props.field);
-        //  pri inserte noveho riadku su (zatial) vsetky fieldy undefined, dame na null, null je standard
-        if (objectValue === undefined) {
-            objectValue = null;
-        }
-        // konvertovat null hodnotu na "" (vo funkcii stringAsUI) je dolezite aby sa prejavila zmena na null v modeli
-        fieldValue = objectValue;
-    }
-    // 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: props.field, className: "col-fixed", style: labelStyle }, label),
-        react_1.default.createElement(tristatecheckbox_1.TriStateCheckbox, { id: props.field, value: fieldValue, onChange: onValueChange, disabled: readOnly, style: props.inputStyle })));
-};
+    XCheckbox.prototype.render = function () {
+        // 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(tristatecheckbox_1.TriStateCheckbox, { id: this.props.field, value: this.getValue(), onChange: this.onValueChange, disabled: this.isReadOnly(), style: this.props.inputStyle })));
+    };
+    return XCheckbox;
+}(XInput_1.XInput));
+exports.XCheckbox = XCheckbox;

package/lib/components/XCheckboxDT.js

@@ -7,7 +7,7 @@ exports.XCheckboxDT = void 0;
 var react_1 = __importDefault(require("react"));
 var tristatecheckbox_1 = require("primereact/tristatecheckbox");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-exports.XCheckboxDT = function (props) {
+var XCheckboxDT = function (props) {
     // ak mame path, field je vzdy readOnly
     var readOnly;
     var posDot = props.field.indexOf(".");
@@ -43,3 +43,4 @@ exports.XCheckboxDT = function (props) {
     }
     return (react_1.default.createElement(tristatecheckbox_1.TriStateCheckbox, { id: props.field, value: fieldValue, onChange: function (e) { return onValueChange(props.field, props.rowData, e.value); }, disabled: readOnly }));
 };
+exports.XCheckboxDT = XCheckboxDT;

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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -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]) {
@@ -89,13 +93,13 @@ var button_1 = require("primereact/button");
 var datatable_1 = require("primereact/datatable");
 var column_1 = require("primereact/column");
 // TODO - nedokoncena nepouzivana ne-lazy DataTable
-exports.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 XDataTable = function (props) {
+    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
@@ -185,7 +189,9 @@ exports.XDataTable = function (props) {
         })),
         react_1.default.createElement(button_1.Button, { label: "Select", onClick: onClickSelect })));
 };
-exports.XColumn = function (props) {
+exports.XDataTable = XDataTable;
+var XColumn = function (props) {
     // nevadi ze tu nic nevraciame, field a header vieme precitat a zvysok by sme aj tak zahodili lebo vytvarame novy element
     return (null);
 };
+exports.XColumn = XColumn;

package/lib/components/XDropdown.d.ts

@@ -1,19 +1,21 @@
 /// <reference types="react" />
 import { XFormComponent, XFormComponentProps } from "./XFormComponent";
 import { XAssoc } from "../serverApi/XEntityMetadata";
-export interface XDropdownProps extends XFormComponentProps {
+import { XObject } from "./XObject";
+export interface XDropdownProps extends XFormComponentProps<XObject> {
     assocField: string;
     displayField: string;
 }
-export declare class XDropdown extends XFormComponent<XDropdownProps> {
+export declare class XDropdown extends XFormComponent<XObject, XDropdownProps> {
     protected xAssoc: XAssoc;
     state: {
         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

@@ -3,10 +3,12 @@ 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 (b.hasOwnProperty(p)) d[p] = b[p]; };
+            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 __());
@@ -38,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]) {
@@ -78,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, this.props.onChange);
+    };
     XDropdown.prototype.componentDidMount = function () {
         this.findOptions(this.props.form.getEntity(), this.props.assocField);
     };
@@ -122,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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -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]) {
@@ -59,10 +63,10 @@ exports.XDropdownDT = void 0;
 var react_1 = __importStar(require("react"));
 var XUtils_1 = require("./XUtils");
 var dropdown_1 = require("primereact/dropdown");
-exports.XDropdownDT = function (props) {
+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
@@ -121,3 +125,4 @@ exports.XDropdownDT = function (props) {
     // 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); } }));
 };
+exports.XDropdownDT = XDropdownDT;

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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -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]) {
@@ -77,17 +81,17 @@ var XUtils_1 = require("./XUtils");
 var dropdown_1 = require("primereact/dropdown");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 // pouzivany vo filtri v XLazyDataTable aj v XFormDataTable2
-exports.XDropdownDTFilter = function (props) {
-    var _a = __read(react_1.useState([]), 2), options = _a[0], setOptions = _a[1];
+var XDropdownDTFilter = function (props) {
+    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) {
@@ -113,3 +117,4 @@ exports.XDropdownDTFilter = function (props) {
     // nastavny overflow: hidden, resp. koli scrollovaniu by overlay panel "nevysiel" von z tabulky, v pripade ze je tabulka mala (napr. ma 1 riadok)
     return (react_1.default.createElement(dropdown_1.Dropdown, { appendTo: document.body, style: { width: '100%' }, className: "ui-column-filter", optionLabel: displayField, optionValue: displayField, value: props.value, options: options, onChange: onValueChange }));
 };
+exports.XDropdownDTFilter = XDropdownDTFilter;

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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -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]) {
@@ -76,12 +80,12 @@ var react_1 = __importStar(require("react"));
 var XUtils_1 = require("./XUtils");
 var dropdown_1 = require("primereact/dropdown");
 // stary nepouzivany Dropdown do filtra
-exports.XDropdownFormDTFilter = function (props) {
+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) {
@@ -114,3 +118,4 @@ exports.XDropdownFormDTFilter = function (props) {
     // Dropdown setuje do atributu object.assocField asociovany objekt zo zoznamu objektov ktore ziskame podla asociacie
     return (react_1.default.createElement(dropdown_1.Dropdown, { style: { width: '100%' }, className: "ui-column-filter", optionLabel: props.displayField, value: value, options: options, onChange: onValueChange }));
 };
+exports.XDropdownFormDTFilter = XDropdownFormDTFilter;

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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -43,13 +47,13 @@ var inputtext_1 = require("primereact/inputtext");
 var checkbox_1 = require("primereact/checkbox");
 var XButton_1 = require("./XButton");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-exports.XEditColumnDialog = function (props) {
+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 () {
@@ -105,3 +109,4 @@ exports.XEditColumnDialog = function (props) {
             react_1.default.createElement(checkbox_1.Checkbox, { id: "dropdownInFilter", checked: dropdownInFilter, onChange: function (e) { return setDropdownInFilter(e.checked); }, readOnly: dropdownInFilterReadOnly })),
         react_1.default.createElement(XButton_1.XButton, { label: buttonLabel, onClick: onSave })));
 };
+exports.XEditColumnDialog = XEditColumnDialog;

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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -45,12 +49,12 @@ var checkbox_1 = require("primereact/checkbox");
 var XButton_1 = require("./XButton");
 var XUtils_1 = require("./XUtils");
 var XUtilsConversions_1 = require("./XUtilsConversions");
-exports.XExportRowsDialog = function (props) {
+var XExportRowsDialog = function (props) {
     var _a;
-    var _b = __read(react_1.useState(ExportImportParam_1.ExportType.Csv), 2), exportType = _b[0], setExportType = _b[1];
-    var _c = __read(react_1.useState(false), 2), createHeaderLine = _c[0], setCreateHeaderLine = _c[1];
-    var _d = __read(react_1.useState(ExportImportParam_1.CsvSeparator.Semicolon), 2), csvSeparator = _d[0], setCsvSeparator = _d[1];
-    var _e = __read(react_1.useState(ExportImportParam_1.CsvDecimalFormat.Comma), 2), decimalFormat = _e[0], setDecimalFormat = _e[1];
+    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);
@@ -81,7 +85,7 @@ exports.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: XUtilsConversions_1.numberAsUI((_a = props.rowCount) !== null && _a !== void 0 ? _a : null), 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); } })),
@@ -89,3 +93,4 @@ exports.XExportRowsDialog = function (props) {
         react_1.default.createElement("div", { className: "flex justify-content-center" },
             react_1.default.createElement(XButton_1.XButton, { label: "Export", onClick: onExport }))));
 };
+exports.XExportRowsDialog = XExportRowsDialog;

package/lib/components/XFieldChangeEvent.d.ts

@@ -0,0 +1,11 @@
+import { OperationType } from "./XUtils";
+import { XObject } from "./XObject";
+export interface XFieldChangeEvent<M = XObject> {
+    object: M;
+    assocObjectChange?: OperationType;
+}
+export interface XTableFieldChangeEvent<M = XObject, R = any> {
+    object: M;
+    tableRow: R;
+    assocObjectChange?: OperationType;
+}

package/lib/components/XFieldChangeEvent.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });