ods-component-lib 1.18.55 → 1.18.56

package/dist/index.modern.js

@@ -16324,6 +16324,9 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var columns = useRef(props.columns);
   var gridRef = useRef(null);
   var filterApplied = useRef(false);
+  var _useState3 = useState(false),
+    loading = _useState3[0],
+    setLoading = _useState3[1];
   var onCancelEditEvent = new CustomEvent('cancelEdit', {
     bubbles: true,
     detail: {
@@ -16424,6 +16427,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
           };
           var _temp = _finallyRethrows(function () {
             return _catch(function () {
+              setLoading(true);
               return Promise.resolve(fetch(apiUrl, requestOptions)).then(function (response) {
                 return Promise.resolve(response.json()).then(function (newData) {
                   if (loadedPageCount == 1) {
@@ -16437,10 +16441,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
                   }
                   totalPageCount = newData.PageCount;
                   totalRecordCount = newData.RowCount;
+                  setLoading(false);
                 });
               });
             }, function (error) {
               console.error('Error fetching data:', error);
+              setLoading(false);
             });
           }, function (_wasThrown, _result) {
             if (_wasThrown) throw _result;
@@ -16704,6 +16710,19 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         text: 'Passive',
         value: false
       }]
+    }), col.useDynamicHeaderFilter && React.createElement(HeaderFilter, {
+      allowSearch: true,
+      dataSource: [{
+        text: '(Blanks)',
+        value: null
+      }].concat(data.filter(function (item) {
+        return item[col.dataField] !== null && item[col.dataField] !== undefined && item[col.dataField] !== '';
+      }).map(function (item) {
+        return {
+          text: item[col.dataField].toString(),
+          value: item[col.dataField]
+        };
+      }))
     }), col.multiLevelColumns && col.multiLevelColumns.map(function (multiLevelColItem) {
       return React.createElement(Column, {
         dataField: multiLevelColItem.dataField,
@@ -16786,7 +16805,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     scrollByContent: true,
     scrollByThumb: true,
     mode: "infinite"
-  }), React.createElement(LoadPanel, {
+  }), loading && React.createElement(LoadPanel, {
     enabled: true,
     shadingColor: "rgba(0,0,0,0.4)"
   }), React.createElement(SearchPanel, {