@michalrakus/x-react-web-lib 1.38.1 → 1.38.3

package/lib/components/XFormComponentDT.js

@@ -55,7 +55,9 @@ var XFormComponentDT = /** @class */ (function (_super) {
             // if the length of field is 2 or more, then readOnly
             readOnly = true;
         }
-        // formReadOnlyBase is called on the level XFormDataTable2
+        // formReadOnlyBase is called on the level XFormDataTable2 and XFormPanelList
+        // the reason is (probably) that in XFormDataTable2 and XFormPanelList we know the assoc name whereas here in component we know only field name
+        // (assoc name is param of formReadOnlyBase)
         // else if (this.props.form.formReadOnlyBase("xxx")) {
         //     readOnly = true;
         // }

package/lib/components/XInputDate.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { XFormComponentProps } from "./XFormComponent";
 import { XInput } from "./XInput";
 import { XDateScale } from "../serverApi/XUtilsConversions";
-export interface XInputDateProps extends XFormComponentProps<number> {
+export interface XInputDateProps extends XFormComponentProps<Date> {
     field: string;
     scale?: XDateScale;
 }

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

@@ -23,6 +23,10 @@ export interface XOptionalCustomFilter {
     label: string;
     filter: XCustomFilter;
 }
+export interface XAssocToSort {
+    assoc: string;
+    sortField: string;
+}
 export interface XEditModeHandlers {
     onStart: () => void;
     onSave: () => void;
@@ -92,6 +96,7 @@ export interface XLazyDataTableProps {
     sortField?: string | DataTableSortMeta[];
     fullTextSearch?: boolean | string[];
     fields?: string[];
+    assocsToSort?: XAssocToSort[];
     multilineSwitch?: boolean;
     multilineSwitchInitValue?: XMultilineRenderType;
     multilineSwitchFewLinesCount?: number;
@@ -157,6 +162,8 @@ export interface XLazyColumnProps {
     aggregateType?: XAggregateFunction;
     columnViewStatus: XViewStatusOrBoolean;
     filterElement?: XFilterElementProp;
+    className?: string;
+    style?: React.CSSProperties;
     body?: React.ReactNode | ((data: any, options: ColumnBodyOptions) => React.ReactNode);
 }
 export type XLazyColumnType = {

package/lib/components/XLazyDataTable/XLazyDataTable.js

@@ -202,17 +202,22 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
     var createFiltersInit = function () {
         var e_2, _a;
         var filtersInit = {};
+        // warning note: props.children are used to get props of XLazyColumn whereas dataTableEl.current.props.children are used to get props of Primereact DataTable
         //let columns = dataTableEl.current.props.children; - does not work
         var columns = props.children;
         try {
             for (var columns_2 = __values(columns), columns_2_1 = columns_2.next(); !columns_2_1.done; columns_2_1 = columns_2.next()) {
                 var column = columns_2_1.value;
                 var xLazyColumn = column; // nevedel som to krajsie...
+                // in some situations, this would be suitable, but for dynamic hide/show columns it can cause crash
+                // better place for initializing filters is probably creating columns - function(child)
+                //if (XUtils.xViewStatus(xLazyColumn.props.columnViewStatus) !== XViewStatus.Hidden) {
                 var field = xLazyColumn.props.field;
                 var xField = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXFieldByPath(xEntity, field);
                 // TODO column.props.dropdownInFilter - pre "menu" by bolo fajn mat zoznam "enumov"
                 var filterMatchMode = getInitFilterMatchMode(xLazyColumn.props, xField);
                 filtersInit[field] = createFilterItem(props.filterDisplay, { value: null, matchMode: filterMatchMode });
+                //}
             }
         }
         catch (e_2_1) { e_2 = { error: e_2_1 }; }
@@ -358,6 +363,7 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
         return filtersInit;
     };
     var _y = __read((0, useXStateStorageBase_1.useXStateStorageBase)(props.stateStorage, getStateKey(XStateKeySuffix.filters), filtersInitialStateFunction), 2), filters = _y[0], setFilters = _y[1]; // filtrovanie na "controlled manner" (moze sa sem nainicializovat nejaka hodnota)
+    var matchModeChangeFieldRef = (0, react_1.useRef)(null);
     var initFtsInputValue = props.fullTextSearch ? createInitFtsInputValue() : undefined;
     var _z = __read((0, useXStateStorage_1.useXStateStorage)(props.stateStorage, getStateKey(XStateKeySuffix.ftsInputValue), initFtsInputValue), 2), ftsInputValue = _z[0], setFtsInputValue = _z[1];
     var _0 = __read((0, useXStateStorage_1.useXStateStorage)(props.stateStorage, getStateKey(XStateKeySuffix.optionalCustomFilter), undefined), 2), optionalCustomFilter = _0[0], setOptionalCustomFilter = _0[1];
@@ -417,14 +423,62 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
             return [2 /*return*/];
         });
     }); };
