@michalrakus/x-react-web-lib 1.18.0 → 1.20.0

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

@@ -96,28 +96,40 @@ var __read = (this && this.__read) || function (o, n) {
     }
     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));
+};
 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("../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 XLazyDataTable = function (props) {
     var _a;
     // must be here, is used in createInitFilters()
@@ -220,15 +232,15 @@ var XLazyDataTable = function (props) {
             filtersInit[displayFieldFilter.field] = createFilterItem(props.filterDisplay, displayFieldFilter.constraint);
         }
         // ak mame props.searchBrowseParams.customFilterFunction, pridame filter
-        if (props.searchBrowseParams.customFilterFunction) {
-            customFilterItems = XUtils_1.XUtils.filterAnd(customFilterItems, props.searchBrowseParams.customFilterFunction());
+        if (props.searchBrowseParams.customFilter) {
+            customFilterItems = XUtils_1.XUtils.filterAnd(customFilterItems, XUtils_1.XUtils.evalFilter(props.searchBrowseParams.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 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)(props.sortField ? [{ field: props.sortField, order: 1 }] : []), 2), multiSortMeta = _j[0], setMultiSortMeta = _j[1];
+    var _h = __read((0, react_1.useState)(props.multilineSwitchInitValue), 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];
@@ -335,6 +347,7 @@ var XLazyDataTable = function (props) {
             xFullTextSearch = {
                 fields: Array.isArray(props.fullTextSearch) ? props.fullTextSearch : undefined,
                 value: ftsInputValue.value,
+                splitValue: true,
                 matchMode: ftsInputValue.matchMode
             };
         }
@@ -359,6 +372,9 @@ var XLazyDataTable = function (props) {
             }
             finally { if (e_3) throw e_3.error; }
         }
+        if (props.fields) {
+            fields.push.apply(fields, __spreadArray([], __read(props.fields), false));
+        }
         return fields;
     };
     var getHeaders = function () {
@@ -383,6 +399,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);
@@ -604,23 +624,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 });
                     }
                 }
             }
@@ -631,11 +654,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;
     };
