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

package/lib/components/XFieldSelector.js

@@ -14,7 +14,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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -51,7 +51,7 @@ var react_1 = __importStar(require("react"));
 var treetable_1 = require("primereact/treetable");
 var column_1 = require("primereact/column");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XFieldSelector = function (props) {
+exports.XFieldSelector = function (props) {
     // poznamka: treeNodeList by sme mohli vypocitavat priamo, ale ked pouzijeme useState/useEffect tak sa createTreeNodeList zavola len raz pri vytvoreni komponentu
     var _a = __read(react_1.useState([]), 2), treeNodeList = _a[0], setTreeNodeList = _a[1];
     // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
@@ -105,4 +105,3 @@ var XFieldSelector = function (props) {
         react_1.default.createElement(column_1.Column, { field: "name", header: "Field name", headerStyle: { width: "15.7rem" }, expander: true }),
         react_1.default.createElement(column_1.Column, { field: "type", header: "Type", headerStyle: { width: "9.3rem" } })));
 };
-exports.XFieldSelector = XFieldSelector;

package/lib/components/XFormBase.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());

package/lib/components/XFormBaseT.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());

package/lib/components/XFormComponent.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());

package/lib/components/XFormDataTable2.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());
@@ -40,7 +38,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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -359,7 +357,7 @@ var XFormDataTable2 = /** @class */ (function (_super) {
             if (width === undefined || width === "default") {
                 width = XUtilsMetadata_1.XUtilsMetadata.computeColumnWidth(xField, childColumnProps.type, header);
             }
-            var headerStyle;
+            var headerStyle = {};
             if (width !== undefined) {
                 headerStyle = { width: width };
             }
@@ -380,10 +378,10 @@ var XFormDataTable2 = /** @class */ (function (_super) {
             }
             // }
             // *********** style ***********
-            var style;
+            var style = {};
             // TODO - pouzit className a nie style
             if (align === "center" || align === "right") {
-                style = { 'textAlign': align };
+                style = { textAlign: align };
                 headerStyle = __assign(__assign({}, headerStyle), style); // headerStyle overrides style in TH cell
             }
             return react_1.default.createElement(column_1.Column, { field: field, header: header, filter: true, sortable: true, filterElement: filterElement, headerStyle: headerStyle, style: style, body: function (rowData) { return thisLocal.bodyTemplate(childColumnProps, rowData, xEntity); } });
@@ -407,27 +405,24 @@ var XFormDataTable2 = /** @class */ (function (_super) {
     return XFormDataTable2;
 }(react_1.Component));
 exports.XFormDataTable2 = XFormDataTable2;
-var XFormColumn = function (props) {
+exports.XFormColumn = function (props) {
     // nevadi ze tu nic nevraciame, field a header vieme precitat a zvysok by sme aj tak zahodili lebo vytvarame novy element
     return (null);
 };
-exports.XFormColumn = XFormColumn;
 exports.XFormColumn.defaultProps = {
     type: "inputSimple"
 };
-var XFormDropdownColumn = function (props) {
+exports.XFormDropdownColumn = function (props) {
     // nevadi ze tu nic nevraciame, field a header vieme precitat a zvysok by sme aj tak zahodili lebo vytvarame novy element
     return (null);
 };
-exports.XFormDropdownColumn = XFormDropdownColumn;
 exports.XFormDropdownColumn.defaultProps = {
     type: "dropdown"
 };
-var XFormSearchButtonColumn = function (props) {
+exports.XFormSearchButtonColumn = function (props) {
     // nevadi ze tu nic nevraciame, field a header vieme precitat a zvysok by sme aj tak zahodili lebo vytvarame novy element
     return (null);
 };
-exports.XFormSearchButtonColumn = XFormSearchButtonColumn;
 exports.XFormSearchButtonColumn.defaultProps = {
     type: "searchButton"
 };

package/lib/components/XFormFooter.js

@@ -7,9 +7,8 @@ exports.XFormFooter = void 0;
 var react_1 = __importDefault(require("react"));
 var XButton_1 = require("./XButton");
 // helper wrapper
-var XFormFooter = function (props) {
+exports.XFormFooter = function (props) {
     return (react_1.default.createElement("div", { className: "flex justify-content-center" },
         react_1.default.createElement(XButton_1.XButton, { label: "Save", onClick: props.form.onClickSave }),
         react_1.default.createElement(XButton_1.XButton, { label: "Cancel", onClick: props.form.onClickCancel })));
 };
-exports.XFormFooter = XFormFooter;

package/lib/components/XFormNavigator3.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());
@@ -29,7 +27,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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -49,10 +47,9 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spread = (this && this.__spread) || function () {
+    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
+    return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XFormNavigator3 = void 0;
@@ -102,7 +99,7 @@ var XFormNavigator3 = /** @class */ (function (_super) {
     };
     XFormNavigator3.prototype.render = function () {
         var _this = this;
-        var formElements = this.props.rootFormElement !== null ? __spreadArray([this.props.rootFormElement], __read(this.state.formElements)) : this.state.formElements;
+        var formElements = this.props.rootFormElement !== null ? __spread([this.props.rootFormElement], this.state.formElements) : this.state.formElements;
         var forms = formElements.map(function (formElement, index) {
             var displayed = (index === formElements.length - 1);
             // klonovanim elementu pridame atribut openForm={this.openForm} (nemusime tento atribut pridavat pri vytvarani elementu)

package/lib/components/XHolders.js

@@ -5,11 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.XHolder2 = exports.XHolder1 = void 0;
 var react_1 = __importDefault(require("react"));
-var XHolder1 = function (props) {
+exports.XHolder1 = function (props) {
     return react_1.default.createElement("div", null, props.element);
 };
-exports.XHolder1 = XHolder1;
-var XHolder2 = function (props) {
+exports.XHolder2 = function (props) {
     return react_1.default.createElement("div", null, props.element);
 };
-exports.XHolder2 = XHolder2;

package/lib/components/XInputDate.js

@@ -10,7 +10,7 @@ var XUtilsConversions_1 = require("./XUtilsConversions");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XUtils_1 = require("./XUtils");
-var XInputDate = function (props) {
+exports.XInputDate = function (props) {
     var _a;
     props.form.addField(props.field);
     var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.form.getEntity(), props.field);
@@ -53,4 +53,3 @@ var XInputDate = function (props) {
         react_1.default.createElement("label", { htmlFor: props.field, className: "col-fixed", style: { width: XUtils_1.XUtils.FIELD_LABEL_WIDTH } }, label),
         react_1.default.createElement(calendar_1.Calendar, { id: props.field, value: fieldValue, onChange: onValueChange, disabled: readOnly, showIcon: true, dateFormat: XUtilsConversions_1.dateFormatCalendar(), showTime: showTime, showSeconds: showTime, inputClassName: cssClassName, showOnFocus: false })));
 };
-exports.XInputDate = XInputDate;

package/lib/components/XInputDateDT.js

@@ -8,7 +8,7 @@ var XUtilsConversions_1 = require("./XUtilsConversions");
 var calendar_1 = require("primereact/calendar");
 var react_1 = __importDefault(require("react"));
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XInputDateDT = function (props) {
+exports.XInputDateDT = function (props) {
     var showTime = (props.xField.type === 'datetime');
     var cssClassName = showTime ? 'x-input-datetime' : 'x-input-date';
     // ak mame path, field je vzdy readOnly
@@ -52,4 +52,3 @@ var XInputDateDT = function (props) {
     // appendTo={document.body} appenduje overlay panel na element body - eliminuje problem s overflow (pozri poznamku v XDropdownDTFilter)
     return (react_1.default.createElement(calendar_1.Calendar, { appendTo: document.body, id: props.field, value: fieldValue, onChange: function (e) { return onValueChange(props.field, props.rowData, e.value); }, disabled: readOnly, showIcon: true, dateFormat: XUtilsConversions_1.dateFormatCalendar(), showTime: showTime, showSeconds: showTime, inputClassName: cssClassName, showOnFocus: false }));
 };
-exports.XInputDateDT = XInputDateDT;

package/lib/components/XInputDecimal.js

@@ -9,7 +9,7 @@ var inputnumber_1 = require("primereact/inputnumber");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XUtils_1 = require("./XUtils");
-var XInputDecimal = function (props) {
+exports.XInputDecimal = function (props) {
     var _a, _b, _c;
     props.form.addField(props.field);
     var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.form.getEntity(), props.field);
@@ -58,4 +58,3 @@ var XInputDecimal = function (props) {
         react_1.default.createElement("label", { htmlFor: props.field, className: "col-fixed", style: labelStyle }, label),
         react_1.default.createElement(inputnumber_1.InputNumber, { id: props.field, value: fieldValue, onChange: onValueChange, disabled: readOnly, mode: "decimal", locale: "de-DE", useGrouping: useGrouping, minFractionDigits: fractionDigits, maxFractionDigits: fractionDigits, min: min, max: max, size: sizeInput, style: props.inputStyle })));
 };
-exports.XInputDecimal = XInputDecimal;

package/lib/components/XInputDecimalDT.js

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 var inputnumber_1 = require("primereact/inputnumber");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XInputDecimalDT = function (props) {
+exports.XInputDecimalDT = function (props) {
     var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.entity, props.field);
     var _a = XUtilsMetadata_1.XUtilsMetadata.getParamsForInputNumber(xField), useGrouping = _a.useGrouping, fractionDigits = _a.fractionDigits, min = _a.min, max = _a.max;
     // ak mame path, field je vzdy readOnly
@@ -49,4 +49,3 @@ var XInputDecimalDT = function (props) {
     }
     return (react_1.default.createElement(inputnumber_1.InputNumber, { id: props.field, value: fieldValue, onChange: function (e) { return onValueChange(props.field, props.rowData, e.value); }, disabled: readOnly, mode: "decimal", locale: "de-DE", useGrouping: useGrouping, minFractionDigits: fractionDigits, maxFractionDigits: fractionDigits, min: min, max: max, className: "x-input-to-resize" }));
 };
-exports.XInputDecimalDT = XInputDecimalDT;

package/lib/components/XInputText.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());

package/lib/components/XInputTextDT.js

@@ -9,7 +9,7 @@ var inputtext_1 = require("primereact/inputtext");
 var XUtilsConversions_1 = require("./XUtilsConversions");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XInputTextDT = function (props) {
+exports.XInputTextDT = function (props) {
     var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.entity, props.field);
     // ak mame path, field je vzdy readOnly
     var readOnly;
@@ -40,4 +40,3 @@ var XInputTextDT = function (props) {
     }
     return (react_1.default.createElement(inputtext_1.InputText, { id: props.field, value: fieldValue, onChange: function (e) { return onValueChange(props.field, props.rowData, e.target.value); }, readOnly: readOnly, maxLength: xField.length, className: "x-input-to-resize" }));
 };
-exports.XInputTextDT = XInputTextDT;

package/lib/components/XLazyDataTable.js

@@ -25,7 +25,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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -107,7 +107,7 @@ var XButtonIconSmall_1 = require("./XButtonIconSmall");
 var tristatecheckbox_1 = require("primereact/tristatecheckbox");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XExportRowsDialog_1 = require("./XExportRowsDialog");
-var XLazyDataTable = function (props) {
+exports.XLazyDataTable = function (props) {
     var dataTableEl = react_1.useRef(null);
     var _a = __read(react_1.useState({ rowList: [], totalRecords: 0 }), 2), value = _a[0], setValue = _a[1];
     var _b = __read(react_1.useState(false), 2), loading = _b[0], setLoading = _b[1];
@@ -617,7 +617,7 @@ var XLazyDataTable = function (props) {
         if (width === undefined || width === "default") {
             width = XUtilsMetadata_1.XUtilsMetadata.computeColumnWidth(xField, undefined, headerLabel);
         }
-        var headerStyle;
+        var headerStyle = {};
         if (width !== undefined) {
             headerStyle = { width: width };
         }
@@ -636,7 +636,7 @@ var XLazyDataTable = function (props) {
             }
         }
         // *********** style ***********
-        var style;
+        var style = {};
         // TODO - pouzit className a nie style
         if (align === "center" || align === "right") {
             style = { 'textAlign': align };
@@ -658,7 +658,6 @@ var XLazyDataTable = function (props) {
             props.searchTableParams !== undefined ? react_1.default.createElement(XButton_1.XButton, { label: "Choose", onClick: onClickChoose }) : null,
             exportRows ? react_1.default.createElement(XExportRowsDialog_1.XExportRowsDialog, { dialogOpened: exportRowsDialogOpened, rowCount: exportRowsDialogRowCount, onHideDialog: exportRowsDialogOnHide }) : null)));
 };
-exports.XLazyDataTable = XLazyDataTable;
 exports.XLazyDataTable.defaultProps = {
     paginator: true,
     rows: 10,
@@ -668,8 +667,7 @@ exports.XLazyDataTable.defaultProps = {
     shrinkWidth: true
 };
 // TODO - XLazyColumn neni idealny nazov, lepsi je XColumn (ale zatial nechame XLazyColumn)
-var XLazyColumn = function (props) {
+exports.XLazyColumn = function (props) {
     // nevadi ze tu nic nevraciame, field a header vieme precitat a zvysok by sme aj tak zahodili lebo vytvarame novy element
     return (null);
 };
-exports.XLazyColumn = XLazyColumn;

package/lib/components/XLoginDialog.js

@@ -7,7 +7,7 @@ exports.XLoginDialog = void 0;
 var react_1 = __importDefault(require("react"));
 var dialog_1 = require("primereact/dialog");
 var XLoginForm_1 = require("./XLoginForm");
-var XLoginDialog = function (props) {
+exports.XLoginDialog = function (props) {
     // bez tejto metody by pri opetovnom otvoreni dialogu ponechal povodne hodnoty
     var onShow = function () {
     };
@@ -18,4 +18,3 @@ var XLoginDialog = function (props) {
     return (react_1.default.createElement(dialog_1.Dialog, { visible: props.dialogOpened, onShow: onShow, onHide: function () { return props.onHideDialog(false); } },
         react_1.default.createElement(XLoginForm_1.XLoginForm, { setXToken: props.setXToken, onLogin: onLogin, customUserService: props.customUserService })));
 };
-exports.XLoginDialog = XLoginDialog;

package/lib/components/XLoginForm.js

@@ -14,7 +14,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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -77,7 +77,7 @@ var react_1 = __importStar(require("react"));
 var password_1 = require("primereact/password");
 var button_1 = require("primereact/button");
 var XUtils_1 = require("./XUtils");
-var XLoginForm = function (props) {
+exports.XLoginForm = function (props) {
     var _a = __read(react_1.useState(""), 2), username = _a[0], setUsername = _a[1];
     var _b = __read(react_1.useState(""), 2), password = _b[0], setPassword = _b[1];
     var onClickLogIn = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -98,7 +98,7 @@ var XLoginForm = function (props) {
                     _a.label = 3;
                 case 3:
                     // zatial si ulozime len username/password (koli http basic autentifikacii)
-                    props.setXToken({ username: username, password: password, customUser: customUser });
+                    props.setXToken({ username: username, password: password, xUser: customUser });
                     // metoda pouzivana v XLoginDialog
                     if (props.onLogin) {
                         props.onLogin();
@@ -121,4 +121,3 @@ var XLoginForm = function (props) {
             react_1.default.createElement(password_1.Password, { id: "password", value: password, onChange: function (e) { return setPassword(e.target.value); }, feedback: false, maxLength: 64 })),
         react_1.default.createElement(button_1.Button, { label: "Log in", onClick: onClickLogIn })));
 };
-exports.XLoginForm = XLoginForm;

package/lib/components/XResponseError.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());

package/lib/components/XSearchButton.js

@@ -3,12 +3,10 @@ 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]; };
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(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 __());

package/lib/components/XSearchButtonDT.js

@@ -14,7 +14,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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -78,7 +78,7 @@ var inputtext_1 = require("primereact/inputtext");
 var button_1 = require("primereact/button");
 var dialog_1 = require("primereact/dialog");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XSearchButtonDT = function (props) {
+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
@@ -181,4 +181,3 @@ var XSearchButtonDT = 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.XSearchButtonDT = XSearchButtonDT;

package/lib/components/XSearchButtonOld.js

@@ -14,7 +14,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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -78,7 +78,7 @@ var button_1 = require("primereact/button");
 var XUtils_1 = require("./XUtils");
 var dialog_1 = require("primereact/dialog");
 var XUtilsMetadata_1 = require("./XUtilsMetadata");
-var XSearchButtonOld = function (props) {
+exports.XSearchButtonOld = function (props) {
     var _a, _b, _c;
     props.form.addField(props.assocField + '.' + props.displayField);
     var xEntity = XUtilsMetadata_1.XUtilsMetadata.getXEntity(props.form.getEntity());
@@ -205,4 +205,3 @@ var 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");
-var XToOneAssocButton = function (props) {
+exports.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,4 +27,3 @@ var 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/XToken.d.ts

@@ -1,5 +1,6 @@
 export interface XToken {
-    username: string;
-    password: string;
-    customUser?: any;
+    username?: string;
+    password?: string;
+    accessToken?: string;
+    xUser?: any;
 }

package/lib/components/XUtils.d.ts

@@ -1,6 +1,7 @@
 import { XToken } from "./XToken";
 import { CsvDecimalFormat, CsvSeparator, ExportType } from "../serverApi/ExportImportParam";
 import React from "react";
+import { XEnvVar } from "./XEnvVars";
 export declare enum OperationType {
     None = 0,
     Insert = 1,
@@ -9,7 +10,7 @@ export declare enum OperationType {
 }
 export declare class XUtils {
     static dropdownEmptyOptionValue: string;
-    static xServerUrl: string | null;
+    static xBackendUrl: string | undefined;
     static xToken: XToken | null;
     static xTokenPublic: XToken;
     private static appFormMap;
@@ -37,13 +38,19 @@ export declare class XUtils {
     static post(path: string, value: any): Promise<Response>;
     static fetchBasicJson(path: string, value: any, usePublicToken?: boolean | XToken): Promise<Response>;
     static fetchFile(path: string, jsonFieldValue: any, fileToPost: any): Promise<any>;
+    static fetchBasicAuthBasic(path: string, headers: any, body: any, usePublicToken?: boolean | XToken): Promise<Response>;
     static fetchBasic(path: string, headers: any, body: any, usePublicToken?: boolean | XToken): Promise<Response>;
     static fetchById(entity: string, fields: string[], id: number): Promise<any>;
     static setXToken(xToken: XToken | null): void;
     static getXToken(): XToken | null;
     static getUsername(): string | undefined;
-    static getXServerUrl(): string;
-    static setXServerUrl(xServerUrl: string): void;
+    static getXBackendUrl(): string;
+    static setXBackendUrl(xBackendUrl: string | undefined): void;
+    /**
+     * returns value of environment variable from configuration file .env
+     * @param envVar
+     */
+    static getEnvVarValue(envVarEnum: XEnvVar): string;
     static removeRow(entity: string, row: any): Promise<void>;
     static arrayMoveElement(array: any[], position: number, offset: number): void;
     static isReadOnly(path: string, readOnlyInit?: boolean): boolean;