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

package/lib/components/XLocale.d.ts

@@ -1,26 +1,26 @@
-export interface XLocaleOptions {
-    filter?: string;
-    clearFilter?: string;
-    addRow?: string;
-    editRow?: string;
-    removeRow?: string;
-    exportRows?: string;
-    chooseRow?: string;
-    totalRecords?: string;
-    pleaseSelectRow?: string;
-    removeRowConfirm?: string;
-    removeRowFailed?: string;
-    save?: string;
-    cancel?: string;
-    expRowCount?: string;
-    expExportType?: string;
-    expCreateHeaderLine?: string;
-    expCsvSeparator?: string;
-    expDecimalFormat?: string;
-    expEncoding?: string;
-    fileUploadSizeToBig?: string;
-    fileUploadFailed?: string;
-    fileDownloadFailed?: string;
-}
-export declare function xAddLocale(locale: string, xOptions: XLocaleOptions): void;
-export declare function xLocaleOption(xOptionKey: string, options?: any[string]): any;
+export interface XLocaleOptions {
+    filter?: string;
+    clearFilter?: string;
+    addRow?: string;
+    editRow?: string;
+    removeRow?: string;
+    exportRows?: string;
+    chooseRow?: string;
+    totalRecords?: string;
+    pleaseSelectRow?: string;
+    removeRowConfirm?: string;
+    removeRowFailed?: string;
+    save?: string;
+    cancel?: string;
+    expRowCount?: string;
+    expExportType?: string;
+    expCreateHeaderLine?: string;
+    expCsvSeparator?: string;
+    expDecimalFormat?: string;
+    expEncoding?: string;
+    fileUploadSizeToBig?: string;
+    fileUploadFailed?: string;
+    fileDownloadFailed?: string;
+}
+export declare function xAddLocale(locale: string, xOptions: XLocaleOptions): void;
+export declare function xLocaleOption(xOptionKey: string, options?: any[string]): any;

package/lib/components/XLocale.js

@@ -1,59 +1,59 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.xLocaleOption = exports.xAddLocale = void 0;
-var api_1 = __importStar(require("primereact/api"));
-// using json-loader module we import x-en.json file into variable xEnJsonObject
-var x_en_json_1 = __importDefault(require("./locale/x-en.json"));
-// under this key are x-locale saved inside of PrimeReact locale
-var xOptionsKey = "xOptions";
-function xAddLocale(locale, xOptions) {
-    (0, api_1.updateLocaleOption)(xOptionsKey, xOptions, locale);
-}
-exports.xAddLocale = xAddLocale;
-// using this method are x-locale read
-function xLocaleOption(xOptionKey, options) {
-    var _locale = api_1.default.locale || 'en';
-    try {
-        var optionValue = (0, api_1.localeOptions)(_locale)[xOptionsKey][xOptionKey];
-        if (optionValue && options) {
-            for (var key in options) {
-                if (options.hasOwnProperty(key)) {
-                    optionValue = optionValue.replace("{".concat(key, "}"), options[key]);
-                }
-            }
-        }
-        return optionValue;
-    }
-    catch (error) {
-        throw new Error("The ".concat(xOptionKey, " option is not found in the current x-locale('").concat(_locale, "')."));
-    }
-}
-exports.xLocaleOption = xLocaleOption;
-// add en locale into PrimeReact locale (global variable "locales" declared in file Locale.js)
-xAddLocale('en', x_en_json_1.default.en);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.xLocaleOption = exports.xAddLocale = void 0;
+var api_1 = __importStar(require("primereact/api"));
+// using json-loader module we import x-en.json file into variable xEnJsonObject
+var x_en_json_1 = __importDefault(require("./locale/x-en.json"));
+// under this key are x-locale saved inside of PrimeReact locale
+var xOptionsKey = "xOptions";
+function xAddLocale(locale, xOptions) {
+    (0, api_1.updateLocaleOption)(xOptionsKey, xOptions, locale);
+}
+exports.xAddLocale = xAddLocale;
+// using this method are x-locale read
+function xLocaleOption(xOptionKey, options) {
+    var _locale = api_1.default.locale || 'en';
+    try {
+        var optionValue = (0, api_1.localeOptions)(_locale)[xOptionsKey][xOptionKey];
+        if (optionValue && options) {
+            for (var key in options) {
+                if (options.hasOwnProperty(key)) {
+                    optionValue = optionValue.replace("{".concat(key, "}"), options[key]);
+                }
+            }
+        }
+        return optionValue;
+    }
+    catch (error) {
+        throw new Error("The ".concat(xOptionKey, " option is not found in the current x-locale('").concat(_locale, "')."));
+    }
+}
+exports.xLocaleOption = xLocaleOption;
+// add en locale into PrimeReact locale (global variable "locales" declared in file Locale.js)
+xAddLocale('en', x_en_json_1.default.en);

