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

package/XEnvVars.d.ts

@@ -0,0 +1,3 @@
+// generated by gulp
+
+export * from './lib/components/XEnvVars';

package/XEnvVars.js

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

package/gulpfile.js

@@ -21,6 +21,7 @@ function generateApi(cb) {
         "./lib/components/XChangePasswordForm",
         "./lib/components/XCheckbox",
         "./lib/components/XDropdown",
+        "./lib/components/XEnvVars",
         "./lib/components/XErrors",
         "./lib/components/XFormBase",
         "./lib/components/XFormBaseT",

package/lib/administration/XBrowseMetaBrowse.js

@@ -7,7 +7,7 @@ exports.XBrowseMetaBrowse = void 0;
 var XLazyDataTable_1 = require("../components/XLazyDataTable");
 var react_1 = __importDefault(require("react"));
 var XBrowseMetaForm_1 = require("./XBrowseMetaForm");
-var XBrowseMetaBrowse = function (props) {
+exports.XBrowseMetaBrowse = function (props) {
     var onEdit = function (selectedRow) {
         // openForm pridavame automaticky v XFormNavigator3 pri renderovani komponentu
         props.openForm(react_1.default.createElement(XBrowseMetaForm_1.XBrowseMetaForm, { id: selectedRow.idXBrowseMeta }));
@@ -18,4 +18,3 @@ var XBrowseMetaBrowse = function (props) {
         react_1.default.createElement(XLazyDataTable_1.XLazyColumn, { field: "browseId", header: "Browse ID", width: "17rem" }),
         react_1.default.createElement(XLazyDataTable_1.XLazyColumn, { field: "rows", header: "Rows" })));
 };
-exports.XBrowseMetaBrowse = XBrowseMetaBrowse;

package/lib/administration/XBrowseMetaForm.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 __());
@@ -44,14 +42,15 @@ var XBrowseMetaForm = /** @class */ (function (_super) {
                     react_1.default.createElement(XInputText_1.XInputText, { form: this, field: "entity", label: "Entity", size: 20 }),
                     react_1.default.createElement(XInputText_1.XInputText, { form: this, field: "browseId", label: "Browse ID", size: 20 }),
                     react_1.default.createElement(XInputDecimal_1.XInputDecimal, { form: this, field: "rows", label: "Rows" }))),
-            react_1.default.createElement(XFormDataTable2_1.XFormDataTable2, { form: this, assocField: "columnMetaList", label: "Column list" },
-                react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "idXColumnMeta", header: "ID", readOnly: true }),
-                react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "field", header: "Field", width: "17rem" }),
-                react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "header", header: "Header", width: "17rem" }),
-                react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "align", header: "Align" }),
-                react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "dropdownInFilter", header: "Dropdown in filter" }),
-                react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "width", header: "Width" }),
-                react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "columnOrder", header: "Column order" })),
+            react_1.default.createElement("div", { className: "x-viewport-width" },
+                react_1.default.createElement(XFormDataTable2_1.XFormDataTable2, { form: this, assocField: "columnMetaList", label: "Column list" },
+                    react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "idXColumnMeta", header: "ID", readOnly: true }),
+                    react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "field", header: "Field", width: "17rem" }),
+                    react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "header", header: "Header", width: "17rem" }),
+                    react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "align", header: "Align" }),
+                    react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "dropdownInFilter", header: "Dropdown in filter" }),
+                    react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "width", header: "Width" }),
+                    react_1.default.createElement(XFormDataTable2_1.XFormColumn, { field: "columnOrder", header: "Column order" }))),
             react_1.default.createElement(XFormFooter_1.XFormFooter, { form: this })));
     };
     XBrowseMetaForm = __decorate([

package/lib/administration/XUserBrowse.js

@@ -44,10 +44,10 @@ var XLazyDataTable_1 = require("../components/XLazyDataTable");
 var react_1 = __importDefault(require("react"));
 var XUserForm_1 = require("./XUserForm");
 var XUtils_1 = require("../components/XUtils");
-var XUserBrowse = function (props) {
+exports.XUserBrowse = function (props) {
     var onAddRow = function () {
         // openForm pridavame automaticky v XFormNavigator3 pri renderovani komponentu
-        props.openForm(react_1.default.createElement(XUserForm_1.XUserForm, null));
+        props.openForm(react_1.default.createElement(XUserForm_1.XUserForm, { object: { enabled: true } }));
     };
     var onEdit = function (selectedRow) {
         // openForm pridavame automaticky v XFormNavigator3 pri renderovani komponentu
@@ -77,10 +77,10 @@ var XUserBrowse = function (props) {
     }); };
     return (react_1.default.createElement(XLazyDataTable_1.XLazyDataTable, { entity: "XUser", rows: 10, onAddRow: onAddRow, onEdit: onEdit, removeRow: onRemoveRow, displayed: props.displayed },
         react_1.default.createElement(XLazyDataTable_1.XLazyColumn, { field: "idXUser", header: "ID" }),
-        react_1.default.createElement(XLazyDataTable_1.XLazyColumn, { field: "username", header: "Username", width: "11rem" }),
-        react_1.default.createElement(XLazyDataTable_1.XLazyColumn, { field: "name", header: "Name", width: "17rem" })));
+        react_1.default.createElement(XLazyDataTable_1.XLazyColumn, { field: "username", header: "Username", width: "17rem" }),
+        react_1.default.createElement(XLazyDataTable_1.XLazyColumn, { field: "name", header: "Name", width: "17rem" }),
+        react_1.default.createElement(XLazyDataTable_1.XLazyColumn, { field: "enabled", header: "Enabled" })));
 };
