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

package/lib/components/XInputDateDT.js

@@ -1,48 +1,44 @@
 "use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XInputDateDT = void 0;
-var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
-var calendar_1 = require("primereact/calendar");
 var react_1 = __importDefault(require("react"));
-var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XUtils_1 = require("./XUtils");
-var XInputDateDT = function (props) {
-    var showTime = (props.xField.type === 'datetime');
-    var cssClassName = showTime ? 'x-input-datetime' : 'x-input-date';
-    var onValueChange = function (field, rowData, newValue) {
-        // z Calendar prichadza e.value - typ Date alebo null
-        // zmenime hodnotu v modeli (odtial sa hodnota cita)
-        rowData[field] = newValue;
-        // kedze "rowData" je sucastou "props.form.state.object", tak nam staci zavolat setState({object: object}), aby sa zmena prejavila
-        props.form.onObjectDataChange();
-    };
-    var fieldValue = undefined;
-    // test na undefined je tu koli insertu noveho riadku
-    if (props.rowData !== undefined && props.rowData !== null) {
-        var rowDataValue = XUtilsCommon_1.XUtilsCommon.getValueByPath(props.rowData, props.field);
-        //  pre istotu dame na null, null je standard
-        //if (rowDataValue === undefined) {
-        //    rowDataValue = null;
-        //}
-        // TODO - konvertovat null hodnotu na "" (vo funkcii stringAsUI) je dolezite aby sa prejavila zmena na null v modeli
-        // - otestovat ci zmena na null funguje dobre -
-        //fieldValue = stringAsUI(rowDataValue);
-        // tuto zatial hack, mal by prist Date
-        if (typeof rowDataValue === 'string') {
-            fieldValue = new Date(rowDataValue);
-        }
-        else if (typeof rowDataValue === 'object' && rowDataValue instanceof Date) {
-            fieldValue = rowDataValue;
-        }
-        // fieldValue zostalo undefined (konvertujeme null -> undefined) - Calendar pozaduje undefined, nechce null
+var XInputDT_1 = require("./XInputDT");
+var XCalendar_1 = require("./XCalendar");
+var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
+var XInputDateDT = /** @class */ (function (_super) {
+    __extends(XInputDateDT, _super);
+    function XInputDateDT(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onValueChange = _this.onValueChange.bind(_this);
+        return _this;
     }
-    var readOnly = XUtils_1.XUtils.isReadOnlyTableField(props.field, props.readOnly, props.form.state.object, props.rowData);
-    // TODO - nefunguje dobre pridavanie noveho riadku - su tam stare neupdatnute hodnoty - este to asi neopravili https://github.com/primefaces/primereact/issues/1277
-    // test mame na TestovaciForm
-    // appendTo={document.body} appenduje overlay panel na element body - eliminuje problem s overflow (pozri poznamku v XDropdownDTFilter)
-    return (react_1.default.createElement(calendar_1.Calendar, { appendTo: document.body, id: props.field, value: fieldValue, onChange: function (e) { return onValueChange(props.field, props.rowData, e.value); }, disabled: readOnly, showIcon: true, dateFormat: (0, XUtilsConversions_1.dateFormatCalendar)(), showTime: showTime, showSeconds: showTime, inputClassName: cssClassName, showOnFocus: false }));
-};
+    XInputDateDT.prototype.getValue = function () {
+        return (0, XUtilsConversions_1.dateFromModel)(this.getValueFromRowData());
+    };
+    XInputDateDT.prototype.onValueChange = function (value) {
+        this.onValueChangeBase(value, this.props.onChange);
+    };
+    XInputDateDT.prototype.render = function () {
+        return (react_1.default.createElement(XCalendar_1.XCalendar, { id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), error: this.getError(), datetime: this.xField.type === 'datetime' }));
+    };
+    return XInputDateDT;
+}(XInputDT_1.XInputDT));
 exports.XInputDateDT = XInputDateDT;

package/lib/components/XInputDecimal.js

