ods-component-lib 1.17.20 → 1.17.22

package/dist/index.modern.js

@@ -7,7 +7,7 @@ import 'react-phone-input-2/lib/style.css';
 import PhoneInput from 'react-phone-input-2';
 import message from 'antd/es/message';
 import Parser from 'html-react-parser';
-import { DataGrid, Paging, Pager, SearchPanel, FilterRow, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form as Form$1, Scrolling, Export, Column, RequiredRule, Button as Button$1, Toolbar, Item as Item$1, Summary, TotalItem, StateStoring, LoadPanel } from 'devextreme-react/data-grid';
+import { DataGrid, LoadPanel, Paging, Pager, SearchPanel, FilterRow, FilterPanel, RemoteOperations, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form as Form$1, Scrolling, Export, Column, RequiredRule, Button as Button$1, Toolbar, Item as Item$1, Summary, TotalItem, StateStoring } from 'devextreme-react/data-grid';
 import { Item } from 'devextreme-react/form';
 import jsPDF from 'jspdf';
 import { exportDataGrid as exportDataGrid$1 } from 'devextreme/pdf_exporter';
@@ -1192,7 +1192,7 @@ function OdsDataGrid(props) {
   return grid(props, dataGridRef);
 }
 function grid(props, dataGridRef) {
-  var _ref;
+  debugger;
   var headerCellRender = function headerCellRender(colProperties) {
     return React.createElement("th", {
       className: "dx-datagrid-headers",
@@ -1256,12 +1256,17 @@ function grid(props, dataGridRef) {
     showRowLines: true,
     showBorders: true,
     columnAutoWidth: false,
+    focusedRowEnabled: false,
+    wordWrapEnabled: false,
     onEditCanceling: props.onEditCanceling,
     onExporting: onExporting,
-    height: (_ref = props.height !== undefined) != null ? _ref : props.height,
+    height: window.innerHeight - 164,
+    repaintChangesOnly: true,
+    remoteOperations: props.remoteOperations !== undefined ? props.remoteOperations : false,
     ref: dataGridRef
-  }, React.createElement(Paging, {
-    enabled: true,
+  }, React.createElement(LoadPanel, {
+    enabled: true
+  }), React.createElement(Paging, {
     defaultPageSize: props.pageSize
   }), props.pagingEnable && React.createElement(Pager, {
     visible: true,
@@ -1273,6 +1278,15 @@ function grid(props, dataGridRef) {
     visible: true
   }), props.filterEnable && React.createElement(FilterRow, {
     visible: true
+  }), React.createElement(FilterPanel, {
+    visible: true
+  }), props.remoteOperations && React.createElement(RemoteOperations, {
+    filtering: true,
+    paging: false,
+    sorting: true,
+    summary: false,
+    grouping: false,
+    groupPaging: false
   }), props.headerFilterEnable && React.createElement(HeaderFilter, {
     visible: true
   }), React.createElement(ColumnChooser, {
@@ -1316,7 +1330,10 @@ function grid(props, dataGridRef) {
       });
     }));
   }))), React.createElement(Scrolling, {
-    mode: props.scrollingMode
+    mode: props.scroll.scrollingMode,
+    showScrollbar: props.scroll.showScrollbar,
+    scrollByContent: props.scroll.scrollByContent,
+    scrollByThumb: props.scroll.scrollByThumb
   }), props.exportEnable === true && React.createElement(Export, {
     enabled: true,
     allowExportSelectedData: true,