ods-component-lib 1.20.3 → 1.20.5

package/dist/index.modern.js

@@ -34074,7 +34074,8 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
     getSummary = _ref.getSummary,
     selectedRowsOnly = _ref.selectedRowsOnly,
     activeText = _ref.activeText,
-    passiveText = _ref.passiveText;
+    passiveText = _ref.passiveText,
+    filterData = _ref.filterData;
   var workbook = new Workbook();
   var worksheet = workbook.addWorksheet('Main Sheet');
   var lastProcessedRowData = null;
@@ -34109,6 +34110,58 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
       }
     }
   }).then(function () {
+    if (Array.isArray(filterData) && filterData.length > 0) {
+      var validFilters = filterData.filter(function (f) {
+        if (f.value === undefined || f.value === null) return false;
+        if (Array.isArray(f.value) && f.value.length === 0) return false;
+        if (typeof f.value === "string" && f.value.trim() === "") return false;
+        return true;
+      });
+      if (validFilters.length > 0) {
+        var headerRow = worksheet.getRow(1);
+        var lastColumnIndex = headerRow.cellCount;
+        validFilters.forEach(function (filter, index) {
+          var columnIndex = lastColumnIndex + index + 1;
+          var headerCell = headerRow.getCell(columnIndex);
+          headerCell.value = filter.Label;
+          headerCell.font = {
+            name: "Arial",
+            size: 12,
+            bold: true
+          };
+          headerCell.fill = {
+            type: "pattern",
+            pattern: "solid",
+            fgColor: {
+              argb: "FFCCCCCC"
+            }
+          };
+          headerCell.alignment = {
+            horizontal: "left"
+          };
+        });
+        var totalRows = worksheet.rowCount;
+        var _loop = function _loop() {
+          var row = worksheet.getRow(rowIndex);
+          validFilters.forEach(function (filter, index) {
+            var columnIndex = lastColumnIndex + index + 1;
+            var cell = row.getCell(columnIndex);
+            var displayValue = Array.isArray(filter.value) ? filter.value.join(", ") : filter.value;
+            cell.value = displayValue;
+            cell.font = {
+              name: "Arial",
+              size: 12
+            };
+            cell.alignment = {
+              horizontal: "left"
+            };
+          });
+        };
+        for (var rowIndex = 2; rowIndex <= totalRows; rowIndex++) {
+          _loop();
+        }
+      }
+    }
     var summaryResult = getSummary();
     var summaryText = selectedRowsOnly ? summaryResult + " - " + rowCount + " " + selectedText : summaryResult;
     var lastRow = worksheet.addRow([summaryText]);
@@ -34132,6 +34185,70 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
   });
 };
 
+var uniqueRecords = function uniqueRecords(value, index, array) {
+  return array.indexOf(value) === index;
+};
+var exportToExcel = function exportToExcel(props) {
+  var workbook = new Workbook();
+  var worksheet = workbook.addWorksheet('Main Sheet');
+  var lastProcessedRowData = null;
+  var rowCount = 0;
+  exportDataGrid({
+    component: props.gridComponent,
+    worksheet: worksheet,
+    selectedRowsOnly: props.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.column.dataField === "CreateDate" || gridCell.column.dataField === "ModifyDate") && gridCell.value) {
+          excelCell.value = moment(gridCell.value).format("DD.MM.YYYY HH:mm");
+        } else if (gridCell.column.dataType === "date" && gridCell.value) {
+          excelCell.value = moment(gridCell.value).format("DD.MM.YYYY");
+        }
+        if (gridCell.rowType === 'data' && gridCell.column.dataField.toLowerCase() === "isactive") {
+          excelCell.value = gridCell.value === true ? "" + props.activeText : "" + props.passiveText;
+        }
+        excelCell.font = {
+          name: 'Arial',
+          size: 12
+        };
+        excelCell.alignment = {
+          horizontal: 'left'
+        };
+      }
+    }
+  }).then(function () {
+    var summaryResult = props.getSummary();
+    var summaryText = props.selectedRowsOnly ? summaryResult + " - " + rowCount + " " + props.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 = props.baseFileName + "-" + datePart + "-" + timePart + ".xlsx";
+      saveAs(new Blob([buffer], {
+        type: 'application/octet-stream'
+      }), fullFileName);
+    });
+  });
+};
+var isTextEmpty = function isTextEmpty(text) {
+  return text === undefined || text === null || (text === null || text === void 0 ? void 0 : text.trim()) === '';
+};
+
 var useToken = theme.useToken;
 var OdsBatchEditDataGrid = function OdsBatchEditDataGrid(props) {
   var _props$columnResizing, _props$className, _props$selection, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
@@ -34516,23 +34633,25 @@ var OdsBatchEditDataGrid = function OdsBatchEditDataGrid(props) {
         }
       });
     }
