@michalrakus/x-react-web-lib 1.34.0 → 1.35.1

package/XDocTemplateButton.d.ts

@@ -0,0 +1,3 @@
+// generated by gulp
+
+export * from './lib/modules/docTemplates/XDocTemplateButton';

package/XDocTemplateButton.js

@@ -0,0 +1,5 @@
+// generated by gulp
+
+'use strict';
+
+module.exports = require('./lib/modules/docTemplates/XDocTemplateButton.js');

package/gulpfile.js

@@ -78,6 +78,9 @@ function generateApi(cb) {
         "./lib/components/XUtils",
         "./lib/components/XUtilsMetadata",
 
+        "./lib/modules/docTemplates/XDocTemplateButton",
+        "./lib/modules/docTemplates/xt-doc-template",
+
         "./lib/serverApi/ExportImportParam",
         "./lib/serverApi/FindParam",
         "./lib/serverApi/XUtilsCommon",

package/lib/administration/x-enum-enum.d.ts

@@ -0,0 +1,12 @@
+import { XUser } from "../serverApi/XUser";
+import { XEnum } from "./x-enum";
+export interface XEnumEnum {
+    id: number;
+    code: string;
+    name: string;
+    readOnly: boolean;
+    xEnumList: XEnum[];
+    modifDate: Date;
+    modifXUser: XUser;
+    version: number;
+}

package/lib/administration/x-enum-enum.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/administration/x-enum.d.ts

@@ -0,0 +1,10 @@
+import { XEnumEnum } from "./x-enum-enum";
+export interface XEnum {
+    id: number;
+    code: string;
+    name: string;
+    enabled: boolean;
+    readOnly: boolean;
+    enumOrder: number;
+    xEnumEnum: XEnumEnum;
+}

package/lib/administration/x-enum.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/components/XAutoComplete.d.ts

@@ -12,6 +12,7 @@ export interface XAutoCompleteProps extends XFormComponentProps<XObject> {
     itemTemplate?: (suggestion: any, index: number, createStringValue: boolean, defaultValue: (suggestion: any) => string) => React.ReactNode;
     searchBrowse?: JSX.Element;
     assocForm?: JSX.Element;
+    dropdownButtonEnabled?: boolean;
     suggestions?: any[];
     suggestionsLoad?: XSuggestionsLoadProp;
     lazyLoadMaxRows?: number;

package/lib/components/XAutoComplete.js

@@ -70,7 +70,7 @@ var XAutoComplete = /** @class */ (function (_super) {
         // div className="col" nam zabezpeci aby XAutoCompleteBase nezaberal celu dlzku grid-u (ma nastaveny width=100% vdaka "formgroup-inline")
         return (react_1.default.createElement("div", { className: "field grid" },
             react_1.default.createElement("label", { htmlFor: this.props.assocField, className: "col-fixed", style: this.getLabelStyle() }, this.getLabel()),
-            react_1.default.createElement(XAutoCompleteBase_1.XAutoCompleteBase, { value: this.getValue(), onChange: this.onChangeAutoCompleteBase, field: this.props.displayField, itemTemplate: this.props.itemTemplate, searchBrowse: this.props.searchBrowse, valueForm: this.props.assocForm, idField: xEntityAssoc.idField, readOnly: this.isReadOnly(), error: this.getError(), onErrorChange: this.onErrorChangeAutoCompleteBase, width: this.props.width, scrollHeight: this.props.scrollHeight, suggestions: this.props.suggestions, suggestionsLoad: this.props.suggestionsLoad, lazyLoadMaxRows: this.props.lazyLoadMaxRows, splitQueryValue: this.props.splitQueryValue, minLength: this.props.minLength, suggestionsQuery: { entity: this.xAssoc.entityName, filter: function () { return _this.getFilterBase(_this.props.filter); }, sortField: this.props.sortField, fields: this.props.fields }, inputClassName: this.props.inputClassName, setFocusOnCreate: this.props.setFocusOnCreate })));
+            react_1.default.createElement(XAutoCompleteBase_1.XAutoCompleteBase, { value: this.getValue(), onChange: this.onChangeAutoCompleteBase, field: this.props.displayField, itemTemplate: this.props.itemTemplate, searchBrowse: this.props.searchBrowse, valueForm: this.props.assocForm, dropdownButtonEnabled: this.props.dropdownButtonEnabled, idField: xEntityAssoc.idField, readOnly: this.isReadOnly(), error: this.getError(), onErrorChange: this.onErrorChangeAutoCompleteBase, width: this.props.width, scrollHeight: this.props.scrollHeight, suggestions: this.props.suggestions, suggestionsLoad: this.props.suggestionsLoad, lazyLoadMaxRows: this.props.lazyLoadMaxRows, splitQueryValue: this.props.splitQueryValue, minLength: this.props.minLength, suggestionsQuery: { entity: this.xAssoc.entityName, filter: function () { return _this.getFilterBase(_this.props.filter); }, sortField: this.props.sortField, fields: this.props.fields }, inputClassName: this.props.inputClassName, setFocusOnCreate: this.props.setFocusOnCreate })));
     };
     return XAutoComplete;
 }(XFormComponent_1.XFormComponent));

