@michalrakus/x-react-web-lib 1.19.0 → 1.21.0

package/lib/components/{XLazyDataTable.js → XLazyDataTable/XLazyDataTable.js}

@@ -110,23 +110,27 @@ 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("../serverApi/XUtilsConversions");
-var FindParam_1 = require("../serverApi/FindParam");
-var XButtonIconSmall_1 = require("./XButtonIconSmall");
+var XButton_1 = require("../XButton");
+var XUtils_1 = require("../XUtils");
+var XUtilsMetadata_1 = require("../XUtilsMetadata");
+var XDropdownDTFilter_1 = require("../XDropdownDTFilter");
+var XUtilsConversions_1 = require("../../serverApi/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 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 XFtsInput_1 = require("./XFtsInput");
-var XUtilsMetadataCommon_1 = require("../serverApi/XUtilsMetadataCommon");
-var inputswitch_1 = require("primereact/inputswitch");
+var XCalendar_1 = require("../XCalendar");
+var XInputDecimalBase_1 = require("../XInputDecimalBase");
+var XLocale_1 = require("../XLocale");
+var XFtsInput_1 = require("../XFtsInput");
+var XUtilsMetadataCommon_1 = require("../../serverApi/XUtilsMetadataCommon");
+var editor_1 = require("primereact/editor");
+var XMultilineSwitch_1 = require("./XMultilineSwitch");
+var XMultilineRenderer_1 = require("./XMultilineRenderer");
+var XHtmlRenderer_1 = require("./XHtmlRenderer");
+var XOcfDropdown_1 = require("./XOcfDropdown");
 var XLazyDataTable = function (props) {
     var _a;
     // must be here, is used in createInitFilters()
@@ -236,14 +240,16 @@ var XLazyDataTable = function (props) {
     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 initFtsInputValue = props.fullTextSearch ? createInitFtsInputValue() : undefined;
     var _g = __read((0, react_1.useState)(initFtsInputValue), 2), ftsInputValue = _g[0], setFtsInputValue = _g[1];
-    var _h = __read((0, react_1.useState)(true), 2), multiLineSwitchValue = _h[0], setMultiLineSwitchValue = _h[1];
-    var _j = __read((0, react_1.useState)(XUtils_1.XUtils.createMultiSortMeta(props.sortField)), 2), multiSortMeta = _j[0], setMultiSortMeta = _j[1];
-    var _k = __read((0, react_1.useState)(null), 2), selectedRow = _k[0], setSelectedRow = _k[1];
-    var _l = __read((_a = props.dataLoadedState) !== null && _a !== void 0 ? _a : (0, react_1.useState)(false), 2), dataLoaded = _l[0], setDataLoaded = _l[1]; // priznak kde si zapiseme, ci uz sme nacitali data
-    var _m = __read((0, react_1.useState)(false), 2), exportRowsDialogOpened = _m[0], setExportRowsDialogOpened = _m[1];
-    var _o = __read((0, react_1.useState)(), 2), exportRowsDialogRowCount = _o[0], setExportRowsDialogRowCount = _o[1]; // param pre dialog
-    var _p = __read((0, react_1.useState)(filtersInit), 2), filtersAfterFiltering = _p[0], setFiltersAfterFiltering = _p[1]; // sem si odkladame stav filtra po kliknuti na button Filter (chceme exportovat presne to co vidno vyfiltrovane)
-    var _q = __read((0, react_1.useState)(initFtsInputValue), 2), ftsInputValueAfterFiltering = _q[0], setFtsInputValueAfterFiltering = _q[1]; // tak isto ako filtersAfterFiltering
+    var _h = __read((0, react_1.useState)(undefined), 2), optionalCustomFilter = _h[0], setOptionalCustomFilter = _h[1];
+    var _j = __read((0, react_1.useState)(props.multilineSwitchInitValue), 2), multilineSwitchValue = _j[0], setMultilineSwitchValue = _j[1];
+    var _k = __read((0, react_1.useState)(XUtils_1.XUtils.createMultiSortMeta(props.sortField)), 2), multiSortMeta = _k[0], setMultiSortMeta = _k[1];
+    var _l = __read((0, react_1.useState)(null), 2), selectedRow = _l[0], setSelectedRow = _l[1];
+    var _m = __read((_a = props.dataLoadedState) !== null && _a !== void 0 ? _a : (0, react_1.useState)(false), 2), dataLoaded = _m[0], setDataLoaded = _m[1]; // priznak kde si zapiseme, ci uz sme nacitali data
+    var _o = __read((0, react_1.useState)(false), 2), exportRowsDialogOpened = _o[0], setExportRowsDialogOpened = _o[1];
+    var _p = __read((0, react_1.useState)(), 2), exportRowsDialogRowCount = _p[0], setExportRowsDialogRowCount = _p[1]; // param pre dialog
+    var _q = __read((0, react_1.useState)(filtersInit), 2), filtersAfterFiltering = _q[0], setFiltersAfterFiltering = _q[1]; // sem si odkladame stav filtra po kliknuti na button Filter (chceme exportovat presne to co vidno vyfiltrovane)
+    var _r = __read((0, react_1.useState)(initFtsInputValue), 2), ftsInputValueAfterFiltering = _r[0], setFtsInputValueAfterFiltering = _r[1]; // tak isto ako filtersAfterFiltering
+    var _s = __read((0, react_1.useState)(undefined), 2), optionalCustomFilterAfterFiltering = _s[0], setOptionalCustomFilterAfterFiltering = _s[1]; // tak isto ako filtersAfterFiltering
     // 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
@@ -273,10 +279,13 @@ var XLazyDataTable = function (props) {
     // TODO - preco je to tu? presunut dole ak sa da...
     var dataKey = props.dataKey !== undefined ? props.dataKey : XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXEntity(props.entity).idField;
     var onPage = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var findParam;
         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, fullTextSearch: createXFullTextSearch(ftsInputValue), customFilterItems: customFilterItems, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems });
+            findParam = createFindParam();
+            findParam.first = event.first; // prepiseme first, lebo je tam stara hodnota (volanie setFirst nezmeni first hned)
+            loadDataBase(findParam);
             return [2 /*return*/];
         });
     }); };