-    e.toolbarOptions.items.unshift({
-      location: "before",
-      cssClass: "toolbarTitleItem",
-      template: function template(_, __, container) {
-        var wrapper = document.createElement("div");
-        container.appendChild(wrapper);
-        reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
-          level: 5,
-          style: {
-            display: "flex",
-            alignItems: "center",
-            alignSelf: "stretch",
-            margin: 0
-          }
-        }, props.pageTitle)), wrapper);
-      }
-    });
+    if (!isTextEmpty(props.pageTitle)) {
+      e.toolbarOptions.items.unshift({
+        location: "before",
+        cssClass: "toolbarTitleItem",
+        template: function template(_, __, container) {
+          var wrapper = document.createElement("div");
+          container.appendChild(wrapper);
+          reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
+            level: 5,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              alignSelf: "stretch",
+              margin: 0
+            }
+          }, props.pageTitle)), wrapper);
+        }
+      });
+    }
   };
   var checkIsPropArray = function checkIsPropArray(prop) {
     return prop && Array.isArray(prop);
@@ -35546,23 +35665,25 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
         }
       });
     }
-    e.toolbarOptions.items.unshift({
-      location: "before",
-      cssClass: "toolbarTitleItem",
-      template: function template(_, __, container) {
-        var wrapper = document.createElement("div");
-        container.appendChild(wrapper);
-        reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
-          level: 5,
-          style: {
-            display: "flex",
-            alignItems: "center",
-            alignSelf: "stretch",
-            margin: 0
-          }
-        }, props.pageTitle)), wrapper);
-      }
-    });
+    if (!isTextEmpty(props.pageTitle)) {
+      e.toolbarOptions.items.unshift({
+        location: "before",
+        cssClass: "toolbarTitleItem",
+        template: function template(_, __, container) {
+          var wrapper = document.createElement("div");
+          container.appendChild(wrapper);
+          reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
+            level: 5,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              alignSelf: "stretch",
+              margin: 0
+            }
+          }, props.pageTitle)), wrapper);
+        }
+      });
+    }
   };
   var renderMasterDetailGrid = useCallback(function (_ref) {
     var _dataSource$data, _dataSource$data2;
@@ -54308,24 +54429,26 @@ var OdsMergeCellDataGrid = forwardRef(function (props, ref) {
         }
       });
     }
-    e.toolbarOptions.items.unshift({
-      location: "before",
-      cssClass: "toolbarTitleItem",
-      template: function template(_, __, container) {
-        var wrapper = document.createElement("div");
-        container.appendChild(wrapper);
-        var root = client_1(wrapper);
-        root.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
-          level: 5,
-          style: {
-            display: "flex",
-            alignItems: "center",
-            alignSelf: "stretch",
-            margin: 0
-          }
-        }, props.pageTitle)));
-      }
-    });
+    if (!isTextEmpty(props.pageTitle)) {
+      e.toolbarOptions.items.unshift({
+        location: "before",
+        cssClass: "toolbarTitleItem",
+        template: function template(_, __, container) {
+          var wrapper = document.createElement("div");
+          container.appendChild(wrapper);
+          var root = client_1(wrapper);
+          root.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
+            level: 5,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              alignSelf: "stretch",
+              margin: 0
+            }
+          }, props.pageTitle)));
+        }
+      });
+    }
   };
   var handleSelectionChanged = function handleSelectionChanged(e) {
     var triggerEvent = true;
@@ -54374,7 +54497,7 @@ var OdsMergeCellDataGrid = forwardRef(function (props, ref) {
   };
   var handleExporting = function handleExporting(e) {
     if (!props.closeGridHeader) {
-      var _props$exportProps$ac, _props$exportProps$pa;
+      var _props$exportProps$ac, _props$exportProps$pa, _props$filterData;
       ExportDataGridToExcel({
         gridComponent: e.component,
         baseFileName: props.exportProps.fileName,
@@ -54384,7 +54507,8 @@ var OdsMergeCellDataGrid = forwardRef(function (props, ref) {
         },
         selectedRowsOnly: e.selectedRowsOnly,
         activeText: (_props$exportProps$ac = props.exportProps.activeText) != null ? _props$exportProps$ac : "Active",
-        passiveText: (_props$exportProps$pa = props.exportProps.passiveText) != null ? _props$exportProps$pa : "Passive"
+        passiveText: (_props$exportProps$pa = props.exportProps.passiveText) != null ? _props$exportProps$pa : "Passive",
+        filterData: (_props$filterData = props.filterData) != null ? _props$filterData : undefined
       });
     }
   };
@@ -55716,23 +55840,25 @@ var _OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
         }
       });
     }
