ods-component-lib 1.18.111 → 1.18.113

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

@@ -1,3 +1,4 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     grid: import("antd-style").SerializedStyles;
+    gridCustomSummary: import("antd-style").SerializedStyles;
 }>;

package/dist/index.js

@@ -23,8 +23,8 @@ var fileSaverEs = require('file-saver-es');
 var moment = _interopDefault(require('moment'));
 var outline = require('ods-icon/react/24/outline');
 var devextremeReact = require('devextreme-react');
-var antdStyle = require('antd-style');
 require('devextreme/dist/css/dx.light.css');
+var antdStyle = require('antd-style');
 var saveAs = _interopDefault(require('file-saver'));
 
 function _extends() {
@@ -33655,14 +33655,6 @@ function OdsDataGrdiRowButton(_ref) {
   }, React__default.createElement(StyledButton, Object.assign({}, props), children)));
 }
 
-var _templateObject$p;
-var useStyles = antdStyle.createStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    grid: css(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n    & .grid-cell-selected {\n      background-color: lightgreen;\n    }\n    & .grid-cell-disable-text-selection {\n      -webkit-touch-callout: none;\n      -webkit-user-select: none;\n      -khtml-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n    & .grid-cell-disable-colored {\n      background-color: lightgray;\n    }\n    & .grid-summary-row-label {\n      font-weight: 900;\n      /* border-bottom: 1px solid lightgray; */\n    }\n    & .grid-summary-row-data {\n      /* border-bottom: 1px solid lightgray; */\n    }\n    & .grid-toolbar-button-item {\n      padding: 0 !important;\n    }\n  "])))
-  };
-});
-
 var checkCellSelectionConstraints = function checkCellSelectionConstraints(e) {
   return e.rowType == "data" && e.columnIndex > -1 && e.rowIndex > -1;
 };
@@ -33781,8 +33773,6 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     fastUpdateForm = _AntForm$useForm[0];
   var gridRef = React.useRef(null);
   var filterApplied = React.useRef(false);
-  var _useStyles = useStyles(),
-    gridStyle = _useStyles.styles;
   var pkName = keyExpr && keyExpr.toString();
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
   var _useState = React.useState(false),
@@ -33821,6 +33811,9 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var _useState12 = React.useState(0),
     scrollPosition = _useState12[0],
     setScrollPosition = _useState12[1];
+  var _useState13 = React.useState(0),
+    rowCount = _useState13[0],
+    setRowCount = _useState13[1];
   React.useEffect(function () {
     constants.totalPageCount = 1;
     constants.loadedPageCount = 1;
@@ -33880,7 +33873,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     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 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;
@@ -33905,6 +33898,12 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
       dataGridInstance.off("dataChanged", checkData);
     };
   }, [data]);
