ods-component-lib 1.18.140 → 1.18.143

package/dist/index.js

@@ -33536,6 +33536,9 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var _useState12 = React.useState(true),
     filteredButtonCheck = _useState12[0],
     setFilteredButtonCheck = _useState12[1];
+  var _useState13 = React.useState(false),
+    searchPanelApplied = _useState13[0],
+    setSearchPanelApplied = _useState13[1];
   var _useStyles = useStyles(),
     gridStyle = _useStyles.styles;
   React.useEffect(function () {
@@ -33586,32 +33589,6 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   React.useEffect(function () {
     if (contentReady) checkSortingPropertyForInitilaize();
   }, [contentReady]);
-  React.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 >= 15;
-        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 onCustomSelectionChanged = React.useCallback(function (e) {
     if (props.onSelectionChanged) {
       props.onSelectionChanged(e);
@@ -33962,12 +33939,18 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
       var filteredCheckedValue = e.value;
       setFilteredButtonCheck(filteredCheckedValue);
     }
+    if (e.name === 'searchPanel') {
+      setSearchPanelApplied(true);
+    }
   };
   var handleContentReady = function handleContentReady(e) {
     var dataGridInstance = e.component;
     var filteredDataCount = dataGridInstance.totalCount();
     if (filterApplied.current && filteredButtonCheck && filteredDataCount > 0) {
       setFilteredRowCount(filteredDataCount);
+    } else if (searchPanelApplied && filteredDataCount > 0) {
+      setFilteredRowCount(filteredDataCount);
+      filterApplied.current = true;
     } else {
       setFilteredRowCount(0);
     }
@@ -34176,9 +34159,6 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     columnResizingMode: (_props$columnResizing = props.columnResizingMode) != null ? _props$columnResizing : "widget",
     showRowLines: true,
     allowColumnReordering: true,
-    scrolling: {
-      useNative: true
-    },
     remoteOperations: false,
     paging: {
       enabled: false