ods-component-lib 1.18.72 → 1.18.74

package/dist/index.modern.js

@@ -16677,6 +16677,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
           };
           colItem.headerCellRender = headerCellRenderr;
         }
+        if (props.isServerSide) colItem.calculateSortValue = String("dummyFieldForPreventClientSideSorting");
         return colItem;
       });
       columns.current = newColumns;
@@ -16697,6 +16698,32 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   useEffect(function () {
     if (contentReady) checkSortingPropertyForInitilaize();
   }, [contentReady]);
+  useEffect(function () {
+    var cssRules = "\n          .data-exists .dx-datagrid-borders > .dx-datagrid-filter-panel,\n          .data-exists .dx-datagrid-borders > .dx-datagrid-headers {\n            border-top: 1px solid rgba(0, 0, 0, 0.06);\n            padding-right: 0px !important;\n          }\n          \n          .data-exists .dx-datagrid-headers .dx-datagrid-content {\n            margin-bottom: -1px;\n            padding-right: 17px !important;\n          }\n        ";
+    var styleSheet = document.createElement('style');
+    styleSheet.type = 'text/css';
+    styleSheet.innerText = cssRules;
+    document.head.appendChild(styleSheet);
+    var checkData = function checkData() {
+      if (gridRef.current) {
+        var _dataGridInstance = gridRef.current.instance;
+        var dataExists = data.length > 0;
+        var gridElement = _dataGridInstance.element();
+        if (dataExists) {
+          gridElement.classList.add('data-exists');
+        } else {
+          gridElement.classList.remove('data-exists');
+        }
+      }
+    };
+    var dataGridInstance = gridRef.current.instance;
+    dataGridInstance.on('dataChanged', checkData);
+    checkData();
+    return function () {
+      document.head.removeChild(styleSheet);
+      dataGridInstance.off('dataChanged', checkData);
+    };
+  }, [data]);
   var checkSortingPropertyForInitilaize = function checkSortingPropertyForInitilaize() {
     var onOptionChanged = props.onOptionChanged;
     if (onOptionChanged) {