ods-component-lib 1.13.6 → 1.13.8

package/dist/index.modern.js

@@ -9,6 +9,12 @@ 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 } from 'devextreme-react/data-grid';
 import { Item } from 'devextreme-react/form';
+import jsPDF from 'jspdf';
+import { exportDataGrid as exportDataGrid$1 } from 'devextreme/pdf_exporter';
+import { exportDataGrid } from 'devextreme/excel_exporter';
+import { Workbook } from 'exceljs';
+import { saveAs } from 'file-saver-es';
+import moment from 'moment';
 import { TreeList } from 'devextreme-react';
 import { TreeView } from 'devextreme-react/tree-view';
 
@@ -1195,6 +1201,32 @@ function grid(props) {
       className: "dx-datagrid-headers"
     }, colProperties.column.caption);
   };
+  var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
+  var onExporting = React.useCallback(function (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("div", {
     className: "odsDatagrid",
     style: {
@@ -1214,7 +1246,8 @@ function grid(props) {
     showRowLines: true,
     showBorders: true,
     columnAutoWidth: false,
-    onEditCanceling: props.onEditCanceling
+    onEditCanceling: props.onEditCanceling,
+    onExporting: onExporting
   }, React.createElement(Paging, {
     enabled: true,
     defaultPageSize: props.pageSize
@@ -1285,6 +1318,17 @@ function grid(props) {
       cellRender: col.dataField === 'IsActive' || col.dataField === 'Status' ? customizeBooleanColumnRender : ""
     }), col.required && React.createElement(RequiredRule, {
       message: col.requiredMessage
+    }), col.dataField === 'IsActive' && React.createElement(HeaderFilter, {
+      dataSource: [{
+        text: 'All',
+        value: null
+      }, {
+        text: 'Active',
+        value: true
+      }, {
+        text: 'Passive',
+        value: false
+      }]
     }));
   }), function () {
     if (props.customPopup !== undefined) {