@@ -72,7 +72,7 @@ var XInputDecimal = /** @class */ (function (_super) {
         var label = this.getLabel();
         return (react_1.default.createElement("div", { className: "field grid" },
             label !== undefined ? react_1.default.createElement("label", { htmlFor: this.props.field, className: "col-fixed", style: this.getLabelStyle() }, label) : null,
-            react_1.default.createElement(inputnumber_1.InputNumber, __assign({ id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), mode: "decimal", locale: "de-DE", useGrouping: useGrouping, minFractionDigits: fractionDigits, maxFractionDigits: fractionDigits, min: min, max: max, size: sizeInput, style: this.props.inputStyle }, this.getClassNameTooltip(), { onBlur: this.onBlur }))));
+            react_1.default.createElement(inputnumber_1.InputNumber, __assign({ id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), mode: "decimal", locale: "de-DE", useGrouping: useGrouping, minFractionDigits: fractionDigits, maxFractionDigits: fractionDigits, min: min, max: max, size: sizeInput, inputStyle: this.props.inputStyle }, this.getClassNameTooltip(), { onBlur: this.onBlur }))));
     };
     return XInputDecimal;
 }(XInput_1.XInput));

package/lib/components/XInputTextarea.js

@@ -34,7 +34,7 @@ var XInputTextarea = /** @class */ (function (_super) {
         return this.getValueFromObject();
     };
     XInputTextarea.prototype.onValueChange = function (value) {
-        this.onValueChangeBase(value);
+        this.onValueChangeBase(value, this.props.onChange);
     };
     XInputTextarea.prototype.getLabelStyle = function () {
         var _a;

package/lib/components/XInputTextareaDT.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { XInputDT, XInputDTProps } from "./XInputDT";
+export interface XInputTextareaDTProps extends XInputDTProps {
+    rows: number;
+    autoResize?: boolean;
+}
+export declare class XInputTextareaDT extends XInputDT<XInputTextareaDTProps> {
+    constructor(props: XInputTextareaDTProps);
+    getValue(): string | null;
+    onValueChange(value: string | null): void;
+    render(): JSX.Element;
+}

package/lib/components/XInputTextareaDT.js

@@ -0,0 +1,44 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XInputTextareaDT = void 0;
+var react_1 = __importDefault(require("react"));
+var XInputDT_1 = require("./XInputDT");
+var XInputTextareaBase_1 = require("./XInputTextareaBase");
+var XInputTextareaDT = /** @class */ (function (_super) {
+    __extends(XInputTextareaDT, _super);
+    function XInputTextareaDT(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onValueChange = _this.onValueChange.bind(_this);
+        return _this;
+    }
+    XInputTextareaDT.prototype.getValue = function () {
+        return this.getValueFromRowData();
+    };
+    XInputTextareaDT.prototype.onValueChange = function (value) {
+        this.onValueChangeBase(value, this.props.onChange);
+    };
+    // pouzivame cols = undefined, sirka je urcena sirkou stlpca (width: 100%)
+    XInputTextareaDT.prototype.render = function () {
+        return (react_1.default.createElement(XInputTextareaBase_1.XInputTextareaBase, { id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), maxLength: this.xField.length, style: { width: '100%' }, rows: this.props.rows, cols: undefined, autoResize: this.props.autoResize, error: this.getError() }));
+    };
+    return XInputTextareaDT;
+}(XInputDT_1.XInputDT));
+exports.XInputTextareaDT = XInputTextareaDT;

package/lib/components/XLazyDataTable.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactChild } from 'react';
-import { DataTableFilterMeta, DataTableFilterMetaData, DataTableOperatorFilterMetaData } from 'primereact/datatable';
+import { DataTableFilterMeta, DataTableFilterMetaData, DataTableOperatorFilterMetaData, DataTableSortMeta } from 'primereact/datatable';
 import { ColumnBodyOptions, ColumnFilterElementTemplateOptions } from 'primereact/column';
 import { XViewStatusOrBoolean } from "./XUtils";
 import { XSearchBrowseParams } from "./XSearchBrowseParams";
