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

package/lib/components/XResponseError.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -18,7 +20,7 @@ var XResponseError = /** @class */ (function (_super) {
     __extends(XResponseError, _super);
     function XResponseError(path, status, statusText, body) {
         var _newTarget = this.constructor;
-        var _this = _super.call(this, "Http request \"" + path + "\" failed. Status: " + status + ", status text: " + statusText) || this;
+        var _this = _super.call(this, "Http request \"".concat(path, "\" failed. Status: ").concat(status, ", status text: ").concat(statusText)) || this;
         // see: typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html
         Object.setPrototypeOf(_this, _newTarget.prototype); // restore prototype chain
         _this.name = XResponseError.name; // stack traces display correctly now

package/lib/components/XSearchButton.d.ts

@@ -1,25 +1,26 @@
 import React from "react";
-import { XFormComponent, XFormComponentProps } from "./XFormComponent";
+import { XFilterProp, XFormComponent, XFormComponentProps } from "./XFormComponent";
 import { XAssoc } from "../serverApi/XEntityMetadata";
-export interface XSearchButtonProps extends XFormComponentProps {
+import { XObject } from "./XObject";
+export interface XSearchButtonProps extends XFormComponentProps<XObject> {
     assocField: string;
     displayField: string;
     searchTable: any;
     assocForm?: any;
+    filter?: XFilterProp;
     size?: number;
     inputStyle?: React.CSSProperties;
 }
-export declare class XSearchButton extends XFormComponent<XSearchButtonProps> {
+export declare class XSearchButton extends XFormComponent<XObject, XSearchButtonProps> {
     protected xAssoc: XAssoc;
-    inputTextEl: any;
+    inputTextRef: any;
     state: {
         inputChanged: boolean;
         inputValueState: any;
         dialogOpened: boolean;
     };
     constructor(props: XSearchButtonProps);
-    getFieldForEdit(): string | undefined;
-    checkNotNull(): boolean;
-    getValueFromObject(): any;
+    getField(): string;
+    isNotNull(): boolean;
     render(): JSX.Element;
 }

package/lib/components/XSearchButton.js

@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -38,7 +40,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -76,7 +78,7 @@ var XSearchButton = /** @class */ (function (_super) {
     function XSearchButton(props) {
         var _this = _super.call(this, props) || this;
         _this.xAssoc = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOne(XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity()), props.assocField);
-        _this.inputTextEl = react_1.default.createRef();
+        _this.inputTextRef = react_1.default.createRef();
         // POVODNY KOD
         //this.overlayPanelEl = React.createRef();
         _this.state = {
@@ -87,32 +89,15 @@ var XSearchButton = /** @class */ (function (_super) {
         props.form.addField(props.assocField + '.' + props.displayField);
         return _this;
     }
-    XSearchButton.prototype.getFieldForEdit = function () {
-        var _a;
-        // TODO - zohladnit aj aktualny readOnly stav
-        var readOnly = (_a = this.props.readOnly) !== null && _a !== void 0 ? _a : false;
-        if (!readOnly) {
-            return this.props.assocField;
-        }
-        return undefined;
+    XSearchButton.prototype.getField = function () {
+        return this.props.assocField;
     };
-    XSearchButton.prototype.checkNotNull = function () {
-        var _a;
-        // TODO - zohladnit aj aktualny readOnly stav
-        return !this.xAssoc.isNullable && !((_a = this.props.readOnly) !== null && _a !== void 0 ? _a : false);
-    };
-    XSearchButton.prototype.getValueFromObject = function () {
-        var object = this.props.form.state.object;
-        var assocObject = object !== null ? object[this.props.assocField] : null;
-        // ak je undefined, pre istotu dame na null, null je standard
-        if (assocObject === undefined) {
-            assocObject = null;
-        }
-        return assocObject;
+    XSearchButton.prototype.isNotNull = function () {
+        return !this.xAssoc.isNullable;
     };
     XSearchButton.prototype.render = function () {
         var _this = this;
-        var _a, _b, _c;
+        var _a;
         var props = this.props;
         var xEntityAssoc = XUtilsMetadata_1.XUtilsMetadata.getXEntity(this.xAssoc.entityName);
         var xDisplayField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntityAssoc, props.displayField);
@@ -124,7 +109,7 @@ var XSearchButton = /** @class */ (function (_super) {
         var dialogOpened = this.state.dialogOpened;
         var setDialogOpened = function (dialogOpened) { _this.setState({ dialogOpened: dialogOpened }); };
         var computeInputValue = function () {
-            var inputValue = null;
+            var inputValue;
             if (!inputChanged) {
                 // TODO - pridat cez generikum typ fieldu (ak sa da)
                 // poznamka: ak assocObject === null tak treba do inputu zapisovat prazdny retazec, ak by sme pouzili null, neprejavila by sa zmena v modeli na null
@@ -136,31 +121,24 @@ var XSearchButton = /** @class */ (function (_super) {
             }
             return inputValue;
         };
-        var label = (_a = props.label) !== null && _a !== void 0 ? _a : props.assocField;
-        if (this.checkNotNull()) {
-            label = XUtils_1.XUtils.markNotNull(label);
-        }
-        var readOnly = (_b = props.readOnly) !== null && _b !== void 0 ? _b : false;
-        var size = (_c = props.size) !== null && _c !== void 0 ? _c : xDisplayField.length;
+        var size = (_a = props.size) !== null && _a !== void 0 ? _a : xDisplayField.length;
         var onInputValueChange = function (e) {
             setInputChanged(true);
             setInputValueState(e.target.value);
         };
         var onInputBlur = function (e) { return __awaiter(_this, void 0, void 0, function () {
-            var rows;
+            var displayFieldFilter, customFilter, rows;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         if (!inputChanged) return [3 /*break*/, 3];
-                        if (!(e.target.value === '')) return [3 /*break*/, 1];
+                        if (!(e.target.value === '' || e.target.value === undefined || e.target.value === null)) return [3 /*break*/, 1];
                         setValueToModel(null); // prazdny retazec znamena null hodnotu
                         return [3 /*break*/, 3];
-                    case 1: return [4 /*yield*/, XUtils_1.XUtils.fetchMany('findRowsForAssoc', {
-                            entity: props.form.entity,
-                            assocField: props.assocField,
-                            displayField: props.displayField,
-                            filter: e.target.value
-                        })];
+                    case 1:
+                        displayFieldFilter = { filter: "[".concat(props.displayField, "] LIKE :xDisplayFieldValue"), values: { "xDisplayFieldValue": "".concat(e.target.value, "%") } };
+                        customFilter = this.getFilterBase(this.props.filter);
+                        return [4 /*yield*/, XUtils_1.XUtils.fetchRows(this.xAssoc.entityName, XUtils_1.XUtils.filterAnd(displayFieldFilter, customFilter))];
                     case 2:
                         rows = _a.sent();
                         if (rows.length === 0) {
@@ -184,13 +162,12 @@ var XSearchButton = /** @class */ (function (_super) {
             });
         }); };
         var setValueToModel = function (row) {
-            var error = _this.validateOnChange(row);
-            props.form.onFieldChange(props.assocField, row, error);
+            _this.onValueChangeBase(row, _this.props.onChange);
             setInputChanged(false);
         };
         var onClickSearch = function (e) {
             console.log("zavolany onClickSearch");
-            if (!readOnly) {
+            if (!_this.isReadOnly()) {
                 setDialogOpened(true);
                 // POVODNY KOD
                 //overlayPanelEl.current.toggle(e);
@@ -219,24 +196,28 @@ var XSearchButton = /** @class */ (function (_super) {
             setDialogOpened(false);
             // ak mame v inpute neplatnu hodnotu, musime vratit kurzor na input
             if (inputChanged) {
-                _this.inputTextEl.current.element.focus(); // neviem preco tu trebalo pridat "element", asi primereact wrapuje react element
+                _this.inputTextRef.current.focus();
             }
         };
         // {React.createElement(props.searchTable, {searchTableParams: {onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined)}, ...props.searchTableProps}, null)}
         // <BrandSearchTable searchTableParams={{onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined)}} qqq="fiha"/>
+        // takto cez metodku, mozno sa metodka vola len ked sa otvori dialog a usetrime nieco...
+        var createSearchTableParams = function () {
+            return {
+                onChoose: onChoose,
+                displayFieldFilter: (inputChanged ? { field: props.displayField, constraint: { value: inputValueState, matchMode: "startsWith" } } : undefined),
+                customFilter: _this.getFilterBase(_this.props.filter)
+            };
+        };
         // vypocitame inputValue
         var inputValue = computeInputValue();
         return (react_1.default.createElement("div", { className: "field grid" },
-            react_1.default.createElement("label", { htmlFor: props.assocField, className: "col-fixed", style: { width: XUtils_1.XUtils.FIELD_LABEL_WIDTH } }, label),
+            react_1.default.createElement("label", { htmlFor: props.assocField, className: "col-fixed", style: this.getLabelStyle() }, this.getLabel()),
             react_1.default.createElement("div", { className: "x-search-button-base" },
-                react_1.default.createElement(inputtext_1.InputText, __assign({ id: props.assocField, value: inputValue, onChange: onInputValueChange, onBlur: onInputBlur, readOnly: readOnly, ref: this.inputTextEl, maxLength: xDisplayField.length, size: size, style: props.inputStyle }, this.getClassNameTooltip())),
+                react_1.default.createElement(inputtext_1.InputText, __assign({ id: props.assocField, value: inputValue, onChange: onInputValueChange, onBlur: onInputBlur, readOnly: this.isReadOnly(), ref: this.inputTextRef, maxLength: xDisplayField.length, size: size, style: props.inputStyle }, this.getClassNameTooltip())),
                 react_1.default.createElement(button_1.Button, { label: "...", onClick: onClickSearch })),
             react_1.default.createElement(dialog_1.Dialog, { visible: dialogOpened, onHide: onHide }, react_1.default.cloneElement(props.searchTable, {
-                searchTableParams: {
-                    onChoose: onChoose,
-                    displayField: props.displayField,
-                    filter: (inputChanged ? inputValueState : undefined)
-                }
+                searchTableParams: createSearchTableParams()
             }, props.searchTable.children))));
     };
     return XSearchButton;

package/lib/components/XSearchButtonDT.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -33,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -78,11 +82,11 @@ var inputtext_1 = require("primereact/inputtext");
 var button_1 = require("primereact/button");
 var dialog_1 = require("primereact/dialog");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
-exports.XSearchButtonDT = function (props) {
-    var inputTextEl = react_1.useRef(null);
-    var _a = __read(react_1.useState(false), 2), inputChanged = _a[0], setInputChanged = _a[1]; // priznak, ci uzivatel typovanim zmenil hodnotu v inpute
-    var _b = __read(react_1.useState(null), 2), inputValueState = _b[0], setInputValueState = _b[1]; // pouzivane, len ak inputChanged === true, je tu zapisana zmenena hodnota v inpute
-    var _c = __read(react_1.useState(false), 2), dialogOpened = _c[0], setDialogOpened = _c[1];
+var XSearchButtonDT = function (props) {
+    var inputTextRef = (0, react_1.useRef)(null);
+    var _a = __read((0, react_1.useState)(false), 2), inputChanged = _a[0], setInputChanged = _a[1]; // priznak, ci uzivatel typovanim zmenil hodnotu v inpute
+    var _b = __read((0, react_1.useState)(null), 2), inputValueState = _b[0], setInputValueState = _b[1]; // pouzivane, len ak inputChanged === true, je tu zapisana zmenena hodnota v inpute
+    var _c = __read((0, react_1.useState)(false), 2), dialogOpened = _c[0], setDialogOpened = _c[1];
     var computeInputValue = function () {
         var inputValue = null;
         if (!inputChanged) {
@@ -168,7 +172,7 @@ exports.XSearchButtonDT = function (props) {
         setDialogOpened(false);
         // ak mame v inpute neplatnu hodnotu, musime vratit kurzor na input
         if (inputChanged) {
-            inputTextEl.current.element.focus(); // neviem preco tu trebalo pridat "element", asi primereact wrapuje react element
+            inputTextRef.current.focus();
         }
     };
     // {React.createElement(props.searchTable, {searchTableParams: {onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined)}, ...props.searchTableProps}, null)}
@@ -177,7 +181,8 @@ exports.XSearchButtonDT = function (props) {
     var inputValue = computeInputValue();
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "x-search-button-base" },
-            react_1.default.createElement(inputtext_1.InputText, { id: props.assocField, value: inputValue, onChange: onInputValueChange, onBlur: onInputBlur, readOnly: readOnly, ref: inputTextEl }),
+            react_1.default.createElement(inputtext_1.InputText, { id: props.assocField, value: inputValue, onChange: onInputValueChange, onBlur: onInputBlur, readOnly: readOnly, ref: inputTextRef }),
             react_1.default.createElement(button_1.Button, { label: "...", onClick: onClickSearch })),
         react_1.default.createElement(dialog_1.Dialog, { visible: dialogOpened, onHide: onHide }, react_1.default.cloneElement(props.searchTable, { searchTableParams: { onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined) } }, props.searchTable.children))));
 };
+exports.XSearchButtonDT = XSearchButtonDT;

package/lib/components/XSearchButtonOld.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -33,7 +37,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -78,7 +82,7 @@ var button_1 = require("primereact/button");
 var XUtils_1 = require("./XUtils");
 var dialog_1 = require("primereact/dialog");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
-exports.XSearchButtonOld = function (props) {
+var XSearchButtonOld = function (props) {
     var _a, _b, _c;
     props.form.addField(props.assocField + '.' + props.displayField);
     var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity());
@@ -87,10 +91,10 @@ exports.XSearchButtonOld = function (props) {
     var xDisplayField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPath(xEntityAssoc, props.displayField);
     // POVODNY KOD
     //const overlayPanelEl = useRef<any>(null);
-    var inputTextEl = react_1.useRef(null);
-    var _d = __read(react_1.useState(false), 2), inputChanged = _d[0], setInputChanged = _d[1]; // priznak, ci uzivatel typovanim zmenil hodnotu v inpute
-    var _e = __read(react_1.useState(null), 2), inputValueState = _e[0], setInputValueState = _e[1]; // pouzivane, len ak inputChanged === true, je tu zapisana zmenena hodnota v inpute
-    var _f = __read(react_1.useState(false), 2), dialogOpened = _f[0], setDialogOpened = _f[1];
+    var inputTextEl = (0, react_1.useRef)(null);
+    var _d = __read((0, react_1.useState)(false), 2), inputChanged = _d[0], setInputChanged = _d[1]; // priznak, ci uzivatel typovanim zmenil hodnotu v inpute
+    var _e = __read((0, react_1.useState)(null), 2), inputValueState = _e[0], setInputValueState = _e[1]; // pouzivane, len ak inputChanged === true, je tu zapisana zmenena hodnota v inpute
+    var _f = __read((0, react_1.useState)(false), 2), dialogOpened = _f[0], setDialogOpened = _f[1];
     var computeInputValue = function () {
         var inputValue = null;
         if (!inputChanged) {
@@ -205,3 +209,4 @@ exports.XSearchButtonOld = function (props) {
         react_1.default.createElement(button_1.Button, { label: "...", onClick: onClickSearch }),
         react_1.default.createElement(dialog_1.Dialog, { visible: dialogOpened, onHide: onHide }, react_1.default.cloneElement(props.searchTable, { searchTableParams: { onChoose: onChoose, displayField: props.displayField, filter: (inputChanged ? inputValueState : undefined) } }, props.searchTable.children))));
 };
+exports.XSearchButtonOld = XSearchButtonOld;

package/lib/components/XToOneAssocButton.js

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 var button_1 = require("primereact/button");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtils_1 = require("./XUtils");
-exports.XToOneAssocButton = function (props) {
+var XToOneAssocButton = function (props) {
     // mozno lepsie by bolo sem dat xEntityAssoc.idField ale postaci aj *FAKE*
     props.form.addField(props.assocField + '.*FAKE*');
     var label = props.label !== undefined ? props.label : props.assocField;
@@ -27,3 +27,4 @@ exports.XToOneAssocButton = function (props) {
         react_1.default.createElement("label", { htmlFor: props.assocField, className: "col-fixed", style: { width: XUtils_1.XUtils.FIELD_LABEL_WIDTH } }, label),
         react_1.default.createElement(button_1.Button, { label: label, onClick: onClickButton, disabled: assocObject === null })));
 };
+exports.XToOneAssocButton = XToOneAssocButton;

package/lib/components/XUtils.d.ts

@@ -2,6 +2,8 @@ import { XToken } from "./XToken";
 import { CsvDecimalFormat, CsvSeparator, ExportType } from "../serverApi/ExportImportParam";
 import React from "react";
 import { XEnvVar } from "./XEnvVars";
+import { XError, XErrorMap } from "./XErrors";
+import { XCustomFilter } from "../serverApi/FindParam";
 export declare enum OperationType {
     None = 0,
     Insert = 1,
@@ -32,6 +34,7 @@ export declare class XUtils {
     static registerAppForm(elem: any, entity: string, formId?: string): void;
     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): Promise<any[]>;
     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>;
@@ -53,9 +56,18 @@ export declare class XUtils {
     static getEnvVarValue(envVarEnum: XEnvVar): string;
     static removeRow(entity: string, row: any): Promise<void>;
     static arrayMoveElement(array: any[], position: number, offset: number): void;
+    static arraySort(array: any[], fieldOrStringFunction: string | ((item: any) => string)): any[];
     static isReadOnly(path: string, readOnlyInit?: boolean): boolean;
     static markNotNull(label: string): string;
-    static showErrorMessage(message: string, e: Error): void;
+    static showErrorMessage(message: string, e: unknown): void;
     static createErrorProps(error: string | undefined): {};
+    static addClassName(props: {
+        [key: string]: any;
+    }, className: string): {
+        [key: string]: any;
+    };
+    static getErrorMessages(xErrorMap: XErrorMap): string;
+    static getErrorMessage(xError: XError): string | undefined;
     static normalizeString(value: string): string;
+    static filterAnd(filter1: XCustomFilter | undefined, filter2: XCustomFilter | undefined): XCustomFilter | undefined;
 }

package/lib/components/XUtils.js

@@ -25,7 +25,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -79,6 +79,7 @@ var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var ExportImportParam_1 = require("../serverApi/ExportImportParam");
 var XResponseError_1 = require("./XResponseError");
+var FindParam_1 = require("../serverApi/FindParam");
 var OperationType;
 (function (OperationType) {
     OperationType[OperationType["None"] = 0] = "None";
@@ -202,7 +203,7 @@ var XUtils = /** @class */ (function () {
             finally { if (e_2) throw e_2.error; }
         }
         // should not happen
-        console.log("XUtils.processGridBreakpoints: unexpected error: no breakpoint value found, breakpointExp = " + breakpointExp + ", availWidth = " + availWidth);
+        console.log("XUtils.processGridBreakpoints: unexpected error: no breakpoint value found, breakpointExp = ".concat(breakpointExp, ", availWidth = ").concat(availWidth));
         return undefined;
     };
     XUtils.processPropWidth = function (widthProp) {
@@ -252,6 +253,22 @@ var XUtils = /** @class */ (function () {
     XUtils.fetchMany = function (path, value, usePublicToken) {
         return XUtils.fetch(path, value, usePublicToken);
     };
+    // pomocna metodka pouzivajuca lazyDataTable service
+    XUtils.fetchRows = function (entity, customFilter, sortField) {
+        return __awaiter(this, void 0, void 0, function () {
+            var findParam, rowList;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        findParam = { resultType: FindParam_1.ResultType.AllRows, entity: entity, customFilter: customFilter, multiSortMeta: sortField ? [{ field: sortField, order: 1 }] : undefined };
+                        return [4 /*yield*/, XUtils.fetchOne('lazyDataTableFindRows', findParam)];
+                    case 1:
+                        rowList = (_a.sent()).rowList;
+                        return [2 /*return*/, rowList];
+                }
+            });
+        });
+    };
     XUtils.fetchOne = function (path, value, usePublicToken) {
         return XUtils.fetch(path, value, usePublicToken);
     };
@@ -325,7 +342,7 @@ var XUtils = /** @class */ (function () {
                                 xToken = XUtils.xTokenPublic; // ak nikto nie je prihlaseny, posleme public token
                             }
                         }
-                        headers = __assign(__assign({}, headers), { 'Authorization': "Basic " + Buffer.from(xToken.username + ':' + xToken.password).toString('base64') });
+                        headers = __assign(__assign({}, headers), { 'Authorization': "Basic ".concat(Buffer.from(xToken.username + ':' + xToken.password).toString('base64')) });
                         return [4 /*yield*/, fetch(XUtils.getXBackendUrl() + path, {
                                 method: 'POST',
                                 headers: headers,
@@ -361,7 +378,7 @@ var XUtils = /** @class */ (function () {
                                 xToken = XUtils.xTokenPublic; // ak nikto nie je prihlaseny, posleme public token
                             }
                         }
-                        headers = __assign(__assign({}, headers), { 'Authorization': "Bearer " + xToken.accessToken });
+                        headers = __assign(__assign({}, headers), { 'Authorization': "Bearer ".concat(xToken.accessToken) });
                         return [4 /*yield*/, fetch(XUtils.getXBackendUrl() + path, {
                                 method: 'POST',
                                 headers: headers,
@@ -408,7 +425,7 @@ var XUtils = /** @class */ (function () {
     XUtils.getEnvVarValue = function (envVarEnum) {
         var value = process.env[envVarEnum];
         if (value === undefined) {
-            throw "Environment variable " + envVarEnum + " - value not found. Check configuration file .env*";
+            throw "Environment variable ".concat(envVarEnum, " - value not found. Check configuration file .env*");
         }
         return value;
     };
@@ -443,6 +460,29 @@ var XUtils = /** @class */ (function () {
             array.splice(positionNew, 0, element);
         }
     };
+    // helper function
+    XUtils.arraySort = function (array, fieldOrStringFunction) {
+        var stringFunction;
+        if (typeof fieldOrStringFunction === 'string') {
+            stringFunction = function (item) { return item[fieldOrStringFunction]; };
+        }
+        else {
+            stringFunction = fieldOrStringFunction;
+        }
+        return array.sort(function (suggestion1, suggestion2) {
+            var value1 = stringFunction(suggestion1);
+            var value2 = stringFunction(suggestion2);
+            if (value1 > value2) {
+                return 1;
+            }
+            else if (value1 < value2) {
+                return -1;
+            }
+            else {
+                return 0;
+            }
+        });
+    };
     // helper
     XUtils.isReadOnly = function (path, readOnlyInit) {
         // ak mame path dlzky 2 a viac, field je vzdy readOnly
@@ -467,12 +507,77 @@ var XUtils = /** @class */ (function () {
         else if (e instanceof Error) {
             msg += e.message;
         }
+        else if (typeof e === 'string' || typeof e === 'number') {
+            // chyba typu: throw 'nieco'
+            msg += e;
+        }
         alert(msg);
     };
     // pouziva sa hlavne na inputy
     XUtils.createErrorProps = function (error) {
         return error ? { className: "p-invalid", tooltip: error, tooltipOptions: { className: 'pink-tooltip', position: 'bottom' } } : {};
     };
+    // pomocna metodka - prida className do props, ak uz className v props existuje tak len pripoji dalsiu hodnotu
+    // pouzivame ju, lebo XUtils.createErrorProps nam prebijal className
+    XUtils.addClassName = function (props, className) {
+        var propsClassName = props.className;
+        if (propsClassName !== undefined) {
+            propsClassName += " " + className;
+        }
+        else {
+            propsClassName = className;
+        }
+        props.className = propsClassName;
+        return props;
+    };
+    // pomocna metodka
+    // ak nie su v xErrorMap ziadne chyby, vrati ""
+    XUtils.getErrorMessages = function (xErrorMap) {
+        var e_5, _a;
+        var _b;
+        var msg = "";
+        try {
+            for (var _c = __values(Object.entries(xErrorMap)), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var _e = __read(_d.value, 2), field = _e[0], xError = _e[1];
+                if (xError) {
+                    var errorMessage = XUtils.getErrorMessage(xError);
+                    if (errorMessage) {
+                        msg += "".concat((_b = xError.fieldLabel) !== null && _b !== void 0 ? _b : field, ": ").concat(errorMessage).concat(XUtilsCommon_1.XUtilsCommon.newLine);
+                    }
+                }
+            }
+        }
+        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+        finally {
+            try {
+                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+            }
+            finally { if (e_5) throw e_5.error; }
+        }
+        return msg;
+    };
+    XUtils.getErrorMessage = function (xError) {
+        if (xError.onChange || xError.onBlur || xError.form) {
+            var message = '';
+            if (xError.onChange) {
+                message += xError.onChange;
+            }
+            if (xError.onBlur) {
+                if (message !== '') {
+                    message += ' ';
+                }
+                message += xError.onBlur;
+            }
+            if (xError.form) {
+                if (message !== '') {
+                    message += ' ';
+                }
+                message += xError.form;
+            }
+            return message;
+        }
+        return undefined;
+    };
     // pomocna metodka pouzivana (zatial len) pre autocomplete na ignorovanie velkych-malych znakov a diakritiky
     XUtils.normalizeString = function (value) {
         if (value) {
@@ -481,6 +586,21 @@ var XUtils = /** @class */ (function () {
         }
         return value;
     };
+    // pomocna metodka
+    XUtils.filterAnd = function (filter1, filter2) {
+        if (filter1 && filter2) {
+            return { filter: "(".concat(filter1.filter, ") AND (").concat(filter2.filter, ")"), values: __assign(__assign({}, filter1.values), filter2.values) };
+        }
+        else if (filter1 && filter2 === undefined) {
+            return filter1;
+        }
+        else if (filter1 === undefined && filter2) {
+            return filter2;
+        }
+        else {
+            return undefined;
+        }
+    };
     XUtils.dropdownEmptyOptionValue = " ";
     XUtils.xBackendUrl = undefined;
     // nacachovany XToken - na rozlicnych miestach potrebujeme vediet uzivatela

package/lib/components/XUtilsConversions.d.ts

@@ -2,6 +2,7 @@ export declare function stringFromUI(stringValue: string): string | null;
 export declare function stringAsUI(value: string | null): string;
 export declare function numberFromUI(stringValue: string): number | null;
 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 dateAsUI(value: Date | null): string;
 export declare function datetimeAsUI(value: Date | null): string;