-    var onFilter = function (event) {
-        // pozor! tato metoda sa nevola, odkedy vzdy pouzivame filterElement na elemente Column (mame vo filtri vlastne komponenty ktore priamo volaju setFilters(...))
-        //console.log("zavolany onFilter - this.state.filters = " + JSON.stringify(filters));
-        //console.log("zavolany onFilter - event.filters = " + JSON.stringify(event.filters));
+    var onFilter = function (e) {
+        // HEY! this method is not called (on filter value change) since we use filterElement on component Column (in filter there are always custom components those call direct setFilters(...))
+        // this method is called (probably) only when user changes match mode
+        //console.log("called onFilter - this.state.filters = " + JSON.stringify(filters));
+        //console.log("called onFilter - event.filters = " + JSON.stringify(e.filters));
+        var filtersChanged = false;
+        var changedField = matchModeChangeFieldRef.current;
+        if (changedField) {
+            // method onFilterMatchModeChange was called (user changed match mode)
+            var filterValueOld = filters[changedField];
+            var filterValue = e.filters[changedField];
+            if (filterValueOld && filterValue) { // should be always true
+                var xFilterValueOld = filterValueOld; // works only for filterDisplay="row"
+                var xFilterValue = filterValue; // works only for filterDisplay="row"
+                if (xFilterValue.matchMode !== xFilterValueOld.matchMode) {
+                    var isNotNullValueAlias = "<".concat((0, XLocale_1.xLocaleOption)('xIsNotNull'), ">");
+                    var isNullValueAlias = "<".concat((0, XLocale_1.xLocaleOption)('xIsNull'), ">");
+                    var xFilterMatchMode = xFilterValue.matchMode;
+                    if (xFilterMatchMode === FindParam_1.XFilterMatchMode.X_IS_NOT_NULL || xFilterMatchMode === FindParam_1.XFilterMatchMode.X_IS_NULL) {
+                        var newValue = null;
+                        // for string types we set alias, for other types we set null (alias is not displayed -> NaN or Invalid date are displayed)
+                        var xField = XUtilsMetadataCommon_1.XUtilsMetadataCommon.getXFieldByPath(xEntity, changedField);
+                        if (xField.type === "string" || xField.type === "jsonb") {
+                            if (xFilterMatchMode === FindParam_1.XFilterMatchMode.X_IS_NOT_NULL) {
+                                newValue = isNotNullValueAlias;
+                            }
+                            else {
+                                // xFilterMatchMode === XFilterMatchMode.X_IS_NULL
+                                newValue = isNullValueAlias;
+                            }
+                        }
+                        xFilterValue.value = newValue;
+                        filtersChanged = true;
+                    }
+                    else if (xFilterMatchMode === FindParam_1.XFilterMatchMode.X_AUTO_COMPLETE) {
+                        xFilterValue.value = null;
+                        filtersChanged = true;
+                    }
+                    // all other match modes - change to null, if previous match mode was X_IS_NOT_NULL or X_IS_NULL or X_AUTO_COMPLETE
+                    else if (xFilterValue.value === isNotNullValueAlias || xFilterValue.value === isNullValueAlias || typeof xFilterValue.value === 'object') {
+                        xFilterValue.value = null;
+                        filtersChanged = true;
+                    }
+                }
+            }
+            matchModeChangeFieldRef.current = null;
+        }
+        var filtersNew = e.filters;
+        if (filtersChanged) {
+            // clone needed if there was change, otherwise react does not show the change
+            filtersNew = __assign({}, filtersNew);
+        }
         // tymto zavolanim sa zapise znak zapisany klavesnicou do inputu filtra (ak prikaz zakomentujeme, input filtra zostane prazdny)
-        setFilters(event.filters);
+        setFilters(filtersNew);
         removePagingFromStorage();
-        loadDataBaseIfAutoFilter(event.filters, false);
+        loadDataBaseIfAutoFilter(filtersNew, false); // TODO - pass value Column.props.autoFilter here
     };
     var onSort = function (event) {
         //console.log("zavolany onSort - this.state.multiSortMeta = " + JSON.stringify(multiSortMeta));
@@ -569,6 +623,7 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
                     return [4 /*yield*/, findByFilter(findParam)];
                 case 1:
                     findResult = _a.sent();
+                    sortAssocsToSort(findResult);
                     setValue(findResult);
                     setupExpandedRows(findResult, multilineSwitchValue);
                     setLoading(false);
@@ -585,8 +640,44 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
             }
         });
     }); };