@@ -290,7 +299,9 @@ var XLazyDataTable = function (props) {
         //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, fullTextSearch: createXFullTextSearch(ftsInputValue), customFilterItems: customFilterItems, multiSortMeta: event.multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems });
+        var findParam = createFindParam();
+        findParam.multiSortMeta = event.multiSortMeta; // prepiseme multiSortMeta, lebo je tam stara hodnota (volanie setMultiSortMeta nezmeni multiSortMeta hned)
+        loadDataBase(findParam);
     };
     var onClickFilter = function () {
         //console.log("zavolany onClickFilter");
@@ -303,9 +314,26 @@ var XLazyDataTable = function (props) {
         if (ftsInputValue) {
             setFtsInputValue(createInitFtsInputValue());
         }
+        if (props.optionalCustomFilters) {
+            setOptionalCustomFilter(undefined);
+        }
     };
     var loadData = function () {
-        loadDataBase({ resultType: FindParam_1.ResultType.RowCountAndPagedRows, first: first, rows: rows, filters: filters, fullTextSearch: createXFullTextSearch(ftsInputValue), customFilterItems: customFilterItems, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems });
+        loadDataBase(createFindParam());
+    };
+    var createFindParam = function () {
+        return {
+            resultType: FindParam_1.ResultType.RowCountAndPagedRows,
+            first: first,
+            rows: rows,
+            filters: filters,
+            fullTextSearch: createXFullTextSearch(ftsInputValue),
+            customFilterItems: createXCustomFilterItems(customFilterItems, optionalCustomFilter),
+            multiSortMeta: multiSortMeta,
+            entity: props.entity,
+            fields: getFields(true),
+            aggregateItems: aggregateItems
+        };
     };
     var loadDataBase = function (findParam) { return __awaiter(void 0, void 0, void 0, function () {
         var findResult;
@@ -322,6 +350,7 @@ var XLazyDataTable = function (props) {
                     // odlozime si filter hodnoty pre pripadny export - deep cloning vyzera ze netreba
                     setFiltersAfterFiltering(filters);
                     setFtsInputValueAfterFiltering(ftsInputValue ? __assign({}, ftsInputValue) : undefined);
+                    setOptionalCustomFilterAfterFiltering(optionalCustomFilter);
                     return [2 /*return*/];
             }
         });
@@ -350,7 +379,10 @@ var XLazyDataTable = function (props) {
         }
         return xFullTextSearch;
     };
-    var getFields = function () {
+    var createXCustomFilterItems = function (customFilterItems, optionalCustomFilter) {
+        return XUtils_1.XUtils.filterAnd(customFilterItems, optionalCustomFilter === null || optionalCustomFilter === void 0 ? void 0 : optionalCustomFilter.filter);
+    };
+    var getFields = function (addPropsFields) {
         // krasne zobrazi cely objekt!
         //console.log(dataTableEl.current);
         var e_3, _a;
@@ -369,8 +401,10 @@ var XLazyDataTable = function (props) {
             }
             finally { if (e_3) throw e_3.error; }
         }
-        if (props.fields) {
-            fields.push.apply(fields, __spreadArray([], __read(props.fields), false));
+        if (addPropsFields) {
+            if (props.fields) {
+                fields.push.apply(fields, __spreadArray([], __read(props.fields), false));
+            }
         }
         return fields;
     };
@@ -396,6 +430,10 @@ var XLazyDataTable = function (props) {
         }
         return headers;
     };
+    var hasContentTypeHtml = function () {
+        var columns = props.children;
+        return columns.some(function (column) { return column.props.contentType === "html"; });
+    };
     var onSelectionChange = function (event) {
         //console.log("zavolany onSelectionChange");
         //console.log(event.value);
@@ -497,7 +535,18 @@ var XLazyDataTable = function (props) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    findParam = { resultType: FindParam_1.ResultType.OnlyRowCount, first: first, rows: rows, filters: filtersAfterFiltering, fullTextSearch: createXFullTextSearch(ftsInputValueAfterFiltering), customFilterItems: customFilterItems, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields(), aggregateItems: aggregateItems };
+                    findParam = {
+                        resultType: FindParam_1.ResultType.OnlyRowCount,
+                        first: first,
+                        rows: rows,
+                        filters: filtersAfterFiltering,
+                        fullTextSearch: createXFullTextSearch(ftsInputValueAfterFiltering),
+                        customFilterItems: createXCustomFilterItems(customFilterItems, optionalCustomFilterAfterFiltering),
+                        multiSortMeta: multiSortMeta,
+                        entity: props.entity,
+                        fields: getFields(false),
+                        aggregateItems: aggregateItems
+                    };
                     return [4 /*yield*/, findByFilter(findParam)];
                 case 1:
                     findResult = _a.sent();
@@ -509,7 +558,15 @@ var XLazyDataTable = function (props) {
         });
     }); };
     var createExportParams = function () {
-        var queryParam = { filters: filtersAfterFiltering, fullTextSearch: createXFullTextSearch(ftsInputValueAfterFiltering), customFilterItems: customFilterItems, multiSortMeta: multiSortMeta, entity: props.entity, fields: getFields() };
+        var queryParam = {
+            filters: filtersAfterFiltering,
+            fullTextSearch: createXFullTextSearch(ftsInputValueAfterFiltering),
+            customFilterItems: createXCustomFilterItems(customFilterItems, optionalCustomFilterAfterFiltering),
+            multiSortMeta: multiSortMeta,
+            entity: props.entity,
+            fields: getFields(false),
+            fieldsToDuplicateValues: props.exportFieldsToDuplicateValues
+        };
         return {
             path: "x-lazy-data-table-export",
             queryParam: queryParam,
@@ -617,23 +674,26 @@ var XLazyDataTable = function (props) {
         }
         return betweenFilter;
     };
-    var valueAsUI = function (value, xField) {
+    var valueAsUI = function (value, xField, contentType) {
         var valueResult;
         if (xField.type === "boolean") {
             // TODO - efektivnejsie by bolo renderovat len prislusne ikonky
             valueResult = react_1.default.createElement(tristatecheckbox_1.TriStateCheckbox, { value: value, disabled: true });
         }
         else {
-            // ine typy - convertValue vrati string
-            // mame zapnutu konverziu fromModel, lebo z json-u nam prichadzaju objekty typu string (napr. pri datumoch)
-            valueResult = (0, XUtilsConversions_1.convertValue)(xField, value, true, XUtilsConversions_1.AsUIType.Form);
-            // ak mame viacriadkovy text a zapnuty multiLineSwitch (defaultne je zapnuty aj ked nie je zobrazeny)
-            if (multiLineSwitchValue) {
-                if (xField.type === "string" && typeof valueResult === "string" && valueResult) {
-                    var lines = valueResult.split(XUtilsCommon_1.XUtilsCommon.newLine);
-                    if (lines.length >= 2) {
-                        var elemList = lines.map(function (value, index) { return react_1.default.createElement("div", { key: index }, value); });
-                        valueResult = react_1.default.createElement("div", null, elemList);
+            if (contentType === "html") {
+                // value should be always string (xField.type === "string")
+                valueResult = react_1.default.createElement(XHtmlRenderer_1.XHtmlRenderer, { htmlValue: value, renderType: multilineSwitchValue, fewLinesCount: props.multilineSwitchFewLinesCount });
+            }
+            else {
+                // ine typy - convertValue vrati string
+                // mame zapnutu konverziu fromModel, lebo z json-u nam prichadzaju objekty typu string (napr. pri datumoch)
+                valueResult = (0, XUtilsConversions_1.convertValue)(xField, value, true, XUtilsConversions_1.AsUIType.Form);
+                // ak mame viacriadkovy text a multilineSwitch nastaveny na viac ako 1 riadok (defaultne je nastaveny na "allLines") pouzijeme XMultilineRenderer
+                if (contentType === "multiline" && multilineSwitchValue !== "singleLine") {
+                    if (xField.type === "string" && typeof valueResult === "string" && valueResult) {
+                        var lines = valueResult.split(XUtilsCommon_1.XUtilsCommon.newLine);
+                        valueResult = react_1.default.createElement(XMultilineRenderer_1.XMultilineRenderer, { valueList: lines, renderType: multilineSwitchValue, fewLinesCount: props.multilineSwitchFewLinesCount, multilineContent: true });
                     }
                 }
             }
@@ -644,11 +704,11 @@ var XLazyDataTable = function (props) {
         var bodyValue;
         var rowDataValue = XUtilsCommon_1.XUtilsCommon.getValueOrValueListByPath(rowData, columnProps.field);
         if (Array.isArray(rowDataValue)) {
-            var elemList = rowDataValue.map(function (value, index) { return react_1.default.createElement("div", { key: index }, valueAsUI(value, xField)); });
-            bodyValue = react_1.default.createElement("div", null, elemList);
+            var elemList = rowDataValue.map(function (value) { return valueAsUI(value, xField, columnProps.contentType); });
+            bodyValue = react_1.default.createElement(XMultilineRenderer_1.XMultilineRenderer, { valueList: elemList, renderType: multilineSwitchValue, fewLinesCount: props.multilineSwitchFewLinesCount });
         }
         else {
-            bodyValue = valueAsUI(rowDataValue, xField);
+            bodyValue = valueAsUI(rowDataValue, xField, columnProps.contentType);
         }
         return bodyValue;
     };
@@ -892,13 +952,14 @@ var XLazyDataTable = function (props) {
         }
         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 });
     });
-    // align-items-center centruje vertikalne (posuva smerom doulu do stredu)
+    // align-items-center centruje vertikalne (posuva smerom dolu do stredu)
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "flex justify-content-center align-items-center" },
             ftsInputValue ? react_1.default.createElement(XFtsInput_1.XFtsInput, { value: ftsInputValue, onChange: function (value) { return setFtsInputValue(value); } }) : null,
             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 }),
