ods-component-lib 1.13.5 → 1.13.7

package/dist/components/devextreme/OdsProfDataGrid.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./DxDataGrid.css";
+declare function OdsDataGrid(props: any): React.JSX.Element;
+export default OdsDataGrid;

package/dist/index.js

@@ -13,6 +13,12 @@ var message = _interopDefault(require('antd/es/message'));
 var Parser = _interopDefault(require('html-react-parser'));
 var dataGrid = require('devextreme-react/data-grid');
 var form = require('devextreme-react/form');
+var jsPDF = _interopDefault(require('jspdf'));
+var pdf_exporter = require('devextreme/pdf_exporter');
+var excel_exporter = require('devextreme/excel_exporter');
+var exceljs = require('exceljs');
+var fileSaverEs = require('file-saver-es');
+var moment = _interopDefault(require('moment'));
 var devextremeReact = require('devextreme-react');
 var treeView = require('devextreme-react/tree-view');
 
@@ -1199,6 +1205,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__default.useCallback(function (e) {
+    if (e.format === 'excel') {
+      var workbook = new exceljs.Workbook();
+      excel_exporter.exportDataGrid({
+        component: e.component,
+        worksheet: workbook.addWorksheet('Main sheet'),
+        autoFilterEnabled: true
+      }).then(function () {
+        workbook.xlsx.writeBuffer().then(function (buffer) {
+          fileSaverEs.saveAs(new Blob([buffer], {
+            type: 'application/octet-stream'
+          }), fileName + '.xlsx');
+        });
+      });
+    } else {
+      var doc = new jsPDF();
+      pdf_exporter.exportDataGrid({
+        jsPDFDocument: doc,
+        component: e.component,
+        indent: 5
+      }).then(function () {
+        doc.save(fileName + '.pdf');
+      });
+    }
+  }, []);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "odsDatagrid",
     style: {
@@ -1218,7 +1250,8 @@ function grid(props) {
     showRowLines: true,
     showBorders: true,
     columnAutoWidth: false,
-    onEditCanceling: props.onEditCanceling
+    onEditCanceling: props.onEditCanceling,
+    onExporting: onExporting
   }, React__default.createElement(dataGrid.Paging, {
     enabled: true,
     defaultPageSize: props.pageSize
@@ -1227,7 +1260,6 @@ function grid(props) {
     displayMode: "full",
     showPageSizeSelector: true,
     showNavigationButtons: true,
-    allowedPageSizes: [5, 10, 20],
     showInfo: true
   }), props.searchEnable && React__default.createElement(dataGrid.SearchPanel, {
     visible: true
@@ -1290,6 +1322,17 @@ function grid(props) {
       cellRender: col.dataField === 'IsActive' || col.dataField === 'Status' ? customizeBooleanColumnRender : ""
     }), col.required && React__default.createElement(dataGrid.RequiredRule, {
       message: col.requiredMessage
+    }), col.dataField === 'IsActive' && React__default.createElement(dataGrid.HeaderFilter, {
+      dataSource: [{
+        text: 'All',
+        value: null
+      }, {
+        text: 'Active',
+        value: true
+      }, {
+        text: 'Passive',
+        value: false
+      }]
     }));
   }), function () {
     if (props.customPopup !== undefined) {