@michalrakus/x-react-web-lib 1.8.0 → 1.10.0

package/lib/components/XInputFileList.js

@@ -1,251 +1,251 @@
-"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        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]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XInputFileList = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
-var fileupload_1 = require("primereact/fileupload");
-var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XUtils_1 = require("./XUtils");
-var XButton_1 = require("./XButton");
-var XButtonIconNarrow_1 = require("./XButtonIconNarrow");
-var XUtilsConversions_1 = require("./XUtilsConversions");
-var XLocale_1 = require("./XLocale");
-var XInputFileList = /** @class */ (function (_super) {
-    __extends(XInputFileList, _super);
-    function XInputFileList(props) {
-        var _this = _super.call(this, props) || this;
-        _this.fileUploadRef = react_1.default.createRef();
-        _this.props = props;
-        var xEntityForm = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity());
-        var xAssocToMany = XUtilsMetadata_1.XUtilsMetadata.getXAssocToMany(xEntityForm, props.assocField);
-        _this.entity = xAssocToMany.entityName;
-        var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(_this.entity);
-        _this.idField = xEntity.idField;
-        _this.xFileField = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOneByAssocEntity(xEntity, 'XFile').name;
-        _this.onDownloadFile = _this.onDownloadFile.bind(_this);
-        _this.onRemoveFile = _this.onRemoveFile.bind(_this);
-        _this.uploadHandler = _this.uploadHandler.bind(_this);
-        var fieldFilename = "".concat(props.assocField, ".").concat(_this.xFileField, ".filename");
-        props.form.addField(fieldFilename);
-        return _this;
-    }
-    XInputFileList.prototype.uploadHandler = function (event) {
-        var _a, _b;
-        return __awaiter(this, void 0, void 0, function () {
-            var endpoint, _c, _d, file, jsonFieldValue, xFile, e_1, newFileItem, e_2_1;
-            var e_2, _e;
-            return __generator(this, function (_f) {
-                switch (_f.label) {
-                    case 0:
-                        endpoint = this.props.saveDest === 'fileSystem' ? 'x-upload-file-into-file-system' : 'x-upload-file-into-db';
-                        _f.label = 1;
-                    case 1:
-                        _f.trys.push([1, 9, 10, 11]);
-                        _c = __values(event.files), _d = _c.next();
-                        _f.label = 2;
-                    case 2:
-                        if (!!_d.done) return [3 /*break*/, 8];
-                        file = _d.value;
-                        // skontrolujeme velkost - robime to tuto, lebo ked nastavime maxFileSize na komponente FileUpload, tak prilis velky subor sem do handlera ani neposle
-                        if (this.props.maxFileSize !== undefined && file.size > this.props.maxFileSize) {
-                            alert((0, XLocale_1.xLocaleOption)('fileUploadSizeToBig', { fileName: file.name, fileSize: XInputFileList.sizeInMB(file.size), maxFileSize: XInputFileList.sizeInMB(this.props.maxFileSize) }));
-                            return [3 /*break*/, 7]; // ideme na dalsi subor
-                        }
-                        jsonFieldValue = {
-                            filename: file.name,
-                            subdir: this.props.subdir,
-                            modifDate: new Date(),
-                            modifXUser: (_b = (_a = XUtils_1.XUtils.getXToken()) === null || _a === void 0 ? void 0 : _a.xUser) === null || _b === void 0 ? void 0 : _b.idXUser
-                        };
-                        xFile = void 0;
-                        _f.label = 3;
-                    case 3:
-                        _f.trys.push([3, 5, , 6]);
-                        return [4 /*yield*/, XUtils_1.XUtils.fetchFile(endpoint, jsonFieldValue, file)];
-                    case 4:
-                        xFile = _f.sent();
-                        return [3 /*break*/, 6];
-                    case 5:
-                        e_1 = _f.sent();
-                        XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('fileUploadFailed', { fileName: file.name }), e_1);
-                        this.fileUploadRef.current.clear(); // vyprazdnime hidden input, nech moze user znova zadat subory
-                        return [2 /*return*/]; // prerusime upload tohto a dalsich suborov
-                    case 6:
-                        newFileItem = {};
-                        newFileItem[this.xFileField] = xFile;
-                        this.props.form.onTableAddRow(this.props.assocField, newFileItem, this.idField);
-                        _f.label = 7;
-                    case 7:
-                        _d = _c.next();
-                        return [3 /*break*/, 2];
-                    case 8: return [3 /*break*/, 11];
-                    case 9:
-                        e_2_1 = _f.sent();
-                        e_2 = { error: e_2_1 };
-                        return [3 /*break*/, 11];
-                    case 10:
-                        try {
-                            if (_d && !_d.done && (_e = _c.return)) _e.call(_c);
-                        }
-                        finally { if (e_2) throw e_2.error; }
-                        return [7 /*endfinally*/];
-                    case 11:
-                        // vymaze zaznamy v event.files (hidden input type="file"), sposobi ze tlacitko "+Pridat" otvori dialog na vyber suborov
-                        this.fileUploadRef.current.clear();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    XInputFileList.sizeInMB = function (size) {
-        var sizeInMB = size / (Math.pow(10, 6));
-        return (0, XUtilsConversions_1.numberAsUI)(sizeInMB, 2) + ' MB'; // zobrazime 2 desatinky
-    };
-    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*/];
-                }
-            });
-        });
-    };
-    XInputFileList.prototype.onRemoveFile = function (fileItem) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                // poznamka: nemozme zmazat zaznam na backend-e, lebo ak user ukonci editaciu formulara tlacitkom Cancel (alebo odide uplne prec),
-                // tak musime mat v databaze zachovany povodny stav dat/suborov
-                this.props.form.onTableRemoveRow(this.props.assocField, fileItem);
-                return [2 /*return*/];
-            });
-        });
-    };
-    XInputFileList.prototype.render = function () {
-        var e_4, _a;
-        var _this = this;
-        var _b, _c, _d;
-        var label = (_b = this.props.label) !== null && _b !== void 0 ? _b : this.props.assocField;
-        var readOnly = this.props.form.formReadOnlyBase(this.props.assocField) || ((_c = this.props.readOnly) !== null && _c !== void 0 ? _c : false);
-        var object = this.props.form.state.object;
-        var fileItemList = object !== null ? object[this.props.assocField] : [];
-        var elemList = [];
-        var _loop_1 = function (fileItem) {
-            var xFile = fileItem[this_1.xFileField];
-            // p-inputgroup uklada child elementy do riadku (display:flex)
-            // TODO - pouzit XButtonIconSmall pre button na mazanie - problem je ze tam nevieme (narychlo) dat class m-1
-            elemList.push(react_1.default.createElement("div", { key: fileItem[this_1.idField].toString(), className: "p-inputgroup p-mb-1" },
-                react_1.default.createElement(XButton_1.XButton, { label: xFile.name, onClick: function () { return _this.onDownloadFile(xFile); } }),
-                react_1.default.createElement(XButtonIconNarrow_1.XButtonIconNarrow, { icon: "pi pi-times", onClick: function () { return _this.onRemoveFile(fileItem); }, disabled: readOnly })));
-        };
-        var this_1 = this;
-        try {
-            for (var fileItemList_1 = __values(fileItemList), fileItemList_1_1 = fileItemList_1.next(); !fileItemList_1_1.done; fileItemList_1_1 = fileItemList_1.next()) {
-                var fileItem = fileItemList_1_1.value;
-                _loop_1(fileItem);
-            }
-        }
-        catch (e_4_1) { e_4 = { error: e_4_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; }
-        }
-        // vrchny div uklada child elementy pod seba (standardny display:block), zarovnane su dolava
-        return (react_1.default.createElement("div", null,
-            react_1.default.createElement("label", null, label),
-            elemList,
-            react_1.default.createElement(fileupload_1.FileUpload, { ref: this.fileUploadRef, mode: "basic", multiple: true, auto: true, customUpload: true, uploadHandler: this.uploadHandler, chooseLabel: (_d = this.props.chooseLabel) !== null && _d !== void 0 ? _d : (0, XLocale_1.xLocaleOption)('addRow'), className: "m-1", disabled: readOnly })));
-    };
-    XInputFileList.defaultProps = {
-        saveDest: "fileSystem"
-    };
-    return XInputFileList;
-}(react_2.Component));
-exports.XInputFileList = XInputFileList;
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        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]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XInputFileList = void 0;
+var react_1 = __importDefault(require("react"));
+var react_2 = require("react");
+var fileupload_1 = require("primereact/fileupload");
+var XUtilsMetadata_1 = require("./XUtilsMetadata");
+var XUtils_1 = require("./XUtils");
+var XButton_1 = require("./XButton");
+var XButtonIconNarrow_1 = require("./XButtonIconNarrow");
+var XUtilsConversions_1 = require("./XUtilsConversions");
+var XLocale_1 = require("./XLocale");
+var XInputFileList = /** @class */ (function (_super) {
+    __extends(XInputFileList, _super);
+    function XInputFileList(props) {
+        var _this = _super.call(this, props) || this;
+        _this.fileUploadRef = react_1.default.createRef();
+        _this.props = props;
+        var xEntityForm = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity());
+        var xAssocToMany = XUtilsMetadata_1.XUtilsMetadata.getXAssocToMany(xEntityForm, props.assocField);
+        _this.entity = xAssocToMany.entityName;
+        var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(_this.entity);
+        _this.idField = xEntity.idField;
+        _this.xFileField = XUtilsMetadata_1.XUtilsMetadata.getXAssocToOneByAssocEntity(xEntity, 'XFile').name;
+        _this.onDownloadFile = _this.onDownloadFile.bind(_this);
+        _this.onRemoveFile = _this.onRemoveFile.bind(_this);
+        _this.uploadHandler = _this.uploadHandler.bind(_this);
+        var fieldFilename = "".concat(props.assocField, ".").concat(_this.xFileField, ".filename");
+        props.form.addField(fieldFilename);
+        return _this;
+    }
+    XInputFileList.prototype.uploadHandler = function (event) {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function () {
+            var endpoint, _c, _d, file, jsonFieldValue, xFile, e_1, newFileItem, e_2_1;
+            var e_2, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        endpoint = this.props.saveDest === 'fileSystem' ? 'x-upload-file-into-file-system' : 'x-upload-file-into-db';
+                        _f.label = 1;
+                    case 1:
+                        _f.trys.push([1, 9, 10, 11]);
+                        _c = __values(event.files), _d = _c.next();
+                        _f.label = 2;
+                    case 2:
+                        if (!!_d.done) return [3 /*break*/, 8];
+                        file = _d.value;
+                        // skontrolujeme velkost - robime to tuto, lebo ked nastavime maxFileSize na komponente FileUpload, tak prilis velky subor sem do handlera ani neposle
+                        if (this.props.maxFileSize !== undefined && file.size > this.props.maxFileSize) {
+                            alert((0, XLocale_1.xLocaleOption)('fileUploadSizeToBig', { fileName: file.name, fileSize: XInputFileList.sizeInMB(file.size), maxFileSize: XInputFileList.sizeInMB(this.props.maxFileSize) }));
+                            return [3 /*break*/, 7]; // ideme na dalsi subor
+                        }
+                        jsonFieldValue = {
+                            filename: file.name,
+                            subdir: this.props.subdir,
+                            modifDate: new Date(),
+                            modifXUser: (_b = (_a = XUtils_1.XUtils.getXToken()) === null || _a === void 0 ? void 0 : _a.xUser) === null || _b === void 0 ? void 0 : _b.id
+                        };
+                        xFile = void 0;
+                        _f.label = 3;
+                    case 3:
+                        _f.trys.push([3, 5, , 6]);
+                        return [4 /*yield*/, XUtils_1.XUtils.fetchFile(endpoint, jsonFieldValue, file)];
+                    case 4:
+                        xFile = _f.sent();
+                        return [3 /*break*/, 6];
+                    case 5:
+                        e_1 = _f.sent();
+                        XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('fileUploadFailed', { fileName: file.name }), e_1);
+                        this.fileUploadRef.current.clear(); // vyprazdnime hidden input, nech moze user znova zadat subory
+                        return [2 /*return*/]; // prerusime upload tohto a dalsich suborov
+                    case 6:
+                        newFileItem = {};
+                        newFileItem[this.xFileField] = xFile;
+                        this.props.form.onTableAddRow(this.props.assocField, newFileItem, this.idField);
+                        _f.label = 7;
+                    case 7:
+                        _d = _c.next();
+                        return [3 /*break*/, 2];
+                    case 8: return [3 /*break*/, 11];
+                    case 9:
+                        e_2_1 = _f.sent();
+                        e_2 = { error: e_2_1 };
+                        return [3 /*break*/, 11];
+                    case 10:
+                        try {
+                            if (_d && !_d.done && (_e = _c.return)) _e.call(_c);
+                        }
+                        finally { if (e_2) throw e_2.error; }
+                        return [7 /*endfinally*/];
+                    case 11:
+                        // vymaze zaznamy v event.files (hidden input type="file"), sposobi ze tlacitko "+Pridat" otvori dialog na vyber suborov
+                        this.fileUploadRef.current.clear();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    XInputFileList.sizeInMB = function (size) {
+        var sizeInMB = size / (Math.pow(10, 6));
+        return (0, XUtilsConversions_1.numberAsUI)(sizeInMB, 2) + ' MB'; // zobrazime 2 desatinky
+    };
+    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*/];
+                }
+            });
+        });
+    };
+    XInputFileList.prototype.onRemoveFile = function (fileItem) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                // poznamka: nemozme zmazat zaznam na backend-e, lebo ak user ukonci editaciu formulara tlacitkom Cancel (alebo odide uplne prec),
+                // tak musime mat v databaze zachovany povodny stav dat/suborov
+                this.props.form.onTableRemoveRow(this.props.assocField, fileItem);
+                return [2 /*return*/];
+            });
+        });
+    };
+    XInputFileList.prototype.render = function () {
+        var e_4, _a;
+        var _this = this;
+        var _b, _c, _d;
+        var label = (_b = this.props.label) !== null && _b !== void 0 ? _b : this.props.assocField;
+        var readOnly = this.props.form.formReadOnlyBase(this.props.assocField) || ((_c = this.props.readOnly) !== null && _c !== void 0 ? _c : false);
+        var object = this.props.form.state.object;
+        var fileItemList = object !== null ? object[this.props.assocField] : [];
+        var elemList = [];
+        var _loop_1 = function (fileItem) {
+            var xFile = fileItem[this_1.xFileField];
+            // p-inputgroup uklada child elementy do riadku (display:flex)
+            // TODO - pouzit XButtonIconSmall pre button na mazanie - problem je ze tam nevieme (narychlo) dat class m-1
+            elemList.push(react_1.default.createElement("div", { key: fileItem[this_1.idField].toString(), className: "p-inputgroup p-mb-1" },
+                react_1.default.createElement(XButton_1.XButton, { label: xFile.name, onClick: function () { return _this.onDownloadFile(xFile); } }),
+                react_1.default.createElement(XButtonIconNarrow_1.XButtonIconNarrow, { icon: "pi pi-times", onClick: function () { return _this.onRemoveFile(fileItem); }, disabled: readOnly })));
+        };
+        var this_1 = this;
+        try {
+            for (var fileItemList_1 = __values(fileItemList), fileItemList_1_1 = fileItemList_1.next(); !fileItemList_1_1.done; fileItemList_1_1 = fileItemList_1.next()) {
+                var fileItem = fileItemList_1_1.value;
+                _loop_1(fileItem);
+            }
+        }
+        catch (e_4_1) { e_4 = { error: e_4_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; }
+        }
+        // vrchny div uklada child elementy pod seba (standardny display:block), zarovnane su dolava
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement("label", null, label),
+            elemList,
+            react_1.default.createElement(fileupload_1.FileUpload, { ref: this.fileUploadRef, mode: "basic", multiple: true, auto: true, customUpload: true, uploadHandler: this.uploadHandler, chooseLabel: (_d = this.props.chooseLabel) !== null && _d !== void 0 ? _d : (0, XLocale_1.xLocaleOption)('addRow'), className: "m-1", disabled: readOnly })));
+    };
+    XInputFileList.defaultProps = {
+        saveDest: "fileSystem"
+    };
+    return XInputFileList;
+}(react_2.Component));
+exports.XInputFileList = XInputFileList;