-    e.toolbarOptions.items.unshift({
-      location: 'before',
-      cssClass: 'toolbarTitleItem',
-      template: function template(_, __, container) {
-        var wrapper = document.createElement('div');
-        container.appendChild(wrapper);
-        reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
-          level: 5,
-          style: {
-            display: "flex",
-            alignItems: "center",
-            alignSelf: "stretch",
-            margin: 0
-          }
-        }, props.pageTitle)), wrapper);
-      }
-    });
+    if (!isTextEmpty(props.pageTitle)) {
+      e.toolbarOptions.items.unshift({
+        location: 'before',
+        cssClass: 'toolbarTitleItem',
+        template: function template(_, __, container) {
+          var wrapper = document.createElement('div');
+          container.appendChild(wrapper);
+          reactDom.render(React.createElement(React.StrictMode, null, React.createElement(OdsTitle, {
+            level: 5,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              alignSelf: "stretch",
+              margin: 0
+            }
+          }, props.pageTitle)), wrapper);
+        }
+      });
+    }
   };
   var detailGrid = function detailGrid(_ref) {
     var data = _ref.data;
@@ -56333,67 +56459,6 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   }, React.createElement("p", null, renderTotal())));
 };
 
-var uniqueRecords = function uniqueRecords(value, index, array) {
-  return array.indexOf(value) === index;
-};
-var exportToExcel = function exportToExcel(props) {
-  var workbook = new Workbook();
-  var worksheet = workbook.addWorksheet('Main Sheet');
-  var lastProcessedRowData = null;
-  var rowCount = 0;
-  exportDataGrid({
-    component: props.gridComponent,
-    worksheet: worksheet,
-    selectedRowsOnly: props.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.column.dataField === "CreateDate" || gridCell.column.dataField === "ModifyDate") && gridCell.value) {
-          excelCell.value = moment(gridCell.value).format("DD.MM.YYYY HH:mm");
-        } else if (gridCell.column.dataType === "date" && gridCell.value) {
-          excelCell.value = moment(gridCell.value).format("DD.MM.YYYY");
-        }
-        if (gridCell.rowType === 'data' && gridCell.column.dataField.toLowerCase() === "isactive") {
-          excelCell.value = gridCell.value === true ? "" + props.activeText : "" + props.passiveText;
-        }
-        excelCell.font = {
-          name: 'Arial',
-          size: 12
-        };
-        excelCell.alignment = {
-          horizontal: 'left'
-        };
-      }
-    }
-  }).then(function () {
-    var summaryResult = props.getSummary();
-    var summaryText = props.selectedRowsOnly ? summaryResult + " - " + rowCount + " " + props.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 = props.baseFileName + "-" + datePart + "-" + timePart + ".xlsx";
-      saveAs(new Blob([buffer], {
-        type: 'application/octet-stream'
-      }), fullFileName);
-    });
-  });
-};
-
 var _templateObject$A, _templateObject2$8;
 var useStyles$a = createStyles(function (_ref) {
   var css = _ref.css;
@@ -57826,7 +57891,7 @@ var OdsTransfer = function OdsTransfer(props) {
         calculateSortValue: column.calculateSortValue,
         allowHeaderFiltering: props.showFilters
       });
-    }), props.displayPageTitle && React.createElement(Toolbar, null, React.createElement(Item, {
+    }), props.displayPageTitle && !isTextEmpty(props.pageTitle) && React.createElement(Toolbar, null, React.createElement(Item, {
       location: "before",
       cssClass: "toolbarTitleItem"
     }, React.createElement(OdsTitle, {
@@ -58089,7 +58154,7 @@ var OdsTransferV2 = function OdsTransferV2(_ref) {
         calculateSortValue: column.calculateSortValue,
         headerFilter: {}
       });
-    }), displayPageTitle && React.createElement(Toolbar, null, React.createElement(Item, {
+    }), displayPageTitle && !isTextEmpty(pageTitle) && React.createElement(Toolbar, null, React.createElement(Item, {
       location: "before",
       cssClass: "toolbarTitleItem"
     }, React.createElement(OdsTitle, {