ods-component-lib 1.18.139 → 1.18.141

package/dist/components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.Types.d.ts

@@ -19,6 +19,8 @@ interface IExportProps {
     allowExportSelectedData?: boolean;
     fileName?: string;
     selectedText?: string;
+    activeText?: string;
+    passiveText?: string;
 }
 export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableDataGridProps {
     dataGridPageName?: string;

package/dist/components/devextreme/OdsServerSideDatagrid/OdsServerSideDatagrid.Types.d.ts

@@ -22,6 +22,8 @@ interface IExportProps {
     allowExportSelectedData?: boolean;
     fileName?: string;
     selectedText?: string;
+    activeText?: string;
+    passiveText?: string;
 }
 interface IToolbarButton {
     type: string;

package/dist/index.js

@@ -33416,7 +33416,9 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
     baseFileName = _ref.baseFileName,
     selectedText = _ref.selectedText,
     getSummary = _ref.getSummary,
-    selectedRowsOnly = _ref.selectedRowsOnly;
+    selectedRowsOnly = _ref.selectedRowsOnly,
+    activeText = _ref.activeText,
+    passiveText = _ref.passiveText;
   var workbook = new exceljs.Workbook();
   var worksheet = workbook.addWorksheet('Main Sheet');
   var lastProcessedRowData = null;
@@ -33446,6 +33448,9 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
             horizontal: 'left'
           };
         }
+        if (gridCell.rowType === "data" && gridCell.column.dataType === "boolean" && gridCell.column.dataField.toLowerCase() === "isactive") {
+          excelCell.value = gridCell.value === true ? "" + activeText : "" + passiveText;
+        }
       }
     }
   }).then(function () {
@@ -33581,32 +33586,6 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   React.useEffect(function () {
     if (contentReady) checkSortingPropertyForInitilaize();
   }, [contentReady]);
-  React.useEffect(function () {
-    var cssRules = "\n            .data-exists .dx-datagrid-borders > .dx-datagrid-filter-panel,\n            .data-exists .dx-datagrid-borders > .dx-datagrid-headers {\n              border-top: 1px solid rgba(0, 0, 0, 0.06);\n              padding-right: 0px !important;\n            }\n\n            .data-exists .dx-datagrid-headers .dx-datagrid-content {\n              margin-bottom: -1px;\n              padding-right: 17px !important;\n            }\n          ";
-    var styleSheet = document.createElement("style");
-    styleSheet.type = "text/css";
-    styleSheet.innerText = cssRules;
-    document.head.appendChild(styleSheet);
-    var checkData = function checkData() {
-      if (gridRef.current) {
-        var _dataGridInstance = gridRef.current.instance;
-        var dataExists = data.length >= 15;
-        var gridElement = _dataGridInstance.element();
-        if (dataExists) {
-          gridElement.classList.add("data-exists");
-        } else {
-          gridElement.classList.remove("data-exists");
-        }
-      }
-    };
-    var dataGridInstance = gridRef.current.instance;
-    dataGridInstance.on("dataChanged", checkData);
-    checkData();
-    return function () {
-      document.head.removeChild(styleSheet);
-      dataGridInstance.off("dataChanged", checkData);
-    };
-  }, [data]);
   var onCustomSelectionChanged = React.useCallback(function (e) {
     if (props.onSelectionChanged) {
       props.onSelectionChanged(e);
@@ -34171,9 +34150,6 @@ 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
@@ -34190,12 +34166,15 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     className: gridStyle.grid,
     onEditorPreparing: onEditorPreparing,
     onExporting: function onExporting(e) {
+      var _props$exportProps$ac, _props$exportProps$pa;
       return ExportDataGridToExcel({
         gridComponent: e.component,
         baseFileName: props.exportProps.fileName,
         selectedText: props.exportProps.selectedText,
         getSummary: renderTotal,
-        selectedRowsOnly: e.selectedRowsOnly
+        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"
       });
     },
     onRowClick: props.onRowClick,
@@ -35107,7 +35086,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     if (e.fullName.includes("sortOrder")) {
       dataGrid.getScrollable().scrollTo(0);
     }
-    if (e.fullName.includes("filterValue") || e.fullName.includes("filter")) {
+    if (e.fullName.includes("filterValue") || e.fullName.includes("filter") || e.fullName === "searchPanel.text") {
       var active = updateFilterStatus();
       if (active) {
         setTimeout(function () {
@@ -35166,8 +35145,8 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(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;
       }
@@ -35191,7 +35170,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     }
   }, []);
   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) {
@@ -35337,12 +35316,15 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     "export": props.exportProps,
     className: gridStyle.grid,
     onExporting: function onExporting(e) {
+      var _props$exportProps$ac, _props$exportProps$pa;
       return ExportDataGridToExcel({
         gridComponent: e.component,
         baseFileName: props.exportProps.fileName,
         selectedText: props.exportProps.selectedText,
         getSummary: renderTotal,
-        selectedRowsOnly: e.selectedRowsOnly
+        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"
       });
     },
     onContentReady: handleContentReady,