package/lib/components/XAutoCompleteBase.d.ts

@@ -5,6 +5,7 @@ import { MenuItemCommandEvent } from "primereact/menuitem";
 import { XSearchBrowseParams } from "./XSearchBrowseParams";
 import { DataTableSortMeta } from "primereact/datatable";
 import { XEntity } from "../serverApi/XEntityMetadata";
+import { XFormDialogState } from "./XFormDialog";
 interface XButtonItem {
     icon: any | undefined;
     tooltip?: string;
@@ -28,6 +29,7 @@ export interface XAutoCompleteBaseProps {
     idField?: string;
     addRowEnabled: boolean;
     onAddRow?: (inputValue: string) => void;
+    dropdownButtonEnabled: boolean;
     insertButtonTooltip?: string;
     updateButtonTooltip?: string;
     searchButtonTooltip?: string;
@@ -48,6 +50,7 @@ export declare class XAutoCompleteBase extends Component<XAutoCompleteBaseProps>
         lazyLoadMaxRows: number;
         splitQueryValue: boolean;
         addRowEnabled: boolean;
+        dropdownButtonEnabled: boolean;
         minLength: number;
         buttonsLayout: string;
         scrollHeight: string;
@@ -60,14 +63,12 @@ export declare class XAutoCompleteBase extends Component<XAutoCompleteBaseProps>
         notValid: boolean;
         suggestions: any[] | undefined;
         filteredSuggestions: any[] | undefined;
-        formDialogOpened: boolean;
+        formDialogState: XFormDialogState;
         searchDialogOpened: boolean;
     };
     suggestionsLoadedForOSS: boolean;
     wasOnChangeCalled: boolean;
     xEntity: XEntity | undefined;
-    formDialogObjectId: number | undefined;
-    formDialogInitValuesForInsert: any | undefined;
     constructor(props: XAutoCompleteBaseProps);
     getXSuggestionsLoadType(): XSuggestionsLoadType;
     getFields(): string[];
@@ -87,7 +88,6 @@ export declare class XAutoCompleteBase extends Component<XAutoCompleteBaseProps>
     removeFocusFromInput(): void;
     setObjectValue(object: any, objectChange: OperationType): void;
     formDialogOnSaveOrCancel(object: any | null, objectChange: OperationType): void;
-    formDialogOnHide(): void;
     searchDialogOnChoose(chosenRow: any): void;
     searchDialogOnHide(): void;
     createInsertItem(buttonItems: XButtonItem[]): void;

package/lib/components/XAutoCompleteBase.js

@@ -130,6 +130,7 @@ var XUtils_1 = require("./XUtils");
 var button_1 = require("primereact/button");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XUtilsMetadataCommon_1 = require("../serverApi/XUtilsMetadataCommon");
+var XFormDialog_1 = require("./XFormDialog");
 var XAutoCompleteBase = /** @class */ (function (_super) {
     __extends(XAutoCompleteBase, _super);
     function XAutoCompleteBase(props) {
@@ -142,7 +143,7 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
             notValid: false,
             suggestions: undefined,
             filteredSuggestions: undefined,
-            formDialogOpened: false,
+            formDialogState: { opened: false },
             searchDialogOpened: false
         };
         _this.suggestionsLoadedForOSS = false;
@@ -169,7 +170,6 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
         _this.itemTemplateString = _this.itemTemplateString.bind(_this);
         _this.computeDefaultDisplayValue = _this.computeDefaultDisplayValue.bind(_this);
         _this.formDialogOnSaveOrCancel = _this.formDialogOnSaveOrCancel.bind(_this);
-        _this.formDialogOnHide = _this.formDialogOnHide.bind(_this);
         _this.searchDialogOnChoose = _this.searchDialogOnChoose.bind(_this);
         _this.searchDialogOnHide = _this.searchDialogOnHide.bind(_this);
         return _this;
@@ -494,14 +494,8 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
                 this.setFocusToInput();
             }
         }
-        this.setState({ formDialogOpened: false });
-    };
-    XAutoCompleteBase.prototype.formDialogOnHide = function () {
-        this.setState({ formDialogOpened: false });
-        // ak mame v inpute neplatnu hodnotu, vratime kurzor na input
-        if (this.state.inputChanged) {
-            this.setFocusToInput();
-        }
+        var formDialogState = { opened: false };
+        this.setState({ formDialogState: formDialogState });
     };
     XAutoCompleteBase.prototype.searchDialogOnChoose = function (chosenRow) {
         this.setState({ searchDialogOpened: false });
@@ -532,13 +526,13 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
                 }
                 else {
                     // otvorime dialog na insert
-                    _this.formDialogObjectId = undefined;
-                    _this.formDialogInitValuesForInsert = {};
+                    var initValues = {};
                     // ak mame nevalidnu hodnotu, tak ju predplnime (snaha o user friendly)
                     if (_this.state.inputChanged) {
-                        _this.formDialogInitValuesForInsert[_this.getFirstField()] = _this.state.inputValueState;
+                        initValues[_this.getFirstField()] = _this.state.inputValueState;
                     }
-                    _this.setState({ formDialogOpened: true });
+                    var formDialogState = { opened: true, id: undefined, initValues: initValues };
+                    _this.setState({ formDialogState: formDialogState });
                 }
             }
         });