package/lib/components/XLoginDialog.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { XToken } from "./XToken";
-export declare const XLoginDialog: (props: {
-    dialogOpened: boolean;
-    setXToken: (xToken: XToken | null) => void;
-    onHideDialog: (ok: boolean) => void;
-    customUserService?: string | undefined;
-}) => JSX.Element;
+/// <reference types="react" />
+import { XToken } from "./XToken";
+export declare const XLoginDialog: (props: {
+    dialogOpened: boolean;
+    setXToken: (xToken: XToken | null) => void;
+    onHideDialog: (ok: boolean) => void;
+    customUserService?: string | undefined;
+}) => JSX.Element;

package/lib/components/XLoginDialog.js

@@ -1,21 +1,21 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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) {
-    // bez tejto metody by pri opetovnom otvoreni dialogu ponechal povodne hodnoty
-    var onShow = function () {
-    };
-    var onLogin = function () {
-        props.onHideDialog(true);
-    };
-    // poznamka: renderovanie vnutornych komponentov Dialogu sa zavola az po otvoreni dialogu
-    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;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+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) {
+    // bez tejto metody by pri opetovnom otvoreni dialogu ponechal povodne hodnoty
+    var onShow = function () {
+    };
+    var onLogin = function () {
+        props.onHideDialog(true);
+    };
+    // poznamka: renderovanie vnutornych komponentov Dialogu sa zavola az po otvoreni dialogu
+    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.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { XToken } from "./XToken";
-export declare const XLoginForm: (props: {
-    setXToken: (xToken: XToken | null) => void;
-    onLogin?: (() => void) | undefined;
-    customUserService?: string | undefined;
-}) => JSX.Element;
+/// <reference types="react" />
+import { XToken } from "./XToken";
+export declare const XLoginForm: (props: {
+    setXToken: (xToken: XToken | null) => void;
+    onLogin?: (() => void) | undefined;
+    customUserService?: string | undefined;
+}) => JSX.Element;

package/lib/components/XLoginForm.js

@@ -1,128 +1,128 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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 __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XLoginForm = void 0;
-var inputtext_1 = require("primereact/inputtext");
-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) {
-    var _a = __read((0, react_1.useState)(""), 2), username = _a[0], setUsername = _a[1];
-    var _b = __read((0, react_1.useState)(""), 2), password = _b[0], setPassword = _b[1];
-    var onClickLogIn = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var xUserAuthenticationRequest, xUserAuthenticationResponse, customUser;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    xUserAuthenticationRequest = { username: username, password: password };
-                    return [4 /*yield*/, XUtils_1.XUtils.fetchOne('userAuthentication', xUserAuthenticationRequest)];
-                case 1:
-                    xUserAuthenticationResponse = _a.sent();
-                    if (!xUserAuthenticationResponse.authenticationOk) return [3 /*break*/, 4];
-                    customUser = undefined;
-                    if (!props.customUserService) return [3 /*break*/, 3];
-                    return [4 /*yield*/, XUtils_1.XUtils.fetchOne(props.customUserService, { username: username }, { username: username, password: password })];
-                case 2:
-                    customUser = _a.sent();
-                    _a.label = 3;
-                case 3:
-                    // zatial si ulozime len username/password (koli http basic autentifikacii)
-                    props.setXToken({ username: username, password: password, xUser: customUser });
-                    // metoda pouzivana v XLoginDialog
-                    if (props.onLogin) {
-                        props.onLogin();
-                    }
-                    return [3 /*break*/, 5];
-                case 4:
-                    alert("Invalid Username/Password");
-                    _a.label = 5;
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (react_1.default.createElement("div", { className: "flex flex-column align-items-center" },
-        react_1.default.createElement("h2", null, "Please log in"),
-        react_1.default.createElement("div", { className: "field grid" },
-            react_1.default.createElement("label", { htmlFor: "userName", className: "col-fixed", style: { width: '10.5rem' } }, "Username"),
-            react_1.default.createElement(inputtext_1.InputText, { id: "userName", value: username, onChange: function (e) { return setUsername(e.target.value); }, maxLength: 64 })),
-        react_1.default.createElement("div", { className: "field grid" },
-            react_1.default.createElement("label", { htmlFor: "password", className: "col-fixed", style: { width: '10.5rem' } }, "Password"),
-            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;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XLoginForm = void 0;
+var inputtext_1 = require("primereact/inputtext");
+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) {
+    var _a = __read((0, react_1.useState)(""), 2), username = _a[0], setUsername = _a[1];
+    var _b = __read((0, react_1.useState)(""), 2), password = _b[0], setPassword = _b[1];
+    var onClickLogIn = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var xUserAuthenticationRequest, xUserAuthenticationResponse, customUser;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    xUserAuthenticationRequest = { username: username, password: password };
+                    return [4 /*yield*/, XUtils_1.XUtils.fetchOne('userAuthentication', xUserAuthenticationRequest)];
+                case 1:
+                    xUserAuthenticationResponse = _a.sent();
+                    if (!xUserAuthenticationResponse.authenticationOk) return [3 /*break*/, 4];
+                    customUser = undefined;
+                    if (!props.customUserService) return [3 /*break*/, 3];
+                    return [4 /*yield*/, XUtils_1.XUtils.fetchOne(props.customUserService, { username: username }, { username: username, password: password })];
+                case 2:
+                    customUser = _a.sent();
+                    _a.label = 3;
+                case 3:
+                    // zatial si ulozime len username/password (koli http basic autentifikacii)
+                    props.setXToken({ username: username, password: password, xUser: customUser });
+                    // metoda pouzivana v XLoginDialog
+                    if (props.onLogin) {
+                        props.onLogin();
+                    }
+                    return [3 /*break*/, 5];
+                case 4:
+                    alert("Invalid Username/Password");
+                    _a.label = 5;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (react_1.default.createElement("div", { className: "flex flex-column align-items-center" },
+        react_1.default.createElement("h2", null, "Please log in"),
+        react_1.default.createElement("div", { className: "field grid" },
+            react_1.default.createElement("label", { htmlFor: "userName", className: "col-fixed", style: { width: '10.5rem' } }, "Username"),
+            react_1.default.createElement(inputtext_1.InputText, { id: "userName", value: username, onChange: function (e) { return setUsername(e.target.value); }, maxLength: 64 })),
+        react_1.default.createElement("div", { className: "field grid" },
+            react_1.default.createElement("label", { htmlFor: "password", className: "col-fixed", style: { width: '10.5rem' } }, "Password"),
+            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/XObject.d.ts

@@ -1,3 +1,3 @@
-export interface XObject {
-    [field: string]: any;
-}
+export interface XObject {
+    [field: string]: any;
+}

package/lib/components/XObject.js

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

package/lib/components/XResponseError.d.ts

@@ -1,11 +1,11 @@
-export interface XResponseErrorBody {
-    statusCode: number;
-    message: string;
-    exceptionName: string;
-    sqlMessage?: string;
-    sql?: string;
-}
-export declare class XResponseError extends Error {
-    xResponseErrorBody: XResponseErrorBody;
-    constructor(path: string, status: number, statusText: string, body: XResponseErrorBody);
-}
+export interface XResponseErrorBody {
+    statusCode: number;
+    message: string;
+    exceptionName: string;
+    sqlMessage?: string;
+    sql?: string;
+}
+export declare class XResponseError extends Error {
+    xResponseErrorBody: XResponseErrorBody;
+    constructor(path: string, status: number, statusText: string, body: XResponseErrorBody);
+}

package/lib/components/XResponseError.js

@@ -1,32 +1,32 @@
-"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 __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.XResponseError = void 0;
-var XResponseError = /** @class */ (function (_super) {
-    __extends(XResponseError, _super);
-    function XResponseError(path, status, statusText, body) {
-        var _newTarget = this.constructor;
-        var _this = _super.call(this, "Http request \"".concat(path, "\" failed. Status: ").concat(status, ", status text: ").concat(statusText)) || this;
-        // see: typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html
-        Object.setPrototypeOf(_this, _newTarget.prototype); // restore prototype chain
-        _this.name = XResponseError.name; // stack traces display correctly now
-        _this.xResponseErrorBody = body;
-        return _this;
-    }
-    return XResponseError;
-}(Error));
-exports.XResponseError = XResponseError;
+"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 __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XResponseError = void 0;
+var XResponseError = /** @class */ (function (_super) {
+    __extends(XResponseError, _super);
+    function XResponseError(path, status, statusText, body) {
+        var _newTarget = this.constructor;
+        var _this = _super.call(this, "Http request \"".concat(path, "\" failed. Status: ").concat(status, ", status text: ").concat(statusText)) || this;
+        // see: typescriptlang.org/docs/handbook/release-notes/typescript-2-2.html
+        Object.setPrototypeOf(_this, _newTarget.prototype); // restore prototype chain
+        _this.name = XResponseError.name; // stack traces display correctly now
+        _this.xResponseErrorBody = body;
+        return _this;
+    }
+    return XResponseError;
+}(Error));
+exports.XResponseError = XResponseError;