dtable-statistic 4.3.2 → 4.3.3

package/es/stat-view/pivot-table/index.js

@@ -1,14 +1,21 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import intl from 'react-intl-universal';
-import { getDateDisplayString, getNumberDisplayString, TableUtils } from 'dtable-store';
-import BaseChart from '../base-chart';
-import OneDimensionTableNoNumericColumns from './one-dimension-table-no-numeric-columns';
-import TwoDimensionTable from './two-dimension-table';
-import OneDimensionTableWithNumericColumns from './one-dimension-table-with-numeric-columns';
-import { TIME_COLUMN_LIST, DEFAULT_NUMBER_FORMAT_OBJECT, SUMMARY_TYPE, TOO_MANY_STATISTIC_ENTRIES } from '../../constants';
-import styles from './statistic-pivot-table.module.css';
-class PivotTable extends BaseChart {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _dtableStore = require("dtable-store");
+var _baseChart = _interopRequireDefault(require("../base-chart"));
+var _oneDimensionTableNoNumericColumns = _interopRequireDefault(require("./one-dimension-table-no-numeric-columns"));
+var _twoDimensionTable = _interopRequireDefault(require("./two-dimension-table"));
+var _oneDimensionTableWithNumericColumns = _interopRequireDefault(require("./one-dimension-table-with-numeric-columns"));
+var _constants = require("../../constants");
+var _statisticPivotTableModule = _interopRequireDefault(require("./statistic-pivot-table.module.css"));
+class PivotTable extends _baseChart.default {
   constructor(props) {
     super(props);
     this.isValidValue = value => {
@@ -33,12 +40,12 @@ class PivotTable extends BaseChart {
       } = statItem;
       const themeColors = this.getThemeColors('#212529');
       if (Array.isArray(pivot_columns) && pivot_columns.length > 100) {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: 'statistic-chart-text'
-        }, intl.get(TOO_MANY_STATISTIC_ENTRIES));
+        }, _reactIntlUniversal.default.get(_constants.TOO_MANY_STATISTIC_ENTRIES));
       }
       if (column_groupby_column_key) {
-        return /*#__PURE__*/React.createElement(TwoDimensionTable, {
+        return /*#__PURE__*/_react.default.createElement(_twoDimensionTable.default, {
           pivotResult: this.state.statData,
           statItem: statItem,
           isPreview: isPreview,
@@ -50,7 +57,7 @@ class PivotTable extends BaseChart {
         });
       }
       if (pivot_columns.length < 2) {
-        return /*#__PURE__*/React.createElement(OneDimensionTableNoNumericColumns, {
+        return /*#__PURE__*/_react.default.createElement(_oneDimensionTableNoNumericColumns.default, {
           pivotResult: this.state.statData,
           statItem: statItem,
           isPreview: isPreview,
@@ -61,7 +68,7 @@ class PivotTable extends BaseChart {
           toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
         });
       }
-      return /*#__PURE__*/React.createElement(OneDimensionTableWithNumericColumns, {
+      return /*#__PURE__*/_react.default.createElement(_oneDimensionTableWithNumericColumns.default, {
         getSummaryValueDisplayString: this.getSummaryValueDisplayString,
         pivotResult: this.state.statData,
         statItem: statItem,
@@ -73,23 +80,23 @@ class PivotTable extends BaseChart {
       });
     };
     this.getSummaryValueDisplayString = function (summaryColumn, summaryValue) {
-      let summaryMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : SUMMARY_TYPE.COUNT;
+      let summaryMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _constants.SUMMARY_TYPE.COUNT;
       if (!summaryColumn || !summaryColumn.type) return summaryValue;
       if (!summaryValue && summaryValue !== 0) return summaryValue;
       if (summaryMethod && summaryMethod.toUpperCase() === 'DISTINCT_VALUES') return summaryValue;
       const {
         data
       } = summaryColumn;
-      if (TIME_COLUMN_LIST.includes(summaryColumn.type)) {
+      if (_constants.TIME_COLUMN_LIST.includes(summaryColumn.type)) {
         if (typeof summaryValue !== 'string') return '';
         // The date returned by db carries T and Z, so that there is a time difference in data formatting
         const {
           format
         } = data || {};
-        return getDateDisplayString(summaryValue.replace(/[T|Z]/g, ' '), format);
+        return (0, _dtableStore.getDateDisplayString)(summaryValue.replace(/[T|Z]/g, ' '), format);
       }
       if (typeof summaryValue !== 'number') return summaryValue;
-      return getNumberDisplayString(summaryValue, data || DEFAULT_NUMBER_FORMAT_OBJECT);
+      return (0, _dtableStore.getNumberDisplayString)(summaryValue, data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT);
     };
     this.getStatData = () => {
       const {
@@ -103,9 +110,9 @@ class PivotTable extends BaseChart {
         summary_column_key
       } = statItem;
       const table = getTableById(table_id);
-      const groupbyColumn = groupby_column_key && TableUtils.getTableColumnByKey(table, groupby_column_key);
-      const columnGroupbyColumn = column_groupby_column_key && TableUtils.getTableColumnByKey(table, column_groupby_column_key);
-      const summaryColumn = TableUtils.getTableColumnByKey(table, summary_column_key) || {};
+      const groupbyColumn = groupby_column_key && _dtableStore.TableUtils.getTableColumnByKey(table, groupby_column_key);
+      const columnGroupbyColumn = column_groupby_column_key && _dtableStore.TableUtils.getTableColumnByKey(table, column_groupby_column_key);
+      const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, summary_column_key) || {};
       return {
         pivotResult: this.state.statData,
         statisticTableColumns: table.columns,
@@ -169,21 +176,21 @@ class PivotTable extends BaseChart {
       isCalculatingData,
       showResultDescription
     } = this.state;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), !isCalculatingData && /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), !isCalculatingData && /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.container = ref,
       style: isEdit ? {
         padding: '15px 30px'
       } : null,
-      className: "statistic-chart-container ".concat(styles['pivot-table-container'])
+      className: "statistic-chart-container ".concat(_statisticPivotTableModule.default['pivot-table-container'])
     }, this.renderPivotTable()), showResultDescription && this.renderEmpty());
   }
 }
 PivotTable.propTypes = {
-  isPreview: PropTypes.bool,
-  isEdit: PropTypes.bool,
-  statItem: PropTypes.object,
-  chartCalculator: PropTypes.object,
-  getTableById: PropTypes.func,
-  toggleStatisticRecordsDialog: PropTypes.func
+  isPreview: _propTypes.default.bool,
+  isEdit: _propTypes.default.bool,
+  statItem: _propTypes.default.object,
+  chartCalculator: _propTypes.default.object,
+  getTableById: _propTypes.default.func,
+  toggleStatisticRecordsDialog: _propTypes.default.func
 };
-export default PivotTable;
+var _default = exports.default = PivotTable;

package/es/stat-view/pivot-table/one-dimension-table-no-numeric-columns.js

@@ -1,11 +1,19 @@
-import React, { PureComponent } from 'react';
-import intl from 'react-intl-universal';
-import { TableUtils, Views } from 'dtable-store';
-import PivotTableDisplayName from './pivot-table-display-name';
-import { isMobile } from '../../utils';
-import { TITLE_TOTAL } from '../../constants';
-import styles from './statistic-pivot-table.module.css';
-class OneDimensionTableNoNumericColumns extends PureComponent {
+"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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _dtableStore = require("dtable-store");
+var _pivotTableDisplayName = _interopRequireDefault(require("./pivot-table-display-name"));
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _statisticPivotTableModule = _interopRequireDefault(require("./statistic-pivot-table.module.css"));
+class OneDimensionTableNoNumericColumns extends _react.PureComponent {
   constructor() {
     var _this;
     super(...arguments);
@@ -15,7 +23,7 @@ class OneDimensionTableNoNumericColumns extends PureComponent {
         isColumn = false,
         isRow = false
       } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      if (isMobile) return;
+      if (_utils.isMobile) return;
       _this.props.toggleStatisticRecordsDialog(cell, _this.props.statItem, {
         isColumn,
         isRow
@@ -25,7 +33,7 @@ class OneDimensionTableNoNumericColumns extends PureComponent {
       let {
         isCurrentView
       } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      if (isMobile) return;
+      if (_utils.isMobile) return;
       const {
         getTableById,
         statItem
@@ -35,8 +43,8 @@ class OneDimensionTableNoNumericColumns extends PureComponent {
         view_id
       } = statItem;
       const table = getTableById(table_id);
-      const view = Views.getViewById(table.views, view_id);
-      const rows = !Views.isArchiveView(view) ? recordsList.flat() : [];
+      const view = _dtableStore.Views.getViewById(table.views, view_id);
+      const rows = !_dtableStore.Views.isArchiveView(view) ? recordsList.flat() : [];
       _this.props.toggleStatisticRecordsDialog({
         rows
       }, _this.props.statItem, {
@@ -56,11 +64,11 @@ class OneDimensionTableNoNumericColumns extends PureComponent {
       const {
         name: groupName
       } = groupByColumn || {};
-      return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+      return /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
         className: "pivot-table-header"
-      }, /*#__PURE__*/React.createElement("div", null, groupName)), display_total && /*#__PURE__*/React.createElement("th", {
+      }, /*#__PURE__*/_react.default.createElement("div", null, groupName)), display_total && /*#__PURE__*/_react.default.createElement("th", {
         className: 'pivot-table-header'
-      }, /*#__PURE__*/React.createElement("div", null, intl.get(TITLE_TOTAL)))));
+      }, /*#__PURE__*/_react.default.createElement("div", null, _reactIntlUniversal.default.get(_constants.TITLE_TOTAL)))));
     };
     this.renderRows = _ref2 => {
       let {
@@ -81,11 +89,11 @@ class OneDimensionTableNoNumericColumns extends PureComponent {
         summary_method,
         display_total = true
       } = statItem;
-      const summaryColumn = TableUtils.getTableColumnByKey(table, summary_column_key) || {};
+      const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, summary_column_key) || {};
       const columnTotal = getSummaryValueDisplayString(summaryColumn, pivot_columns_total['total'], summary_method);
       const isValidTColumnTotal = this.props.isValidValue(columnTotal);
       let pivotColumnCells = [];
-      return /*#__PURE__*/React.createElement("tbody", null, pivot_rows.map((rowItem, rowIdx) => {
+      return /*#__PURE__*/_react.default.createElement("tbody", null, pivot_rows.map((rowItem, rowIdx) => {
         const {
           original_name,
           total,
@@ -94,29 +102,29 @@ class OneDimensionTableNoNumericColumns extends PureComponent {
         const totalDisplayValue = getSummaryValueDisplayString(summaryColumn, total.total, summary_method);
         const isValidTotalDisplayValue = this.props.isValidValue(totalDisplayValue);
         pivotColumnCells[rowIdx] = rows;
-        return /*#__PURE__*/React.createElement("tr", {
+        return /*#__PURE__*/_react.default.createElement("tr", {
           key: 'table-row-' + rowIdx
-        }, /*#__PURE__*/React.createElement("td", {
+        }, /*#__PURE__*/_react.default.createElement("td", {
           className: 'pivot-row-name'
-        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
+        }, /*#__PURE__*/_react.default.createElement(_pivotTableDisplayName.default, {
           value: original_name,
           column: groupByColumn
-        })), display_total && /*#__PURE__*/React.createElement("td", {
-          className: "".concat(styles['pivot-cell'], " ").concat(isValidTotalDisplayValue ? '' : styles['pivot-empty-cell']),
+        })), display_total && /*#__PURE__*/_react.default.createElement("td", {
+          className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " ").concat(isValidTotalDisplayValue ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
           title: isValidTotalDisplayValue ? totalDisplayValue : '',
           onClick: () => this.toggleRecords(rowItem, {
             isRow: true
           })
-        }, isValidTotalDisplayValue ? /*#__PURE__*/React.createElement("div", null, totalDisplayValue) : /*#__PURE__*/React.createElement("i", null)));
-      }), display_total && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+        }, isValidTotalDisplayValue ? /*#__PURE__*/_react.default.createElement("div", null, totalDisplayValue) : /*#__PURE__*/_react.default.createElement("i", null)));
+      }), display_total && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
         className: 'pivot-column-total'
-      }, /*#__PURE__*/React.createElement("div", null, intl.get(TITLE_TOTAL))), /*#__PURE__*/React.createElement("td", {
-        className: "".concat(styles['pivot-cell'], " pivot-table-total ").concat(isValidTColumnTotal ? '' : styles['pivot-empty-cell']),
+      }, /*#__PURE__*/_react.default.createElement("div", null, _reactIntlUniversal.default.get(_constants.TITLE_TOTAL))), /*#__PURE__*/_react.default.createElement("td", {
+        className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " pivot-table-total ").concat(isValidTColumnTotal ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
         onClick: () => this.onClickTotals(pivotColumnCells, {
           isCurrentView: true
         }),
         title: isValidTColumnTotal ? columnTotal : ''
-      }, isValidTColumnTotal ? /*#__PURE__*/React.createElement("div", null, columnTotal) : /*#__PURE__*/React.createElement("i", null))));
+      }, isValidTColumnTotal ? /*#__PURE__*/_react.default.createElement("div", null, columnTotal) : /*#__PURE__*/_react.default.createElement("i", null))));
     };
   }
   render() {
@@ -131,12 +139,12 @@ class OneDimensionTableNoNumericColumns extends PureComponent {
       groupby_column_key
     } = statItem;
     const table = getTableById(table_id);
-    const groupByColumn = groupby_column_key && TableUtils.getTableColumnByKey(table, groupby_column_key);
-    return /*#__PURE__*/React.createElement("table", {
+    const groupByColumn = groupby_column_key && _dtableStore.TableUtils.getTableColumnByKey(table, groupby_column_key);
+    return /*#__PURE__*/_react.default.createElement("table", {
       style: {
         color: textColor
       },
-      className: "".concat(isPreview ? styles['preview-pivot-table'] : styles['large-pivot-table'], " ").concat(styles['pivot-table'])
+      className: "".concat(isPreview ? _statisticPivotTableModule.default['preview-pivot-table'] : _statisticPivotTableModule.default['large-pivot-table'], " ").concat(_statisticPivotTableModule.default['pivot-table'])
     }, this.renderHeader({
       groupByColumn
     }), this.renderRows({
@@ -145,4 +153,4 @@ class OneDimensionTableNoNumericColumns extends PureComponent {
     }));
   }
 }
-export default OneDimensionTableNoNumericColumns;
+var _default = exports.default = OneDimensionTableNoNumericColumns;

package/es/stat-view/pivot-table/one-dimension-table-with-numeric-columns.js

@@ -1,11 +1,19 @@
-import React, { PureComponent } from 'react';
-import intl from 'react-intl-universal';
-import { TableUtils } from 'dtable-store';
-import PivotTableDisplayName from './pivot-table-display-name';
-import { isMobile } from '../../utils';
-import { TITLE_TOTAL } from '../../constants';
-import styles from './statistic-pivot-table.module.css';
-class OneDimensionTableWithNumericColumns extends PureComponent {
+"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 _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _dtableStore = require("dtable-store");
+var _pivotTableDisplayName = _interopRequireDefault(require("./pivot-table-display-name"));
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _statisticPivotTableModule = _interopRequireDefault(require("./statistic-pivot-table.module.css"));
+class OneDimensionTableWithNumericColumns extends _react.PureComponent {
   constructor() {
     var _this;
     super(...arguments);
@@ -15,7 +23,7 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
         isColumn = false,
         isCurrentView = false
       } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      if (isMobile) return;
+      if (_utils.isMobile) return;
       _this.props.toggleStatisticRecordsDialog(cell, _this.props.statItem, {
         isColumn,
         isCurrentView
@@ -34,7 +42,7 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
         column_groupby_column_key
       } = statItem;
       const statisticTableColumns = table.columns;
-      const columnGroupbyColumn = TableUtils.getTableColumnByKey(table, column_groupby_column_key);
+      const columnGroupbyColumn = _dtableStore.TableUtils.getTableColumnByKey(table, column_groupby_column_key);
       const {
         name: groupName
       } = groupbyColumn;
@@ -44,17 +52,17 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
       const {
         pivot_columns
       } = pivotResult;
-      return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+      return /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
         className: "pivot-table-header"
       }, !rowGroupName && groupName), Array.isArray(pivot_columns) && pivot_columns.map((item, index) => {
         const {
           key
         } = item;
         const column = statisticTableColumns.find(column => column.key === key);
-        return /*#__PURE__*/React.createElement("th", {
+        return /*#__PURE__*/_react.default.createElement("th", {
           className: 'pivot-table-header',
           key: "pivot-column-".concat(index)
-        }, /*#__PURE__*/React.createElement("div", null, column.name));
+        }, /*#__PURE__*/_react.default.createElement("div", null, column.name));
       })));
     };
     this.renderRows = _ref2 => {
@@ -77,7 +85,7 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
         pivot_columns_total
       } = pivotResult;
       let pivotColumnCells = [];