+    var sortAssocsToSort = function (findResult) {
+        var e_4, _a, e_5, _b;
+        if (props.assocsToSort) {
+            if (findResult.rowList) {
+                try {
+                    for (var _c = __values(findResult.rowList), _d = _c.next(); !_d.done; _d = _c.next()) {
+                        var row = _d.value;
+                        try {
+                            // sorting in javascript (avoid of sorting in DB)
+                            for (var _e = (e_5 = void 0, __values(props.assocsToSort)), _f = _e.next(); !_f.done; _f = _e.next()) {
+                                var assocToSort = _f.value;
+                                var assocRowList = row[assocToSort.assoc];
+                                if (assocRowList) {
+                                    row[assocToSort.assoc] = XUtilsCommon_1.XUtilsCommon.arraySort(assocRowList, assocToSort.sortField);
+                                }
+                            }
+                        }
+                        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+                        finally {
+                            try {
+                                if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                            }
+                            finally { if (e_5) throw e_5.error; }
+                        }
+                    }
+                }
+                catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                finally {
+                    try {
+                        if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+                    }
+                    finally { if (e_4) throw e_4.error; }
+                }
+            }
+        }
+    };
     var setupExpandedRows = function (findResult, multilineSwitchValue) {
-        var e_4, _a;
+        var e_6, _a;
         if (props.rowExpansionTemplate) {
             var expandedRowsLocal = {};
             if (findResult.rowList) {
@@ -602,12 +693,12 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
                         }
                     }
                 }
-                catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                catch (e_6_1) { e_6 = { error: e_6_1 }; }
                 finally {
                     try {
                         if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                     }
-                    finally { if (e_4) throw e_4.error; }
+                    finally { if (e_6) throw e_6.error; }
                 }
             }
             setExpandedRows(expandedRowsLocal);
@@ -650,7 +741,7 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
     var getFields = function (addPropsFields) {
         // krasne zobrazi cely objekt!
         //console.log(dataTableEl.current);
-        var e_5, _a;
+        var e_7, _a;
         var fields = [];
         var columns = dataTableEl.current.props.children;
         try {
@@ -659,12 +750,12 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
                 fields.push(column.props.field);
             }
         }
