ods-component-lib 1.18.115 → 1.18.117

package/dist/components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.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

@@ -33655,11 +33655,12 @@ function OdsDataGrdiRowButton(_ref) {
   }, React__default.createElement(StyledButton, Object.assign({}, props), children)));
 }
 
-var _templateObject$p;
+var _templateObject$p, _templateObject2$1;
 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  "])))
+    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  "]))),
+    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"])))
   };
 });
 
@@ -33685,57 +33686,6 @@ var concatFilteredLabel = function concatFilteredLabel(result, totalloaded, filt
   }
   return result;
 };
-var showSummaryItems = function showSummaryItems(props) {
-  var _props$customSummary, _props$customSummary2, _props$customSummary3, _props$customSummary4, _props$customSummary5;
-  return ((_props$customSummary = props.customSummary) === null || _props$customSummary === void 0 ? void 0 : _props$customSummary.showAvgInSummary) || ((_props$customSummary2 = props.customSummary) === null || _props$customSummary2 === void 0 ? void 0 : _props$customSummary2.showCountInSummary) || ((_props$customSummary3 = props.customSummary) === null || _props$customSummary3 === void 0 ? void 0 : _props$customSummary3.showMaxInSummary) || ((_props$customSummary4 = props.customSummary) === null || _props$customSummary4 === void 0 ? void 0 : _props$customSummary4.showMinInSummary) || ((_props$customSummary5 = props.customSummary) === null || _props$customSummary5 === void 0 ? void 0 : _props$customSummary5.showSumInSummary);
-};
-var getSummaryItems = function getSummaryItems(props, columns, grid, isMultiLevelColumn) {
-  if (isMultiLevelColumn === void 0) {
-    isMultiLevelColumn = false;
-  }
-  var totalItems = [];
-  columns.map(function (col, _index) {
-    if (col.multiLevelColumns && col.multiLevelColumns.length > 0) {
-      totalItems = [].concat(totalItems, getSummaryItems(props, col.multiLevelColumns, grid, true));
-    } else {
-      var _props$customSummary6, _props$customSummary7, _props$customSummary8, _props$customSummary9, _props$customSummary10, _props$customSummary11, _props$customSummary12, _props$customSummary13, _props$customSummary14, _props$customSummary15;
-      var colOption = grid.columnOption(col.dataField);
-      if (!colOption) {
-        return col;
-      }
-      ((_props$customSummary6 = props.customSummary) === null || _props$customSummary6 === void 0 ? void 0 : _props$customSummary6.showAvgInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "avg", isMultiLevelColumn, (_props$customSummary7 = props.customSummary) === null || _props$customSummary7 === void 0 ? void 0 : _props$customSummary7.summaryAvgLabel));
-      ((_props$customSummary8 = props.customSummary) === null || _props$customSummary8 === void 0 ? void 0 : _props$customSummary8.showCountInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "count", isMultiLevelColumn, (_props$customSummary9 = props.customSummary) === null || _props$customSummary9 === void 0 ? void 0 : _props$customSummary9.summaryCountLabel));
-      ((_props$customSummary10 = props.customSummary) === null || _props$customSummary10 === void 0 ? void 0 : _props$customSummary10.showMaxInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "max", isMultiLevelColumn, (_props$customSummary11 = props.customSummary) === null || _props$customSummary11 === void 0 ? void 0 : _props$customSummary11.summaryMaxLabel));
-      ((_props$customSummary12 = props.customSummary) === null || _props$customSummary12 === void 0 ? void 0 : _props$customSummary12.showMinInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "min", isMultiLevelColumn, (_props$customSummary13 = props.customSummary) === null || _props$customSummary13 === void 0 ? void 0 : _props$customSummary13.summaryMinLabel));
-      ((_props$customSummary14 = props.customSummary) === null || _props$customSummary14 === void 0 ? void 0 : _props$customSummary14.showSumInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "sum", isMultiLevelColumn, (_props$customSummary15 = props.customSummary) === null || _props$customSummary15 === void 0 ? void 0 : _props$customSummary15.summarySumLabel));
-    }
-    return col;
-  });
-  return totalItems;
-};
-var getSummaryItem = function getSummaryItem(col, visibleIndex, summaryType, isMultiLevelColumn, label) {
-  if (!isMultiLevelColumn && visibleIndex == 0) {
-    return React__default.createElement(DataGrid.TotalItem, {
-      column: col.dataField,
-      summaryType: "custom",
-      cssClass: "grid-summary-row-label",
-      customizeText: function customizeText(_itemInfo) {
-        return label;
-      }
-    });
-  }
-  if (col.dataType != "number") {
-    return React__default.createElement("div", null);
-  }
-  return React__default.createElement(DataGrid.TotalItem, {
-    column: col.dataField,
-    summaryType: summaryType,
-    cssClass: "grid-summary-row-data",
-    customizeText: function customizeText(itemInfo) {
-      return Number(itemInfo.value).toFixed(2);
-    }
-  });
-};
 var getMultiLevelColumns = function getMultiLevelColumns(col) {
   return col.multiLevelColumns && col.multiLevelColumns.map(function (colItem) {
     return React__default.createElement(DataGrid.Column, Object.assign({
@@ -34803,18 +34753,14 @@ 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, null, React__default.createElement(DataGrid.TotalItem, {
-    column: gridColumns[0].dataField,
-    summaryType: "custom",
-    displayFormat: renderTotal()
-  }), gridRef.current && showSummaryItems(props) && getSummaryItems(props, gridColumns, gridRef.current.instance).map(function (item, _index) {
-    return item;
-  })), React__default.createElement(DataGrid.StateStoring, {
+  }, fastUpdateButtonText != null ? fastUpdateButtonText : "Fast Update"))), React__default.createElement(DataGrid.StateStoring, {
     enabled: true,
     type: "custom",
     customLoad: customLoad,
     customSave: customSave
-  })));
+  })), renderTotal() && React__default.createElement("div", {
+    className: gridStyle.gridCustomSummary
+  }, React__default.createElement("p", null, renderTotal())));
 };
 
 var NoListItems = function NoListItems(_ref) {
@@ -35115,12 +35061,12 @@ var OdsTransfer = function OdsTransfer(props) {
   }));
 };
 
