ods-component-lib 1.17.19 → 1.17.21

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, 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, LoadPanel } from 'devextreme-react/data-grid';
 import { Item } from 'devextreme-react/form';
 import jsPDF from 'jspdf';
 import { exportDataGrid as exportDataGrid$1 } from 'devextreme/pdf_exporter';
@@ -1187,33 +1187,11 @@ var renderMenuItem = function renderMenuItem() {
     formats: exportFormats
   });
 };
-var customizeBooleanColumnRender = function customizeBooleanColumnRender(e) {
-  if (e.column.dataField === 'IsActive' || e.column.dataField === 'Status') {
-    var tagColor = e.value ? 'green' : 'gold';
-    return React.createElement(Tag, {
-      color: tagColor
-    }, e.value ? 'Active' : 'Passive');
-  }
-  if (e.column.dataType === 'datetime') {
-    if (e.value !== null) {
-      var date = moment(e.value);
-      var offsetMinutes = date.utcOffset();
-      var sign = offsetMinutes >= 0 ? '+' : '-';
-      var hours = Math.floor(Math.abs(offsetMinutes) / 60);
-      var minutes = Math.abs(offsetMinutes) % 60;
-      var formattedOffset = "(UTC" + sign + hours.toString().padStart(2, '0') + ":" + minutes.toString().padStart(2, '0') + ")";
-      var formatedDate = date.format('DD.MM.YYYY HH.mm') + " " + formattedOffset;
-      return formatedDate;
-    }
-  }
-  return e.column.dataType;
-};
 function OdsDataGrid(props) {
   var dataGridRef = useRef(null);
   return grid(props, dataGridRef);
 }
 function grid(props, dataGridRef) {
-  var _ref;
   var headerCellRender = function headerCellRender(colProperties) {
     return React.createElement("th", {
       className: "dx-datagrid-headers",
@@ -1279,7 +1257,9 @@ function grid(props, dataGridRef) {
     columnAutoWidth: 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,
@@ -1294,6 +1274,15 @@ function grid(props, dataGridRef) {
     visible: true
   }), props.filterEnable && React.createElement(FilterRow, {
     visible: true
+  }), React.createElement(FilterPanel, {
+    visible: true
+  }), props.remoteOperations !== undefined && props.remoteOperations === true && 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, {
@@ -1337,7 +1326,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,
@@ -1346,8 +1338,7 @@ function grid(props, dataGridRef) {
     return React.createElement(Column, Object.assign({
       key: col.dataField
     }, col, {
-      headerCellRender: headerCellRender,
-      cellRender: customizeBooleanColumnRender
+      headerCellRender: headerCellRender
     }), col.required && React.createElement(RequiredRule, {
       message: col.requiredMessage
     }), col.dataField === 'IsActive' && React.createElement(HeaderFilter, {
@@ -1558,7 +1549,7 @@ var renderMenuItem$1 = function renderMenuItem() {
     formats: exportFormats$2
   });
 };
-var customizeBooleanColumnRender$1 = function customizeBooleanColumnRender(e) {
+var customizeBooleanColumnRender = function customizeBooleanColumnRender(e) {
   var tagColor = e.value ? 'green' : 'gold';
   return React.createElement(Tag, {
     color: tagColor
@@ -1721,7 +1712,7 @@ function OdsProfDataGrid(props) {
       key: col.dataField
     }, col, {
       headerCellRender: headerCellRender,
-      cellRender: col.dataField === 'IsActive' || col.dataField === 'Status' ? customizeBooleanColumnRender$1 : ""
+      cellRender: col.dataField === 'IsActive' || col.dataField === 'Status' ? customizeBooleanColumnRender : ""
     }), col.required && React.createElement(RequiredRule, {
       message: col.requiredMessage
     }), col.dataField === 'IsActive' && React.createElement(HeaderFilter, {
@@ -1819,7 +1810,7 @@ var renderMenuItem$2 = function renderMenuItem() {
     formats: exportFormats$3
   });
 };
-var customizeBooleanColumnRender$2 = function customizeBooleanColumnRender(e) {
+var customizeBooleanColumnRender$1 = function customizeBooleanColumnRender(e) {
   if (e.column.dataField === 'IsActive' || e.column.dataField === 'Status') {
     var tagColor = e.value ? 'green' : 'gold';
     return React.createElement(Tag, {
@@ -1969,7 +1960,7 @@ function grid$2(props) {
       key: col.dataField
     }, col, {
       headerCellRender: headerCellRender,
-      cellRender: customizeBooleanColumnRender$2
+      cellRender: customizeBooleanColumnRender$1
     }), col.required && React.createElement(RequiredRule, {
       message: col.requiredMessage
     }), col.dataField === 'IsActive' && React.createElement(HeaderFilter, {