-exports.XUserBrowse = XUserBrowse;
 // zatial nepouzivane - prichystane do buducnosti
 // ak by sme mali class komponenty, dal by sa pouzit decorator, pri formularoch mame class komponenty
 XUtils_1.XUtils.registerAppBrowse(react_1.default.createElement(exports.XUserBrowse, null), "XUser");

package/lib/administration/XUserForm.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 __());
@@ -71,11 +69,13 @@ var XInputDecimal_1 = require("../components/XInputDecimal");
 var password_1 = require("primereact/password");
 var XUtils_1 = require("../components/XUtils");
 var XFormFooter_1 = require("../components/XFormFooter");
+var XCheckbox_1 = require("../components/XCheckbox");
+var XEnvVars_1 = require("../components/XEnvVars");
 var XUserForm = /** @class */ (function (_super) {
     __extends(XUserForm, _super);
     function XUserForm(props) {
         var _this = _super.call(this, props) || this;
-        _this.state.usernameReadOnly = false;
+        _this.state.usernameEnabledReadOnly = false;
         _this.state.passwordNew = '';
         _this.state.passwordNewConfirm = '';
         _this.onClickSave = _this.onClickSave.bind(_this);
@@ -91,7 +91,7 @@ var XUserForm = /** @class */ (function (_super) {
                         _a.sent();
                         username = this.getXObject().username;
                         if (username === XUtils_1.XUtils.getUsername() || (XUtils_1.XUtils.demo() && (username === 'jozko' || username === 'xman'))) {
-                            this.setState({ usernameReadOnly: true });
+                            this.setState({ usernameEnabledReadOnly: true });
                         }
                         return [2 /*return*/];
                 }
@@ -112,26 +112,29 @@ var XUserForm = /** @class */ (function (_super) {
                             alert("Users jozko, xman can not be changed.");
                             return [2 /*return*/];
                         }
-                        if (this.isAddRow() && this.state.passwordNew === '') {
-                            alert("Password is required.");
-                            return [2 /*return*/];
-                        }
-                        if (this.state.passwordNew !== '' || this.state.passwordNewConfirm !== '') {
-                            // nedovolime tuto zmenit heslo aktualne prihlasenemu uzivatelovi, lebo by sme museli upravit aj token
-                            if (this.state.object.username === XUtils_1.XUtils.getUsername()) {
-                                alert("Please, change your password via option Administration -> Change password.");
+                        // password is used only by local authorization
+                        if (XUtils_1.XUtils.getEnvVarValue(XEnvVars_1.XEnvVar.REACT_APP_AUTH) === XEnvVars_1.XReactAppAuth.LOCAL) {
+                            if (this.isAddRow() && this.state.passwordNew === '') {
+                                alert("Password is required.");
                                 return [2 /*return*/];
                             }
-                            if (this.state.passwordNew !== this.state.passwordNewConfirm) {
-                                alert("New password and confirmed new password are not equal.");
-                                return [2 /*return*/];
+                            if (this.state.passwordNew !== '' || this.state.passwordNewConfirm !== '') {
+                                // nedovolime tuto zmenit heslo aktualne prihlasenemu uzivatelovi, lebo by sme museli upravit aj token
+                                if (this.state.object.username === XUtils_1.XUtils.getUsername()) {
+                                    alert("Please, change your password via option Administration -> Change password.");
+                                    return [2 /*return*/];
+                                }
+                                if (this.state.passwordNew !== this.state.passwordNewConfirm) {
+                                    alert("New password and confirmed new password are not equal.");
+                                    return [2 /*return*/];
+                                }
+                                // zapiseme nove heslo do objektu
+                                this.state.object.password = this.state.passwordNew;
+                            }
+                            else {
+                                // nemenime heslo (atribut s hodnotou undefined sa nezapise do DB)
+                                this.state.object.password = undefined;
                             }
-                            // zapiseme nove heslo do objektu
-                            this.state.object.password = this.state.passwordNew;
-                        }
-                        else {
-                            // nemenime heslo (atribut s hodnotou undefined sa nezapise do DB)
-                            this.state.object.password = undefined;
                         }
                         _a.label = 1;
                     case 1:
@@ -154,18 +157,25 @@ var XUserForm = /** @class */ (function (_super) {
     XUserForm.prototype.render = function () {
         var _this = this;
         // autoComplete="new-password" - bez tohto chrome predplna user/password, ak si user da ulozit user/password (pre danu url)
+        var passwordElems = [];
+        if (XUtils_1.XUtils.getEnvVarValue(XEnvVars_1.XEnvVar.REACT_APP_AUTH) === XEnvVars_1.XReactAppAuth.LOCAL) {
+            passwordElems = [
+                react_1.default.createElement("div", { className: "field grid" },
+                    react_1.default.createElement("label", { className: "col-fixed", style: { width: '14rem' } }, "New password"),
+                    react_1.default.createElement(password_1.Password, { value: this.state.passwordNew, onChange: function (e) { return _this.setState({ passwordNew: e.target.value }); }, feedback: false, maxLength: 64, size: 20, autoComplete: "new-password" })),
+                react_1.default.createElement("div", { className: "field grid" },
+                    react_1.default.createElement("label", { className: "col-fixed", style: { width: '14rem', whiteSpace: 'nowrap' } }, "Confirm new password"),
+                    react_1.default.createElement(password_1.Password, { value: this.state.passwordNewConfirm, onChange: function (e) { return _this.setState({ passwordNewConfirm: e.target.value }); }, feedback: false, maxLength: 64, size: 20, autoComplete: "new-password" }))
+            ];
+        }
         return (react_1.default.createElement("div", null,
             react_1.default.createElement("div", { className: "x-form-row" },
                 react_1.default.createElement("div", { className: "x-form-col" },
                     react_1.default.createElement(XInputDecimal_1.XInputDecimal, { form: this, field: "idXUser", label: "ID", readOnly: true, labelStyle: { width: '14rem' } }),
-                    react_1.default.createElement(XInputText_1.XInputText, { form: this, field: "username", label: "Username", size: 20, labelStyle: { width: '14rem' }, readOnly: this.state.usernameReadOnly }),
+                    react_1.default.createElement(XInputText_1.XInputText, { form: this, field: "username", label: "Username", size: 30, labelStyle: { width: '14rem' }, readOnly: this.state.usernameEnabledReadOnly }),
                     react_1.default.createElement(XInputText_1.XInputText, { form: this, field: "name", label: "Name", size: 30, labelStyle: { width: '14rem' } }),
-                    react_1.default.createElement("div", { className: "field grid" },
-                        react_1.default.createElement("label", { className: "col-fixed", style: { width: '14rem' } }, "New password"),
-                        react_1.default.createElement(password_1.Password, { value: this.state.passwordNew, onChange: function (e) { return _this.setState({ passwordNew: e.target.value }); }, feedback: false, maxLength: 64, size: 20, autoComplete: "new-password" })),
-                    react_1.default.createElement("div", { className: "field grid" },
-                        react_1.default.createElement("label", { className: "col-fixed", style: { width: '14rem', whiteSpace: 'nowrap' } }, "Confirm new password"),
-                        react_1.default.createElement(password_1.Password, { value: this.state.passwordNewConfirm, onChange: function (e) { return _this.setState({ passwordNewConfirm: e.target.value }); }, feedback: false, maxLength: 64, size: 20, autoComplete: "new-password" })))),
+                    react_1.default.createElement(XCheckbox_1.XCheckbox, { form: this, field: "enabled", label: "Enabled", labelStyle: { width: '14rem' }, readOnly: this.state.usernameEnabledReadOnly }),
+                    passwordElems)),
             react_1.default.createElement(XFormFooter_1.XFormFooter, { form: this })));
     };
     XUserForm = __decorate([

package/lib/components/SourceCodeLinkEntity.js

@@ -5,10 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SourceCodeLinkEntity = void 0;
 var react_1 = __importDefault(require("react"));
-var SourceCodeLinkEntity = function (props) {
+exports.SourceCodeLinkEntity = function (props) {
     return (react_1.default.createElement("div", { className: "flex justify-content-center" },
         react_1.default.createElement("a", { className: "source-code-link", href: "https://github.com/michalrakus/demo-nest-server-app/blob/master/src/model/" + props.sourceCodeFile, target: "_blank", rel: "noopener noreferrer" },
             "Source code entity: ",
             props.sourceCodeFile)));
 };
-exports.SourceCodeLinkEntity = SourceCodeLinkEntity;

package/lib/components/XAutoComplete.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/XAutoCompleteBase.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;
 };
@@ -60,10 +58,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.XAutoCompleteBase = void 0;
@@ -101,7 +98,7 @@ var XAutoCompleteBase = /** @class */ (function (_super) {
         var _this = this;
         var filteredSuggestions;
         if (!event.query.trim().length) {
-            filteredSuggestions = __spreadArray([], __read(this.props.suggestions));
+            filteredSuggestions = __spread(this.props.suggestions);
         }
         else {
             var queryNormalized_1 = XUtils_1.XUtils.normalizeString(event.query);

package/lib/components/XBrowse.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;
 };

package/lib/components/XButton.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.XButton = void 0;
 var react_1 = __importDefault(require("react"));
 var button_1 = require("primereact/button");
-var XButton = function (props) {
+exports.XButton = function (props) {
     // zatial iba pridany class x-button, aby sme vedeli nastavit margin "m-1" (1rem)
     return (react_1.default.createElement(button_1.Button, { label: props.label, icon: props.icon, onClick: props.onClick, disabled: props.disabled, className: "m-1" }));
 };
-exports.XButton = XButton;

package/lib/components/XButtonIconSmall.js

@@ -7,7 +7,6 @@ exports.XButtonIconSmall = void 0;
 var react_1 = __importDefault(require("react"));
 var button_1 = require("primereact/button");
 var XUtils_1 = require("./XUtils");
-var XButtonIconSmall = function (props) {
+exports.XButtonIconSmall = function (props) {
     return (react_1.default.createElement(button_1.Button, { icon: props.icon, onClick: props.onClick, disabled: props.disabled, className: XUtils_1.XUtils.isMobile() ? undefined : 'x-button-icon-small p-button-sm', tooltip: props.tooltip }));
 };
-exports.XButtonIconSmall = XButtonIconSmall;

package/lib/components/XChangePasswordForm.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 XUtils_1 = require("./XUtils");
 var password_1 = require("primereact/password");
 var button_1 = require("primereact/button");
 var inputtext_1 = require("primereact/inputtext");
-var XChangePasswordForm = function (props) {
+exports.XChangePasswordForm = function (props) {
     var _a;
     var _b = __read(react_1.useState(""), 2), passwordCurrent = _b[0], setPasswordCurrent = _b[1];
     var _c = __read(react_1.useState(""), 2), passwordNew = _c[0], setPasswordNew = _c[1];
@@ -153,4 +153,3 @@ var XChangePasswordForm = function (props) {
         react_1.default.createElement("div", { className: "flex justify-content-center" },
             react_1.default.createElement(button_1.Button, { label: "Save", onClick: onClickSave }))));
 };
-exports.XChangePasswordForm = XChangePasswordForm;

package/lib/components/XCheckbox.d.ts

@@ -6,4 +6,5 @@ export declare const XCheckbox: (props: {
     label?: string | undefined;
     readOnly?: boolean | undefined;
     inputStyle?: React.CSSProperties | undefined;
+    labelStyle?: React.CSSProperties | undefined;
 }) => JSX.Element;

package/lib/components/XCheckbox.js

@@ -9,8 +9,8 @@ var XUtilsMetadata_1 = require("./XUtilsMetadata");
 var tristatecheckbox_1 = require("primereact/tristatecheckbox");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 var XUtils_1 = require("./XUtils");
-var XCheckbox = function (props) {
-    var _a;
+exports.XCheckbox = function (props) {
+    var _a, _b;
     props.form.addField(props.field);
     var xField = XUtilsMetadata_1.XUtilsMetadata.getXFieldByPathStr(props.form.getEntity(), props.field);
     var label = (_a = props.label) !== null && _a !== void 0 ? _a : props.field;
@@ -18,6 +18,7 @@ var XCheckbox = function (props) {
     if (!xField.isNullable && !readOnly) {
         label = XUtils_1.XUtils.markNotNull(label);
     }
+    var labelStyle = (_b = props.labelStyle) !== null && _b !== void 0 ? _b : { width: XUtils_1.XUtils.FIELD_LABEL_WIDTH };
     var onValueChange = function (e) {
         var newValue = e.value;
         // pri klikani na TriStateCheckbox prichadza v newValue cyklicky: true -> false -> null
@@ -43,7 +44,6 @@ var XCheckbox = function (props) {
     }
     // note: style overrides size (width of the input according to character count)
     return (react_1.default.createElement("div", { className: "field grid" },
-        react_1.default.createElement("label", { htmlFor: props.field, className: "col-fixed", style: { width: XUtils_1.XUtils.FIELD_LABEL_WIDTH } }, label),
+        react_1.default.createElement("label", { htmlFor: props.field, className: "col-fixed", style: labelStyle }, label),
         react_1.default.createElement(tristatecheckbox_1.TriStateCheckbox, { id: props.field, value: fieldValue, onChange: onValueChange, disabled: readOnly, style: props.inputStyle })));
 };
-exports.XCheckbox = XCheckbox;

package/lib/components/XCheckboxDT.js

@@ -7,7 +7,7 @@ exports.XCheckboxDT = void 0;
 var react_1 = __importDefault(require("react"));
 var tristatecheckbox_1 = require("primereact/tristatecheckbox");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XCheckboxDT = function (props) {
+exports.XCheckboxDT = function (props) {
     // ak mame path, field je vzdy readOnly
     var readOnly;
     var posDot = props.field.indexOf(".");
@@ -43,4 +43,3 @@ var XCheckboxDT = function (props) {
     }
     return (react_1.default.createElement(tristatecheckbox_1.TriStateCheckbox, { id: props.field, value: fieldValue, onChange: function (e) { return onValueChange(props.field, props.rowData, e.value); }, disabled: readOnly }));
 };
-exports.XCheckboxDT = XCheckboxDT;

package/lib/components/XDataTable.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;
 };
@@ -89,7 +89,7 @@ var button_1 = require("primereact/button");
 var datatable_1 = require("primereact/datatable");
 var column_1 = require("primereact/column");
 // TODO - nedokoncena nepouzivana ne-lazy DataTable
-var XDataTable = function (props) {
+exports.XDataTable = function (props) {
     var dataTableEl = react_1.useRef(null);
     var _a = __read(react_1.useState([]), 2), value = _a[0], setValue = _a[1];
     var _b = __read(react_1.useState(false), 2), loading = _b[0], setLoading = _b[1];
@@ -185,9 +185,7 @@ var XDataTable = function (props) {
         })),
         react_1.default.createElement(button_1.Button, { label: "Select", onClick: onClickSelect })));
 };
-exports.XDataTable = XDataTable;
-var XColumn = function (props) {
+exports.XColumn = 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.XColumn = XColumn;

package/lib/components/XDropdown.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 __());
@@ -150,9 +148,10 @@ var XDropdown = /** @class */ (function (_super) {
         // TODO - readOnly implementovat
         // Dropdown setuje do atributu object.assocField asociovany objekt zo zoznamu objektov ktore ziskame podla asociacie
         var assocObject = this.getValueFromObject();
+        // appendTo={document.body} appenduje overlay panel na element body - eliminuje "skakanie" formularu na mobile pri kliknuti na dropdown
         return (react_1.default.createElement("div", { className: "field grid" },
             react_1.default.createElement("label", { htmlFor: props.assocField, className: "col-fixed", style: labelStyle }, label),
-            react_1.default.createElement(dropdown_1.Dropdown, __assign({ id: props.assocField, optionLabel: props.displayField, value: assocObject, options: options, onChange: onValueChange }, this.getClassNameTooltip()))));
+            react_1.default.createElement(dropdown_1.Dropdown, __assign({ appendTo: document.body, id: props.assocField, optionLabel: props.displayField, value: assocObject, options: options, onChange: onValueChange }, this.getClassNameTooltip()))));
     };
     return XDropdown;
 }(XFormComponent_1.XFormComponent));

package/lib/components/XDropdownDT.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;
 };
@@ -59,7 +59,7 @@ exports.XDropdownDT = void 0;
 var react_1 = __importStar(require("react"));
 var XUtils_1 = require("./XUtils");
 var dropdown_1 = require("primereact/dropdown");
-var XDropdownDT = function (props) {
+exports.XDropdownDT = function (props) {
     // poznamka: nacitanie/ulozenie options je vytiahnute do parent komponentu XFormDataTable koli tomu aby sme nenacitavali options pre kazdy riadok tabulky
     // parameter [] zabezpeci ze sa metoda zavola len po prvom renderingu (a nie po kazdej zmene stavu (zavolani setNieco()))
     react_1.useEffect(function () {
@@ -121,4 +121,3 @@ var XDropdownDT = function (props) {
     // appendTo={document.body} appenduje overlay panel na element body - eliminuje problem s overflow (pozri poznamku v XDropdownDTFilter)
     return (react_1.default.createElement(dropdown_1.Dropdown, { appendTo: document.body, id: props.assocField, optionLabel: props.displayField, value: assocObject, options: options, onChange: function (e) { return onValueChange(props.assocField, props.rowData, e.target.value); } }));
 };
-exports.XDropdownDT = XDropdownDT;

package/lib/components/XDropdownDTFilter.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 XUtils_1 = require("./XUtils");
 var dropdown_1 = require("primereact/dropdown");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
 // pouzivany vo filtri v XLazyDataTable aj v XFormDataTable2
-var XDropdownDTFilter = function (props) {
+exports.XDropdownDTFilter = function (props) {
     var _a = __read(react_1.useState([]), 2), options = _a[0], setOptions = _a[1];
     // TODO - upravit tak aby zvladol aj path dlzky 3 a viac
     var fieldList = XUtilsCommon_1.XUtilsCommon.getFieldListForPath(props.path);
@@ -113,4 +113,3 @@ var XDropdownDTFilter = function (props) {
     // nastavny overflow: hidden, resp. koli scrollovaniu by overlay panel "nevysiel" von z tabulky, v pripade ze je tabulka mala (napr. ma 1 riadok)
     return (react_1.default.createElement(dropdown_1.Dropdown, { appendTo: document.body, style: { width: '100%' }, className: "ui-column-filter", optionLabel: displayField, optionValue: displayField, value: props.value, options: options, onChange: onValueChange }));
 };
-exports.XDropdownDTFilter = XDropdownDTFilter;

package/lib/components/XDropdownFormDTFilter.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;
 };
@@ -76,7 +76,7 @@ var react_1 = __importStar(require("react"));
 var XUtils_1 = require("./XUtils");
 var dropdown_1 = require("primereact/dropdown");
 // stary nepouzivany Dropdown do filtra
-var XDropdownFormDTFilter = function (props) {
+exports.XDropdownFormDTFilter = function (props) {
     // TODO - pridat cez generikum typ objektu v Dropdown-e (ak sa da)
     var _a = __read(react_1.useState(null), 2), value = _a[0], setValue = _a[1];
     var _b = __read(react_1.useState([]), 2), options = _b[0], setOptions = _b[1];
@@ -114,4 +114,3 @@ var XDropdownFormDTFilter = function (props) {
     // Dropdown setuje do atributu object.assocField asociovany objekt zo zoznamu objektov ktore ziskame podla asociacie
     return (react_1.default.createElement(dropdown_1.Dropdown, { style: { width: '100%' }, className: "ui-column-filter", optionLabel: props.displayField, value: value, options: options, onChange: onValueChange }));
 };
-exports.XDropdownFormDTFilter = XDropdownFormDTFilter;

package/lib/components/XEditColumnDialog.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;
 };
@@ -43,7 +43,7 @@ var inputtext_1 = require("primereact/inputtext");
 var checkbox_1 = require("primereact/checkbox");
 var XButton_1 = require("./XButton");
 var XUtilsCommon_1 = require("../serverApi/XUtilsCommon");
-var XEditColumnDialog = function (props) {
+exports.XEditColumnDialog = function (props) {
     var _a;
     var notNullValues = (_a = props.xEditColumnDialogValues) !== null && _a !== void 0 ? _a : { field: "", header: "", dropdownInFilter: false };
     var _b = __read(react_1.useState(notNullValues.field), 2), field = _b[0], setField = _b[1];
@@ -105,4 +105,3 @@ var XEditColumnDialog = function (props) {
             react_1.default.createElement(checkbox_1.Checkbox, { id: "dropdownInFilter", checked: dropdownInFilter, onChange: function (e) { return setDropdownInFilter(e.checked); }, readOnly: dropdownInFilterReadOnly })),
         react_1.default.createElement(XButton_1.XButton, { label: buttonLabel, onClick: onSave })));
 };
-exports.XEditColumnDialog = XEditColumnDialog;

package/lib/components/XEnvVars.d.ts

@@ -0,0 +1,12 @@
+export declare enum XEnvVar {
+    REACT_APP_BACKEND_URL = "REACT_APP_BACKEND_URL",
+    REACT_APP_AUTH = "REACT_APP_AUTH",
+    REACT_APP_AUTH0_DOMAIN = "REACT_APP_AUTH0_DOMAIN",
+    REACT_APP_AUTH0_CLIENT_ID = "REACT_APP_AUTH0_CLIENT_ID",
+    REACT_APP_AUTH0_AUDIENCE = "REACT_APP_AUTH0_AUDIENCE"
+}
+export declare enum XReactAppAuth {
+    LOCAL = "LOCAL",
+    AUTH0 = "AUTH0",
+    AAD = "AAD"
+}

package/lib/components/XEnvVars.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XReactAppAuth = exports.XEnvVar = void 0;
+// enum for environment variables in configuration file .env
+var XEnvVar;
+(function (XEnvVar) {
+    XEnvVar["REACT_APP_BACKEND_URL"] = "REACT_APP_BACKEND_URL";
+    XEnvVar["REACT_APP_AUTH"] = "REACT_APP_AUTH";
+    XEnvVar["REACT_APP_AUTH0_DOMAIN"] = "REACT_APP_AUTH0_DOMAIN";
+    XEnvVar["REACT_APP_AUTH0_CLIENT_ID"] = "REACT_APP_AUTH0_CLIENT_ID";
+    XEnvVar["REACT_APP_AUTH0_AUDIENCE"] = "REACT_APP_AUTH0_AUDIENCE";
+    //REACT_APP_AUTH0_SCOPE = 'REACT_APP_AUTH0_SCOPE'
+})(XEnvVar = exports.XEnvVar || (exports.XEnvVar = {}));
+// enum for values of the environment variable REACT_APP_AUTH
+var XReactAppAuth;
+(function (XReactAppAuth) {
+    XReactAppAuth["LOCAL"] = "LOCAL";
+    XReactAppAuth["AUTH0"] = "AUTH0";
+    XReactAppAuth["AAD"] = "AAD";
+})(XReactAppAuth = exports.XReactAppAuth || (exports.XReactAppAuth = {}));