-var _templateObject$q, _templateObject2$1;
+var _templateObject$q, _templateObject2$2;
 var useStyles$1 = 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    }\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  "])))
+    gridCustomSummary: css(_templateObject2$2 || (_templateObject2$2 = _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  "])))
   };
 });
 
@@ -35546,11 +35492,11 @@ var concatFilteredLabel$1 = function concatFilteredLabel(result, totalloaded, fi
   }
   return result;
 };
-var showSummaryItems$1 = function showSummaryItems(props) {
+var showSummaryItems = function showSummaryItems(props) {
   var _props$customSummary, _props$customSummary2, _props$customSummary3, _props$customSummary4, _props$customSummary5;
   return ((_props$customSummary = props.customSummary) === null || _props$customSummary === void 0 ? void 0 : _props$customSummary.showAvgInSummary) || ((_props$customSummary2 = props.customSummary) === null || _props$customSummary2 === void 0 ? void 0 : _props$customSummary2.showCountInSummary) || ((_props$customSummary3 = props.customSummary) === null || _props$customSummary3 === void 0 ? void 0 : _props$customSummary3.showMaxInSummary) || ((_props$customSummary4 = props.customSummary) === null || _props$customSummary4 === void 0 ? void 0 : _props$customSummary4.showMinInSummary) || ((_props$customSummary5 = props.customSummary) === null || _props$customSummary5 === void 0 ? void 0 : _props$customSummary5.showSumInSummary);
 };
-var getSummaryItems$1 = function getSummaryItems(props, columns, grid, isMultiLevelColumn) {
+var getSummaryItems = function getSummaryItems(props, columns, grid, isMultiLevelColumn) {
   if (isMultiLevelColumn === void 0) {
     isMultiLevelColumn = false;
   }
@@ -35564,17 +35510,17 @@ var getSummaryItems$1 = function getSummaryItems(props, columns, grid, isMultiLe
       if (!colOption) {
         return col;
       }
-      ((_props$customSummary6 = props.customSummary) === null || _props$customSummary6 === void 0 ? void 0 : _props$customSummary6.showAvgInSummary) && totalItems.push(getSummaryItem$1(col, colOption.visibleIndex, "avg", isMultiLevelColumn, (_props$customSummary7 = props.customSummary) === null || _props$customSummary7 === void 0 ? void 0 : _props$customSummary7.summaryAvgLabel));
-      ((_props$customSummary8 = props.customSummary) === null || _props$customSummary8 === void 0 ? void 0 : _props$customSummary8.showCountInSummary) && totalItems.push(getSummaryItem$1(col, colOption.visibleIndex, "count", isMultiLevelColumn, (_props$customSummary9 = props.customSummary) === null || _props$customSummary9 === void 0 ? void 0 : _props$customSummary9.summaryCountLabel));
-      ((_props$customSummary10 = props.customSummary) === null || _props$customSummary10 === void 0 ? void 0 : _props$customSummary10.showMaxInSummary) && totalItems.push(getSummaryItem$1(col, colOption.visibleIndex, "max", isMultiLevelColumn, (_props$customSummary11 = props.customSummary) === null || _props$customSummary11 === void 0 ? void 0 : _props$customSummary11.summaryMaxLabel));
-      ((_props$customSummary12 = props.customSummary) === null || _props$customSummary12 === void 0 ? void 0 : _props$customSummary12.showMinInSummary) && totalItems.push(getSummaryItem$1(col, colOption.visibleIndex, "min", isMultiLevelColumn, (_props$customSummary13 = props.customSummary) === null || _props$customSummary13 === void 0 ? void 0 : _props$customSummary13.summaryMinLabel));
-      ((_props$customSummary14 = props.customSummary) === null || _props$customSummary14 === void 0 ? void 0 : _props$customSummary14.showSumInSummary) && totalItems.push(getSummaryItem$1(col, colOption.visibleIndex, "sum", isMultiLevelColumn, (_props$customSummary15 = props.customSummary) === null || _props$customSummary15 === void 0 ? void 0 : _props$customSummary15.summarySumLabel));
+      ((_props$customSummary6 = props.customSummary) === null || _props$customSummary6 === void 0 ? void 0 : _props$customSummary6.showAvgInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "avg", isMultiLevelColumn, (_props$customSummary7 = props.customSummary) === null || _props$customSummary7 === void 0 ? void 0 : _props$customSummary7.summaryAvgLabel));
+      ((_props$customSummary8 = props.customSummary) === null || _props$customSummary8 === void 0 ? void 0 : _props$customSummary8.showCountInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "count", isMultiLevelColumn, (_props$customSummary9 = props.customSummary) === null || _props$customSummary9 === void 0 ? void 0 : _props$customSummary9.summaryCountLabel));
+      ((_props$customSummary10 = props.customSummary) === null || _props$customSummary10 === void 0 ? void 0 : _props$customSummary10.showMaxInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "max", isMultiLevelColumn, (_props$customSummary11 = props.customSummary) === null || _props$customSummary11 === void 0 ? void 0 : _props$customSummary11.summaryMaxLabel));
+      ((_props$customSummary12 = props.customSummary) === null || _props$customSummary12 === void 0 ? void 0 : _props$customSummary12.showMinInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "min", isMultiLevelColumn, (_props$customSummary13 = props.customSummary) === null || _props$customSummary13 === void 0 ? void 0 : _props$customSummary13.summaryMinLabel));
+      ((_props$customSummary14 = props.customSummary) === null || _props$customSummary14 === void 0 ? void 0 : _props$customSummary14.showSumInSummary) && totalItems.push(getSummaryItem(col, colOption.visibleIndex, "sum", isMultiLevelColumn, (_props$customSummary15 = props.customSummary) === null || _props$customSummary15 === void 0 ? void 0 : _props$customSummary15.summarySumLabel));
     }
     return col;
   });
   return totalItems;
 };
-var getSummaryItem$1 = function getSummaryItem(col, visibleIndex, summaryType, isMultiLevelColumn, label) {
+var getSummaryItem = function getSummaryItem(col, visibleIndex, summaryType, isMultiLevelColumn, label) {
   if (!isMultiLevelColumn && visibleIndex == 0) {
     return React__default.createElement(DataGrid.TotalItem, {
       column: col.dataField,
@@ -36647,7 +36593,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     column: gridColumns[0].dataField,
     summaryType: "custom",
     displayFormat: renderTotal()
-  }), gridRef.current && showSummaryItems$1(props) && getSummaryItems$1(props, gridColumns, gridRef.current.instance).map(function (item, _index) {
+  }), gridRef.current && showSummaryItems(props) && getSummaryItems(props, gridColumns, gridRef.current.instance).map(function (item, _index) {
     return item;
   })), React__default.createElement(DataGrid.StateStoring, {
     enabled: true,