ods-component-lib 1.16.0 → 1.16.3

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, LoadPanel } from 'devextreme-react/data-grid';
+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, 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';
@@ -1391,6 +1391,17 @@ function grid(props) {
     name: "exportButton"
   }), React.createElement(Item$1, {
     menuItemRender: renderMenuItem
+  })), React.createElement(Summary, null, React.createElement(TotalItem, {
+    column: "Id",
+    summaryType: "count",
+    displayFormat: "{0} Total Data"
+  }), props.sumaryRowItems && props.sumaryRowItems.map(function (item) {
+    return React.createElement(TotalItem, {
+      column: item.columnName,
+      summaryType: item.aggregateFn,
+      valueFormat: item.valueFormat ? item.valueFormat : "",
+      displayFormat: "Total: {0}"
+    });
   })))));
 }
 
@@ -1407,6 +1418,32 @@ function grid$1(props) {
       className: "dx-datagrid-headers"
     }, colProperties.column.caption);
   };
+  var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
+  var onExporting = function onExporting(e) {
+    if (e.format === 'excel') {
+      var workbook = new Workbook();
+      exportDataGrid({
+        component: e.component,
+        worksheet: workbook.addWorksheet('Main sheet'),
+        autoFilterEnabled: true
+      }).then(function () {
+        workbook.xlsx.writeBuffer().then(function (buffer) {
+          saveAs(new Blob([buffer], {
+            type: 'application/octet-stream'
+          }), fileName + '.xlsx');
+        });
+      });
+    } else {
+      var doc = new jsPDF();
+      exportDataGrid$1({
+        jsPDFDocument: doc,
+        component: e.component,
+        indent: 5
+      }).then(function () {
+        doc.save(fileName + '.pdf');
+      });
+    }
+  };
   return React.createElement(React.Fragment, null, React.createElement(DataGrid, {
     dataSource: props.dataSource,
     columnAutoWidth: props.columnAutoWidth,
@@ -1416,6 +1453,7 @@ function grid$1(props) {
     allowColumnReordering: true,
     showRowLines: true,
     showBorders: true,
+    onExporting: onExporting,
     width: "100%"
   }, React.createElement(Paging, {
     enabled: true,
@@ -1463,7 +1501,18 @@ function grid$1(props) {
     }, col, {
       headerCellRender: headerCellRender
     }), " ");
-  })));
+  }), React.createElement(Summary, null, React.createElement(TotalItem, {
+    column: "Id",
+    summaryType: "count",
+    displayFormat: "{0} Total Data"
+  }), props.sumaryRowItems && props.sumaryRowItems.map(function (item) {
+    return React.createElement(TotalItem, {
+      column: item.columnName,
+      summaryType: item.aggregateFn,
+      valueFormat: item.valueFormat ? item.valueFormat : "",
+      displayFormat: "Total: {0}"
+    });
+  }))));
 }
 
 var exportFormats$2 = ['xlsx', 'pdf'];