-            props.multiLineSwitch ? react_1.default.createElement(inputswitch_1.InputSwitch, { checked: multiLineSwitchValue, onChange: function (e) { return setMultiLineSwitchValue(e.value); }, className: "m-1" }) : null),
+            props.optionalCustomFilters ? react_1.default.createElement(XOcfDropdown_1.XOcfDropdown, { optionalCustomFilters: props.optionalCustomFilters, value: optionalCustomFilter, onChange: function (value) { return setOptionalCustomFilter(value); }, className: "m-1" }) : null,
+            props.multilineSwitch ? react_1.default.createElement(XMultilineSwitch_1.XMultilineSwitch, { value: multilineSwitchValue, onChange: function (value) { return setMultilineSwitchValue(value); }, className: "m-1" }) : null),
         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, rowClassName: props.rowClassName, 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" },
@@ -909,7 +970,8 @@ var XLazyDataTable = function (props) {
             props.appButtonsForRow ? props.appButtonsForRow.map(function (xAppButton) { return react_1.default.createElement(XButton_1.XButton, { key: xAppButton.key, icon: xAppButton.icon, label: xAppButton.label, onClick: function () { return onClickAppButtonForRow(xAppButton.onClick); } }); }) : null,
             props.appButtons,
             props.searchBrowseParams !== 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)));
