@michalrakus/x-react-web-lib 1.32.9 → 1.32.11

package/lib/components/XLazyDataTable/XLazyDataTable.d.ts

@@ -50,6 +50,7 @@ export interface XLazyDataTableProps {
     entity: string;
     stateKey?: string;
     label?: string;
+    labelStyle?: React.CSSProperties;
     dataKey?: string;
     rowExpansionTemplate?: (row: any, options: DataTableRowExpansionTemplate) => React.ReactNode;
     showExpandedRow?: (row: any, multilineSwitchValue: XMultilineRenderType) => boolean;

package/lib/components/XLazyDataTable/XLazyDataTable.js

@@ -1355,7 +1355,7 @@ var XLazyDataTable = function (props) {
     // x-lazy-datatable-label-right-compensation - vyvazuje label, aby item-y v strede isli aspon priblizne do stredu
     return (react_1.default.createElement("div", null,
         react_1.default.createElement("div", { className: "flex justify-content-center align-items-center" },
-            props.label ? react_1.default.createElement("div", { className: "x-lazy-datatable-label" }, props.label) : null,
+            props.label ? react_1.default.createElement("div", { className: "x-lazy-datatable-label", style: props.labelStyle }, props.label) : null,
             ftsInputValue ? react_1.default.createElement(XFtsInput_1.XFtsInput, { value: ftsInputValue, onChange: function (value) { return setFtsInputValue(value); } }) : null,
             props.showFilterButtons ? react_1.default.createElement(XButton_1.XButton, { key: "filter", icon: isMobile ? "pi pi-search" : undefined, label: !isMobile ? (0, XLocale_1.xLocaleOption)('filter') : undefined, onClick: onClickFilter }) : null,
             props.showFilterButtons ? react_1.default.createElement(XButton_1.XButton, { key: "resetTable", icon: isMobile ? "pi pi-ban" : undefined, label: !isMobile ? (0, XLocale_1.xLocaleOption)('resetTable') : undefined, onClick: onClickResetTable }) : null,

package/lib/components/XUtils.d.ts

@@ -110,8 +110,10 @@ export declare class XUtils {
     static saveValueIntoStorage(key: string, value: any): void;
     static getValueFromStorage(key: string, initValue: any): any;
     static removeValueFromStorage(key: string): void;
+    static clearStorage(): void;
     static reloadIfNewVersion(): void;
     static reloadIfNewVersionNow(): Promise<void>;
+    static isLocalhost(): boolean;
     static isNewVersion(): Promise<boolean>;
     static reload(): void;
 }

package/lib/components/XUtils.js

@@ -749,6 +749,9 @@ var XUtils = /** @class */ (function () {
     XUtils.removeValueFromStorage = function (key) {
         sessionStorage.removeItem(key);
     };
+    XUtils.clearStorage = function () {
+        sessionStorage.clear();
+    };
     // hleper method used for items of XLazyDataTable (shortcut ldt)
     // static getValueFromStorageLdt(entity: string, stateKeySuffix: XStateKeySuffix, initValue: any): any {
     //     return XUtils.getValueFromStorage(`xldt-state-${entity}-${stateKeySuffix}`, initValue);
@@ -778,9 +781,12 @@ var XUtils = /** @class */ (function () {
             });
         });
     };
+    XUtils.isLocalhost = function () {
+        return window.location.hostname === 'localhost';
+    };
     XUtils.isNewVersion = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var response, text, r, remoteMainScript, localMainScript, scripts, scripts_1, scripts_1_1, script, rl, err_1;
+            var response, text, remoteMainScript, r, localMainScript, scripts, scripts_1, scripts_1_1, script, rl, err_1;
             var e_7, _a;
             return __generator(this, function (_b) {
                 switch (_b.label) {
@@ -792,25 +798,28 @@ var XUtils = /** @class */ (function () {
                         return [4 /*yield*/, response.text()];
                     case 2:
                         text = _b.sent();
+                        remoteMainScript = null;
                         r = /^.*<script.*\/(main.*\.js).*$/gim.exec(text);
-                        if (!r || r.length < 2) {
-                            return [2 /*return*/, false];
+                        if (r && r.length >= 2) {
+                            remoteMainScript = r[1];
                         }
-                        remoteMainScript = r.length > 1 ? r[1] : null;
                         if (remoteMainScript === null) {
+                            if (!XUtils.isLocalhost()) {
+                                console.log("XUtils.isNewVersion(): Unexpected error - remoteMainScript (e.g. main.9d782ae7.js) not found in index.html from server. Content of index.html:");
+                                console.log(text);
+                            }
                             return [2 /*return*/, false];
                         }
                         localMainScript = null;
-                        scripts = document.body.getElementsByTagName('script');
+                        scripts = document.head.getElementsByTagName('script');
                         try {
                             for (scripts_1 = __values(scripts), scripts_1_1 = scripts_1.next(); !scripts_1_1.done; scripts_1_1 = scripts_1.next()) {
                                 script = scripts_1_1.value;
                                 rl = /^.*\/(main.*\.js).*$/gim.exec(script.src);
-                                if (!rl || rl.length < 2) {
-                                    continue;
+                                if (rl && rl.length >= 2) {
+                                    localMainScript = rl[1];
+                                    break;
                                 }
-                                localMainScript = rl[1];
-                                break;
                             }
                         }
                         catch (e_7_1) { e_7 = { error: e_7_1 }; }
@@ -821,6 +830,10 @@ var XUtils = /** @class */ (function () {
                             finally { if (e_7) throw e_7.error; }
                         }
                         if (localMainScript === null) {
+                            if (!XUtils.isLocalhost()) {
+                                console.log("XUtils.isNewVersion(): Unexpected error - localMainScript (e.g. main.9d782ae7.js) not found in element <head>...<script src=\"->here<-\"/>...</head>");
+                                console.log(document.head);
+                            }
                             return [2 /*return*/, false];
                         }
                         return [2 /*return*/, remoteMainScript !== localMainScript];
@@ -834,6 +847,10 @@ var XUtils = /** @class */ (function () {
         });
     };
     XUtils.reload = function () {
+        // data in session may not correspond with new structures in new version
+        // e.g. if we add new column to XLazyDataTable, filter operator/value for this column new column is missing in data from session and application will crash
+        // simple solution is to clear session
+        XUtils.clearStorage();
         // page reload (like pressing F5 or Enter on url bar)
         // warning - if user has typed some data in form, the data will be lost
         window.location.reload();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@michalrakus/x-react-web-lib",
-  "version": "1.32.9",
+  "version": "1.32.11",
   "description": "",
   "scripts": {
     "clean": "rimraf lib",