+  var onCustomSelectionChanged = React.useCallback(function (e) {
+    console.log('onCustomSelectionChanged: ', e);
+    gridRef.current.instance.getSelectedRowsData().then(function (selectedRowsData) {
+      setRowCount(selectedRowsData.length);
+    });
+  }, []);
   var checkSortingPropertyForInitilaize = function checkSortingPropertyForInitilaize() {
     var onOptionChanged = props.onOptionChanged;
     if (onOptionChanged) {
@@ -34174,6 +34173,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var onExporting = React.useCallback(function (e) {
     if (e.format === "xlsx") {
       var workbook = new exceljs.Workbook();
+      var worksheet = workbook.addWorksheet("Main sheet");
       if (props.filterData != null) {
         var newColumnFromFilterData = props.filterData.map(function (filterItem) {
           return {
@@ -34188,7 +34188,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
       }
       excel_exporter.exportDataGrid({
         component: e.component,
-        worksheet: workbook.addWorksheet("Main sheet"),
+        worksheet: worksheet,
         autoFilterEnabled: true,
         customizeCell: function customizeCell(options) {
           var gridCell = options.gridCell,
@@ -34216,6 +34216,19 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
           }
         }
       }).then(function () {
+        var _props$customSummary;
+        var rowCounst = worksheet.actualRowCount;
+        if (rowCounst > 0) {
+          var lastRow = worksheet.getRow(rowCounst);
+          lastRow.getCell(1).value = "";
+        }
+        var summaryRow = worksheet.getRow(rowCounst + 1);
+        summaryRow.getCell(1).value = ((_props$customSummary = props.customSummary) === null || _props$customSummary === void 0 ? void 0 : _props$customSummary.summaryTotalDataLabel) + " : " + rowCount;
+        summaryRow.getCell(1).font = {
+          name: 'Arial',
+          size: 10,
+          bold: true
+        };
         workbook.xlsx.writeBuffer().then(function (buffer) {
           fileSaverEs.saveAs(new Blob([buffer], {
             type: "application/octet-stream"
@@ -34232,7 +34245,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
         doc.save(fileName + ".pdf");
       });
     }
-  }, [fileName, props.filterData]);
+  }, [fileName, props.filterData, rowCount]);
   var customLoad = React.useCallback(function () {
     var state = JSON.parse(localStorage.getItem(props.exportFileName + "Storage"));
     if (localStorage.getItem(props.exportFileName + "Storage")) {
@@ -34275,7 +34288,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     }
   }, []);
   var renderTotal = React.useCallback(function () {
-    var _props$customSummary3;
+    var _props$customSummary4;
     var result = "";
     var totalloaded = 0;
     if (data.length < 50 || !props.isServerSide || constants.loadedPageCount == constants.totalPageCount) {
@@ -34284,17 +34297,17 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
       totalloaded = constants.loadedPageCount * props.pageSize;
     }
     if (props.isServerSide) {
-      var _props$customSummary, _props$customSummary2;
-      result = constants.totalRecordCount > 0 ? totalloaded + " " + ((_props$customSummary = props.customSummary) === null || _props$customSummary === void 0 ? void 0 : _props$customSummary.summaryLoadedDataLabel) + ("- " + constants.totalRecordCount) + ((_props$customSummary2 = props.customSummary) === null || _props$customSummary2 === void 0 ? void 0 : _props$customSummary2.summaryTotalDataLabel) : "";
+      var _props$customSummary2, _props$customSummary3;
+      result = constants.totalRecordCount > 0 ? totalloaded + " " + ((_props$customSummary2 = props.customSummary) === null || _props$customSummary2 === void 0 ? void 0 : _props$customSummary2.summaryLoadedDataLabel) + ("- " + constants.totalRecordCount) + ((_props$customSummary3 = props.customSummary) === null || _props$customSummary3 === void 0 ? void 0 : _props$customSummary3.summaryTotalDataLabel) : "";
       result = concatFilteredLabel(result, totalloaded, filteredRowCount, filterApplied.current, props);
     }
-    if (((_props$customSummary3 = props.customSummary) === null || _props$customSummary3 === void 0 ? void 0 : _props$customSummary3.summaryTotalCount) !== undefined && !props.isServerSide) {
+    if (((_props$customSummary4 = props.customSummary) === null || _props$customSummary4 === void 0 ? void 0 : _props$customSummary4.summaryTotalCount) !== undefined && !props.isServerSide) {
       result = props.customSummary.summaryTotalDataLabel + " : " + props.customSummary.summaryTotalCount;
       result = concatFilteredLabel(result, totalloaded, filteredRowCount, filterApplied.current, props);
     }
     if (constants.totalPageCount > 1) {
-      var _props$customSummary4;
-      result = result + " - " + ((_props$customSummary4 = props.customSummary) === null || _props$customSummary4 === void 0 ? void 0 : _props$customSummary4.summaryTotalPageCountLabel) + "  " + constants.loadedPageCount + " / " + constants.totalPageCount;
+      var _props$customSummary5;
+      result = result + " - " + ((_props$customSummary5 = props.customSummary) === null || _props$customSummary5 === void 0 ? void 0 : _props$customSummary5.summaryTotalPageCountLabel) + "  " + constants.loadedPageCount + " / " + constants.totalPageCount;
     }
     return result;
   }, [data, filteredRowCount, constants.loadedPageCount, props.pageSize, constants.totalRecordCount, filterApplied.current]);
@@ -34412,6 +34425,11 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var handleContentReady = function handleContentReady(e) {
     var dataGridInstance = e.component;
     var filteredDataCount = dataGridInstance.totalCount();
+    if (gridRef.current && gridRef.current.instance) {
+      gridRef.current.instance.getSelectedRowsData().then(function (selectedRowsData) {
+        setRowCount(selectedRowsData.length);
+      });
+    }
     if (filterApplied.current && filteredDataCount > 0) {
       setFilteredRowCount(filteredDataCount);
     } else {
@@ -34635,12 +34653,11 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
       enabled: true
     },
     noDataText: props.noDataText,
-    className: gridStyle.grid,
     onEditorPreparing: onEditorPreparing,
     onExporting: onExporting,
     onRowClick: props.onRowClick,
     onEditorPrepared: onEditorPrepared,
-    onSelectionChanged: props.onSelectionChanged,
+    onSelectionChanged: onCustomSelectionChanged,
     onSaved: props.onSaved,
     onSaving: props.onSaving,
     onEditCanceling: props.onEditCanceling,
@@ -34775,9 +34792,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   }), hasFastUpdate && React__default.createElement(DataGrid.Item, null, React__default.createElement(OdsButton, {
     key: "odsbutton-fastupdate",
     onClick: onCustomFastUpdateButtonClick
-  }, fastUpdateButtonText != null ? fastUpdateButtonText : "Fast Update"))), React__default.createElement(DataGrid.Summary, {
-    calculateCustomSummary: renderTotal
-  }, React__default.createElement(DataGrid.TotalItem, {
+  }, fastUpdateButtonText != null ? fastUpdateButtonText : "Fast Update"))), React__default.createElement(DataGrid.Summary, null, React__default.createElement(DataGrid.TotalItem, {
     column: gridColumns[0].dataField,
     summaryType: "custom",
     displayFormat: renderTotal()
@@ -35089,11 +35104,12 @@ var OdsTransfer = function OdsTransfer(props) {
   }));
 };
 
-var _templateObject$q;
-var useStyles$1 = antdStyle.createStyles(function (_ref) {
+var _templateObject$p, _templateObject2$1;
+var useStyles = antdStyle.createStyles(function (_ref) {
   var css = _ref.css;
   return {
-    grid: css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n    & .grid-cell-selected {\n      background-color: lightgreen;\n    }\n    & .grid-cell-disable-text-selection {\n      -webkit-touch-callout: none;\n      -webkit-user-select: none;\n      -khtml-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n    & .grid-cell-disable-colored {\n      background-color: lightgray;\n    }\n    & .grid-summary-row-label {\n      font-weight: 900;\n      /* border-bottom: 1px solid lightgray; */\n    }\n\n    & .grid-toolbar-button-item {\n      padding: 0 !important;\n    }\n\n    & .dx-datagrid.dx-gridbase-container.dx-datagrid-borders {\n      border: none !important;\n      border-radius: 16px 16px 0 0;\n    }\n    & .custom-summary {\n      background-color: rgb(255, 255, 255);\n      border-radius: 0px 0px 16px 16px;\n      font-size: 13px;\n      text-align: unset;\n      padding: 17px 16px 3px 15px;\n      font-weight: 600;\n      border-top: 1px solid #ededed;\n    }\n    & .dx-datagrid-borders > .dx-datagrid-filter-panel,\n    & .dx-datagrid-borders > .dx-datagrid-headers {\n      border: 0 !important;\n    }\n    & .dx-datagrid-search-panel {\n      margin-left: 0;\n    }\n    & .dx-toolbar-after .dx-toolbar-item,\n    & .dx-toolbar-after .dx-toolbar-item:last-child {\n      padding: 0;\n    }\n    & .dx-toolbar .dx-toolbar-after {\n      display: inline-flex;\n      flex-flow: row-reverse;\n      gap: 5px;\n    }\n  "])))
+    grid: css(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n    & .grid-cell-selected {\n      background-color: lightgreen;\n    }\n    & .grid-cell-disable-text-selection {\n      -webkit-touch-callout: none;\n      -webkit-user-select: none;\n      -khtml-user-select: none;\n      -moz-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n    & .grid-cell-disable-colored {\n      background-color: lightgray;\n    }\n    & .grid-summary-row-label {\n      font-weight: 900;\n    }\n\n    & .grid-toolbar-button-item {\n      padding: 0 !important;\n    }\n\n    & .dx-datagrid.dx-gridbase-container.dx-datagrid-borders {\n      border: none !important;\n      border-radius: 16px 16px 0 0;\n    }\n    & .dx-datagrid-borders > .dx-datagrid-filter-panel,\n    & .dx-datagrid-borders > .dx-datagrid-headers {\n      border: 0 !important;\n    }\n    & .dx-datagrid-search-panel {\n      margin-left: 0;\n    }\n    & .dx-toolbar-after .dx-toolbar-item,\n    & .dx-toolbar-after .dx-toolbar-item:last-child {\n      padding: 0;\n    }\n    & .dx-toolbar .dx-toolbar-after {\n      display: inline-flex;\n      flex-flow: row-reverse;\n      gap: 5px;\n    }\n  "]))),
+    gridCustomSummary: css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n    background-color: rgb(255, 255, 255);\n    border-radius: 0px 0px 16px 16px;\n    font-size: 13px;\n    text-align: unset;\n    padding: 17px 16px 3px 15px;\n    font-weight: 600;\n    border-top: 1px solid #ededed;\n  "])))
   };
 });
 
@@ -35201,7 +35217,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   var filteredRowCount = React.useRef(0);
   var filterOptions = React.useRef({});
   var lastPageIndexRef = React.useRef(null);
-  var _useStyles = useStyles$1(),
+  var _useStyles = useStyles(),
     gridStyle = _useStyles.styles;
   var renderTotal = React.useCallback(function () {
     var _props$customSummary, _props$customSummary2, _props$customSummary3, _props$customSummary4;
@@ -35493,7 +35509,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     name: "exportButton",
     cssClass: "toolbarPanelItems"
   }))), renderTotal() && React__default.createElement("div", {
-    className: "custom-summary"
+    className: gridStyle.gridCustomSummary
   }, React__default.createElement("p", null, renderTotal())));
 };