+            exportRows ? react_1.default.createElement(XExportRowsDialog_1.XExportRowsDialog, { key: "exportRowsDialog", dialogOpened: exportRowsDialogOpened, hideDialog: function () { return setExportRowsDialogOpened(false); }, rowCount: exportRowsDialogRowCount, exportParams: createExportParams }) : null),
+        hasContentTypeHtml() ? react_1.default.createElement(editor_1.Editor, { style: { display: 'none' }, showHeader: false }) : null /* we want to import css if needed (<style type="text/css" data-primereact-style-id="editor">) */));
 };
 exports.XLazyDataTable = XLazyDataTable;
 exports.XLazyDataTable.defaultProps = {
@@ -917,7 +979,9 @@ exports.XLazyDataTable.defaultProps = {
     rows: 10,
     filterDisplay: "row",
     fullTextSearch: true,
-    multiLineSwitch: false,
+    multilineSwitch: false,
+    multilineSwitchInitValue: "allLines",
+    multilineSwitchFewLinesCount: 2,
     scrollable: true,
     scrollWidth: 'viewport',
     scrollHeight: 'viewport',

package/lib/components/XLazyDataTable/XMultilineRenderer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { XMultilineRenderType } from "./XLazyDataTable";
+export declare const XMultilineRenderer: (props: {
+    valueList: React.ReactNode[];
+    renderType: XMultilineRenderType;
+    fewLinesCount: number;
+    multilineContent?: boolean;
+}) => JSX.Element;

package/lib/components/XLazyDataTable/XMultilineRenderer.js

@@ -0,0 +1,80 @@
+"use strict";
+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 __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.XMultilineRenderer = void 0;
+var react_1 = __importStar(require("react"));
+var button_1 = require("primereact/button");
+var XMultilineRenderer = function (props) {
+    // used only for props.renderType === "fewLines"
+    var _a = __read((0, react_1.useState)(false), 2), showAllLines = _a[0], setShowAllLines = _a[1];
+    var valueResult; // musime vracat element, ak chceme XMultilineRenderer volat priamo cez jsx
+    if (props.renderType === "singleLine") {
+        // TODO - joinovat elementy
+        valueResult = react_1.default.createElement("div", null, props.valueList.join(", ")); // pouziva sa hlavne pre oneToMany asociacie
+    }
+    else {
+        var valueListLocal = props.valueList;
+        if (props.renderType === "fewLines" && !showAllLines) {
+            valueListLocal = valueListLocal.slice(0, props.fewLinesCount);
+        }
+        var elemList = valueListLocal.map(function (value, index) { return react_1.default.createElement("div", { key: index }, value); });
+        if (props.renderType === "fewLines") {
+            if (props.valueList.length > props.fewLinesCount) {
+                // prepiseme posledny element v zozname - pridame mu button
+                var elemListLastIndex = elemList.length - 1;
+                elemList[elemListLastIndex] =
+                    react_1.default.createElement("div", { key: elemListLastIndex },
+                        valueListLocal[elemListLastIndex],
+                        react_1.default.createElement(button_1.Button, { icon: showAllLines ? "pi pi-angle-double-left" : "pi pi-angle-double-right", onClick: function () { return setShowAllLines(!showAllLines); }, className: "x-button-multiline-expand-collapse" }));
+                // ak by bol nejaky problem s tym hore tak treba pouzit toto:
+                // elemList[elemListLastIndex] =
+                //     <div className="flex flex-row flex-wrap">
+                //         <div key={elemListLastIndex}>{valueListLocal[elemListLastIndex]}</div>
+                //         <Button icon={showAllLines ? "pi pi-angle-double-left" : "pi pi-angle-double-right"} onClick={() => setShowAllLines(!showAllLines)}
+                //                 className="x-button-multiline-expand-collapse"/>
+                //     </div>;
+            }
+        }
+        valueResult = react_1.default.createElement("div", { className: props.multilineContent ? "x-multiline-content" : undefined }, elemList);
+    }
+    return valueResult;
+};
+exports.XMultilineRenderer = XMultilineRenderer;

package/lib/components/XLazyDataTable/XMultilineSwitch.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { XMultilineRenderType } from "./XLazyDataTable";
+export declare const XMultilineSwitch: (props: {
+    value: XMultilineRenderType;
+    onChange: (value: XMultilineRenderType) => void;
+    className?: string | undefined;
+}) => JSX.Element;

package/lib/components/XLazyDataTable/XMultilineSwitch.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XMultilineSwitch = void 0;
+var react_1 = __importDefault(require("react"));
+var selectbutton_1 = require("primereact/selectbutton");
+var XMultilineSwitch = function (props) {
+    var options = [
+        { icon: 'pi pi-minus', value: 'singleLine' },
+        { icon: 'pi pi-bars', value: 'fewLines' },
+        { icon: 'pi pi-align-justify', value: 'allLines' }
+    ];
+    var itemTemplate = function (option) {
+        return react_1.default.createElement("i", { className: option.icon });
+    };
+    return (react_1.default.createElement(selectbutton_1.SelectButton, { value: props.value, onChange: function (e) { return props.onChange(e.value); }, options: options, optionValue: "value", itemTemplate: itemTemplate, className: props.className }));
+};
+exports.XMultilineSwitch = XMultilineSwitch;

package/lib/components/XLazyDataTable/XOcfDropdown.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { XOptionalCustomFilter } from "./XLazyDataTable";
+export declare const XOcfDropdown: (props: {
+    optionalCustomFilters: XOptionalCustomFilter[];
+    value: XOptionalCustomFilter | undefined;
+    onChange: (value: XOptionalCustomFilter | undefined) => void;
+    className?: string | undefined;
+}) => JSX.Element;

package/lib/components/XLazyDataTable/XOcfDropdown.js

@@ -0,0 +1,52 @@
+"use strict";
+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;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XOcfDropdown = void 0;
+var react_1 = __importDefault(require("react"));
+var dropdown_1 = require("primereact/dropdown");
+var XOcfDropdown = function (props) {
+    var onChange = function (e) {
+        var value;
+        // specialna null polozka nema ziadne atributy
+        if (Object.keys(e.value).length === 0) {
+            value = undefined;
+        }
+        else {
+            value = e.value;
+        }
+        props.onChange(value);
+    };
+    // pridame prazdnu polozku
+    // polozku pridavame do kopie zoznamu, lebo inac sa nam "polozka" v props.optionalCustomFilters "mnozi"
+    var options = __spreadArray([], __read(props.optionalCustomFilters), false);
+    options.splice(0, 0, {});
+    return (react_1.default.createElement(dropdown_1.Dropdown, { options: options, optionLabel: "label", value: props.value, onChange: onChange, className: props.className }));
+};
+exports.XOcfDropdown = XOcfDropdown;

package/lib/components/XUtilsMetadata.d.ts

@@ -1,6 +1,6 @@
 import { XField } from "../serverApi/XEntityMetadata";
 import { XBrowseMeta } from "../serverApi/XBrowseMetadata";
-import { XBetweenFilterProp } from "./XLazyDataTable";
+import { XBetweenFilterProp } from "./XLazyDataTable/XLazyDataTable";
 export declare class XUtilsMetadata {
     private static xBrowseMetaMap;
     static fetchAndSetXEntityMap(): Promise<any>;

package/lib/serverApi/ExportImportParam.d.ts

@@ -16,6 +16,7 @@ export interface LazyDataTableQueryParam {
     multiSortMeta?: DataTableSortMeta[];
     entity: string;
     fields: string[];
+    fieldsToDuplicateValues?: string[];
 }
 export declare enum CsvSeparator {
     Semicolon = ";",

package/lib/serverApi/XUtilsCommon.d.ts

@@ -9,9 +9,14 @@ export declare class XUtilsCommon {
     static getPathToAssocAndField(path: string): [string | null, string];
     static isSingleField(path: string): boolean;
     static getPrefixAndField(path: string): [string | null, string];
+    static createDisplayValue(object: any, fields: string[]): string;
     static objectAsJSON(value: any): string;
+    static arrayCreateMap<ID, T>(array: T[], idField: string): Map<ID, T>;
     static getDayName(date: Date | null | undefined): string | undefined;
     static dateAddDays(date: Date | null, days: number): Date | null;
+    static dateAddMonths(date: Date | null, months: number): Date | null;
+    static dateEquals(date1: Date | null, date2: Date | null): boolean;
+    static dateDiffInYears(dateOld: Date | null, dateNew: Date | null): number | null;
     static findFirstMatch(pattern: RegExp, value: string): string | null;
     static sqlMaxDateIfNull(sqlExp: string): string;
     static today(): Date;

package/lib/serverApi/XUtilsCommon.js

@@ -168,6 +168,38 @@ var XUtilsCommon = /** @class */ (function () {
             return [prefix, pathOnly];
         }
     };
+    XUtilsCommon.createDisplayValue = function (object, fields) {
+        var e_2, _a;
+        var displayValue = "";
+        try {
+            for (var fields_1 = __values(fields), fields_1_1 = fields_1.next(); !fields_1_1.done; fields_1_1 = fields_1.next()) {
+                var field = fields_1_1.value;
+                // TODO - konverzie na spravny typ/string
+                var _b = __read(XUtilsCommon.getPrefixAndField(field), 2), prefix = _b[0], fieldOnly = _b[1];
+                var value = XUtilsCommon.getValueByPath(object, fieldOnly);
+                if (value !== null && value !== undefined) {
+                    var valueStr = value.toString(); // TODO - spravnu konverziu
+                    if (valueStr !== "") {
+                        if (displayValue !== "") {
+                            displayValue += " ";
+                        }
+                        if (prefix) {
+                            displayValue += prefix;
+                        }
+                        displayValue += valueStr;
+                    }
+                }
+            }
+        }
+        catch (e_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (fields_1_1 && !fields_1_1.done && (_a = fields_1.return)) _a.call(fields_1);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        return displayValue;
+    };
     XUtilsCommon.objectAsJSON = function (value) {
         // sem treba dat nejaku pre nas vhodnu serializaciu
         // zatial provizorne robene cez antipatern - modifikaciu prototype funcii primitivnych typov
@@ -190,6 +222,26 @@ var XUtilsCommon = /** @class */ (function () {
         Date.prototype.toJSON = dateToJSONOriginal;
         return json;
     };
+    XUtilsCommon.arrayCreateMap = function (array, idField) {
+        var e_3, _a;
+        var idRowMap = new Map();
+        try {
+            for (var array_1 = __values(array), array_1_1 = array_1.next(); !array_1_1.done; array_1_1 = array_1.next()) {
+                var row = array_1_1.value;
+                if (row) {
+                    idRowMap.set(row[idField], row);
+                }
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (array_1_1 && !array_1_1.done && (_a = array_1.return)) _a.call(array_1);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+        return idRowMap;
+    };
     XUtilsCommon.getDayName = function (date) {
         var days = ['nedeľa', 'pondelok', 'utorok', 'streda', 'štvrtok', 'piatok', 'sobota'];
         return date ? days[date.getDay()] : undefined;
@@ -202,6 +254,49 @@ var XUtilsCommon = /** @class */ (function () {
         }
         return result;
     };
+    XUtilsCommon.dateAddMonths = function (date, months) {
+        var result = null;
+        if (date !== null) {
+            result = new Date(date);
+            result.setMonth(result.getMonth() + months);
+        }
+        return result;
+    };
+    // helper method, because date1 === date2 compares pointers, not values (Date is not primitive type like string or number)
+    XUtilsCommon.dateEquals = function (date1, date2) {
+        var result = false;
+        if (date1 === null && date2 === null) {
+            result = true;
+        }
+        else if (date1 !== null && date2 !== null) {
+            result = (date1.getTime() === date2.getTime());
+        }
+        return result;
+    };
+    // solution from internet
+    XUtilsCommon.dateDiffInYears = function (dateOld, dateNew) {
+        var diff = null;
+        if (dateOld !== null && dateNew !== null) {
+            var yearNew = dateNew.getFullYear();
+            var monthNew = dateNew.getMonth();
+            var dayNew = dateNew.getDate();
+            var yearOld = dateOld.getFullYear();
+            var monthOld = dateOld.getMonth();
+            var dayOld = dateOld.getDate();
+            diff = yearNew - yearOld;
+            if (monthOld > monthNew) {
+                diff--;
+            }
+            else {
+                if (monthOld === monthNew) {
+                    if (dayOld > dayNew) {
+                        diff--;
+                    }
+                }
+            }
+        }
+        return diff;
+    };
     XUtilsCommon.findFirstMatch = function (pattern, value) {
         var match = pattern.exec(value);
         return match != null ? match[0] : null;
@@ -212,7 +307,12 @@ var XUtilsCommon = /** @class */ (function () {
     };
     XUtilsCommon.today = function () {
         var today = new Date();
-        today.setHours(0, 0, 0, 0);
+        // vynulujeme casovu zlozku
+        // poznamka: Date vzdy obsahuje aj casovu zlozku. Nase konverzne funkcie dateFromModel a dateFromUI pouzivaju konverziu new Date('YYYY-MM-DD')
+        // a tato konverzia vytvara datum s GMT/UTC/Z casom 00:00:00 (stredoeuropsky 00:01:00 - akokeby sme zadavali new Date('YYYY-MM-DDT00:00:00Z'))
+        //today.setHours(0, 0, 0, 0); // nastavi cas 00:00:00 v aktualnej timezone (stredoeuropsky 00:00:00, GMT 23:00:00)
+        // - potom nam nefunguje porovnavanie s datumami vytvorenymi cez funkcie dateFromModel a dateFromUI
+        today.setUTCHours(0, 0, 0, 0);
         return today;
     };
     // vrati true ak sa string sklada iba z cislic, moze mat + alebo - na zaciatku