@@ -614,9 +608,8 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
         if (this.props.idField === undefined) {
             throw "XAutoCompleteBase: property valueForm is defined but property idField is also needed for form editation.";
         }
-        this.formDialogObjectId = this.props.value[this.props.idField];
-        this.formDialogInitValuesForInsert = undefined;
-        this.setState({ formDialogOpened: true });
+        var formDialogState = { opened: true, id: this.props.value[this.props.idField], initValues: undefined };
+        this.setState({ formDialogState: formDialogState });
     };
     // vracia objekt (ak inputChanged === false) alebo string (ak inputChanged === true)
     XAutoCompleteBase.prototype.computeInputValue = function () {
@@ -688,6 +681,7 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
         var buttons;
         if (!readOnly) {
             var createInsertItem = (this.props.addRowEnabled && (this.props.valueForm !== undefined || this.props.onAddRow !== undefined));
+            // TODO - upratat koli split layuot-u (ak dropdownButtonEnabled = false tak moze vzniknut split button s jednym buttonom)
             if (createInsertItem || this.props.valueForm || this.props.searchBrowse) {
                 // mame searchBrowse alebo CRUD operacie, potrebujeme viac buttonov alebo SplitButton
                 var buttonItems = [];
@@ -700,7 +694,9 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
                 if (this.props.searchBrowse) {
                     this.createSearchItem(buttonItems);
                 }
-                this.createDropdownItem(buttonItems);
+                if (this.props.dropdownButtonEnabled) {
+                    this.createDropdownItem(buttonItems);
+                }
                 if (this.props.buttonsLayout === "buttons") {
                     buttons = buttonItems.map(function (value, index) { return react_1.default.createElement(button_1.Button, { key: "button".concat(index), icon: value.icon, tooltip: value.tooltip, tooltipOptions: { position: 'top' }, onClick: function (e) { return value.command(e); }, className: 'x-dropdownbutton' + XUtils_1.XUtils.mobileCssSuffix() }); });
                 }
@@ -713,7 +709,7 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
             }
             else {
                 // mame len 1 operaciu - dame jednoduchy button
-                buttons = [react_1.default.createElement(button_1.Button, { icon: "pi pi-chevron-down", onClick: function (e) { return _this.onOpenDropdown(e); }, className: 'x-dropdownbutton' + XUtils_1.XUtils.mobileCssSuffix() })];
+                buttons = [react_1.default.createElement(button_1.Button, { icon: "pi pi-chevron-down", onClick: function (e) { return _this.onOpenDropdown(e); }, className: 'x-dropdownbutton' + XUtils_1.XUtils.mobileCssSuffix(), disabled: !this.props.dropdownButtonEnabled })];
             }
         }
         else {
@@ -737,13 +733,9 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
         else {
             error = this.props.error;
         }
-        // Dialog pre konkretny form:
-        // <DobrovolnikForm id={this.formDialogObjectId} object={this.formDialogInitValuesForInsert} onSaveOrCancel={this.formDialogOnSaveOrCancel}/>
         // formgroup-inline lepi SplitButton na autocomplete a zarovna jeho vysku
         return (react_1.default.createElement.apply(react_1.default, __spreadArray(__spreadArray(["div", { className: "x-auto-complete-base", style: { width: this.props.width, maxWidth: this.props.maxWidth } }, react_1.default.createElement(autocomplete_1.AutoComplete, __assign({ value: inputValue, suggestions: this.state.filteredSuggestions, completeMethod: this.completeMethod, itemTemplate: this.itemTemplate, onChange: this.onChange, onSelect: this.onSelect, onBlur: this.onBlur, minLength: this.props.minLength, scrollHeight: this.props.scrollHeight, ref: this.autoCompleteRef, inputRef: this.autoCompleteInputRef, readOnly: readOnly, disabled: readOnly }, XUtils_1.XUtils.createTooltipOrErrorProps(error), { inputClassName: this.props.inputClassName, showEmptyMessage: true }))], __read(buttons), false), [this.props.valueForm != undefined ?
-                react_1.default.createElement(dialog_1.Dialog, { key: "dialog-form", className: "x-dialog-without-header", visible: this.state.formDialogOpened, onHide: this.formDialogOnHide }, react_1.default.cloneElement(this.props.valueForm, {
-                    id: this.formDialogObjectId, initValues: this.formDialogInitValuesForInsert, onSaveOrCancel: this.formDialogOnSaveOrCancel
-                } /*, this.props.valueForm.children*/))
+                react_1.default.createElement(XFormDialog_1.XFormDialog, { key: "dialog-form", dialogState: this.state.formDialogState, form: this.props.valueForm, onSaveOrCancel: this.formDialogOnSaveOrCancel })
                 : undefined, this.props.searchBrowse != undefined && !readOnly ?
                 react_1.default.createElement(dialog_1.Dialog, { key: "dialog-browse", className: "x-dialog-without-header", visible: this.state.searchDialogOpened, onHide: this.searchDialogOnHide }, react_1.default.cloneElement(this.props.searchBrowse, { searchBrowseParams: this.createSearchBrowseParams() } /*, props.searchBrowse.children*/))
                 : undefined], false)));
@@ -753,6 +745,7 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
         lazyLoadMaxRows: 10,
         splitQueryValue: true,
         addRowEnabled: true,
+        dropdownButtonEnabled: true,
         minLength: 1,
         buttonsLayout: "buttons",
         scrollHeight: '15rem' // primereact has 200px

package/lib/components/XAutoCompleteDT.d.ts

@@ -12,6 +12,7 @@ export interface XAutoCompleteDTProps extends XFormComponentDTProps {
     itemTemplate?: (suggestion: any, index: number, createStringValue: boolean, defaultValue: (suggestion: any) => string) => React.ReactNode;
     searchBrowse?: JSX.Element;
     assocForm?: JSX.Element;
+    dropdownButtonEnabled?: boolean;
     suggestions?: any[];
     suggestionsLoad?: XSuggestionsLoadProp;
     lazyLoadMaxRows?: number;

package/lib/components/XAutoCompleteDT.js

@@ -68,7 +68,7 @@ var XAutoCompleteDT = /** @class */ (function (_super) {
         // TODO - size
         //const size = this.props.size ?? xDisplayField.length;
         // div className="col" nam zabezpeci aby XAutoCompleteBase nezaberal celu dlzku grid-u (ma nastaveny width=100% vdaka "formgroup-inline")
-        return (react_1.default.createElement(XAutoCompleteBase_1.XAutoCompleteBase, { value: this.getValue(), onChange: this.onChangeAutoCompleteBase, field: this.props.displayField, itemTemplate: this.props.itemTemplate, searchBrowse: this.props.searchBrowse, valueForm: this.props.assocForm, idField: xEntityAssoc.idField, readOnly: this.isReadOnly(), error: this.getError(), onErrorChange: this.onErrorChangeAutoCompleteBase, suggestions: this.props.suggestions, suggestionsLoad: this.props.suggestionsLoad, lazyLoadMaxRows: this.props.lazyLoadMaxRows, splitQueryValue: this.props.splitQueryValue, addRowEnabled: this.props.addRowEnabled, minLength: this.props.minLength, scrollHeight: this.props.scrollHeight, suggestionsQuery: { entity: this.xAssoc.entityName, filter: function () { return _this.getFilterBase(_this.props.filter); }, sortField: this.props.sortField, fields: this.props.fields }, inputClassName: this.props.inputClassName }));
+        return (react_1.default.createElement(XAutoCompleteBase_1.XAutoCompleteBase, { value: this.getValue(), onChange: this.onChangeAutoCompleteBase, field: this.props.displayField, itemTemplate: this.props.itemTemplate, searchBrowse: this.props.searchBrowse, valueForm: this.props.assocForm, dropdownButtonEnabled: this.props.dropdownButtonEnabled, idField: xEntityAssoc.idField, readOnly: this.isReadOnly(), error: this.getError(), onErrorChange: this.onErrorChangeAutoCompleteBase, suggestions: this.props.suggestions, suggestionsLoad: this.props.suggestionsLoad, lazyLoadMaxRows: this.props.lazyLoadMaxRows, splitQueryValue: this.props.splitQueryValue, addRowEnabled: this.props.addRowEnabled, minLength: this.props.minLength, scrollHeight: this.props.scrollHeight, suggestionsQuery: { entity: this.xAssoc.entityName, filter: function () { return _this.getFilterBase(_this.props.filter); }, sortField: this.props.sortField, fields: this.props.fields }, inputClassName: this.props.inputClassName }));
     };
     return XAutoCompleteDT;
 }(XFormComponentDT_1.XFormComponentDT));

package/lib/components/XFormDialog.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { XOnSaveOrCancelProp } from "./XFormBase";
+export interface XFormDialogState {
+    opened: boolean;
+    id?: number;
+    initValues?: object;
+}
+export declare const XFormDialog: (props: {
+    dialogState: XFormDialogState;
+    form: JSX.Element;
+    onSaveOrCancel: XOnSaveOrCancelProp;
+}) => React.JSX.Element;

package/lib/components/XFormDialog.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.XFormDialog = void 0;
+var react_1 = __importDefault(require("react"));
+var dialog_1 = require("primereact/dialog");
+var XUtils_1 = require("./XUtils");
+var XFormDialog = function (props) {
+    var onHide = function () {
+        if (props.onSaveOrCancel) {
+            props.onSaveOrCancel(null, XUtils_1.OperationType.None);
+        }
+    };
+    return (react_1.default.createElement(dialog_1.Dialog, { key: "dialog-form", className: "x-dialog-without-header", visible: props.dialogState.opened, onHide: onHide }, react_1.default.cloneElement(props.form, {
+        id: props.dialogState.id, initValues: props.dialogState.initValues, onSaveOrCancel: props.onSaveOrCancel
+    } /*, this.props.valueForm.children*/)));
+};
+exports.XFormDialog = XFormDialog;

package/lib/components/XFormFooter.d.ts

@@ -1,6 +1,10 @@
 import React from "react";
 import { XFormBase } from "./XFormBase";
+import { XtDocTemplate } from "../modules/docTemplates/xt-doc-template";
 export declare const xSaveButtonId: string;
 export declare const XFormFooter: (props: {
     form: XFormBase;
+    docTemplates?: true | ((entity: string) => Promise<XtDocTemplate[]>) | undefined;
+    bodyRight?: React.ReactNode;
+    indentWidth?: string | undefined;
 }) => React.JSX.Element;

package/lib/components/XFormFooter.js

@@ -7,13 +7,32 @@ exports.XFormFooter = exports.xSaveButtonId = void 0;
 var react_1 = __importDefault(require("react"));
 var XButton_1 = require("./XButton");
 var XLocale_1 = require("./XLocale");
+var XDocTemplateButton_1 = require("../modules/docTemplates/XDocTemplateButton");
+var XUtils_1 = require("./XUtils");
 // constant to be used in method formReadOnly to identify save button
 exports.xSaveButtonId = "x-save-button-id";
 // helper wrapper
 var XFormFooter = function (props) {
     var readOnly = props.form.formReadOnlyBase(exports.xSaveButtonId);
+    var leftCompensationElem = null;
+    var rightNodeList = [];
+    // template button is rendered only for update (id !== undefined; row must exist in DB), not for insert
+    if (props.docTemplates && !XUtils_1.XUtils.isMobile() && props.form.props.id !== undefined) {
+        rightNodeList.push(react_1.default.createElement(XDocTemplateButton_1.XDocTemplateButton, { key: "docTemplates", entity: props.form.getEntity(), rowId: props.form.props.id, docTemplates: typeof props.docTemplates === 'function' ? props.docTemplates : undefined }));
+    }
+    if (props.bodyRight) {
+        rightNodeList.push(props.bodyRight);
+    }
+    if (props.indentWidth && rightNodeList.length > 0) {
+        // used only to create some distance between buttons Cancel and XDocTemplateButton (all content is centered), because Cancel is frequently used
+        leftCompensationElem = react_1.default.createElement("div", { style: { width: props.indentWidth } });
+        rightNodeList =
+            [react_1.default.createElement("div", { className: "flex justify-content-end", style: { width: props.indentWidth } }, rightNodeList)];
+    }
     return (react_1.default.createElement("div", { className: "flex justify-content-center" },
+        leftCompensationElem,
         react_1.default.createElement(XButton_1.XButton, { icon: "pi pi-save", label: (0, XLocale_1.xLocaleOption)('save'), onClick: props.form.onClickSave, disabled: readOnly }),
-        react_1.default.createElement(XButton_1.XButton, { icon: "pi pi-times", label: (0, XLocale_1.xLocaleOption)('cancel'), onClick: props.form.onClickCancel })));
+        react_1.default.createElement(XButton_1.XButton, { icon: "pi pi-times", label: (0, XLocale_1.xLocaleOption)('cancel'), onClick: props.form.onClickCancel }),
+        rightNodeList));
 };
 exports.XFormFooter = XFormFooter;