-        catch (e_5_1) { e_5 = { error: e_5_1 }; }
+        catch (e_7_1) { e_7 = { error: e_7_1 }; }
         finally {
             try {
                 if (columns_3_1 && !columns_3_1.done && (_a = columns_3.return)) _a.call(columns_3);
             }
-            finally { if (e_5) throw e_5.error; }
+            finally { if (e_7) throw e_7.error; }
         }
         if (addPropsFields) {
             if (props.fields) {
@@ -676,7 +767,7 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
     var getHeaders = function () {
         // krasne zobrazi cely objekt!
         //console.log(dataTableEl.current);
-        var e_6, _a;
+        var e_8, _a;
         var headers = [];
         var columns = dataTableEl.current.props.children;
         try {
@@ -686,17 +777,17 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
                 headers.push(column.props.header);
             }
         }
-        catch (e_6_1) { e_6 = { error: e_6_1 }; }
+        catch (e_8_1) { e_8 = { error: e_8_1 }; }
         finally {
             try {
                 if (columns_4_1 && !columns_4_1.done && (_a = columns_4.return)) _a.call(columns_4);
             }
-            finally { if (e_6) throw e_6.error; }
+            finally { if (e_8) throw e_8.error; }
         }
         return headers;
     };
     var getWidths = function () {
-        var e_7, _a;
+        var e_9, _a;
         var _b;
         // vrati sirky stlpcov napr. ['7.75rem', '20rem', '8.5rem', '8.5rem', '6rem']
         // nevracia aktualne sirky stlpcov (po manualnom rozsireni) ale tie ktore boli nastavene/vypocitane v kode
@@ -708,17 +799,17 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
                 widths.push((_b = column.props.headerStyle) === null || _b === void 0 ? void 0 : _b.width);
             }
         }
-        catch (e_7_1) { e_7 = { error: e_7_1 }; }
+        catch (e_9_1) { e_9 = { error: e_9_1 }; }
         finally {
             try {
                 if (columns_5_1 && !columns_5_1.done && (_a = columns_5.return)) _a.call(columns_5);
             }
-            finally { if (e_7) throw e_7.error; }
+            finally { if (e_9) throw e_9.error; }
         }
         return widths;
     };
     var getFieldSetIds = function () {
-        var e_8, _a;
+        var e_10, _a;
         var fieldSetIds = [];
         // warning note: props.children are used to get props of XLazyColumn whereas dataTableEl.current.props.children are used to get props of Primereact DataTable
         var columns = props.children;
@@ -730,12 +821,12 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
                 }
             }
         }
-        catch (e_8_1) { e_8 = { error: e_8_1 }; }
+        catch (e_10_1) { e_10 = { error: e_10_1 }; }
         finally {
             try {
                 if (columns_6_1 && !columns_6_1.done && (_a = columns_6.return)) _a.call(columns_6);
             }
-            finally { if (e_8) throw e_8.error; }
+            finally { if (e_10) throw e_10.error; }
         }
         return fieldSetIds;
     };
@@ -820,7 +911,7 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
         setFormDialogState({ opened: false });
     };
     var onClickRemoveRow = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var reread_1, e_9, e_10;
+        var reread_1, e_11, e_12;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -835,8 +926,8 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
                     reread_1 = _a.sent();
                     return [3 /*break*/, 4];
                 case 3:
-                    e_9 = _a.sent();
-                    XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('removeRowFailed'), e_9);
+                    e_11 = _a.sent();
+                    XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('removeRowFailed'), e_11);
                     return [3 /*break*/, 4];
                 case 4:
                     if (reread_1) {
@@ -858,8 +949,8 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
                     _a.sent();
                     return [3 /*break*/, 9];
                 case 8:
-                    e_10 = _a.sent();
-                    XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('removeRowFailed'), e_10);
+                    e_12 = _a.sent();
+                    XUtils_1.XUtils.showErrorMessage((0, XLocale_1.xLocaleOption)('removeRowFailed'), e_12);
                     return [3 /*break*/, 9];
                 case 9:
                     loadData();
@@ -1046,23 +1137,15 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
         }
         return betweenFilter;
     };
