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

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,6 +110,7 @@ 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 isNewVersion(): Promise<boolean>;

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);
@@ -834,6 +837,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.10",
   "description": "",
   "scripts": {
     "clean": "rimraf lib",