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

package/lib/components/XLazyDataTable.js

@@ -1,885 +1,885 @@
-"use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.XLazyColumn = exports.XLazyDataTable = void 0;
-var react_1 = __importStar(require("react"));
-var datatable_1 = require("primereact/datatable");
-var column_1 = require("primereact/column");
-var XButton_1 = require("./XButton");
-var XUtils_1 = require("./XUtils");
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XDropdownDTFilter_1 = require("./XDropdownDTFilter");
-var XUtilsConversions_1 = require("./XUtilsConversions");
-var FindParam_1 = require("../serverApi/FindParam");
-var XButtonIconSmall_1 = require("./XButtonIconSmall");
-var tristatecheckbox_1 = require("primereact/tristatecheckbox");
-var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XExportRowsDialog_1 = require("./XExportRowsDialog");
-var api_1 = require("primereact/api");
-var XCalendar_1 = require("./XCalendar");
-var XInputDecimalBase_1 = require("./XInputDecimalBase");
-var XLocale_1 = require("./XLocale");
-var XLazyDataTable = function (props) {
-    var _a;
-    // must be here, is used in createInitFilters()
-    var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity);
-    var createAggregateItems = function () {
-        var e_1, _a;
-        var aggregateItems = [];
-        var columns = props.children;
-        try {
-            for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
-                var column = columns_1_1.value;
-                var xLazyColumn = column; // nevedel som to krajsie...
-                if (xLazyColumn.props.aggregateType) {
-                    aggregateItems.push({ field: xLazyColumn.props.field, aggregateType: xLazyColumn.props.aggregateType });
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return aggregateItems;
-    };
-    var createInitFilters = function () {
-        var e_2, _a;
-        var initFilters = {};
-        //let columns = dataTableEl.current.props.children; - does not work
-        var columns = props.children;
-        try {
-            for (var columns_2 = __values(columns), columns_2_1 = columns_2.next(); !columns_2_1.done; columns_2_1 = columns_2.next()) {
-                var column = columns_2_1.value;
-                var xLazyColumn = column; // nevedel som to krajsie...
-                var field = xLazyColumn.props.field;
-                var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntity, field);
-                // TODO column.props.dropdownInFilter - pre "menu" by bolo fajn mat zoznam "enumov"
-                var filterMatchMode = getFilterMatchMode(xField);
-                initFilters[field] = createFilterItem(props.filterDisplay, { value: null, matchMode: filterMatchMode });
-            }
-        }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (columns_2_1 && !columns_2_1.done && (_a = columns_2.return)) _a.call(columns_2);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
-        return initFilters;
-    };
-    var getFilterMatchMode = function (xField) {
-        var filterMatchMode;
-        if (xField.type === "string") {
-            filterMatchMode = api_1.FilterMatchMode.STARTS_WITH;
-        }
-        // zatial vsetky ostatne EQUALS
-        else if (xField.type === "decimal" || xField.type === "number" || xField.type === "date" || xField.type === "datetime" || xField.type === "boolean") {
-            filterMatchMode = api_1.FilterMatchMode.EQUALS;
-        }
-        else {
-            throw "XField ".concat(xField.name, ": unknown xField.type = ").concat(xField.type);
-        }
-        return filterMatchMode;
-    };
-    var createFilterItem = function (filterDisplay, constraint) {
-        var filterItem;
-        if (filterDisplay === "menu") {
-            // DataTableOperatorFilterMetaData: operator + filter values
-            filterItem = {
-                operator: api_1.FilterOperator.OR,
-                constraints: [constraint]
-            };
-        }
-        else {
-            // props.filterDisplay === "row"
-            // DataTableFilterMetaData: filter value
-            filterItem = constraint;
-        }
-        return filterItem;
-    };
-    // premenne platne pre cely component (obdoba member premennych v class-e)
-    var dataTableEl = (0, react_1.useRef)(null);
-    var customFilter = props.customFilter;
-    var aggregateItems = createAggregateItems();
-    var _b = __read((0, react_1.useState)({ rowList: [], totalRecords: 0, aggregateValues: [] }), 2), value = _b[0], setValue = _b[1];
-    var _c = __read((0, react_1.useState)(false), 2), loading = _c[0], setLoading = _c[1];
-    var _d = __read((0, react_1.useState)(0), 2), first = _d[0], setFirst = _d[1];
-    var _e = __read((0, react_1.useState)(props.paginator ? props.rows : undefined), 2), rows = _e[0], setRows = _e[1];
-    var filtersInit = createInitFilters();
-    if (props.filters) {
-        filtersInit = __assign(__assign({}, filtersInit), props.filters); // items from props.filters will replace existing items in filtersInit
-    }
-    if (props.searchTableParams !== undefined) {
-        var displayFieldFilter = props.searchTableParams.displayFieldFilter;
-        if (displayFieldFilter !== undefined) {
-            filtersInit[displayFieldFilter.field] = createFilterItem(props.filterDisplay, displayFieldFilter.constraint);
-        }
-        // ak mame props.searchTableParams.customFilter, pridame ho
-        customFilter = XUtils_1.XUtils.filterAnd(customFilter, props.searchTableParams.customFilter);
-    }
-    var _f = __read((0, react_1.useState)(filtersInit), 2), filters = _f[0], setFilters = _f[1]; // filtrovanie na "controlled manner" (moze sa sem nainicializovat nejaka hodnota)
-    var _g = __read((0, react_1.useState)(props.sortField ? [{ field: props.sortField, order: 1 }] : []), 2), multiSortMeta = _g[0], setMultiSortMeta = _g[1];
-    var _h = __read((0, react_1.useState)(null), 2), selectedRow = _h[0], setSelectedRow = _h[1];
-    var _j = __read((_a = props.dataLoadedState) !== null && _a !== void 0 ? _a : (0, react_1.useState)(false), 2), dataLoaded = _j[0], setDataLoaded = _j[1]; // priznak kde si zapiseme, ci uz sme nacitali data
-    var _k = __read((0, react_1.useState)(false), 2), exportRowsDialogOpened = _k[0], setExportRowsDialogOpened = _k[1];
-    var _l = __read((0, react_1.useState)(), 2), exportRowsDialogRowCount = _l[0], setExportRowsDialogRowCount = _l[1]; // param pre dialog
-    var _m = __read((0, react_1.useState)(filtersInit), 2), filtersAfterFiltering = _m[0], setFiltersAfterFiltering = _m[1]; // sem si odkladame stav filtra po kliknuti na button Filter (chceme exportovat presne to co vidno vyfiltrovane)
-    // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
-    (0, react_1.useEffect)(function () {
-        // jednoduchy sposob - nepouzivame parameter props.displayed a priznak dataLoaded
-        if (props.displayed === undefined) {
-            loadData();
-            //console.log("XLazyDataTable - data loaded (simple)");
-        }
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    (0, react_1.useEffect)(function () {
-        // sposob pozivany pri XFormNavigator (potrebujeme refreshnut data pri navrate z formulara)
-        if (props.displayed !== undefined) {
-            if (props.displayed) {
-                if (!dataLoaded) {
-                    loadData();
-                    //console.log("XLazyDataTable - data loaded (used displayed)");
-                    setDataLoaded(true);
-                }
-            }
-            else {
-                // dataTable je skryta - ked sa na nu vratime, chceme mat priznak dataLoaded nastaveny na false, aby sme videli cerstve data
-                if (dataLoaded) {
-                    setDataLoaded(false);
-                }
-            }
-        }
-    }); // eslint-disable-line react-hooks/exhaustive-deps
-    // TODO - preco je to tu? presunut dole ak sa da...
-    var dataKey = props.dataKey !== undefined ? props.dataKey : XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity).idField;
-    var onPage = function (event) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            //console.log("zavolany onPage");
-            setFirst(event.first);
-            loadDataBase({ resultType: FindParam_1.ResultType.RowCountAndPagedRows, first: event.first, rows: rows, filters: filters, customFilter: customFilter, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems });
-            return [2 /*return*/];
-        });
-    }); };
-    var onFilter = function (event) {
-        //console.log("zavolany onFilter - this.state.filters = " + JSON.stringify(filters));
-        //console.log("zavolany onFilter - event.filters = " + JSON.stringify(event.filters));
-        // tymto zavolanim sa zapise znak zapisany klavesnicou do inputu filtra (ak prikaz zakomentujeme, input filtra zostane prazdny)
-        setFilters(event.filters);
-    };
-    var onSort = function (event) {
-        //console.log("zavolany onSort - this.state.multiSortMeta = " + JSON.stringify(multiSortMeta));
-        //console.log("zavolany onSort - event.multiSortMeta = " + JSON.stringify(event.multiSortMeta));
-        setMultiSortMeta(event.multiSortMeta);
-        loadDataBase({ resultType: FindParam_1.ResultType.RowCountAndPagedRows, first: first, rows: rows, filters: filters, customFilter: customFilter, multiSortMeta: event.multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems });
-    };
-    var onClickFilter = function () {
-        //console.log("zavolany onClickFilter");
-        loadData();
-    };
-    var onClickClearFilter = function () {
-        // najjednoduchsi sposob - pomeni aj pripadne nastavene matchMode hodnoty
-        var filtersInit = createInitFilters();
-        setFilters(filtersInit);
-    };
-    var loadData = function () {
-        loadDataBase({ resultType: FindParam_1.ResultType.RowCountAndPagedRows, first: first, rows: rows, filters: filters, customFilter: customFilter, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems });
-    };
-    var loadDataBase = function (findParam) { return __awaiter(void 0, void 0, void 0, function () {
-        var findResult;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    //console.log("zavolany loadDataBase - startIndex = " + findParam.first + ", endIndex = " + ((findParam.first ?? 0) + (findParam.rows ?? 0)) + ", filters = " + JSON.stringify(findParam.filters) + ", multiSortMeta = " + JSON.stringify(findParam.multiSortMeta) + ", fields = " + JSON.stringify(findParam.fields));
-                    setLoading(true);
-                    return [4 /*yield*/, findByFilter(findParam)];
-                case 1:
-                    findResult = _a.sent();
-                    setValue(findResult);
-                    setLoading(false);
-                    // odlozime si filter hodnoty pre pripadny export - deep cloning vyzera ze netreba
-                    setFiltersAfterFiltering(filters);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var findByFilter = function (findParam) { return __awaiter(void 0, void 0, void 0, function () {
-        var findResult;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, XUtils_1.XUtils.fetchOne('lazyDataTableFindRows', findParam)];
-                case 1:
-                    findResult = _a.sent();
-                    findResult.totalRecords = parseInt(findResult.totalRecords);
-                    return [2 /*return*/, findResult];
-            }
-        });
-    }); };
-    var getFields = function () {
-        // krasne zobrazi cely objekt!
-        //console.log(dataTableEl.current);
-        var e_3, _a;
-        var fields = [];
-        var columns = dataTableEl.current.props.children;
-        try {
-            for (var columns_3 = __values(columns), columns_3_1 = columns_3.next(); !columns_3_1.done; columns_3_1 = columns_3.next()) {
-                var column = columns_3_1.value;
-                fields.push(column.props.field);
-            }
-        }
-        catch (e_3_1) { e_3 = { error: e_3_1 }; }
-        finally {
-            try {
-                if (columns_3_1 && !columns_3_1.done && (_a = columns_3.return)) _a.call(columns_3);
-            }
-            finally { if (e_3) throw e_3.error; }
-        }
-        return fields;
-    };
-    var getHeaders = function () {
-        // krasne zobrazi cely objekt!
-        //console.log(dataTableEl.current);
-        var e_4, _a;
-        var headers = [];
-        var columns = dataTableEl.current.props.children;
-        try {
-            for (var columns_4 = __values(columns), columns_4_1 = columns_4.next(); !columns_4_1.done; columns_4_1 = columns_4.next()) {
-                var column = columns_4_1.value;
-                // pozor! headers tahame z primereact DataTable a napr. pri editacii nemusi byt v atribute header string
-                headers.push(column.props.header);
-            }
-        }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-        finally {
-            try {
-                if (columns_4_1 && !columns_4_1.done && (_a = columns_4.return)) _a.call(columns_4);
-            }
-            finally { if (e_4) throw e_4.error; }
-        }
-        return headers;
-    };
-    var onSelectionChange = function (event) {
-        //console.log("zavolany onSelectionChange");
-        //console.log(event.value);
-        setSelectedRow(event.value);
-    };
-    var onRowDoubleClick = function (event) {
-        //console.log("zavolany onRowDoubleClick");
-        //console.log(event.data);
-        if (props.onEdit !== undefined) {
-            props.onEdit(event.data);
-        }
-        else if (props.searchTableParams !== undefined) {
-            props.searchTableParams.onChoose(event.data);
-        }
-    };
-    var onClickAddRow = function () {
-        //console.log("zavolany onClickAddRow");
-        if (props.onAddRow !== undefined) {
-            props.onAddRow();
-        }
-    };
-    var onClickEdit = function () {
-        //console.log("zavolany onClickEdit");
-        if (selectedRow !== null) {
-            if (props.onEdit !== undefined) {
-                props.onEdit(selectedRow);
-            }
-        }
-        else {
-            alert((0, XLocale_1.xLocaleOption)('pleaseSelectRow'));
-        }
-    };
-    var onClickRemoveRow = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var reread, e_5, e_6;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(selectedRow !== null)) return [3 /*break*/, 11];
-                    if (!(props.removeRow instanceof Function)) return [3 /*break*/, 5];
-                    reread = true;
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, props.removeRow(selectedRow)];
-                case 2:
-                    reread = _a.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    e_5 = _a.sent();
-                    XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('removeRowFailed'), e_5);
-                    return [3 /*break*/, 4];
-                case 4:
-                    if (reread) {
-                        loadData();
-                        if (props.onRemoveRow) {
-                            props.onRemoveRow(selectedRow, XUtils_1.OperationType.Remove);
-                        }
-                    }
-                    return [3 /*break*/, 10];
-                case 5:
-                    if (!window.confirm((0, XLocale_1.xLocaleOption)('removeRowConfirm'))) return [3 /*break*/, 10];
-                    _a.label = 6;
-                case 6:
-                    _a.trys.push([6, 8, , 9]);
-                    // poznamka: vdaka await bude loadData() bezat az po dobehnuti requestu removeRow
-                    return [4 /*yield*/, XUtils_1.XUtils.removeRow(props.entity, selectedRow)];
-                case 7:
-                    // poznamka: vdaka await bude loadData() bezat az po dobehnuti requestu removeRow
-                    _a.sent();
-                    return [3 /*break*/, 9];
-                case 8:
-                    e_6 = _a.sent();
-                    XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('removeRowFailed'), e_6);
-                    return [3 /*break*/, 9];
-                case 9:
-                    loadData();
-                    if (props.onRemoveRow) {
-                        props.onRemoveRow(selectedRow, XUtils_1.OperationType.Remove);
-                    }
-                    _a.label = 10;
-                case 10: return [3 /*break*/, 12];
-                case 11:
-                    alert((0, XLocale_1.xLocaleOption)('pleaseSelectRow'));
-                    _a.label = 12;
-                case 12: return [2 /*return*/];
-            }
-        });
-    }); };
-    var onClickExport = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var findParam, findResult;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    findParam = { resultType: FindParam_1.ResultType.OnlyRowCount, first: first, rows: rows, filters: filtersAfterFiltering, customFilter: customFilter, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems };
-                    return [4 /*yield*/, findByFilter(findParam)];
-                case 1:
-                    findResult = _a.sent();
-                    //setLoading(false);
-                    setExportRowsDialogRowCount(findResult.totalRecords); // param pre dialog
-                    setExportRowsDialogOpened(true);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    var createExportParams = function () {
-        var queryParam = { filters: filtersAfterFiltering, customFilter: customFilter, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields() };
-        return {
-            path: "x-lazy-data-table-export",
-            queryParam: queryParam,
-            headers: getHeaders(),
-            fileName: "".concat(props.entity)
-        };
-    };
-    var onClickChoose = function () {
-        //console.log("zavolany onClickChoose");
-        if (selectedRow !== null) {
-            if (props.searchTableParams !== undefined) {
-                props.searchTableParams.onChoose(selectedRow);
-            }
-        }
-        else {
-            console.log("Nie je vyselectovany ziaden zaznam.");
-        }
-    };
-    // ****** dropdown vo filtri ********
-    // pouziva sa len pre simple filtrovanie (filterDisplay="row")
-    var onDropdownFilterChange = function (field, displayValue) {
-        var filterValue = displayValue !== XUtils_1.XUtils.dropdownEmptyOptionValue ? displayValue : null;
-        setFilterValue(field, filterValue, api_1.FilterMatchMode.EQUALS);
-    };
-    var getDropdownFilterValue = function (field) {
-        var filterValue = getFilterValue(field);
-        return filterValue !== null ? filterValue : XUtils_1.XUtils.dropdownEmptyOptionValue;
-    };
-    // ****** vseobecne metodky pre set/get do/z filtra ********
-    // zatial funguje len pre simple filtrovanie (filterDisplay="row")
-    // vseobecna specialna metodka pouzvana pri custom filtri (XLazyColumn.filterElement)
-    var setFilterItem = function (field, filterItem) {
-        filters[field] = filterItem;
-        // neskusal som, ci treba aj toto klonovat ale pravdepodobne hej
-        var filtersCloned = __assign({}, filters);
-        setFilters(filtersCloned);
-    };
-    // vseobecna specialna metodka pouzvana pri custom filtri (XLazyColumn.filterElement)
-    var getFilterItem = function (field) {
-        return filters[field];
-    };
-    // vseobecna metodka - nastavi hodnotu do filtra
-    // ak je matchMode === undefined, tak zachova povodnu hodnotu matchMode
-    var setFilterValue = function (field, value, matchMode) {
-        var filterValue = filters[field]; // funguje len pre filterDisplay="row"
-        filterValue.value = value;
-        if (matchMode !== undefined) {
-            filterValue.matchMode = matchMode;
-        }
-        // treba klonovat, inac react nezobrazi zmenenu hodnotu
-        var filtersCloned = __assign({}, filters);
-        setFilters(filtersCloned);
-    };
-    // vseobecna metodka - precita hodnotu z filtra (vrati napr. typ Date | null)
-    var getFilterValue = function (field) {
-        var filterValue = filters[field]; // funguje len pre filterDisplay="row"
-        return filterValue.value;
-    };
-    // ****** vseobecne metodky pre set/get do/z filtra - pre betweenFilter ********
-    // do DataTableFilterMetaData.value ulozime dvojprvkove pole [value1, value2]
-    // na backende spracujeme toto dvojprvkove pole
-    var setFilterValue1 = function (field, value) {
-        // na zaciatku (po inicializacii lazy table) je filterValue = null
-        var filterValue = getFilterValue(field);
-        if (filterValue !== null) {
-            filterValue[0] = value;
-        }
-        else {
-            filterValue = [value, null];
-        }
-        setFilterValue(field, filterValue, api_1.FilterMatchMode.BETWEEN);
-    };
-    var setFilterValue2 = function (field, value) {
-        // na zaciatku (po inicializacii lazy table) je filterValue = null
-        var filterValue = getFilterValue(field);
-        if (filterValue !== null) {
-            filterValue[1] = value;
-        }
-        else {
-            filterValue = [null, value];
-        }
-        setFilterValue(field, filterValue, api_1.FilterMatchMode.BETWEEN);
-    };
-    var getFilterValue1 = function (field) {
-        return getFilterValue1or2(field, 0);
-    };
-    var getFilterValue2 = function (field) {
-        return getFilterValue1or2(field, 1);
-    };
-    var getFilterValue1or2 = function (field, index) {
-        var filterValue = getFilterValue(field);
-        return filterValue !== null ? filterValue[index] : null;
-    };
-    var getBetweenFilter = function (columnBetweenFilter, tableBetweenFilter) {
-        var betweenFilter = undefined;
-        // columnBetweenFilter has higher prio than tableBetweenFilter
-        if (columnBetweenFilter !== undefined) {
-            if (columnBetweenFilter === "row" || columnBetweenFilter === "column") {
-                betweenFilter = columnBetweenFilter;
-            }
-            // for "noBetween" stays betweenFilter = undefined (simple filter used)
-        }
-        else {
-            betweenFilter = tableBetweenFilter; // betweenFilter from XLazyDataTable property
-        }
-        return betweenFilter;
-    };
-    var bodyTemplate = function (columnProps, rowData, xField) {
-        var rowDataValue = XUtilsCommon_1.XUtilsCommon.getValueByPath(rowData, columnProps.field);
-        var bodyValue = '';
-        if (xField.type === "decimal") {
-            // tuto zatial hack, mal by vzdy prist number
-            var numberValue = null;
-            if (typeof rowDataValue === 'string') {
-                numberValue = parseFloat(rowDataValue);
-            }
-            else if (typeof rowDataValue === 'number') {
-                numberValue = rowDataValue;
-            }
-            bodyValue = (0, XUtilsConversions_1.numberAsUI)(numberValue, xField.scale);
-        }
-        else if (xField.type === "date") {
-            // tuto zatial hack, mal by prist Date
-            var dateValue = null;
-            if (typeof rowDataValue === 'string') {
-                dateValue = new Date(rowDataValue);
-            }
-            else if (typeof rowDataValue === 'object' && rowDataValue instanceof Date) {
-                dateValue = rowDataValue;
-            }
-            bodyValue = (0, XUtilsConversions_1.dateAsUI)(dateValue);
-        }
-        else if (xField.type === "datetime") {
-            // tuto zatial hack, mal by prist Date
-            var dateValue = null;
-            if (typeof rowDataValue === 'string') {
-                dateValue = new Date(rowDataValue);
-            }
-            else if (typeof rowDataValue === 'object' && rowDataValue instanceof Date) {
-                dateValue = rowDataValue;
-            }
-            bodyValue = (0, XUtilsConversions_1.datetimeAsUI)(dateValue);
-        }
-        else if (xField.type === "boolean") {
-            // TODO - efektivnejsie by bolo renderovat len prislusne ikonky
-            bodyValue = react_1.default.createElement(tristatecheckbox_1.TriStateCheckbox, { value: rowDataValue, disabled: true });
-        }
-        return bodyValue;
-    };
-    // ak mame scrollWidth/scrollHeight = viewport (default), vyratame scrollWidth/scrollHeight tak aby tabulka "sadla" do okna (viewport-u)
-    var scrollWidth = undefined; // vypnute horizontalne scrollovanie
-    var scrollHeight = undefined; // vypnute vertikalne scrollovanie
-    if (props.scrollable) {
-        if (props.scrollWidth !== "none") {
-            scrollWidth = props.scrollWidth;
-            if (scrollWidth === "viewport") {
-                scrollWidth = 'calc(100vw - 1.4rem)'; // 20px okraje
-            }
-        }
-        if (props.scrollHeight !== "none") {
-            scrollHeight = props.scrollHeight;
-            if (scrollHeight === "viewport") {
-                // vypocet je priblizny, robeny na mobil, desktop bude mat mozno iny
-                //const headerHeight = XUtils.toPX0('12.7rem');
-                //let footerHeight = XUtils.toPX0('3.7rem') + XUtils.toPX0('3rem'); // table footer (paging) + buttons Add row, Edit, ...
-                // na desktope mi nechce odpocitat vysku taskbar-u od window.screen.availHeight, tak to poriesime takymto hack-om:
-                // if (!XUtils.isMobile()) {
-                //     footerHeight += XUtils.toPX0('6rem'); // priblizna vyska taskbaru (ak mam 2 rady buttonov)
-                // }
-                var viewHeight = void 0;
-                var headerFooterHeight = void 0;
-                if (props.searchTableParams === undefined) {
-                    // sme v standardnom formulari
-                    viewHeight = '100vh';
-                    // experimentalne zistena vyska header/footer
-                    // da sa vyratat ako vysku body (celej stranky) - vyska div-u ktory sa scrolluje (div na ktorom je style="max-height: calc(100vh - 266.42px);)
-                    // (treba odratat vysku paginatora a formFooterHeight (lebo tie sa odratavaju nizsie))
-                    headerFooterHeight = XUtils_1.XUtils.toPX0('10.89rem');
-                }
-                else {
-                    // sme v dialogu
-                    if (XUtils_1.XUtils.isMobile()) {
-                        viewHeight = '98vh'; // .p-dialog pre mobil ma max-height: 98%
-                        headerFooterHeight = XUtils_1.XUtils.toPX0('12.03rem'); // rucne zratane
-                    }
-                    else {
-                        viewHeight = '90vh'; // .p-dialog pre desktop ma max-height: 90%
-                        headerFooterHeight = XUtils_1.XUtils.toPX0('13.03rem'); // rucne zratane (desktop ma vecsi margin dole na dialogu)
-                    }
-                }
-                // pridame vysku paging-u, ak treba
-                if (props.paginator) {
-                    headerFooterHeight += XUtils_1.XUtils.toPX0('3.71rem');
-                }
-                // este pridame vysku linkov na zdrojaky, ak treba
-                if (props.formFooterHeight !== undefined) {
-                    headerFooterHeight += XUtils_1.XUtils.toPX0(XUtils_1.XUtils.processGridBreakpoints(props.formFooterHeight));
-                }
-                scrollHeight = "calc(".concat(viewHeight, " - ").concat(headerFooterHeight, "px)");
-            }
-        }
-    }
-    var style = {};
-    if (scrollWidth !== undefined) {
-        style.width = scrollWidth;
-    }
-    if (props.shrinkWidth) {
-        style.maxWidth = 'min-content'; // ak nic nedame (nechame auto), tak (v pripade ak nebudeme mat horizontalny scrollbar) natiahne tabulku na celu sirku stranky, co nechceme
-    }
-    // pri prechode z Primereact 6.x na 9.x sa tableLayout zmenil z fixed na auto a nefungovalo nastavenie sirok stlpcov - docasne teda takto
-    var tableStyle = { tableLayout: 'fixed' };
-    if (props.width !== undefined) {
-        var width = props.width;
-        if (!isNaN(Number(width))) { // if width is number
-            width = width + 'rem';
-        }
-        tableStyle = __assign(__assign({}, tableStyle), { width: width });
-    }
-    // check
-    if ((props.editMode === true || props.editMode === false) && props.editModeHandlers === undefined) {
-        throw "XLazyDataTable: for props.editMode = true/false, props.editModeHandlers must be defined.";
-    }
-    // pouzivame paginatorLeft aj paginatorRight (aj prazdny) pouzivame, aby bol default paginator v strede (bez paginatorLeft je default paginator presunuty dolava a naopak)
-    // sirku div-ov este nastavujeme v css na 10rem
-    var paginatorLeft = react_1.default.createElement("div", null,
-        (0, XLocale_1.xLocaleOption)('totalRecords'),
-        ": ",
-        value.totalRecords);
-    var paginatorRight = react_1.default.createElement("div", null);
-    if (props.editMode === true) {
-        paginatorRight = react_1.default.createElement("div", null,
-            react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-save", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onSave(); }, tooltip: "Save form" }),
-            react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-times", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onCancel(); }, tooltip: "Cancel editing" }));
-    }
-    else if (props.editMode === false) {
-        paginatorRight = react_1.default.createElement("div", null,
-            react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-pencil", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onStart(); }, tooltip: "Edit form" }));
-    }
-    // else - editMode is undefined - browse is not editable
-    // export pre search button-y zatial vypneme
-    var exportRows = (props.searchTableParams === undefined);
-    // pre lepsiu citatelnost vytvarame stlpce uz tu
-    var columnElemList = react_1.default.Children.map(props.children, function (child) {
-        // ak chceme zmenit child element, tak treba bud vytvorit novy alebo vyklonovat
-        // priklad je na https://soshace.com/building-react-components-using-children-props-and-context-api/
-        // (vzdy musime robit manipulacie so stlpcom, lebo potrebujeme pridat filter={true} sortable={true}
-        var childColumn = child; // nevedel som to krajsie...
-        var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntity, childColumn.props.field);
-        // *********** header ***********
-        var headerLabel = childColumn.props.header !== undefined ? childColumn.props.header : childColumn.props.field;
-        var header;
-        if (props.editMode === true) {
-            header = react_1.default.createElement("div", null,
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-plus", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onAddColumn(childColumn.props.field); }, tooltip: "Add column" }),
-                    react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-pencil", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onEditColumn(childColumn.props.field); }, tooltip: "Edit column" }),
-                    react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-trash", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onRemoveColumn(childColumn.props.field); }, tooltip: "Remove column" })),
-                react_1.default.createElement("div", null,
-                    react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-chevron-left", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onMoveColumnLeft(childColumn.props.field); }, tooltip: "Move column left" }),
-                    react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-chevron-right", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onMoveColumnRight(childColumn.props.field); }, tooltip: "Move column right" })),
-                react_1.default.createElement("div", null, headerLabel));
-        }
-        else {
-            header = headerLabel;
-        }
-        // *********** filterElement ***********
-        var betweenFilter = undefined;
-        var filterElement;
-        if (childColumn.props.filterElement !== undefined) {
-            filterElement = function (options) {
-                // compilator sa stazoval ze childColumn.props.filterElement moze byt undefined, preto som pridal "!"
-                return childColumn.props.filterElement({ getFilterItem: getFilterItem, setFilterItem: setFilterItem, options: options });
-            };
-        }
-        else {
-            if (xField.type === "boolean") {
-                var checkboxValue = getFilterValue(childColumn.props.field);
-                filterElement = react_1.default.createElement(tristatecheckbox_1.TriStateCheckbox, { value: checkboxValue, onChange: function (e) { return setFilterValue(childColumn.props.field, e.value, api_1.FilterMatchMode.EQUALS); } });
-            }
-            else if (childColumn.props.dropdownInFilter) {
-                var dropdownValue = getDropdownFilterValue(childColumn.props.field);
-                filterElement = react_1.default.createElement(XDropdownDTFilter_1.XDropdownDTFilter, { entity: props.entity, path: childColumn.props.field, value: dropdownValue, onValueChange: onDropdownFilterChange });
-            }
-            else if (xField.type === "date" || xField.type === "datetime") {
-                betweenFilter = getBetweenFilter(childColumn.props.betweenFilter, props.betweenFilter);
-                if (betweenFilter !== undefined) {
-                    // display: 'flex' umiestni XCalendar elementy vedla seba
-                    filterElement =
-                        react_1.default.createElement("div", { style: betweenFilter === "row" ? { display: 'flex' } : undefined },
-                            react_1.default.createElement(XCalendar_1.XCalendar, { value: getFilterValue1(childColumn.props.field), onChange: function (value) { return setFilterValue1(childColumn.props.field, value); }, datetime: xField.type === "datetime" }),
-                            react_1.default.createElement(XCalendar_1.XCalendar, { value: getFilterValue2(childColumn.props.field), onChange: function (value) { return setFilterValue2(childColumn.props.field, value); }, datetime: xField.type === "datetime" }));
-                }
-                else {
-                    var dateValue = getFilterValue(childColumn.props.field);
-                    filterElement = react_1.default.createElement(XCalendar_1.XCalendar, { value: dateValue, onChange: function (value) { return setFilterValue(childColumn.props.field, value); }, datetime: xField.type === "datetime" });
-                }
-            }
-            else if (xField.type === "decimal" || xField.type === "number") {
-                var params = XUtilsMetadata_1.XUtilsMetadata.getParamsForInputNumber(xField);
-                betweenFilter = getBetweenFilter(childColumn.props.betweenFilter, props.betweenFilter);
-                if (betweenFilter !== undefined) {
-                    // display: 'flex' umiestni input elementy pod seba (betweenFilter = "column") resp. vedla seba (betweenFilter = "row")
-                    filterElement =
-                        react_1.default.createElement("div", { style: { display: 'flex', flexDirection: betweenFilter } },
-                            react_1.default.createElement(XInputDecimalBase_1.XInputDecimalBase, __assign({ value: getFilterValue1(childColumn.props.field), onChange: function (value) { return setFilterValue1(childColumn.props.field, value); } }, params)),
-                            react_1.default.createElement(XInputDecimalBase_1.XInputDecimalBase, __assign({ value: getFilterValue2(childColumn.props.field), onChange: function (value) { return setFilterValue2(childColumn.props.field, value); } }, params)));
-                }
-                else {
-                    var numberValue = getFilterValue(childColumn.props.field);
-                    filterElement = react_1.default.createElement(XInputDecimalBase_1.XInputDecimalBase, __assign({ value: numberValue, onChange: function (value) { return setFilterValue(childColumn.props.field, value); } }, params));
-                }
-            }
-        }
-        // ************** dataType **************
-        // depending on the dataType of the column, suitable match modes are displayed in filter
-        var dataType = undefined;
-        if (xField.type === "decimal" || xField.type === "number") {
-            dataType = "numeric";
-        }
-        else if (xField.type === "date" || xField.type === "datetime") {
-            dataType = "date";
-        }
-        // *********** showFilterMenu ***********
-        var showFilterMenu;
-        if (childColumn.props.showFilterMenu !== undefined) {
-            showFilterMenu = childColumn.props.showFilterMenu;
-        }
-        else {
-            showFilterMenu = true; // default
-            if (props.filterDisplay === "row") {
-                if (xField.type === "boolean" || childColumn.props.dropdownInFilter || betweenFilter !== undefined) {
-                    showFilterMenu = false;
-                }
-            }
-        }
-        // *********** showClearButton ***********
-        // pre filterDisplay = "row" nechceme clear button, chceme setrit miesto
-        var showClearButton = props.filterDisplay === "menu";
-        // *********** body ***********
-        var body;
-        if (childColumn.props.body !== undefined) {
-            body = childColumn.props.body;
-        }
-        // TODO - mozno by bolo dobre vytvarat body pre kazdy typ fieldu, nech je to vsetko konzistentne
-        else if (xField.type === "decimal" || xField.type === "date" || xField.type === "datetime" || xField.type === "boolean") {
-            body = function (rowData) { return bodyTemplate(childColumn.props, rowData, xField); };
-        }
-        // *********** width/headerStyle ***********
-        var width = XUtils_1.XUtils.processPropWidth(childColumn.props.width);
-        if (width === undefined || width === "default") {
-            // TODO - if filter not used at all, then buttons flags should be false
-            var filterMenuInFilterRow = props.filterDisplay === "row" && showFilterMenu;
-            var filterButtonInHeader = props.filterDisplay === "menu";
-            width = XUtilsMetadata_1.XUtilsMetadata.computeColumnWidth(xField, betweenFilter, filterMenuInFilterRow, undefined, headerLabel, true, filterButtonInHeader);
-        }
-        var headerStyle = {};
-        if (width !== undefined) {
-            headerStyle = { width: width };
-        }
-        // *********** align ***********
-        var align = undefined; // default undefined (left)
-        if (childColumn.props.align !== undefined && childColumn.props.align !== null) {
-            align = childColumn.props.align;
-        }
-        else {
-            // decimal defaultne zarovnavame doprava
-            if (xField.type === "decimal") {
-                align = "right";
-            }
-            else if (xField.type === "boolean") {
-                align = "center";
-            }
-        }
-        // *********** footer ***********
-        var footer = undefined;
-        if (childColumn.props.aggregateType && value.aggregateValues) {
-            var aggregateValue = value.aggregateValues[childColumn.props.field];
-            if (aggregateValue !== undefined && aggregateValue !== null) {
-                if (xField.type === "decimal" || xField.type === "number") {
-                    // v json subore su stringy (cislo v ""), konvertujeme aby sme zmenili 123.45 na 123,45
-                    aggregateValue = (0, XUtilsConversions_1.numberAsUI)((0, XUtilsConversions_1.numberFromModel)(aggregateValue), xField.scale);
-                }
-            }
-            else {
-                aggregateValue = ""; // nemame este nacitane data
-            }
-            footer = aggregateValue;
-        }
-        return react_1.default.createElement(column_1.Column, { field: childColumn.props.field, header: header, footer: footer, filter: true, sortable: true, filterElement: filterElement, dataType: dataType, showFilterMenu: showFilterMenu, showClearButton: showClearButton, body: body, headerStyle: headerStyle, align: align });
-    });
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { className: "flex justify-content-center" },
-            react_1.default.createElement(XButton_1.XButton, { key: "filter", label: (0, XLocale_1.xLocaleOption)('filter'), onClick: onClickFilter }),
-            react_1.default.createElement(XButton_1.XButton, { key: "clearFilter", label: (0, XLocale_1.xLocaleOption)('clearFilter'), onClick: onClickClearFilter })),
-        react_1.default.createElement("div", { className: "flex justify-content-center" },
-            react_1.default.createElement(datatable_1.DataTable, { value: value.rowList, dataKey: dataKey, paginator: props.paginator, rows: rows, totalRecords: value.totalRecords, lazy: true, first: first, onPage: onPage, loading: loading, filterDisplay: props.filterDisplay, filters: filters, onFilter: onFilter, sortMode: "multiple", removableSort: true, multiSortMeta: multiSortMeta, onSort: onSort, selectionMode: "single", selection: selectedRow, onSelectionChange: onSelectionChange, onRowDoubleClick: onRowDoubleClick, ref: dataTableEl, className: "p-datatable-sm x-lazy-datatable", resizableColumns: true, columnResizeMode: "expand", tableStyle: tableStyle, paginatorLeft: paginatorLeft, paginatorRight: paginatorRight, scrollable: props.scrollable, scrollHeight: scrollHeight, style: style }, columnElemList)),
-        react_1.default.createElement("div", { className: "flex justify-content-center" },
-            props.onAddRow !== undefined ? react_1.default.createElement(XButton_1.XButton, { key: "addRow", icon: "pi pi-plus", label: (0, XLocale_1.xLocaleOption)('addRow'), onClick: onClickAddRow }) : null,
-            props.onEdit !== undefined ? react_1.default.createElement(XButton_1.XButton, { key: "editRow", icon: "pi pi-pencil", label: (0, XLocale_1.xLocaleOption)('editRow'), onClick: onClickEdit }) : null,
-            props.removeRow !== undefined && props.removeRow !== false ? react_1.default.createElement(XButton_1.XButton, { key: "removeRow", icon: "pi pi-times", label: (0, XLocale_1.xLocaleOption)('removeRow'), onClick: onClickRemoveRow }) : null,
-            exportRows ? react_1.default.createElement(XButton_1.XButton, { key: "exportRows", icon: "pi pi-file-export", label: (0, XLocale_1.xLocaleOption)('exportRows'), onClick: onClickExport }) : null,
-            props.appButtons,
-            props.searchTableParams !== undefined ? react_1.default.createElement(XButton_1.XButton, { key: "choose", label: (0, XLocale_1.xLocaleOption)('chooseRow'), onClick: onClickChoose }) : null,
-            exportRows ? react_1.default.createElement(XExportRowsDialog_1.XExportRowsDialog, { key: "exportRowsDialog", dialogOpened: exportRowsDialogOpened, hideDialog: function () { return setExportRowsDialogOpened(false); }, rowCount: exportRowsDialogRowCount, exportParams: createExportParams }) : null)));
-};
-exports.XLazyDataTable = XLazyDataTable;
-exports.XLazyDataTable.defaultProps = {
-    paginator: true,
-    rows: 10,
-    filterDisplay: "row",
-    scrollable: true,
-    scrollWidth: 'viewport',
-    scrollHeight: 'viewport',
-    shrinkWidth: true
-};
-// TODO - XLazyColumn neni idealny nazov, lepsi je XColumn (ale zatial nechame XLazyColumn)
-var XLazyColumn = 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.XLazyColumn = XLazyColumn;
+"use strict";
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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.XLazyColumn = exports.XLazyDataTable = void 0;
+var react_1 = __importStar(require("react"));
+var datatable_1 = require("primereact/datatable");
+var column_1 = require("primereact/column");
+var XButton_1 = require("./XButton");
+var XUtils_1 = require("./XUtils");
+var XUtilsMetadata_1 = require("./XUtilsMetadata");
+var XDropdownDTFilter_1 = require("./XDropdownDTFilter");
+var XUtilsConversions_1 = require("./XUtilsConversions");
+var FindParam_1 = require("../serverApi/FindParam");
+var XButtonIconSmall_1 = require("./XButtonIconSmall");
+var tristatecheckbox_1 = require("primereact/tristatecheckbox");
+var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
+var XExportRowsDialog_1 = require("./XExportRowsDialog");
+var api_1 = require("primereact/api");
+var XCalendar_1 = require("./XCalendar");
+var XInputDecimalBase_1 = require("./XInputDecimalBase");
+var XLocale_1 = require("./XLocale");
+var XLazyDataTable = function (props) {
+    var _a;
+    // must be here, is used in createInitFilters()
+    var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity);
+    var createAggregateItems = function () {
+        var e_1, _a;
+        var aggregateItems = [];
+        var columns = props.children;
+        try {
+            for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
+                var column = columns_1_1.value;
+                var xLazyColumn = column; // nevedel som to krajsie...
+                if (xLazyColumn.props.aggregateType) {
+                    aggregateItems.push({ field: xLazyColumn.props.field, aggregateType: xLazyColumn.props.aggregateType });
+                }
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return aggregateItems;
+    };
+    var createInitFilters = function () {
+        var e_2, _a;
+        var initFilters = {};
+        //let columns = dataTableEl.current.props.children; - does not work
+        var columns = props.children;
+        try {
+            for (var columns_2 = __values(columns), columns_2_1 = columns_2.next(); !columns_2_1.done; columns_2_1 = columns_2.next()) {
+                var column = columns_2_1.value;
+                var xLazyColumn = column; // nevedel som to krajsie...
+                var field = xLazyColumn.props.field;
+                var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntity, field);
+                // TODO column.props.dropdownInFilter - pre "menu" by bolo fajn mat zoznam "enumov"
+                var filterMatchMode = getFilterMatchMode(xField);
+                initFilters[field] = createFilterItem(props.filterDisplay, { value: null, matchMode: filterMatchMode });
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (columns_2_1 && !columns_2_1.done && (_a = columns_2.return)) _a.call(columns_2);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        return initFilters;
+    };
+    var getFilterMatchMode = function (xField) {
+        var filterMatchMode;
+        if (xField.type === "string") {
+            filterMatchMode = api_1.FilterMatchMode.STARTS_WITH;
+        }
+        // zatial vsetky ostatne EQUALS
+        else if (xField.type === "decimal" || xField.type === "number" || xField.type === "date" || xField.type === "datetime" || xField.type === "boolean") {
+            filterMatchMode = api_1.FilterMatchMode.EQUALS;
+        }
+        else {
+            throw "XField ".concat(xField.name, ": unknown xField.type = ").concat(xField.type);
+        }
+        return filterMatchMode;
+    };
+    var createFilterItem = function (filterDisplay, constraint) {
+        var filterItem;
+        if (filterDisplay === "menu") {
+            // DataTableOperatorFilterMetaData: operator + filter values
+            filterItem = {
+                operator: api_1.FilterOperator.OR,
+                constraints: [constraint]
+            };
+        }
+        else {
+            // props.filterDisplay === "row"
+            // DataTableFilterMetaData: filter value
+            filterItem = constraint;
+        }
+        return filterItem;
+    };
+    // premenne platne pre cely component (obdoba member premennych v class-e)
+    var dataTableEl = (0, react_1.useRef)(null);
+    var customFilter = props.customFilter;
+    var aggregateItems = createAggregateItems();
+    var _b = __read((0, react_1.useState)({ rowList: [], totalRecords: 0, aggregateValues: [] }), 2), value = _b[0], setValue = _b[1];
+    var _c = __read((0, react_1.useState)(false), 2), loading = _c[0], setLoading = _c[1];
+    var _d = __read((0, react_1.useState)(0), 2), first = _d[0], setFirst = _d[1];
+    var _e = __read((0, react_1.useState)(props.paginator ? props.rows : undefined), 2), rows = _e[0], setRows = _e[1];
+    var filtersInit = createInitFilters();
+    if (props.filters) {
+        filtersInit = __assign(__assign({}, filtersInit), props.filters); // items from props.filters will replace existing items in filtersInit
+    }
+    if (props.searchTableParams !== undefined) {
+        var displayFieldFilter = props.searchTableParams.displayFieldFilter;
+        if (displayFieldFilter !== undefined) {
+            filtersInit[displayFieldFilter.field] = createFilterItem(props.filterDisplay, displayFieldFilter.constraint);
+        }
+        // ak mame props.searchTableParams.customFilter, pridame ho
+        customFilter = XUtils_1.XUtils.filterAnd(customFilter, props.searchTableParams.customFilter);
+    }
+    var _f = __read((0, react_1.useState)(filtersInit), 2), filters = _f[0], setFilters = _f[1]; // filtrovanie na "controlled manner" (moze sa sem nainicializovat nejaka hodnota)
+    var _g = __read((0, react_1.useState)(props.sortField ? [{ field: props.sortField, order: 1 }] : []), 2), multiSortMeta = _g[0], setMultiSortMeta = _g[1];
+    var _h = __read((0, react_1.useState)(null), 2), selectedRow = _h[0], setSelectedRow = _h[1];
+    var _j = __read((_a = props.dataLoadedState) !== null && _a !== void 0 ? _a : (0, react_1.useState)(false), 2), dataLoaded = _j[0], setDataLoaded = _j[1]; // priznak kde si zapiseme, ci uz sme nacitali data
+    var _k = __read((0, react_1.useState)(false), 2), exportRowsDialogOpened = _k[0], setExportRowsDialogOpened = _k[1];
+    var _l = __read((0, react_1.useState)(), 2), exportRowsDialogRowCount = _l[0], setExportRowsDialogRowCount = _l[1]; // param pre dialog
+    var _m = __read((0, react_1.useState)(filtersInit), 2), filtersAfterFiltering = _m[0], setFiltersAfterFiltering = _m[1]; // sem si odkladame stav filtra po kliknuti na button Filter (chceme exportovat presne to co vidno vyfiltrovane)
+    // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
+    (0, react_1.useEffect)(function () {
+        // jednoduchy sposob - nepouzivame parameter props.displayed a priznak dataLoaded
+        if (props.displayed === undefined) {
+            loadData();
+            //console.log("XLazyDataTable - data loaded (simple)");
+        }
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    (0, react_1.useEffect)(function () {
+        // sposob pozivany pri XFormNavigator (potrebujeme refreshnut data pri navrate z formulara)
+        if (props.displayed !== undefined) {
+            if (props.displayed) {
+                if (!dataLoaded) {
+                    loadData();
+                    //console.log("XLazyDataTable - data loaded (used displayed)");
+                    setDataLoaded(true);
+                }
+            }
+            else {
+                // dataTable je skryta - ked sa na nu vratime, chceme mat priznak dataLoaded nastaveny na false, aby sme videli cerstve data
+                if (dataLoaded) {
+                    setDataLoaded(false);
+                }
+            }
+        }
+    }); // eslint-disable-line react-hooks/exhaustive-deps
+    // TODO - preco je to tu? presunut dole ak sa da...
+    var dataKey = props.dataKey !== undefined ? props.dataKey : XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.entity).idField;
+    var onPage = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            //console.log("zavolany onPage");
+            setFirst(event.first);
+            loadDataBase({ resultType: FindParam_1.ResultType.RowCountAndPagedRows, first: event.first, rows: rows, filters: filters, customFilter: customFilter, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems });
+            return [2 /*return*/];
+        });
+    }); };
+    var onFilter = function (event) {
+        //console.log("zavolany onFilter - this.state.filters = " + JSON.stringify(filters));
+        //console.log("zavolany onFilter - event.filters = " + JSON.stringify(event.filters));
+        // tymto zavolanim sa zapise znak zapisany klavesnicou do inputu filtra (ak prikaz zakomentujeme, input filtra zostane prazdny)
+        setFilters(event.filters);
+    };
+    var onSort = function (event) {
+        //console.log("zavolany onSort - this.state.multiSortMeta = " + JSON.stringify(multiSortMeta));
+        //console.log("zavolany onSort - event.multiSortMeta = " + JSON.stringify(event.multiSortMeta));
+        setMultiSortMeta(event.multiSortMeta);
+        loadDataBase({ resultType: FindParam_1.ResultType.RowCountAndPagedRows, first: first, rows: rows, filters: filters, customFilter: customFilter, multiSortMeta: event.multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems });
+    };
+    var onClickFilter = function () {
+        //console.log("zavolany onClickFilter");
+        loadData();
+    };
+    var onClickClearFilter = function () {
+        // najjednoduchsi sposob - pomeni aj pripadne nastavene matchMode hodnoty
+        var filtersInit = createInitFilters();
+        setFilters(filtersInit);
+    };
+    var loadData = function () {
+        loadDataBase({ resultType: FindParam_1.ResultType.RowCountAndPagedRows, first: first, rows: rows, filters: filters, customFilter: customFilter, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems });
+    };
+    var loadDataBase = function (findParam) { return __awaiter(void 0, void 0, void 0, function () {
+        var findResult;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    //console.log("zavolany loadDataBase - startIndex = " + findParam.first + ", endIndex = " + ((findParam.first ?? 0) + (findParam.rows ?? 0)) + ", filters = " + JSON.stringify(findParam.filters) + ", multiSortMeta = " + JSON.stringify(findParam.multiSortMeta) + ", fields = " + JSON.stringify(findParam.fields));
+                    setLoading(true);
+                    return [4 /*yield*/, findByFilter(findParam)];
+                case 1:
+                    findResult = _a.sent();
+                    setValue(findResult);
+                    setLoading(false);
+                    // odlozime si filter hodnoty pre pripadny export - deep cloning vyzera ze netreba
+                    setFiltersAfterFiltering(filters);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var findByFilter = function (findParam) { return __awaiter(void 0, void 0, void 0, function () {
+        var findResult;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, XUtils_1.XUtils.fetchOne('lazyDataTableFindRows', findParam)];
+                case 1:
+                    findResult = _a.sent();
+                    findResult.totalRecords = parseInt(findResult.totalRecords);
+                    return [2 /*return*/, findResult];
+            }
+        });
+    }); };
+    var getFields = function () {
+        // krasne zobrazi cely objekt!
+        //console.log(dataTableEl.current);
+        var e_3, _a;
+        var fields = [];
+        var columns = dataTableEl.current.props.children;
+        try {
+            for (var columns_3 = __values(columns), columns_3_1 = columns_3.next(); !columns_3_1.done; columns_3_1 = columns_3.next()) {
+                var column = columns_3_1.value;
+                fields.push(column.props.field);
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (columns_3_1 && !columns_3_1.done && (_a = columns_3.return)) _a.call(columns_3);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+        return fields;
+    };
+    var getHeaders = function () {
+        // krasne zobrazi cely objekt!
+        //console.log(dataTableEl.current);
+        var e_4, _a;
+        var headers = [];
+        var columns = dataTableEl.current.props.children;
+        try {
+            for (var columns_4 = __values(columns), columns_4_1 = columns_4.next(); !columns_4_1.done; columns_4_1 = columns_4.next()) {
+                var column = columns_4_1.value;
+                // pozor! headers tahame z primereact DataTable a napr. pri editacii nemusi byt v atribute header string
+                headers.push(column.props.header);
+            }
+        }
+        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        finally {
+            try {
+                if (columns_4_1 && !columns_4_1.done && (_a = columns_4.return)) _a.call(columns_4);
+            }
+            finally { if (e_4) throw e_4.error; }
+        }
+        return headers;
+    };
+    var onSelectionChange = function (event) {
+        //console.log("zavolany onSelectionChange");
+        //console.log(event.value);
+        setSelectedRow(event.value);
+    };
+    var onRowDoubleClick = function (event) {
+        //console.log("zavolany onRowDoubleClick");
+        //console.log(event.data);
+        if (props.onEdit !== undefined) {
+            props.onEdit(event.data);
+        }
+        else if (props.searchTableParams !== undefined) {
+            props.searchTableParams.onChoose(event.data);
+        }
+    };
+    var onClickAddRow = function () {
+        //console.log("zavolany onClickAddRow");
+        if (props.onAddRow !== undefined) {
+            props.onAddRow();
+        }
+    };
+    var onClickEdit = function () {
+        //console.log("zavolany onClickEdit");
+        if (selectedRow !== null) {
+            if (props.onEdit !== undefined) {
+                props.onEdit(selectedRow);
+            }
+        }
+        else {
+            alert((0, XLocale_1.xLocaleOption)('pleaseSelectRow'));
+        }
+    };
+    var onClickRemoveRow = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var reread, e_5, e_6;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(selectedRow !== null)) return [3 /*break*/, 11];
+                    if (!(props.removeRow instanceof Function)) return [3 /*break*/, 5];
+                    reread = true;
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, props.removeRow(selectedRow)];
+                case 2:
+                    reread = _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_5 = _a.sent();
+                    XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('removeRowFailed'), e_5);
+                    return [3 /*break*/, 4];
+                case 4:
+                    if (reread) {
+                        loadData();
+                        if (props.onRemoveRow) {
+                            props.onRemoveRow(selectedRow, XUtils_1.OperationType.Remove);
+                        }
+                    }
+                    return [3 /*break*/, 10];
+                case 5:
+                    if (!window.confirm((0, XLocale_1.xLocaleOption)('removeRowConfirm'))) return [3 /*break*/, 10];
+                    _a.label = 6;
+                case 6:
+                    _a.trys.push([6, 8, , 9]);
+                    // poznamka: vdaka await bude loadData() bezat az po dobehnuti requestu removeRow
+                    return [4 /*yield*/, XUtils_1.XUtils.removeRow(props.entity, selectedRow)];
+                case 7:
+                    // poznamka: vdaka await bude loadData() bezat az po dobehnuti requestu removeRow
+                    _a.sent();
+                    return [3 /*break*/, 9];
+                case 8:
+                    e_6 = _a.sent();
+                    XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('removeRowFailed'), e_6);
+                    return [3 /*break*/, 9];
+                case 9:
+                    loadData();
+                    if (props.onRemoveRow) {
+                        props.onRemoveRow(selectedRow, XUtils_1.OperationType.Remove);
+                    }
+                    _a.label = 10;
+                case 10: return [3 /*break*/, 12];
+                case 11:
+                    alert((0, XLocale_1.xLocaleOption)('pleaseSelectRow'));
+                    _a.label = 12;
+                case 12: return [2 /*return*/];
+            }
+        });
+    }); };
+    var onClickExport = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var findParam, findResult;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    findParam = { resultType: FindParam_1.ResultType.OnlyRowCount, first: first, rows: rows, filters: filtersAfterFiltering, customFilter: customFilter, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems };
+                    return [4 /*yield*/, findByFilter(findParam)];
+                case 1:
+                    findResult = _a.sent();
+                    //setLoading(false);
+                    setExportRowsDialogRowCount(findResult.totalRecords); // param pre dialog
+                    setExportRowsDialogOpened(true);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var createExportParams = function () {
+        var queryParam = { filters: filtersAfterFiltering, customFilter: customFilter, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields() };
+        return {
+            path: "x-lazy-data-table-export",
+            queryParam: queryParam,
+            headers: getHeaders(),
+            fileName: "".concat(props.entity)
+        };
+    };
+    var onClickChoose = function () {
+        //console.log("zavolany onClickChoose");
+        if (selectedRow !== null) {
+            if (props.searchTableParams !== undefined) {
+                props.searchTableParams.onChoose(selectedRow);
+            }
+        }
+        else {
+            console.log("Nie je vyselectovany ziaden zaznam.");
+        }
+    };
+    // ****** dropdown vo filtri ********
+    // pouziva sa len pre simple filtrovanie (filterDisplay="row")
+    var onDropdownFilterChange = function (field, displayValue) {
+        var filterValue = displayValue !== XUtils_1.XUtils.dropdownEmptyOptionValue ? displayValue : null;
+        setFilterValue(field, filterValue, api_1.FilterMatchMode.EQUALS);
+    };
+    var getDropdownFilterValue = function (field) {
+        var filterValue = getFilterValue(field);
+        return filterValue !== null ? filterValue : XUtils_1.XUtils.dropdownEmptyOptionValue;
+    };
+    // ****** vseobecne metodky pre set/get do/z filtra ********
+    // zatial funguje len pre simple filtrovanie (filterDisplay="row")
+    // vseobecna specialna metodka pouzvana pri custom filtri (XLazyColumn.filterElement)
+    var setFilterItem = function (field, filterItem) {
+        filters[field] = filterItem;
+        // neskusal som, ci treba aj toto klonovat ale pravdepodobne hej
+        var filtersCloned = __assign({}, filters);
+        setFilters(filtersCloned);
+    };
+    // vseobecna specialna metodka pouzvana pri custom filtri (XLazyColumn.filterElement)
+    var getFilterItem = function (field) {
+        return filters[field];
+    };
+    // vseobecna metodka - nastavi hodnotu do filtra
+    // ak je matchMode === undefined, tak zachova povodnu hodnotu matchMode
+    var setFilterValue = function (field, value, matchMode) {
+        var filterValue = filters[field]; // funguje len pre filterDisplay="row"
+        filterValue.value = value;
+        if (matchMode !== undefined) {
+            filterValue.matchMode = matchMode;
+        }
+        // treba klonovat, inac react nezobrazi zmenenu hodnotu
+        var filtersCloned = __assign({}, filters);
+        setFilters(filtersCloned);
+    };
+    // vseobecna metodka - precita hodnotu z filtra (vrati napr. typ Date | null)
+    var getFilterValue = function (field) {
+        var filterValue = filters[field]; // funguje len pre filterDisplay="row"
+        return filterValue.value;
+    };
+    // ****** vseobecne metodky pre set/get do/z filtra - pre betweenFilter ********
+    // do DataTableFilterMetaData.value ulozime dvojprvkove pole [value1, value2]
+    // na backende spracujeme toto dvojprvkove pole
+    var setFilterValue1 = function (field, value) {
+        // na zaciatku (po inicializacii lazy table) je filterValue = null
+        var filterValue = getFilterValue(field);
+        if (filterValue !== null) {
+            filterValue[0] = value;
+        }
+        else {
+            filterValue = [value, null];
+        }
+        setFilterValue(field, filterValue, api_1.FilterMatchMode.BETWEEN);
+    };
+    var setFilterValue2 = function (field, value) {
+        // na zaciatku (po inicializacii lazy table) je filterValue = null
+        var filterValue = getFilterValue(field);
+        if (filterValue !== null) {
+            filterValue[1] = value;
+        }
+        else {
+            filterValue = [null, value];
+        }
+        setFilterValue(field, filterValue, api_1.FilterMatchMode.BETWEEN);
+    };
+    var getFilterValue1 = function (field) {
+        return getFilterValue1or2(field, 0);
+    };
+    var getFilterValue2 = function (field) {
+        return getFilterValue1or2(field, 1);
+    };
+    var getFilterValue1or2 = function (field, index) {
+        var filterValue = getFilterValue(field);
+        return filterValue !== null ? filterValue[index] : null;
+    };
+    var getBetweenFilter = function (columnBetweenFilter, tableBetweenFilter) {
+        var betweenFilter = undefined;
+        // columnBetweenFilter has higher prio than tableBetweenFilter
+        if (columnBetweenFilter !== undefined) {
+            if (columnBetweenFilter === "row" || columnBetweenFilter === "column") {
+                betweenFilter = columnBetweenFilter;
+            }
+            // for "noBetween" stays betweenFilter = undefined (simple filter used)
+        }
+        else {
+            betweenFilter = tableBetweenFilter; // betweenFilter from XLazyDataTable property
+        }
+        return betweenFilter;
+    };
+    var bodyTemplate = function (columnProps, rowData, xField) {
+        var rowDataValue = XUtilsCommon_1.XUtilsCommon.getValueByPath(rowData, columnProps.field);
+        var bodyValue = '';
+        if (xField.type === "decimal") {
+            // tuto zatial hack, mal by vzdy prist number
+            var numberValue = null;
+            if (typeof rowDataValue === 'string') {
+                numberValue = parseFloat(rowDataValue);
+            }
+            else if (typeof rowDataValue === 'number') {
+                numberValue = rowDataValue;
+            }
+            bodyValue = (0, XUtilsConversions_1.numberAsUI)(numberValue, xField.scale);
+        }
+        else if (xField.type === "date") {
+            // tuto zatial hack, mal by prist Date
+            var dateValue = null;
+            if (typeof rowDataValue === 'string') {
+                dateValue = new Date(rowDataValue);
+            }
+            else if (typeof rowDataValue === 'object' && rowDataValue instanceof Date) {
+                dateValue = rowDataValue;
+            }
+            bodyValue = (0, XUtilsConversions_1.dateAsUI)(dateValue);
+        }
+        else if (xField.type === "datetime") {
+            // tuto zatial hack, mal by prist Date
+            var dateValue = null;
+            if (typeof rowDataValue === 'string') {
+                dateValue = new Date(rowDataValue);
+            }
+            else if (typeof rowDataValue === 'object' && rowDataValue instanceof Date) {
+                dateValue = rowDataValue;
+            }
+            bodyValue = (0, XUtilsConversions_1.datetimeAsUI)(dateValue);
+        }
+        else if (xField.type === "boolean") {
+            // TODO - efektivnejsie by bolo renderovat len prislusne ikonky
+            bodyValue = react_1.default.createElement(tristatecheckbox_1.TriStateCheckbox, { value: rowDataValue, disabled: true });
+        }
+        return bodyValue;
+    };
+    // ak mame scrollWidth/scrollHeight = viewport (default), vyratame scrollWidth/scrollHeight tak aby tabulka "sadla" do okna (viewport-u)
+    var scrollWidth = undefined; // vypnute horizontalne scrollovanie
+    var scrollHeight = undefined; // vypnute vertikalne scrollovanie
+    if (props.scrollable) {
+        if (props.scrollWidth !== "none") {
+            scrollWidth = props.scrollWidth;
+            if (scrollWidth === "viewport") {
+                scrollWidth = 'calc(100vw - 1.4rem)'; // 20px okraje
+            }
+        }
+        if (props.scrollHeight !== "none") {
+            scrollHeight = props.scrollHeight;
+            if (scrollHeight === "viewport") {
+                // vypocet je priblizny, robeny na mobil, desktop bude mat mozno iny
+                //const headerHeight = XUtils.toPX0('12.7rem');
+                //let footerHeight = XUtils.toPX0('3.7rem') + XUtils.toPX0('3rem'); // table footer (paging) + buttons Add row, Edit, ...
+                // na desktope mi nechce odpocitat vysku taskbar-u od window.screen.availHeight, tak to poriesime takymto hack-om:
+                // if (!XUtils.isMobile()) {
+                //     footerHeight += XUtils.toPX0('6rem'); // priblizna vyska taskbaru (ak mam 2 rady buttonov)
+                // }
+                var viewHeight = void 0;
+                var headerFooterHeight = void 0;
+                if (props.searchTableParams === undefined) {
+                    // sme v standardnom formulari
+                    viewHeight = '100vh';
+                    // experimentalne zistena vyska header/footer
+                    // da sa vyratat ako vysku body (celej stranky) - vyska div-u ktory sa scrolluje (div na ktorom je style="max-height: calc(100vh - 266.42px);)
+                    // (treba odratat vysku paginatora a formFooterHeight (lebo tie sa odratavaju nizsie))
+                    headerFooterHeight = XUtils_1.XUtils.toPX0('10.89rem');
+                }
+                else {
+                    // sme v dialogu
+                    if (XUtils_1.XUtils.isMobile()) {
+                        viewHeight = '98vh'; // .p-dialog pre mobil ma max-height: 98%
+                        headerFooterHeight = XUtils_1.XUtils.toPX0('12.03rem'); // rucne zratane
+                    }
+                    else {
+                        viewHeight = '90vh'; // .p-dialog pre desktop ma max-height: 90%
+                        headerFooterHeight = XUtils_1.XUtils.toPX0('13.03rem'); // rucne zratane (desktop ma vecsi margin dole na dialogu)
+                    }
+                }
+                // pridame vysku paging-u, ak treba
+                if (props.paginator) {
+                    headerFooterHeight += XUtils_1.XUtils.toPX0('3.71rem');
+                }
+                // este pridame vysku linkov na zdrojaky, ak treba
+                if (props.formFooterHeight !== undefined) {
+                    headerFooterHeight += XUtils_1.XUtils.toPX0(XUtils_1.XUtils.processGridBreakpoints(props.formFooterHeight));
+                }
+                scrollHeight = "calc(".concat(viewHeight, " - ").concat(headerFooterHeight, "px)");
+            }
+        }
+    }
+    var style = {};
+    if (scrollWidth !== undefined) {
+        style.width = scrollWidth;
+    }
+    if (props.shrinkWidth) {
+        style.maxWidth = 'min-content'; // ak nic nedame (nechame auto), tak (v pripade ak nebudeme mat horizontalny scrollbar) natiahne tabulku na celu sirku stranky, co nechceme
+    }
+    // pri prechode z Primereact 6.x na 9.x sa tableLayout zmenil z fixed na auto a nefungovalo nastavenie sirok stlpcov - docasne teda takto
+    var tableStyle = { tableLayout: 'fixed' };
+    if (props.width !== undefined) {
+        var width = props.width;
+        if (!isNaN(Number(width))) { // if width is number
+            width = width + 'rem';
+        }
+        tableStyle = __assign(__assign({}, tableStyle), { width: width });
+    }
+    // check
+    if ((props.editMode === true || props.editMode === false) && props.editModeHandlers === undefined) {
+        throw "XLazyDataTable: for props.editMode = true/false, props.editModeHandlers must be defined.";
+    }
+    // pouzivame paginatorLeft aj paginatorRight (aj prazdny) pouzivame, aby bol default paginator v strede (bez paginatorLeft je default paginator presunuty dolava a naopak)
+    // sirku div-ov este nastavujeme v css na 10rem
+    var paginatorLeft = react_1.default.createElement("div", null,
+        (0, XLocale_1.xLocaleOption)('totalRecords'),
+        ": ",
+        value.totalRecords);
+    var paginatorRight = react_1.default.createElement("div", null);
+    if (props.editMode === true) {
+        paginatorRight = react_1.default.createElement("div", null,
+            react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-save", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onSave(); }, tooltip: "Save form" }),
+            react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-times", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onCancel(); }, tooltip: "Cancel editing" }));
+    }
+    else if (props.editMode === false) {
+        paginatorRight = react_1.default.createElement("div", null,
+            react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-pencil", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onStart(); }, tooltip: "Edit form" }));
+    }
+    // else - editMode is undefined - browse is not editable
+    // export pre search button-y zatial vypneme
+    var exportRows = (props.searchTableParams === undefined);
+    // pre lepsiu citatelnost vytvarame stlpce uz tu
+    var columnElemList = react_1.default.Children.map(props.children, function (child) {
+        // ak chceme zmenit child element, tak treba bud vytvorit novy alebo vyklonovat
+        // priklad je na https://soshace.com/building-react-components-using-children-props-and-context-api/
+        // (vzdy musime robit manipulacie so stlpcom, lebo potrebujeme pridat filter={true} sortable={true}
+        var childColumn = child; // nevedel som to krajsie...
+        var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntity, childColumn.props.field);
+        // *********** header ***********
+        var headerLabel = childColumn.props.header !== undefined ? childColumn.props.header : childColumn.props.field;
+        var header;
+        if (props.editMode === true) {
+            header = react_1.default.createElement("div", null,
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-plus", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onAddColumn(childColumn.props.field); }, tooltip: "Add column" }),
+                    react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-pencil", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onEditColumn(childColumn.props.field); }, tooltip: "Edit column" }),
+                    react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-trash", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onRemoveColumn(childColumn.props.field); }, tooltip: "Remove column" })),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-chevron-left", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onMoveColumnLeft(childColumn.props.field); }, tooltip: "Move column left" }),
+                    react_1.default.createElement(XButtonIconSmall_1.XButtonIconSmall, { icon: "pi pi-chevron-right", onClick: function () { var _a; return (_a = props.editModeHandlers) === null || _a === void 0 ? void 0 : _a.onMoveColumnRight(childColumn.props.field); }, tooltip: "Move column right" })),
+                react_1.default.createElement("div", null, headerLabel));
+        }
+        else {
+            header = headerLabel;
+        }
+        // *********** filterElement ***********
+        var betweenFilter = undefined;
+        var filterElement;
+        if (childColumn.props.filterElement !== undefined) {
+            filterElement = function (options) {
+                // compilator sa stazoval ze childColumn.props.filterElement moze byt undefined, preto som pridal "!"
+                return childColumn.props.filterElement({ getFilterItem: getFilterItem, setFilterItem: setFilterItem, options: options });
+            };
+        }
+        else {
+            if (xField.type === "boolean") {
+                var checkboxValue = getFilterValue(childColumn.props.field);
+                filterElement = react_1.default.createElement(tristatecheckbox_1.TriStateCheckbox, { value: checkboxValue, onChange: function (e) { return setFilterValue(childColumn.props.field, e.value, api_1.FilterMatchMode.EQUALS); } });
+            }
+            else if (childColumn.props.dropdownInFilter) {
+                var dropdownValue = getDropdownFilterValue(childColumn.props.field);
+                filterElement = react_1.default.createElement(XDropdownDTFilter_1.XDropdownDTFilter, { entity: props.entity, path: childColumn.props.field, value: dropdownValue, onValueChange: onDropdownFilterChange });
+            }
+            else if (xField.type === "date" || xField.type === "datetime") {
+                betweenFilter = getBetweenFilter(childColumn.props.betweenFilter, props.betweenFilter);
+                if (betweenFilter !== undefined) {
+                    // display: 'flex' umiestni XCalendar elementy vedla seba
+                    filterElement =
+                        react_1.default.createElement("div", { style: betweenFilter === "row" ? { display: 'flex' } : undefined },
+                            react_1.default.createElement(XCalendar_1.XCalendar, { value: getFilterValue1(childColumn.props.field), onChange: function (value) { return setFilterValue1(childColumn.props.field, value); }, datetime: xField.type === "datetime" }),
+                            react_1.default.createElement(XCalendar_1.XCalendar, { value: getFilterValue2(childColumn.props.field), onChange: function (value) { return setFilterValue2(childColumn.props.field, value); }, datetime: xField.type === "datetime" }));
+                }
+                else {
+                    var dateValue = getFilterValue(childColumn.props.field);
+                    filterElement = react_1.default.createElement(XCalendar_1.XCalendar, { value: dateValue, onChange: function (value) { return setFilterValue(childColumn.props.field, value); }, datetime: xField.type === "datetime" });
+                }
+            }
+            else if (xField.type === "decimal" || xField.type === "number") {
+                var params = XUtilsMetadata_1.XUtilsMetadata.getParamsForInputNumber(xField);
+                betweenFilter = getBetweenFilter(childColumn.props.betweenFilter, props.betweenFilter);
+                if (betweenFilter !== undefined) {
+                    // display: 'flex' umiestni input elementy pod seba (betweenFilter = "column") resp. vedla seba (betweenFilter = "row")
+                    filterElement =
+                        react_1.default.createElement("div", { style: { display: 'flex', flexDirection: betweenFilter } },
+                            react_1.default.createElement(XInputDecimalBase_1.XInputDecimalBase, __assign({ value: getFilterValue1(childColumn.props.field), onChange: function (value) { return setFilterValue1(childColumn.props.field, value); } }, params)),
+                            react_1.default.createElement(XInputDecimalBase_1.XInputDecimalBase, __assign({ value: getFilterValue2(childColumn.props.field), onChange: function (value) { return setFilterValue2(childColumn.props.field, value); } }, params)));
+                }
+                else {
+                    var numberValue = getFilterValue(childColumn.props.field);
+                    filterElement = react_1.default.createElement(XInputDecimalBase_1.XInputDecimalBase, __assign({ value: numberValue, onChange: function (value) { return setFilterValue(childColumn.props.field, value); } }, params));
+                }
+            }
+        }
+        // ************** dataType **************
+        // depending on the dataType of the column, suitable match modes are displayed in filter
+        var dataType = undefined;
+        if (xField.type === "decimal" || xField.type === "number") {
+            dataType = "numeric";
+        }
+        else if (xField.type === "date" || xField.type === "datetime") {
+            dataType = "date";
+        }
+        // *********** showFilterMenu ***********
+        var showFilterMenu;
+        if (childColumn.props.showFilterMenu !== undefined) {
+            showFilterMenu = childColumn.props.showFilterMenu;
+        }
+        else {
+            showFilterMenu = true; // default
+            if (props.filterDisplay === "row") {
+                if (xField.type === "boolean" || childColumn.props.dropdownInFilter || betweenFilter !== undefined) {
+                    showFilterMenu = false;
+                }
+            }
+        }
+        // *********** showClearButton ***********
+        // pre filterDisplay = "row" nechceme clear button, chceme setrit miesto
+        var showClearButton = props.filterDisplay === "menu";
+        // *********** body ***********
+        var body;
+        if (childColumn.props.body !== undefined) {
+            body = childColumn.props.body;
+        }
+        // TODO - mozno by bolo dobre vytvarat body pre kazdy typ fieldu, nech je to vsetko konzistentne
+        else if (xField.type === "decimal" || xField.type === "date" || xField.type === "datetime" || xField.type === "boolean") {
+            body = function (rowData) { return bodyTemplate(childColumn.props, rowData, xField); };
+        }
+        // *********** width/headerStyle ***********
+        var width = XUtils_1.XUtils.processPropWidth(childColumn.props.width);
+        if (width === undefined || width === "default") {
+            // TODO - if filter not used at all, then buttons flags should be false
+            var filterMenuInFilterRow = props.filterDisplay === "row" && showFilterMenu;
+            var filterButtonInHeader = props.filterDisplay === "menu";
+            width = XUtilsMetadata_1.XUtilsMetadata.computeColumnWidth(xField, betweenFilter, filterMenuInFilterRow, undefined, headerLabel, true, filterButtonInHeader);
+        }
+        var headerStyle = {};
+        if (width !== undefined) {
+            headerStyle = { width: width };
+        }
+        // *********** align ***********
+        var align = undefined; // default undefined (left)
+        if (childColumn.props.align !== undefined && childColumn.props.align !== null) {
+            align = childColumn.props.align;
+        }
+        else {
+            // decimal defaultne zarovnavame doprava
+            if (xField.type === "decimal") {
+                align = "right";
+            }
+            else if (xField.type === "boolean") {
+                align = "center";
+            }
+        }
+        // *********** footer ***********
+        var footer = undefined;
+        if (childColumn.props.aggregateType && value.aggregateValues) {
+            var aggregateValue = value.aggregateValues[childColumn.props.field];
+            if (aggregateValue !== undefined && aggregateValue !== null) {
+                if (xField.type === "decimal" || xField.type === "number") {
+                    // v json subore su stringy (cislo v ""), konvertujeme aby sme zmenili 123.45 na 123,45
+                    aggregateValue = (0, XUtilsConversions_1.numberAsUI)((0, XUtilsConversions_1.numberFromModel)(aggregateValue), xField.scale);
+                }
+            }
+            else {
+                aggregateValue = ""; // nemame este nacitane data
+            }
+            footer = aggregateValue;
+        }
+        return react_1.default.createElement(column_1.Column, { field: childColumn.props.field, header: header, footer: footer, filter: true, sortable: true, filterElement: filterElement, dataType: dataType, showFilterMenu: showFilterMenu, showClearButton: showClearButton, body: body, headerStyle: headerStyle, align: align });
+    });
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "flex justify-content-center" },
+            react_1.default.createElement(XButton_1.XButton, { key: "filter", label: (0, XLocale_1.xLocaleOption)('filter'), onClick: onClickFilter }),
+            react_1.default.createElement(XButton_1.XButton, { key: "clearFilter", label: (0, XLocale_1.xLocaleOption)('clearFilter'), onClick: onClickClearFilter })),
+        react_1.default.createElement("div", { className: "flex justify-content-center" },
+            react_1.default.createElement(datatable_1.DataTable, { value: value.rowList, dataKey: dataKey, paginator: props.paginator, rows: rows, totalRecords: value.totalRecords, lazy: true, first: first, onPage: onPage, loading: loading, filterDisplay: props.filterDisplay, filters: filters, onFilter: onFilter, sortMode: "multiple", removableSort: true, multiSortMeta: multiSortMeta, onSort: onSort, selectionMode: "single", selection: selectedRow, onSelectionChange: onSelectionChange, onRowDoubleClick: onRowDoubleClick, ref: dataTableEl, className: "p-datatable-sm x-lazy-datatable", resizableColumns: true, columnResizeMode: "expand", tableStyle: tableStyle, paginatorLeft: paginatorLeft, paginatorRight: paginatorRight, scrollable: props.scrollable, scrollHeight: scrollHeight, style: style }, columnElemList)),
+        react_1.default.createElement("div", { className: "flex justify-content-center" },
+            props.onAddRow !== undefined ? react_1.default.createElement(XButton_1.XButton, { key: "addRow", icon: "pi pi-plus", label: (0, XLocale_1.xLocaleOption)('addRow'), onClick: onClickAddRow }) : null,
+            props.onEdit !== undefined ? react_1.default.createElement(XButton_1.XButton, { key: "editRow", icon: "pi pi-pencil", label: (0, XLocale_1.xLocaleOption)('editRow'), onClick: onClickEdit }) : null,
+            props.removeRow !== undefined && props.removeRow !== false ? react_1.default.createElement(XButton_1.XButton, { key: "removeRow", icon: "pi pi-times", label: (0, XLocale_1.xLocaleOption)('removeRow'), onClick: onClickRemoveRow }) : null,
+            exportRows ? react_1.default.createElement(XButton_1.XButton, { key: "exportRows", icon: "pi pi-file-export", label: (0, XLocale_1.xLocaleOption)('exportRows'), onClick: onClickExport }) : null,
+            props.appButtons,
+            props.searchTableParams !== undefined ? react_1.default.createElement(XButton_1.XButton, { key: "choose", label: (0, XLocale_1.xLocaleOption)('chooseRow'), onClick: onClickChoose }) : null,
+            exportRows ? react_1.default.createElement(XExportRowsDialog_1.XExportRowsDialog, { key: "exportRowsDialog", dialogOpened: exportRowsDialogOpened, hideDialog: function () { return setExportRowsDialogOpened(false); }, rowCount: exportRowsDialogRowCount, exportParams: createExportParams }) : null)));
+};
+exports.XLazyDataTable = XLazyDataTable;
+exports.XLazyDataTable.defaultProps = {
+    paginator: true,
+    rows: 10,
+    filterDisplay: "row",
+    scrollable: true,
+    scrollWidth: 'viewport',
+    scrollHeight: 'viewport',
+    shrinkWidth: true
+};
+// TODO - XLazyColumn neni idealny nazov, lepsi je XColumn (ale zatial nechame XLazyColumn)
+var XLazyColumn = 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.XLazyColumn = XLazyColumn;