-      return /*#__PURE__*/React.createElement("tbody", null, pivot_rows.map((rowItem, rowIdx) => {
+      return /*#__PURE__*/_react.default.createElement("tbody", null, pivot_rows.map((rowItem, rowIdx) => {
         const {
           original_name,
           total,
@@ -86,11 +94,11 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
         if (!Array.isArray(pivot_columns)) {
           pivotColumnCells[rowIdx] = rowItem.rows || [];
         }
-        return /*#__PURE__*/React.createElement("tr", {
+        return /*#__PURE__*/_react.default.createElement("tr", {
           key: 'table-row' + rowIdx
-        }, /*#__PURE__*/React.createElement("td", {
+        }, /*#__PURE__*/_react.default.createElement("td", {
           className: 'pivot-row-name'
-        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
+        }, /*#__PURE__*/_react.default.createElement(_pivotTableDisplayName.default, {
           value: original_name,
           column: groupbyColumn
         })), Array.isArray(pivot_columns) && pivot_columns.map((columnMap, cellIdx) => {
@@ -108,23 +116,23 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
           const column = statisticTableColumns.find(item => item.key === key);
           const displayValue = getSummaryValueDisplayString(column, total[key + method], method);
           const isValidDisplayValue = this.props.isValidValue(displayValue);
-          return /*#__PURE__*/React.createElement("td", {
-            className: "".concat(styles['pivot-cell'], " ").concat(isValidDisplayValue ? '' : styles['pivot-empty-cell']),
+          return /*#__PURE__*/_react.default.createElement("td", {
+            className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " ").concat(isValidDisplayValue ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
             key: "table-cell-".concat(cellIdx),
             onClick: () => this.toggleRecords(rowItem),
             title: isValidDisplayValue ? displayValue : ''
-          }, isValidDisplayValue ? /*#__PURE__*/React.createElement("div", null, displayValue) : /*#__PURE__*/React.createElement("i", null));
+          }, isValidDisplayValue ? /*#__PURE__*/_react.default.createElement("div", null, displayValue) : /*#__PURE__*/_react.default.createElement("i", null));
         }));
-      }), display_total && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+      }), display_total && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
         className: 'pivot-column-total'
-      }, /*#__PURE__*/React.createElement("div", null, intl.get(TITLE_TOTAL))), Array.isArray(pivot_columns) && pivot_columns.map((c, index) => {
+      }, /*#__PURE__*/_react.default.createElement("div", null, _reactIntlUniversal.default.get(_constants.TITLE_TOTAL))), Array.isArray(pivot_columns) && pivot_columns.map((c, index) => {
         const pivotColumnCell = pivotColumnCells[index];
         const pivotColumnTotal = pivot_columns_total[c.key + c.method];
         const column = statisticTableColumns.find(column => column.key === c.key);
         const displayValue = getSummaryValueDisplayString(column, pivotColumnTotal, c.method);
         const isValidDisplayValue = this.props.isValidValue(displayValue);
-        return /*#__PURE__*/React.createElement("td", {
-          className: "".concat(styles['pivot-cell'], " ").concat(isValidDisplayValue ? '' : styles['pivot-empty-cell']),
+        return /*#__PURE__*/_react.default.createElement("td", {
+          className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " ").concat(isValidDisplayValue ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
           key: "total-cell-".concat(index),
           title: isValidDisplayValue ? displayValue : '',
           onClick: () => this.toggleRecords({
@@ -133,7 +141,7 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
           }, {
             isCurrentView: true
           })
-        }, isValidDisplayValue ? /*#__PURE__*/React.createElement("div", null, displayValue) : /*#__PURE__*/React.createElement("i", null));
+        }, isValidDisplayValue ? /*#__PURE__*/_react.default.createElement("div", null, displayValue) : /*#__PURE__*/_react.default.createElement("i", null));
       })));
     };
   }
@@ -149,13 +157,13 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
       groupby_column_key
     } = statItem;
     const table = getTableById(table_id);
-    const groupbyColumn = TableUtils.getTableColumnByKey(table, groupby_column_key);
+    const groupbyColumn = _dtableStore.TableUtils.getTableColumnByKey(table, groupby_column_key);
     if (!groupbyColumn) return '';
-    return /*#__PURE__*/React.createElement("table", {
+    return /*#__PURE__*/_react.default.createElement("table", {
       style: {
         color: textColor
       },
-      className: "".concat(isPreview ? styles['preview-pivot-table'] : styles['large-pivot-table'], " ").concat(styles['pivot-table'])
+      className: "".concat(isPreview ? _statisticPivotTableModule.default['preview-pivot-table'] : _statisticPivotTableModule.default['large-pivot-table'], " ").concat(_statisticPivotTableModule.default['pivot-table'])
     }, this.renderHeader({
       table,
       groupbyColumn
@@ -165,4 +173,4 @@ class OneDimensionTableWithNumericColumns extends PureComponent {
     }));
   }
 }
-export default OneDimensionTableWithNumericColumns;
+var _default = exports.default = OneDimensionTableWithNumericColumns;