package/lib/components/XInputInterval.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { XFormComponentProps } from "./XFormComponent";
+import { XInput } from "./XInput";
+import { IPostgresInterval } from "./XUtils";
+export interface XInputIntervalProps extends XFormComponentProps<number> {
+    field: string;
+    inputStyle?: React.CSSProperties;
+}
+export declare class XInputInterval extends XInput<number, XInputIntervalProps> {
+    constructor(props: XInputIntervalProps);
+    getValue(): IPostgresInterval | null;
+    onValueChange(value: IPostgresInterval | null): void;
+    render(): JSX.Element;
+}

package/lib/components/XInputInterval.js

@@ -0,0 +1,56 @@
+"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 __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XInputInterval = void 0;
+var react_1 = __importDefault(require("react"));
+var XInput_1 = require("./XInput");
+var XInputIntervalBase_1 = require("./XInputIntervalBase");
+var XInputInterval = /** @class */ (function (_super) {
+    __extends(XInputInterval, _super);
+    function XInputInterval(props) {
+        var _this = _super.call(this, props) || this;
+        _this.onValueChange = _this.onValueChange.bind(_this);
+        return _this;
+    }
+    XInputInterval.prototype.getValue = function () {
+        return this.getValueFromObject();
+    };
+    XInputInterval.prototype.onValueChange = function (value) {
+        this.onValueChangeBase(value, this.props.onChange);
+    };
+    XInputInterval.prototype.render = function () {
+        return (react_1.default.createElement("div", { className: "field grid" },
+            react_1.default.createElement("label", { htmlFor: this.props.field, className: "col-fixed", style: this.getLabelStyle() }, this.getLabel()),
+            react_1.default.createElement(XInputIntervalBase_1.XInputIntervalBase, __assign({ id: this.props.field, value: this.getValue(), onChange: this.onValueChange, readOnly: this.isReadOnly(), error: this.getError(), style: this.props.inputStyle }, this.getClassNameTooltip()))));
+    };
+    return XInputInterval;
+}(XInput_1.XInput));
+exports.XInputInterval = XInputInterval;

package/lib/components/XInputIntervalBase.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from "react";
+import { IPostgresInterval } from "./XUtils";
+export declare const XInputIntervalBase: (props: {
+    id?: string | undefined;
+    value: IPostgresInterval | null;
+    onChange: (value: IPostgresInterval | null) => void;
+    readOnly?: boolean | undefined;
+    error?: string | undefined;
+    style?: CSSProperties | undefined;
+}) => JSX.Element;