-    // after change from match mode xAutoComplete input displays [object Object] - trying resolving this hug does not work - I have no idea why
-    /*
-        const onFilterMatchModeChange = (e: ColumnFilterMatchModeChangeEvent): void => {
-            console.log(e.matchMode);
-            console.log(e.field);
-            console.log(getFilterValue(e.field));
-            console.log(typeof (getFilterValue(e.field)));
-            if (e.matchMode !== XFilterMatchMode.X_AUTO_COMPLETE) {
-                const filterValue: any | null = getFilterValue(e.field);
-                if (filterValue !== null && typeof filterValue === 'object') {
-                    console.log("idem volat setFilterValue");
-                    setFilterValue(e.field, null);
-                    console.log(getFilterValue(e.field));
-                }
-            }
-        }
-    */
+    var onFilterMatchModeChange = function (e) {
+        //console.log(e.matchMode);
+        //console.log(e.field);
+        // warning: we can not change/set the filter value for the column where match mode was changed
+        // if we call setFilters in this method, then after finishing this method primereact calls another setting of "filters" and that second call overwrites our change
+        // this method is only "read only" and the change must be done in onFilter method
+        // we only save the field of the column where the match mode was changed - it is used later in onFilter method
+        matchModeChangeFieldRef.current = e.field;
+    };
     var valueAsUI = function (value, xField, contentType, fieldSetId) {
         var valueResult;
         if (xField.type === "boolean") {
@@ -1104,6 +1187,9 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
         else {
             bodyValue = valueAsUI(rowDataValue, xField, columnProps.contentType, columnProps.fieldSetId);
         }
+        if (columnProps.className || columnProps.style) {
+            bodyValue = react_1.default.createElement("div", { className: columnProps.className, style: columnProps.style }, bodyValue);
+        }
         return bodyValue;
     };
     // in order that row expansion works like standard row, we wrap row expansion into div
@@ -1322,7 +1408,8 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
                 }
                 else if (xField.type === "string") {
                     var stringValue = getFilterValue(childColumn.props.field);
-                    filterElement = react_1.default.createElement(XInputTextBase_1.XInputTextBase, { value: stringValue, onChange: function (value) { return setFilterValue(childColumn.props.field, value, undefined, undefined, childColumn.props.autoFilter); } });
+                    var xFilterMatchMode = getFilterMatchMode(childColumn.props.field);
+                    filterElement = react_1.default.createElement(XInputTextBase_1.XInputTextBase, { value: stringValue, onChange: function (value) { return setFilterValue(childColumn.props.field, value, undefined, undefined, childColumn.props.autoFilter); }, readOnly: xFilterMatchMode === FindParam_1.XFilterMatchMode.X_IS_NOT_NULL || xFilterMatchMode === FindParam_1.XFilterMatchMode.X_IS_NULL });
                 }
                 else if (xField.type === "date" || xField.type === "datetime") {
                     betweenFilter = getBetweenFilter(childColumn.props.betweenFilter, props.betweenFilter);
@@ -1385,6 +1472,8 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
             //filterMatchModeOptions = primeReactContext.filterMatchModeOptions![dataType].map((key) => ({ label: prLocaleOption(key), value: key }));
             filterMatchModeOptions = (primeReactContext && primeReactContext.filterMatchModeOptions[dataType].map(function (key) { return ({ label: (0, XLocale_1.prLocaleOption)(key), value: key }); })) ||
                 api_1.default.filterMatchModeOptions[dataType].map(function (key) { return ({ label: (0, XLocale_1.prLocaleOption)(key), value: key }); });
+            filterMatchModeOptions.push({ label: (0, XLocale_1.xLocaleOption)('xIsNotNull'), value: FindParam_1.XFilterMatchMode.X_IS_NOT_NULL });
+            filterMatchModeOptions.push({ label: (0, XLocale_1.xLocaleOption)('xIsNull'), value: FindParam_1.XFilterMatchMode.X_IS_NULL });
             if (isAutoCompleteInFilterEnabled(childColumn.props)) {
                 filterMatchModeOptions.push({ label: (0, XLocale_1.xLocaleOption)('xAutoComplete'), value: FindParam_1.XFilterMatchMode.X_AUTO_COMPLETE });
             }
@@ -1444,7 +1533,7 @@ exports.XLazyDataTable = (0, react_1.forwardRef)(function (_a, ref) {
             }
             footer = aggregateValue;
         }
-        return react_1.default.createElement(column_1.Column, { field: childColumn.props.field, header: header, footer: footer, filter: true, sortable: true, filterElement: filterElement, dataType: dataType, showFilterMenu: showFilterMenu, filterMatchModeOptions: filterMatchModeOptions, showClearButton: showClearButton, onFilterMatchModeChange: undefined /*onFilterMatchModeChange*/, body: body, headerStyle: headerStyle, align: align });
+        return react_1.default.createElement(column_1.Column, { field: childColumn.props.field, header: header, footer: footer, filter: true, sortable: true, filterElement: filterElement, dataType: dataType, showFilterMenu: showFilterMenu, filterMatchModeOptions: filterMatchModeOptions, showClearButton: showClearButton, onFilterMatchModeChange: onFilterMatchModeChange, body: body, headerStyle: headerStyle, align: align });
     });
     // align-items-center centruje vertikalne (posuva smerom dolu do stredu)
     // x-lazy-datatable-label-right-compensation - vyvazuje label, aby item-y v strede isli aspon priblizne do stredu