package/lib/components/XInputFileList.js

@@ -75,6 +75,7 @@ var XButtonIconNarrow_1 = require("./XButtonIconNarrow");
 var XUtilsConversions_1 = require("../serverApi/XUtilsConversions");
 var XLocale_1 = require("./XLocale");
 var XUtilsMetadataCommon_1 = require("../serverApi/XUtilsMetadataCommon");
+// notice: in skch there is new version XInputFileList2 and that version don´t use fetch api because fetch api does not support progress bar
 var XInputFileList = /** @class */ (function (_super) {
     __extends(XInputFileList, _super);
     function XInputFileList(props) {
@@ -168,31 +169,9 @@ var XInputFileList = /** @class */ (function (_super) {
     };
     XInputFileList.prototype.onDownloadFile = function (xFile) {
         return __awaiter(this, void 0, void 0, function () {
-            var response, e_3, fileName, respBlob, url, a;
             return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, XUtils_1.XUtils.fetchBasicJson('x-download-file', { xFileId: xFile.id })];
-                    case 1:
-                        response = _a.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        e_3 = _a.sent();
-                        XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('fileDownloadFailed'), e_3);
-                        return [2 /*return*/];
-                    case 3:
-                        fileName = xFile.name;
-                        return [4 /*yield*/, response.blob()];
-                    case 4:
-                        respBlob = _a.sent();
-                        url = window.URL.createObjectURL(respBlob);
-                        a = document.createElement('a');
-                        a.href = url;
-                        a.download = fileName;
-                        a.click();
-                        return [2 /*return*/];
-                }
+                XUtils_1.XUtils.downloadFile('x-download-file', { xFileId: xFile.id }, xFile.name);
+                return [2 /*return*/];
             });
         });
     };
