ods-component-lib 1.18.137 → 1.18.138

package/dist/index.js

@@ -33416,56 +33416,59 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
     baseFileName = _ref.baseFileName,
     selectedText = _ref.selectedText,
     getSummary = _ref.getSummary,
-    selectedRowsOnly = _ref.selectedRowsOnly,
-    data = _ref.data;
+    selectedRowsOnly = _ref.selectedRowsOnly;
   var workbook = new exceljs.Workbook();
   var worksheet = workbook.addWorksheet('Main Sheet');
-  var dataSource = data;
-  var headers = gridComponent.option('columns').map(function (col) {
-    return col.dataField;
-  });
-  var q = worksheet.addRow(gridComponent.option('columns').map(function (col) {
-    return col.caption;
-  }));
-  q.font = {
-    name: 'Arial',
-    size: 12
-  };
-  q.alignment = {
-    horizontal: 'left'
-  };
-  dataSource.forEach(function (item) {
-    var row = [];
-    headers.forEach(function (header) {
-      var value = item[header];
-      if (value instanceof Date) {
-        var formattedDate = moment(value).format("DD.MM.YYYY HH:mm [UTC]Z");
-        row.push(formattedDate);
-      } else {
-        row.push(value);
+  var lastProcessedRowData = null;
+  var rowCount = 0;
+  excel_exporter.exportDataGrid({
+    component: gridComponent,
+    worksheet: worksheet,
+    selectedRowsOnly: selectedRowsOnly,
+    customizeCell: function customizeCell(options) {
+      var gridCell = options.gridCell,
+        excelCell = options.excelCell;
+      if (gridCell && excelCell) {
+        if (gridCell.rowType === 'data' && lastProcessedRowData !== gridCell.data) {
+          rowCount++;
+          lastProcessedRowData = gridCell.data;
+        }
+        if (gridCell.column.dataType === "datetime" && gridCell.value) {
+          var date = moment(gridCell.value);
+          var formattedDate = date.format("DD.MM.YYYY HH:mm [UTC]Z");
+          excelCell.value = formattedDate;
+        } else {
+          excelCell.font = {
+            name: 'Arial',
+            size: 12
+          };
+          excelCell.alignment = {
+            horizontal: 'left'
+          };
+        }
       }
+    }
+  }).then(function () {
+    var summaryResult = getSummary();
+    var summaryText = selectedRowsOnly ? summaryResult + " - " + rowCount + " " + selectedText : summaryResult;
+    var lastRow = worksheet.addRow([summaryText]);
+    lastRow.font = {
+      name: 'Arial',
+      size: 10,
+      bold: true
+    };
+    lastRow.alignment = {
+      horizontal: 'left'
+    };
+    workbook.xlsx.writeBuffer().then(function (buffer) {
+      var now = new Date();
+      var datePart = ('0' + now.getDate()).slice(-2) + "-" + ('0' + (now.getMonth() + 1)).slice(-2) + "-" + now.getFullYear();
+      var timePart = ('0' + now.getHours()).slice(-2) + ":" + ('0' + now.getMinutes()).slice(-2);
+      var fullFileName = baseFileName + "-" + datePart + "-" + timePart + ".xlsx";
+      FileSaver.saveAs(new Blob([buffer], {
+        type: 'application/octet-stream'
+      }), fullFileName);
     });
-    worksheet.addRow(row);
-  });
-  var summaryResult = getSummary();
-  var summaryText = selectedRowsOnly ? summaryResult + " - " + dataSource.length + " " + selectedText : summaryResult;
-  var lastRow = worksheet.addRow([summaryText]);
-  lastRow.font = {
-    name: 'Arial',
-    size: 10,
-    bold: true
-  };
-  lastRow.alignment = {
-    horizontal: 'left'
-  };
-  workbook.xlsx.writeBuffer().then(function (buffer) {
-    var now = new Date();
-    var datePart = ('0' + now.getDate()).slice(-2) + "-" + ('0' + (now.getMonth() + 1)).slice(-2) + "-" + now.getFullYear();
-    var timePart = ('0' + now.getHours()).slice(-2) + ":" + ('0' + now.getMinutes()).slice(-2);
-    var fullFileName = baseFileName + "-" + datePart + "-" + timePart + ".xlsx";
-    FileSaver.saveAs(new Blob([buffer], {
-      type: 'application/octet-stream'
-    }), fullFileName);
   });
 };
 
@@ -33525,7 +33528,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var _useState11 = React.useState(0),
     scrollPosition = _useState11[0],
     setScrollPosition = _useState11[1];
-  var _useState12 = React.useState(false),
+  var _useState12 = React.useState(true),
     filteredButtonCheck = _useState12[0],
     setFilteredButtonCheck = _useState12[1];
   var _useStyles = useStyles(),
@@ -33763,8 +33766,8 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   };
   var actionButtons = React.useMemo(function () {
     if (props.actionButtonGroup) {
-      if (props.actionButtonGroup.length >= 2 && !props.edit) {
-        return props.actionButtonGroup.slice(0, 2);
+      if (props.actionButtonGroup.length >= 3 && !props.edit) {
+        return props.actionButtonGroup.slice(0, 3);
       } else {
         return props.actionButtonGroup;
       }
@@ -33845,7 +33848,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     return result;
   }, [data, filteredRowCount, constants.loadedPageCount, props.pageSize, constants.totalRecordCount, filterApplied.current]);
   function actionCellRender(cellData, props) {
-    var kebabMenuButtons = props.actionButtonGroup && props.actionButtonGroup.length >= 2 && !props.edit ? props.actionButtonGroup.slice(2).map(function (button) {
+    var kebabMenuButtons = props.actionButtonGroup && props.actionButtonGroup.length >= 3 && !props.edit ? props.actionButtonGroup.slice(3).map(function (button) {
       return {
         icon: button.icon,
         onClick: function onClick(event) {
@@ -33972,7 +33975,9 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     }
   };
   var onCustomCellClick = function onCustomCellClick(e) {
-    e.cellElement.style.backgroundColor = "transparent";
+    if (e.rowType != 'header') {
+      e.cellElement.style.backgroundColor = "transparent";
+    }
     if (hasFastUpdate) {
       if (checkCellSelectionConstraints(e) && constants.allowedDataTypesForMultiCellEditing.some(function (item) {
         return item.toLocaleLowerCase() == e.column.dataType.toLocaleLowerCase();
@@ -34166,10 +34171,14 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     columnResizingMode: (_props$columnResizing = props.columnResizingMode) != null ? _props$columnResizing : "widget",
     showRowLines: true,
     allowColumnReordering: true,
+    scrolling: {
+      useNative: true
+    },
     remoteOperations: false,
     paging: {
       enabled: false
     },
+    width: "100%",
     repaintChangesOnly: true,
     focusedRowEnabled: false,
     filterSyncEnabled: true,
@@ -34186,8 +34195,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
         baseFileName: props.exportProps.fileName,
         selectedText: props.exportProps.selectedText,
         getSummary: renderTotal,
-        selectedRowsOnly: e.selectedRowsOnly,
-        data: data
+        selectedRowsOnly: e.selectedRowsOnly
       });
     },
     onRowClick: props.onRowClick,
@@ -34275,7 +34283,11 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     showNavigationButtons: false,
     showInfo: false
   }), React__default.createElement(DataGrid.Scrolling, {
-    mode: "infinite"
+    showScrollbar: "always",
+    scrollByContent: true,
+    scrollByThumb: true,
+    mode: "virtual",
+    rowRenderingMode: "virtual"
   }), React__default.createElement(DataGrid.SearchPanel, {
     visible: true
   }), React__default.createElement(DataGrid.FilterRow, {
@@ -35324,8 +35336,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
         baseFileName: props.exportProps.fileName,
         selectedText: props.exportProps.selectedText,
         getSummary: renderTotal,
-        selectedRowsOnly: e.selectedRowsOnly,
-        data: headerFilterData
+        selectedRowsOnly: e.selectedRowsOnly
       });
     },
     onContentReady: handleContentReady,