sea-chart 2.0.36 → 2.0.38

package/dist/view/wrapper/table/one-dimension-table-no-numeric-columns.js

@@ -1,19 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dtableUtils = require("dtable-utils");
-var _utils = require("../../../utils");
-var _intl = _interopRequireDefault(require("../../../intl"));
-var _constants = require("../../../constants");
-var _pivotTableDisplayName = _interopRequireDefault(require("./pivot-table-display-name"));
-class OneDimensionTableNoNumericColumns extends _react.PureComponent {
+import React, { PureComponent } from 'react';
+import classnames from 'classnames';
+import { getTableById } from 'dtable-utils';
+import { BaseUtils, ObjectUtils } from '../../../utils';
+import intl from '../../../intl';
+import { CHART_THEME_COLOR, CHART_SUMMARY_TYPE } from '../../../constants';
+import PivotTableDisplayName from './pivot-table-display-name';
+class OneDimensionTableNoNumericColumns extends PureComponent {
   constructor() {
     super(...arguments);
     this.renderHeader = () => {
@@ -30,27 +22,27 @@ class OneDimensionTableNoNumericColumns extends _react.PureComponent {
       const {
         name: groupName
       } = groupbyColumn;
-      const isCount = summary_type === _constants.CHART_SUMMARY_TYPE.COUNT;
+      const isCount = summary_type === CHART_SUMMARY_TYPE.COUNT;
       this.isCount = isCount;
-      const columnName = isCount ? _intl.default.get('Amount') : this.getColumnName();
+      const columnName = isCount ? intl.get('Amount') : this.getColumnName();
       const {
         rowIdx: selectRowIdx,
         cellIdx: selectedCellIdx
       } = selectedCell || {};
       const isSelectedTotalCellBottom = selectRowIdx === 0 && selectedCellIdx === 0;
-      return /*#__PURE__*/_react.default.createElement("thead", {
+      return /*#__PURE__*/React.createElement("thead", {
         className: "seatable-table-header-sm"
-      }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
+      }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
         className: "pivot-table-header"
-      }, groupName), /*#__PURE__*/_react.default.createElement("th", {
-        className: (0, _classnames.default)('pivot-table-header', {
+      }, groupName), /*#__PURE__*/React.createElement("th", {
+        className: classnames('pivot-table-header', {
           'selected-pivot-cell-top': isSelectedTotalCellBottom
         })
-      }, /*#__PURE__*/_react.default.createElement("div", null, columnName)), display_total && /*#__PURE__*/_react.default.createElement("th", {
-        className: (0, _classnames.default)('pivot-table-header', {
+      }, /*#__PURE__*/React.createElement("div", null, columnName)), display_total && /*#__PURE__*/React.createElement("th", {
+        className: classnames('pivot-table-header', {
           'selected-pivot-cell-top': isSelectedTotalCellBottom
         })
-      }, /*#__PURE__*/_react.default.createElement("div", null, _intl.default.get('Total')))));
+      }, /*#__PURE__*/React.createElement("div", null, intl.get('Total')))));
     };
     this.getColumnName = () => {
       const {
@@ -65,7 +57,7 @@ class OneDimensionTableNoNumericColumns extends _react.PureComponent {
         table_id
       } = chart.config;
       if (Array.isArray(pivot_columns) && pivot_columns.length !== 0) {
-        const table = (0, _dtableUtils.getTableById)(tables, table_id);
+        const table = getTableById(tables, table_id);
         const column = table === null || table === void 0 ? void 0 : table.columns.find(item => item.key === pivot_columns[0].key);
         return (column === null || column === void 0 ? void 0 : column.name) || '';
       }
@@ -127,10 +119,10 @@ class OneDimensionTableNoNumericColumns extends _react.PureComponent {
       let pivotColumnCells = [];
       const isSelectRowTotalCellRight = selectRowIdx === pivotRowsLen && selectedCellIdx === 0;
       const isSelectTotal = selectRowIdx === pivotRowsLen && selectedCellIdx === 0;
-      const total = _utils.ObjectUtils.hasOwnProperty(pivot_columns_total, 'total') ? pivot_columns_total['total'] : 0;
-      const summaryDisplayValue = _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, total);
-      const isValidSummaryDisplayValue = _utils.BaseUtils.isValidValue(summaryDisplayValue, display_empty);
-      return /*#__PURE__*/_react.default.createElement("tbody", null, pivotRowsLen > 0 && pivot_rows.map((rowItem, rowIdx) => {
+      const total = ObjectUtils.hasOwnProperty(pivot_columns_total, 'total') ? pivot_columns_total['total'] : 0;
+      const summaryDisplayValue = BaseUtils.getSummaryValueDisplayString(summaryColumn, total);
+      const isValidSummaryDisplayValue = BaseUtils.isValidValue(summaryDisplayValue, display_empty);
+      return /*#__PURE__*/React.createElement("tbody", null, pivotRowsLen > 0 && pivot_rows.map((rowItem, rowIdx) => {
         const {
           name,
           total
@@ -140,21 +132,21 @@ class OneDimensionTableNoNumericColumns extends _react.PureComponent {
         let isSelectedTotalCellTop = selectRowIdx - 1 === rowIdx && selectedCellIdx === 0;
         let isSelectedTotalCellLeft = selectRowIdx === rowIdx && selectedCellIdx === 0;
         pivotColumnCells[rowIdx] = rowItem;
-        const totalDisplayValue = _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, total.total);
-        const isValidTotalDisplayValue = _utils.BaseUtils.isValidValue(totalDisplayValue, display_empty);
-        return /*#__PURE__*/_react.default.createElement("tr", {
+        const totalDisplayValue = BaseUtils.getSummaryValueDisplayString(summaryColumn, total.total);
+        const isValidTotalDisplayValue = BaseUtils.isValidValue(totalDisplayValue, display_empty);
+        return /*#__PURE__*/React.createElement("tr", {
           key: 'table-row-' + rowIdx
-        }, /*#__PURE__*/_react.default.createElement("td", {
-          className: (0, _classnames.default)('pivot-row-name', {
+        }, /*#__PURE__*/React.createElement("td", {
+          className: classnames('pivot-row-name', {
             'selected-pivot-cell-left': isSelectedRowNameRight
           })
-        }, /*#__PURE__*/_react.default.createElement(_pivotTableDisplayName.default, {
+        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
           value: name,
           column: groupbyColumn,
           rowData: rowItem,
           globalTheme: globalTheme
-        })), /*#__PURE__*/_react.default.createElement("td", {
-          className: (0, _classnames.default)('pivot-cell', {
+        })), /*#__PURE__*/React.createElement("td", {
+          className: classnames('pivot-cell', {
             'pivot-empty-cell': !isValidTotalDisplayValue,
             'selected-pivot-cell': isSelectedTotalCell,
             'selected-pivot-cell-top': isSelectedTotalCellTop,
@@ -169,12 +161,12 @@ class OneDimensionTableNoNumericColumns extends _react.PureComponent {
             cellIdx: 0,
             isRow: true
           })
-        }, isValidTotalDisplayValue ? totalDisplayValue : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
-          className: (0, _classnames.default)({
+        }, isValidTotalDisplayValue ? totalDisplayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
+          className: classnames({
             'selected-pivot-cell-border': isSelectedTotalCell
           })
-        })), display_total && /*#__PURE__*/_react.default.createElement("td", {
-          className: (0, _classnames.default)('pivot-cell', {
+        })), display_total && /*#__PURE__*/React.createElement("td", {
+          className: classnames('pivot-cell', {
             'pivot-empty-cell': !isValidTotalDisplayValue,
             'selected-pivot-cell': isSelectedTotalCell,
             'selected-pivot-cell-top': isSelectedTotalCellTop,
@@ -189,17 +181,17 @@ class OneDimensionTableNoNumericColumns extends _react.PureComponent {
             isRow: true
           }),
           total: totalDisplayValue
-        }, isValidTotalDisplayValue ? totalDisplayValue : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
-          className: (0, _classnames.default)({
+        }, isValidTotalDisplayValue ? totalDisplayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
+          className: classnames({
             'selected-pivot-cell-border': isSelectedTotalCell
           })
         })));
-      }), display_total && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
-        className: (0, _classnames.default)('pivot-column-total', {
+      }), display_total && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+        className: classnames('pivot-column-total', {
           'selected-pivot-cell-left': isSelectRowTotalCellRight
         })
-      }, /*#__PURE__*/_react.default.createElement("div", null, _intl.default.get('Total'))), /*#__PURE__*/_react.default.createElement("td", {
-        className: (0, _classnames.default)('pivot-cell pivot-table-total', {
+      }, /*#__PURE__*/React.createElement("div", null, intl.get('Total'))), /*#__PURE__*/React.createElement("td", {
+        className: classnames('pivot-cell pivot-table-total', {
           'pivot-empty-cell': !isValidSummaryDisplayValue,
           'selected-pivot-cell': isSelectTotal
         }),
@@ -208,12 +200,12 @@ class OneDimensionTableNoNumericColumns extends _react.PureComponent {
           cellIdx: 0
         }),
         title: isValidSummaryDisplayValue ? summaryDisplayValue : ''
-      }, isValidSummaryDisplayValue ? summaryDisplayValue : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
-        className: (0, _classnames.default)({
+      }, isValidSummaryDisplayValue ? summaryDisplayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
+        className: classnames({
           'selected-pivot-cell-border': isSelectTotal
         })
-      })), /*#__PURE__*/_react.default.createElement("td", {
-        className: (0, _classnames.default)('pivot-cell pivot-table-total', {
+      })), /*#__PURE__*/React.createElement("td", {
+        className: classnames('pivot-cell pivot-table-total', {
           'pivot-empty-cell': !isValidSummaryDisplayValue,
           'selected-pivot-cell': isSelectTotal
         }),
@@ -222,8 +214,8 @@ class OneDimensionTableNoNumericColumns extends _react.PureComponent {
           cellIdx: 0
         }),
         title: isValidSummaryDisplayValue ? summaryDisplayValue : ''
-      }, isValidSummaryDisplayValue ? summaryDisplayValue : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
-        className: (0, _classnames.default)({
+      }, isValidSummaryDisplayValue ? summaryDisplayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
+        className: classnames({
           'selected-pivot-cell-border': isSelectTotal
         })
       }))));
@@ -235,12 +227,12 @@ class OneDimensionTableNoNumericColumns extends _react.PureComponent {
       globalTheme
     } = this.props;
     if (!groupbyColumn) return '';
-    return /*#__PURE__*/_react.default.createElement("table", {
+    return /*#__PURE__*/React.createElement("table", {
       className: "sea-chart-pivot-table",
       style: {
-        color: _constants.CHART_THEME_COLOR[globalTheme].pivotTextColor
+        color: CHART_THEME_COLOR[globalTheme].pivotTextColor
       }
     }, this.renderHeader(), this.renderRows());
   }
 }
-var _default = exports.default = OneDimensionTableNoNumericColumns;
+export default OneDimensionTableNoNumericColumns;

package/dist/view/wrapper/table/one-dimension-table-with-numeric-columns.js

@@ -1,19 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dtableUtils = require("dtable-utils");
-var _utils = require("../../../utils");
-var _intl = _interopRequireDefault(require("../../../intl"));
-var _constants = require("../../../constants");
-var _pivotTableDisplayName = _interopRequireDefault(require("./pivot-table-display-name"));
-class OneDimensionTableWithNumericColumns extends _react.PureComponent {
+import React, { PureComponent } from 'react';
+import classnames from 'classnames';
+import { isNumber } from 'dtable-utils';
+import { BaseUtils, formatRowTotal } from '../../../utils';
+import intl from '../../../intl';
+import { CHART_THEME_COLOR } from '../../../constants';
+import PivotTableDisplayName from './pivot-table-display-name';
+class OneDimensionTableWithNumericColumns extends PureComponent {
   constructor(_props) {
     super(_props);
     this.init = props => {
@@ -32,7 +24,7 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
       }
     };
     this.getRowTotal = (rowTotal, value) => {
-      if (value && (0, _dtableUtils.isNumber)(value)) {
+      if (value && isNumber(value)) {
         return rowTotal + value;
       }
       return rowTotal;
@@ -63,9 +55,9 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
         cellIdx: selectedCellIdx
       } = selectedCell || {};
       const isSelectedTotalHeaderBottom = selectRowIdx === 0 && selectedCellIdx === (pivot_columns === null || pivot_columns === void 0 ? void 0 : pivot_columns.length);
-      return /*#__PURE__*/_react.default.createElement("thead", {
+      return /*#__PURE__*/React.createElement("thead", {
         className: "seatable-table-header-sm"
-      }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
+      }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
         className: "pivot-table-header"
       }, !rowGroupName && groupName), Array.isArray(pivot_columns) && pivot_columns.map((item, index) => {
         const {
@@ -73,17 +65,17 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
         } = item;
         const column = chartTableColumns.find(column => column.key === key);
         const isSelectedHeaderBottom = selectRowIdx === 0 && selectedCellIdx === index;
-        return /*#__PURE__*/_react.default.createElement("th", {
-          className: (0, _classnames.default)('pivot-table-header', {
+        return /*#__PURE__*/React.createElement("th", {
+          className: classnames('pivot-table-header', {
             'selected-pivot-cell-top': isSelectedHeaderBottom
           }),
-          key: "pivot-column-".concat(index)
-        }, /*#__PURE__*/_react.default.createElement("div", null, column.name));
-      }), display_total && /*#__PURE__*/_react.default.createElement("th", {
-        className: (0, _classnames.default)('pivot-table-header', {
+          key: `pivot-column-${index}`
+        }, /*#__PURE__*/React.createElement("div", null, column.name));
+      }), display_total && /*#__PURE__*/React.createElement("th", {
+        className: classnames('pivot-table-header', {
           'selected-pivot-cell-top': isSelectedTotalHeaderBottom
         })
-      }, /*#__PURE__*/_react.default.createElement("div", null, _intl.default.get('Total')))));
+      }, /*#__PURE__*/React.createElement("div", null, intl.get('Total')))));
     };
     this.toggleRecords = (cell, selectedCell) => {
       if (window.isMobile) return;
@@ -135,7 +127,7 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
       const isSelectRowTotalCellRight = selectRowIdx === pivotRowsLen && selectedCellIdx === 0;
       let lastRowTotal = 0;
       let lastRows = [];
-      return /*#__PURE__*/_react.default.createElement("tbody", null, pivotRowsLen > 0 && pivot_rows.map((rowItem, rowIdx) => {
+      return /*#__PURE__*/React.createElement("tbody", null, pivotRowsLen > 0 && pivot_rows.map((rowItem, rowIdx) => {
         const {
           name,
           total,
@@ -150,13 +142,13 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
         if (!Array.isArray(pivot_columns)) {
           pivotColumnCells[rowIdx] = rowItem.rows || [];
         }
-        return /*#__PURE__*/_react.default.createElement("tr", {
+        return /*#__PURE__*/React.createElement("tr", {
           key: 'table-row' + rowIdx
-        }, /*#__PURE__*/_react.default.createElement("td", {
-          className: (0, _classnames.default)('pivot-row-name', {
+        }, /*#__PURE__*/React.createElement("td", {
+          className: classnames('pivot-row-name', {
             'selected-pivot-cell-left': isSelectedRowNameRight
           })
-        }, /*#__PURE__*/_react.default.createElement(_pivotTableDisplayName.default, {
+        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
           value: name,
           column: groupbyColumn,
           rowData: rowItem,
@@ -170,8 +162,8 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
           } = columnMap;
           const column = chartTableColumns.find(item => item.key === key);
           rowTotal = this.getRowTotal(rowTotal, total[key]);
-          const displayValue = _utils.BaseUtils.getSummaryValueDisplayString(column, total[key], this.summaryColumnsMethodMap[key]);
-          const isValidDisplayValue = _utils.BaseUtils.isValidValue(displayValue, display_empty);
+          const displayValue = BaseUtils.getSummaryValueDisplayString(column, total[key], this.summaryColumnsMethodMap[key]);
+          const isValidDisplayValue = BaseUtils.isValidValue(displayValue, display_empty);
           if (Array.isArray(rows) && rows.length > 0) {
             if (pivotColumnCells[cellIdx]) {
               pivotColumnCells[cellIdx].push(...rows);
@@ -179,71 +171,71 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
               pivotColumnCells[cellIdx] = [...rows];
             }
           }
-          return /*#__PURE__*/_react.default.createElement("td", {
-            className: (0, _classnames.default)('pivot-cell', {
+          return /*#__PURE__*/React.createElement("td", {
+            className: classnames('pivot-cell', {
               'pivot-empty-cell': !isValidDisplayValue,
               'selected-pivot-cell': isSelectedCell,
               'selected-pivot-cell-top': isSelectedCellTop,
               'selected-pivot-cell-left': isSelectedCellLeft
             }),
-            key: "table-cell-".concat(cellIdx)
+            key: `table-cell-${cellIdx}`
             // onClick={() => this.toggleRecords({ rows, name: rowItem?.name, total: total[key] }, { rowIdx, cellIdx })}
             ,
             title: isValidDisplayValue ? displayValue : ''
-          }, isValidDisplayValue ? displayValue : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
-            className: (0, _classnames.default)({
+          }, isValidDisplayValue ? displayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
+            className: classnames({
               'selected-pivot-cell-border': isSelectedCell
             })
           }));
-        }), display_total && /*#__PURE__*/_react.default.createElement("td", {
-          className: (0, _classnames.default)('pivot-cell', {
+        }), display_total && /*#__PURE__*/React.createElement("td", {
+          className: classnames('pivot-cell', {
             'selected-pivot-cell': isSelectedTotalCell,
             'selected-pivot-cell-top': isSelectedTotalCellTop,
             'selected-pivot-cell-left': isSelectedTotalCellLeft
           })
           // onClick={() => this.toggleRecords({ rows, name: rowItem?.name, total: rowTotal }, { rowIdx })}
           ,
-          title: rowTotal ? (0, _utils.formatRowTotal)(rowTotal) : 0
-        }, rowTotal ? (0, _utils.formatRowTotal)(rowTotal) : /*#__PURE__*/_react.default.createElement("i", null, "0"), /*#__PURE__*/_react.default.createElement("span", {
-          className: (0, _classnames.default)({
+          title: rowTotal ? formatRowTotal(rowTotal) : 0
+        }, rowTotal ? formatRowTotal(rowTotal) : /*#__PURE__*/React.createElement("i", null, "0"), /*#__PURE__*/React.createElement("span", {
+          className: classnames({
             'selected-pivot-cell-border': isSelectedTotalCell
           })
         })));
-      }), display_total && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
-        className: (0, _classnames.default)('pivot-column-total', {
+      }), display_total && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+        className: classnames('pivot-column-total', {
           'selected-pivot-cell-left': isSelectRowTotalCellRight
         })
-      }, /*#__PURE__*/_react.default.createElement("div", null, _intl.default.get('Total'))), Array.isArray(pivot_columns) && pivot_columns.map((c, index) => {
+      }, /*#__PURE__*/React.createElement("div", null, intl.get('Total'))), Array.isArray(pivot_columns) && pivot_columns.map((c, index) => {
         const pivotColumnTotal = pivot_columns_total[c.key];
         const column = chartTableColumns.find(column => column.key === c.key);
-        const totalDisplayValue = _utils.BaseUtils.getSummaryValueDisplayString(column, pivotColumnTotal, this.summaryColumnsMethodMap[c.key]);
-        const isValidTotalDisplayValue = _utils.BaseUtils.isValidValue(totalDisplayValue, display_empty);
+        const totalDisplayValue = BaseUtils.getSummaryValueDisplayString(column, pivotColumnTotal, this.summaryColumnsMethodMap[c.key]);
+        const isValidTotalDisplayValue = BaseUtils.isValidValue(totalDisplayValue, display_empty);
         const isSelectRowTotalCell = selectRowIdx === pivot_rows.length && selectedCellIdx === index;
         const isSelectRowTotalCellLeft = selectRowIdx === pivot_rows.length && selectedCellIdx - 1 === index;
         lastRowTotal = this.getRowTotal(lastRowTotal, pivotColumnTotal);
-        return /*#__PURE__*/_react.default.createElement("td", {
-          className: (0, _classnames.default)('pivot-cell', {
+        return /*#__PURE__*/React.createElement("td", {
+          className: classnames('pivot-cell', {
             'pivot-empty-cell': !isValidTotalDisplayValue,
             'selected-pivot-cell': isSelectRowTotalCell,
             'selected-pivot-cell-left': isSelectRowTotalCellLeft
           }),
-          key: "total-cell-".concat(index)
+          key: `total-cell-${index}`
           // onClick={() => this.toggleRecords({ rows: pivotColumnCell, total: pivot_columns_total[c.key] }, { rowIdx: pivot_rows.length, cellIdx: index })}
           ,
           title: totalDisplayValue
-        }, isValidTotalDisplayValue ? totalDisplayValue : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", {
-          className: (0, _classnames.default)({
+        }, isValidTotalDisplayValue ? totalDisplayValue : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", {
+          className: classnames({
             'selected-pivot-cell-border': isSelectRowTotalCell
           })
         }));
-      }), /*#__PURE__*/_react.default.createElement("td", {
-        className: (0, _classnames.default)('pivot-cell', {
-          'pivot-empty-cell': !_utils.BaseUtils.isValidValue(lastRowTotal, display_empty)
+      }), /*#__PURE__*/React.createElement("td", {
+        className: classnames('pivot-cell', {
+          'pivot-empty-cell': !BaseUtils.isValidValue(lastRowTotal, display_empty)
         })
         // onClick={() => this.toggleRecords({ rows: lastRows, total: lastRowTotal }, { rowIdx: pivot_rows.length, cellIdx: pivot_columns?.length })}
         ,
-        title: (0, _utils.formatRowTotal)(lastRowTotal)
-      }, _utils.BaseUtils.isValidValue(lastRowTotal, display_empty) ? (0, _utils.formatRowTotal)(lastRowTotal) : /*#__PURE__*/_react.default.createElement("i", null))));
+        title: formatRowTotal(lastRowTotal)
+      }, BaseUtils.isValidValue(lastRowTotal, display_empty) ? formatRowTotal(lastRowTotal) : /*#__PURE__*/React.createElement("i", null))));
     };
     this.init(_props);
   }
@@ -253,12 +245,12 @@ class OneDimensionTableWithNumericColumns extends _react.PureComponent {
       globalTheme
     } = this.props;
     if (!groupbyColumn) return '';
-    return /*#__PURE__*/_react.default.createElement("table", {
+    return /*#__PURE__*/React.createElement("table", {
       className: "sea-chart-pivot-table",
       style: {
-        color: _constants.CHART_THEME_COLOR[globalTheme].pivotTextColor
+        color: CHART_THEME_COLOR[globalTheme].pivotTextColor
       }
     }, this.renderHeader(), this.renderRows());
   }
 }
-var _default = exports.default = OneDimensionTableWithNumericColumns;
+export default OneDimensionTableWithNumericColumns;