package/lib/components/XLocale.d.ts

@@ -15,6 +15,8 @@ export interface XLocaleOptions {
     cancel?: string;
     optimisticLockFailed?: string;
     formRemoveRowConfirm?: string;
+    xIsNotNull?: string;
+    xIsNull?: string;
     xAutoComplete?: string;
     expRowCount?: string;
     expExportType?: string;

package/lib/components/XUtils.js

@@ -582,7 +582,9 @@ var XUtils = exports.XUtils = /** @class */ (function () {
             // if the length of field is 2 or more, then readOnly
             isReadOnly = true;
         }
-        // formReadOnlyBase is called on the level XFormDataTable2
+        // formReadOnlyBase is called on the level XFormDataTable2 and XFormPanelList
+        // the reason is (probably) that in XFormDataTable2 and XFormPanelList we know the assoc name whereas here in component we know only field name
+        // (assoc name is param of formReadOnlyBase)
         // else if (this.props.form.formReadOnlyBase("xxx")) {
         //     isReadOnly = true;
         // }

package/lib/components/locale/x-en.json

@@ -20,6 +20,8 @@
         "pessimisticLockNotAcquired": "The row is being edited by the user {lockXUser} from {lockDate}\nDo you still want to edit the row? (The choice Cancel will open the form in read only mode).",
         "optimisticLockFailed": "Someone else has changed the row during the editation. Sorry, you have to cancel the editation and start the editation again.",
         "formRemoveRowConfirm": "Are you sure to remove the row?",
+        "xIsNotNull": "Is not null",
+        "xIsNull": "Is null",
         "xAutoComplete": "Autocomplete",
         "expRowCount": "Row count",
         "expExportType": "Export type",

package/lib/serverApi/FindParam.d.ts

@@ -14,6 +14,8 @@ export interface XCustomFilterItem {
 }
 export type XCustomFilter = XCustomFilterItem | XCustomFilterItem[];
 export declare enum XFilterMatchMode {
+    X_IS_NOT_NULL = "isNotNull",
+    X_IS_NULL = "isNull",
     X_AUTO_COMPLETE = "xAutoComplete",
     X_FILTER_ELEMENT = "xFilterElement"
 }

package/lib/serverApi/FindParam.js

@@ -11,6 +11,8 @@ var ResultType;
 // additional match modes (extension to primereact enum FilterMatchMode)
 var XFilterMatchMode;
 (function (XFilterMatchMode) {
+    XFilterMatchMode["X_IS_NOT_NULL"] = "isNotNull";
+    XFilterMatchMode["X_IS_NULL"] = "isNull";
     XFilterMatchMode["X_AUTO_COMPLETE"] = "xAutoComplete";
     XFilterMatchMode["X_FILTER_ELEMENT"] = "xFilterElement"; // custom filter element (defined in filterElement property)
 })(XFilterMatchMode || (exports.XFilterMatchMode = XFilterMatchMode = {}));

package/package.json

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