@@ -51,11 +51,13 @@ export interface XLazyDataTableProps {
     appButtons?: any;
     filters?: DataTableFilterMeta;
     customFilter?: XCustomFilter;
-    sortField?: string;
+    sortField?: string | DataTableSortMeta[];
     fullTextSearch: boolean | string[];
+    fields?: string[];
     multiLineSwitch: boolean;
     searchBrowseParams?: XSearchBrowseParams;
     width?: string;
+    rowClassName?: (data: any) => object | string | undefined;
     dataLoadedState?: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
     editMode?: boolean;
     editModeHandlers?: XEditModeHandlers;

package/lib/components/XLazyDataTable.js

@@ -96,6 +96,15 @@ 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"));
@@ -220,15 +229,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 _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 +344,7 @@ var XLazyDataTable = function (props) {
             xFullTextSearch = {
                 fields: Array.isArray(props.fullTextSearch) ? props.fullTextSearch : undefined,
                 value: ftsInputValue.value,
+                splitValue: true,
                 matchMode: ftsInputValue.matchMode
             };
         }
@@ -359,6 +369,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 () {
@@ -887,7 +900,7 @@ var XLazyDataTable = function (props) {
             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),
         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,

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.js

@@ -143,7 +143,7 @@ var XUtilsMetadata = /** @class */ (function () {
         }
         else {
             // form datatable (formColumnType is defined)
-            if (formColumnType === "inputSimple") {
+            if (formColumnType === "inputSimple" || formColumnType === "textarea") {
                 var padding = 0.21 + 0.07 + 0.5; // padding is 2.94px + 1px border + 7px padding in input
                 if (xField.type === "string") {
                     width = XUtilsMetadata.computeColumnWidthBase(xField.length, padding + padding); // padding left + right

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

@@ -2,14 +2,19 @@ export declare class XUtilsCommon {
     static newLine: string;
     static getValueByPath(object: any, path: string): any;
     static getValueOrValueListByPath(object: any, path: string): any | any[];
+    static setValueByPath(object: any, path: string, value: any): void;
     static getFieldListForPath(path: string): string[];
     static getFieldAndRestPath(path: string): [string, string | null];
     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 getDayName(date: Date | null | undefined): string | undefined;
     static dateAddDays(date: Date | null, days: number): Date | null;
     static findFirstMatch(pattern: RegExp, value: string): string | null;
     static sqlMaxDateIfNull(sqlExp: string): string;
+    static today(): Date;
+    static isInt(stringValue: string): boolean;
 }
 export declare const dateFormat: any;

package/lib/serverApi/XUtilsCommon.js

@@ -108,6 +108,20 @@ var XUtilsCommon = /** @class */ (function () {
             }
         }
     };
+    XUtilsCommon.setValueByPath = function (object, path, value) {
+        var _a = __read(XUtilsCommon.getPathToAssocAndField(path), 2), pathToAssoc = _a[0], field = _a[1];
+        if (pathToAssoc !== null) {
+            var assocObject = XUtilsCommon.getValueByPath(object, pathToAssoc);
+            // if null or undefined or is not object, then error
+            if (assocObject === null || assocObject === undefined || typeof assocObject !== 'object') {
+                console.log("XUtilsCommon.setValueByPath: could not set value ".concat(value, " into object property ").concat(path, ". Assoc object not found (found value: ").concat(assocObject, "). Main object:"));
+                console.log(object);
+                throw "setValueByPath: could not set value ".concat(value, " into object property ").concat(path, ". Assoc object not found. The main object can be seen in log.");
+            }
+            object = assocObject;
+        }
+        object[field] = value;
+    };
     XUtilsCommon.getFieldListForPath = function (path) {
         return path.split('.');
     };
@@ -131,9 +145,29 @@ var XUtilsCommon = /** @class */ (function () {
             return path.substring(0, posDot);
         }
     };
+    XUtilsCommon.getPathToAssocAndField = function (path) {
+        var posDot = path.lastIndexOf(".");
+        if (posDot === -1) {
+            return [null, path];
+        }
+        else {
+            return [path.substring(0, posDot), path.substring(posDot + 1)];
+        }
+    };
     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
@@ -176,6 +210,15 @@ var XUtilsCommon = /** @class */ (function () {
     XUtilsCommon.sqlMaxDateIfNull = function (sqlExp) {
         return "coalesce(".concat(sqlExp, ", '9999-12-31'::DATE)");
     };
+    XUtilsCommon.today = function () {
+        var today = new Date();
+        today.setHours(0, 0, 0, 0);
+        return today;
+    };
+    // vrati true ak sa string sklada iba z cislic, moze mat + alebo - na zaciatku
+    XUtilsCommon.isInt = function (stringValue) {
+        return /^[-+]?\d+$/.test(stringValue);
+    };
     XUtilsCommon.newLine = '\n';
     return XUtilsCommon;
 }());

package/lib/serverApi/XUtilsConversions.d.ts

@@ -7,6 +7,7 @@ export declare function intFromUI(stringValue: string): number | null | undefine
 export declare function numberAsUI(value: number | null, fractionDigits?: number): string;
 export declare function numberFromModel(value: any): number | null;
 export declare function dateFromModel(value: any): Date | null;
+export declare function dateFromUI(valueString: string): Date | null | undefined;
 export declare function dateAsUI(value: Date | null): string;
 export declare function datetimeAsUI(value: Date | null): string;
 export declare function timeFromModel(value: any): Date | null;