@@ -207,7 +186,7 @@ var XInputFileList = /** @class */ (function (_super) {
         });
     };
     XInputFileList.prototype.render = function () {
-        var e_4, _a;
+        var e_3, _a;
         var _this = this;
         var _b, _c, _d;
         var label = (_b = this.props.label) !== null && _b !== void 0 ? _b : this.props.assocField;
@@ -230,12 +209,12 @@ var XInputFileList = /** @class */ (function (_super) {
                 _loop_1(fileItem);
             }
         }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
         finally {
             try {
                 if (fileItemList_1_1 && !fileItemList_1_1.done && (_a = fileItemList_1.return)) _a.call(fileItemList_1);
             }
-            finally { if (e_4) throw e_4.error; }
+            finally { if (e_3) throw e_3.error; }
         }
         // vrchny div uklada child elementy pod seba (standardny display:block), zarovnane su dolava
         return (react_1.default.createElement("div", null,

package/lib/components/XLazyDataTable/XExportRowsDialog.js

@@ -104,68 +104,46 @@ var XExportRowsDialog = function (props) {
         setCsvEncoding(ExportImportParam_1.CsvEncoding.Win1250);
     };
     var onExport = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var exportParams, apiPath, requestPayload, exportExcelParam, exportCsvParam, exportJsonParam, response, e_1, fileExt, fileName, respBlob, url, a;
+        var exportParams, apiPath, requestPayload, exportExcelParam, exportCsvParam, exportJsonParam, fileExt, fileName;
         return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    // export vykoname az po zatvoreni dialogu - moze dlho trvat a pobezi asynchronne (user zatial moze pracovat s aplikaciou)
-                    // zavrieme dialog
-                    props.hideDialog();
-                    exportParams = props.dialogState.exportParams;
-                    if (exportType === ExportImportParam_1.ExportType.Excel) {
-                        apiPath = "x-lazy-data-table-export-excel";
-                        exportExcelParam = {
-                            queryParam: exportParams.queryParam,
-                            excelCsvParam: createExcelCsvParam(exportParams),
-                            widths: exportParams.widths
-                        };
-                        requestPayload = exportExcelParam;
-                    }
-                    else if (exportType === ExportImportParam_1.ExportType.Csv) {
-                        apiPath = "x-lazy-data-table-export-csv";
-                        exportCsvParam = {
-                            queryParam: exportParams.queryParam,
-                            excelCsvParam: createExcelCsvParam(exportParams),
-                            csvParam: {
-                                csvSeparator: csvSeparator, csvDecimalFormat: decimalFormat, csvEncoding: csvEncoding
-                            }
-                        };
-                        requestPayload = exportCsvParam;
-                    }
-                    else if (exportType === ExportImportParam_1.ExportType.Json) {
-                        apiPath = "x-lazy-data-table-export-json";
-                        exportJsonParam = {
-                            queryParam: exportParams.queryParam
-                        };
-                        requestPayload = exportJsonParam;
-                    }
-                    else {
-                        throw "Unimplemented exportType = ".concat(exportType);
+            // export vykoname az po zatvoreni dialogu - moze dlho trvat a pobezi asynchronne (user zatial moze pracovat s aplikaciou)
+            // zavrieme dialog
+            props.hideDialog();
+            exportParams = props.dialogState.exportParams;
+            if (exportType === ExportImportParam_1.ExportType.Excel) {
+                apiPath = "x-lazy-data-table-export-excel";
+                exportExcelParam = {
+                    queryParam: exportParams.queryParam,
+                    excelCsvParam: createExcelCsvParam(exportParams),
+                    widths: exportParams.widths
+                };
+                requestPayload = exportExcelParam;
+            }
+            else if (exportType === ExportImportParam_1.ExportType.Csv) {
+                apiPath = "x-lazy-data-table-export-csv";
+                exportCsvParam = {
+                    queryParam: exportParams.queryParam,
+                    excelCsvParam: createExcelCsvParam(exportParams),
+                    csvParam: {
+                        csvSeparator: csvSeparator, csvDecimalFormat: decimalFormat, csvEncoding: csvEncoding
                     }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, XUtils_1.XUtils.fetchBasicJson(apiPath, requestPayload)];
-                case 2:
-                    response = _a.sent();
-                    return [3 /*break*/, 4];
-                case 3:
-                    e_1 = _a.sent();
-                    XUtils_1.XUtils.showErrorMessage("Export failed.", e_1);
-                    return [2 /*return*/];
-                case 4:
-                    fileExt = exportType === ExportImportParam_1.ExportType.Excel ? "xlsx" : exportType;
-                    fileName = "".concat(exportParams.fileName, ".").concat(fileExt);
-                    return [4 /*yield*/, response.blob()];
-                case 5:
-                    respBlob = _a.sent();
-                    url = window.URL.createObjectURL(respBlob);
-                    a = document.createElement('a');
-                    a.href = url;
-                    a.download = fileName;
-                    a.click();
-                    return [2 /*return*/];
+                };
+                requestPayload = exportCsvParam;
+            }
+            else if (exportType === ExportImportParam_1.ExportType.Json) {
+                apiPath = "x-lazy-data-table-export-json";
+                exportJsonParam = {
+                    queryParam: exportParams.queryParam
+                };
+                requestPayload = exportJsonParam;
+            }
+            else {
+                throw "Unimplemented exportType = ".concat(exportType);
             }
+            fileExt = exportType === ExportImportParam_1.ExportType.Excel ? "xlsx" : exportType;
+            fileName = "".concat(exportParams.fileName, ".").concat(fileExt);
+            XUtils_1.XUtils.downloadFile(apiPath, requestPayload, fileName);
+            return [2 /*return*/];
         });
     }); };
     var createExcelCsvParam = function (exportParams) {