@@ -885,9 +908,9 @@ var XLazyDataTable = function (props) {
             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.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, 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(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" },
             props.onAddRow !== undefined && props.searchBrowseParams === 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 && props.searchBrowseParams === undefined ? react_1.default.createElement(XButton_1.XButton, { key: "editRow", icon: "pi pi-pencil", label: (0, XLocale_1.xLocaleOption)('editRow'), onClick: onClickEdit }) : null,
@@ -896,7 +919,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 = {
@@ -904,7 +928,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/XSearchBrowseParams.d.ts

@@ -1,5 +1,5 @@
 import { DataTableFilterMetaData } from "primereact/datatable";
-import { XCustomFilter } from "../serverApi/FindParam";
+import { XFilterOrFunction } from "./XAutoCompleteBase";
 export interface XFieldFilter {
     field: string;
     constraint: DataTableFilterMetaData;
@@ -7,5 +7,5 @@ export interface XFieldFilter {
 export interface XSearchBrowseParams {
     onChoose: (chosenRow: any) => void;
     displayFieldFilter?: XFieldFilter;
-    customFilterFunction?: () => XCustomFilter | undefined;
+    customFilter?: XFilterOrFunction;
 }

package/lib/components/XSearchButton.js

@@ -203,8 +203,8 @@ var XSearchButton = /** @class */ (function (_super) {
         var createSearchBrowseParams = function () {
             return {
                 onChoose: onChoose,
-                displayFieldFilter: (inputChanged ? { field: props.displayField, constraint: { value: inputValueState, matchMode: "startsWith" } } : undefined),
-                customFilterFunction: function () { return _this.getFilterBase(_this.props.filter); }
+                displayFieldFilter: (inputChanged ? { field: props.displayField, constraint: { value: inputValueState, matchMode: "contains" } } : undefined),
+                customFilter: function () { return _this.getFilterBase(_this.props.filter); }
             };
         };
         // vypocitame inputValue

package/lib/components/XSearchButtonDT.js

@@ -184,8 +184,8 @@ var XSearchButtonDT = function (props) {
         react_1.default.createElement(dialog_1.Dialog, { visible: dialogOpened, onHide: onHide }, react_1.default.cloneElement(props.searchBrowse, {
             searchBrowseParams: {
                 onChoose: onChoose,
-                displayFieldFilter: (inputChanged ? { field: props.displayField, constraint: { value: inputValueState, matchMode: "startsWith" } } : undefined),
-                customFilterFunction: function () { return undefined; } // TODO - dorobit
+                displayFieldFilter: (inputChanged ? { field: props.displayField, constraint: { value: inputValueState, matchMode: "contains" } } : undefined),
+                customFilter: undefined // TODO - dorobit
             }
         } /*, props.searchBrowse.children*/))));
 };

package/lib/components/XUtils.d.ts

@@ -7,6 +7,7 @@ import { XCustomFilter, XCustomFilterItem } from "../serverApi/FindParam";
 import { DataTableSortMeta } from "primereact/datatable";
 import { XObject } from "./XObject";
 import { XTableFieldReadOnlyProp } from "./XFormDataTable2";
+import { XFilterOrFunction } from "./XAutoCompleteBase";
 export declare enum OperationType {
     None = 0,
     Insert = 1,
@@ -54,6 +55,7 @@ export declare class XUtils {
     static getAppForm(entity: string, formId?: string): any;
     static fetchMany(path: string, value: any, usePublicToken?: boolean | XToken): Promise<any[]>;
     static fetchRows(entity: string, customFilter?: XCustomFilter | undefined, sortField?: string | DataTableSortMeta[] | undefined, fields?: string[]): Promise<any[]>;
+    static fetchRowCount(entity: string, customFilter?: XCustomFilter | undefined): Promise<number>;
     static fetchOne(path: string, value: any, usePublicToken?: boolean | XToken): Promise<any>;
     static fetchString(path: string, value: any): Promise<string>;
     static fetch(path: string, value: any, usePublicToken?: boolean | XToken): Promise<any>;
@@ -108,8 +110,10 @@ export declare class XUtils {
     static getErrorMessage(xError: XError): string | undefined;
     static normalizeString(value: string): string;
     static createCustomFilterItems(customFilter: XCustomFilter | undefined): XCustomFilterItem[] | undefined;
+    static createMultiSortMeta(sortField: string | DataTableSortMeta[] | undefined): DataTableSortMeta[] | undefined;
     static filterAnd(...filters: (XCustomFilter | undefined)[]): XCustomFilterItem[] | undefined;
     static filterIdIn(idField: string, idList: number[]): XCustomFilter;
+    static evalFilter(filter: XFilterOrFunction | undefined): XCustomFilter | undefined;
     static isTableRowInserted(tableRow: any): boolean;
     static xViewStatus(xViewStatusOrBoolean: XViewStatusOrBoolean): XViewStatus;
 }

package/lib/components/XUtils.js

@@ -272,20 +272,11 @@ var XUtils = /** @class */ (function () {
     // pomocna metodka pouzivajuca lazyDataTable service
     XUtils.fetchRows = function (entity, customFilter, sortField, fields) {
         return __awaiter(this, void 0, void 0, function () {
-            var multiSortMeta, findParam, rowList;
+            var findParam, rowList;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        multiSortMeta = undefined;
-                        if (sortField) {
-                            if (Array.isArray(sortField)) {
-                                multiSortMeta = sortField;
-                            }
-                            else {
-                                multiSortMeta = [{ field: sortField, order: 1 }];
-                            }
-                        }
-                        findParam = { resultType: FindParam_1.ResultType.AllRows, entity: entity, customFilterItems: XUtils.createCustomFilterItems(customFilter), multiSortMeta: multiSortMeta, fields: fields };
+                        findParam = { resultType: FindParam_1.ResultType.AllRows, entity: entity, customFilterItems: XUtils.createCustomFilterItems(customFilter), multiSortMeta: XUtils.createMultiSortMeta(sortField), fields: fields };
                         return [4 /*yield*/, XUtils.fetchOne('lazyDataTableFindRows', findParam)];
                     case 1:
                         rowList = (_a.sent()).rowList;
@@ -294,6 +285,22 @@ var XUtils = /** @class */ (function () {
             });
         });
     };
+    // pomocna metodka pouzivajuca lazyDataTable service
+    XUtils.fetchRowCount = function (entity, customFilter) {
+        return __awaiter(this, void 0, void 0, function () {
+            var findParam, totalRecords;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        findParam = { resultType: FindParam_1.ResultType.OnlyRowCount, entity: entity, customFilterItems: XUtils.createCustomFilterItems(customFilter) };
+                        return [4 /*yield*/, XUtils.fetchOne('lazyDataTableFindRows', findParam)];
+                    case 1:
+                        totalRecords = (_a.sent()).totalRecords;
+                        return [2 /*return*/, totalRecords];
+                }
+            });
+        });
+    };
     XUtils.fetchOne = function (path, value, usePublicToken) {
         return XUtils.fetch(path, value, usePublicToken);
     };
@@ -701,6 +708,28 @@ var XUtils = /** @class */ (function () {
         }
         return customFilterItems;
     };
+    // pomocna metodka - konvertuje sortField -> DataTableSortMeta[]
+    XUtils.createMultiSortMeta = function (sortField) {
+        var multiSortMeta = undefined;
+        if (sortField) {
+            if (Array.isArray(sortField)) {
+                multiSortMeta = sortField;
+            }
+            else {
+                // default order is asc, supported is also value in form "<column name> desc"
+                var order = 1;
+                var fieldAndOrder = sortField.split(' ');
+                if (fieldAndOrder.length === 2) {
+                    sortField = fieldAndOrder[0];
+                    if (fieldAndOrder[1].toLowerCase() === "desc") {
+                        order = -1;
+                    }
+                }
+                multiSortMeta = [{ field: sortField, order: order }];
+            }
+        }
+        return multiSortMeta;
+    };
     // pomocna metodka
     XUtils.filterAnd = function () {
         var e_7, _a;
@@ -736,6 +765,17 @@ var XUtils = /** @class */ (function () {
         return { where: "[".concat(idField, "] IN (:...idList)"), params: { "idList": idList.length > 0 ? idList : [0] } };
     };
     // pomocna metodka
+    XUtils.evalFilter = function (filter) {
+        var customFilter = undefined;
+        if (typeof filter === 'object') {
+            customFilter = filter;
+        }
+        if (typeof filter === 'function') {
+            customFilter = filter();
+        }
+        return customFilter;
+    };
+    // pomocna metodka
     XUtils.isTableRowInserted = function (tableRow) {
         var _a;
         return (_a = tableRow.__x_generatedRowId) !== null && _a !== void 0 ? _a : false; // specialny priznak, ze sme vygenerovali id-cko

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/FindParam.d.ts

@@ -1,8 +1,9 @@
 import { DataTableFilterMeta, DataTableSortMeta } from "primereact/datatable";
 export declare enum ResultType {
     OnlyRowCount = 0,
-    RowCountAndPagedRows = 1,
-    AllRows = 2
+    OnlyPagedRows = 1,
+    RowCountAndPagedRows = 2,
+    AllRows = 3
 }
 export interface XParams {
     [key: string]: any;
@@ -15,6 +16,7 @@ export type XCustomFilter = XCustomFilterItem | XCustomFilterItem[];
 export interface XFullTextSearch {
     fields?: string[];
     value: string;
+    splitValue: boolean;
     matchMode: 'startsWith' | 'contains' | 'endsWith' | 'equals';
 }
 export declare enum XAggregateType {
@@ -39,3 +41,11 @@ export interface FindParam {
     fields?: string[];
     aggregateItems?: XAggregateItem[];
 }
+export interface XLazyAutoCompleteSuggestionsRequest {
+    maxRows: number;
+    fullTextSearch?: XFullTextSearch;
+    entity: string;
+    filterItems?: XCustomFilterItem[];
+    multiSortMeta?: DataTableSortMeta[];
+    fields?: string[];
+}

package/lib/serverApi/FindParam.js

@@ -18,8 +18,9 @@ exports.XAggregateType = exports.ResultType = void 0;
 var ResultType;
 (function (ResultType) {
     ResultType[ResultType["OnlyRowCount"] = 0] = "OnlyRowCount";
-    ResultType[ResultType["RowCountAndPagedRows"] = 1] = "RowCountAndPagedRows";
-    ResultType[ResultType["AllRows"] = 2] = "AllRows";
+    ResultType[ResultType["OnlyPagedRows"] = 1] = "OnlyPagedRows";
+    ResultType[ResultType["RowCountAndPagedRows"] = 2] = "RowCountAndPagedRows";
+    ResultType[ResultType["AllRows"] = 3] = "AllRows";
 })(ResultType = exports.ResultType || (exports.ResultType = {}));
 var XAggregateType;
 (function (XAggregateType) {

package/lib/serverApi/XUtilsCommon.d.ts

@@ -8,7 +8,9 @@ export declare class XUtilsCommon {
     static getPathToAssoc(path: string): string;
     static getPathToAssocAndField(path: string): [string | null, string];
     static isSingleField(path: string): boolean;
+    static getPrefixAndField(path: string): [string | null, 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 findFirstMatch(pattern: RegExp, value: string): string | null;

package/lib/serverApi/XUtilsCommon.js

@@ -157,6 +157,17 @@ var XUtilsCommon = /** @class */ (function () {
     XUtilsCommon.isSingleField = function (path) {
         return path.indexOf(".") === -1;
     };
+    XUtilsCommon.getPrefixAndField = function (path) {
+        var posDot = path.indexOf(":");
+        if (posDot === -1) {
+            return [null, path];
+        }
+        else {
+            var prefix = path.substring(0, posDot);
+            var pathOnly = path.substring(posDot + 1);
+            return [prefix, pathOnly];
+        }
+    };
     XUtilsCommon.objectAsJSON = function (value) {
         // sem treba dat nejaku pre nas vhodnu serializaciu
         // zatial provizorne robene cez antipatern - modifikaciu prototype funcii primitivnych typov
@@ -179,6 +190,26 @@ var XUtilsCommon = /** @class */ (function () {
         Date.prototype.toJSON = dateToJSONOriginal;
         return json;
     };
+    XUtilsCommon.arrayCreateMap = function (array, idField) {
+        var e_2, _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_2_1) { e_2 = { error: e_2_1 }; }
+        finally {
+            try {
+                if (array_1_1 && !array_1_1.done && (_a = array_1.return)) _a.call(array_1);
+            }
+            finally { if (e_2) throw e_2.error; }
+        }
+        return idRowMap;
+    };
     XUtilsCommon.getDayName = function (date) {
         var days = ['nedeľa', 'pondelok', 'utorok', 'streda', 'štvrtok', 'piatok', 'sobota'];
         return date ? days[date.getDay()] : undefined;
@@ -201,7 +232,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

package/lib/serverApi/XUtilsMetadataCommon.d.ts

@@ -11,6 +11,7 @@ export declare class XUtilsMetadataCommon {
     static getXEntity(entity: string): XEntity;
     static getXFieldBase(xEntity: XEntity, field: string): XField | undefined;
     static getXField(xEntity: XEntity, field: string): XField;
+    static getXFieldByPathBase(xEntity: XEntity, path: string): XField | undefined;
     static getXFieldByPath(xEntity: XEntity, path: string): XField;
     static getXFieldByPathStr(entity: string, path: string): XField;
     static getXAssocBase(xEntity: XEntity, assocField: string): XAssoc | undefined;

package/lib/serverApi/XUtilsMetadataCommon.js

@@ -64,6 +64,22 @@ var XUtilsMetadataCommon = /** @class */ (function () {
         }
         return xField;
     };
+    XUtilsMetadataCommon.getXFieldByPathBase = function (xEntity, path) {
+        var _a = __read(XUtilsCommon_1.XUtilsCommon.getFieldAndRestPath(path), 2), field = _a[0], restPath = _a[1];
+        if (restPath === null) {
+            return XUtilsMetadataCommon.getXFieldBase(xEntity, field);
+        }
+        else {
+            var xAssoc = XUtilsMetadataCommon.getXAssocBase(xEntity, field);
+            if (xAssoc) {
+                var xAssocEntity = XUtilsMetadataCommon.getXEntity(xAssoc.entityName);
+                return XUtilsMetadataCommon.getXFieldByPathBase(xAssocEntity, restPath);
+            }
+            else {
+                return undefined;
+            }
+        }
+    };
     XUtilsMetadataCommon.getXFieldByPath = function (xEntity, path) {
         var _a = __read(XUtilsCommon_1.XUtilsCommon.getFieldAndRestPath(path), 2), field = _a[0], restPath = _a[1];
         if (restPath === null) {

package/lib/serverApi/x-lib-api.d.ts

@@ -0,0 +1,6 @@
+export interface XGetSequenceValueRequest {
+    name: string;
+}
+export interface XGetSequenceValueResponse {
+    value: number;
+}