dtable-statistic 4.3.1 → 4.3.3

package/es/stat-view/pivot-table/pivot-table-display-name.js

@@ -1,10 +1,18 @@
-import React, { Fragment } from 'react';
-import intl from 'react-intl-universal';
-import { getOption, getCollaborator, CellType, getNumberDisplayString, isNumber, COLLABORATOR_COLUMN_TYPES, FORMULA_RESULT_TYPE } from 'dtable-store';
-import { getClientFormulaDisplayString, getKnownCreatorByEmail, generateDefaultUser, getSelectColumnOptions } from '../../utils';
-import { shallowEqual } from '../../utils/common-utils';
-import { EMPTY_NAME } from '../../constants';
-class PivotTableDisplayName extends React.Component {
+"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 _utils = require("../../utils");
+var _commonUtils = require("../../utils/common-utils");
+var _constants = require("../../constants");
+class PivotTableDisplayName extends _react.default.Component {
   constructor(props) {
     super(props);
     this.updateCreator = email => {
@@ -14,7 +22,7 @@ class PivotTableDisplayName extends React.Component {
       let {
         collaborators
       } = window.app.state;
-      let creator = getKnownCreatorByEmail(collaborators, email);
+      let creator = (0, _utils.getKnownCreatorByEmail)(collaborators, email);
       if (creator) {
         this.setState({
           creator
@@ -33,7 +41,7 @@ class PivotTableDisplayName extends React.Component {
         }
 
         // error handle
-        creator = generateDefaultUser(email);
+        creator = (0, _utils.generateDefaultUser)(email);
         dtableCollaborators[email] = creator;
         this.setState({
           creator
@@ -50,17 +58,17 @@ class PivotTableDisplayName extends React.Component {
       } = window.app.state;
       let displayName;
       switch (type) {
-        case CellType.SINGLE_SELECT:
-        case CellType.MULTIPLE_SELECT:
+        case _dtableStore.CellType.SINGLE_SELECT:
+        case _dtableStore.CellType.MULTIPLE_SELECT:
           {
-            let options = getSelectColumnOptions(column);
-            let option = getOption(options, value) || {};
+            let options = (0, _utils.getSelectColumnOptions)(column);
+            let option = (0, _dtableStore.getOption)(options, value) || {};
             let {
               name: optionName,
               color,
               textColor
             } = option;
-            displayName = /*#__PURE__*/React.createElement("div", {
+            displayName = /*#__PURE__*/_react.default.createElement("div", {
               style: {
                 color: textColor,
                 backgroundColor: color
@@ -71,70 +79,70 @@ class PivotTableDisplayName extends React.Component {
             }, optionName);
             break;
           }
-        case CellType.COLLABORATOR:
+        case _dtableStore.CellType.COLLABORATOR:
           {
-            let collaborator = getCollaborator(collaborators, value) || {};
-            displayName = /*#__PURE__*/React.createElement(Collaborator, {
+            let collaborator = (0, _dtableStore.getCollaborator)(collaborators, value) || {};
+            displayName = /*#__PURE__*/_react.default.createElement(Collaborator, {
               collaborator: collaborator
             });
             break;
           }
-        case CellType.CREATOR:
-        case CellType.LAST_MODIFIER:
+        case _dtableStore.CellType.CREATOR:
+        case _dtableStore.CellType.LAST_MODIFIER:
           {
             let {
               creator
             } = this.state;
-            displayName = /*#__PURE__*/React.createElement(Collaborator, {
+            displayName = /*#__PURE__*/_react.default.createElement(Collaborator, {
               collaborator: creator
             });
             break;
           }
-        case CellType.NUMBER:
+        case _dtableStore.CellType.NUMBER:
           {
-            const displayValue = isNumber(value) ? getNumberDisplayString(value, data) : value;
-            displayName = /*#__PURE__*/React.createElement("div", {
+            const displayValue = (0, _dtableStore.isNumber)(value) ? (0, _dtableStore.getNumberDisplayString)(value, data) : value;
+            displayName = /*#__PURE__*/_react.default.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
             break;
           }
-        case CellType.LINK:
+        case _dtableStore.CellType.LINK:
           {
-            const displayValue = getClientFormulaDisplayString(Array.isArray(value) ? value : [value], data, {
+            const displayValue = (0, _utils.getClientFormulaDisplayString)(Array.isArray(value) ? value : [value], data, {
               collaborators
             }) || null;
             if (!displayValue) {
               break;
             }
-            displayName = /*#__PURE__*/React.createElement("div", {
+            displayName = /*#__PURE__*/_react.default.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
             break;
           }
-        case CellType.FORMULA:
-        case CellType.LINK_FORMULA:
+        case _dtableStore.CellType.FORMULA:
+        case _dtableStore.CellType.LINK_FORMULA:
           {
             let displayValue = value;
             let {
               result_type,
               array_type
             } = data || {};
-            if (result_type === FORMULA_RESULT_TYPE.NUMBER) {
+            if (result_type === _dtableStore.FORMULA_RESULT_TYPE.NUMBER) {
               let valueNumber = parseFloat(value);
-              displayValue = isNumber(valueNumber) ? getNumberDisplayString(valueNumber, data) : value;
-            } else if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
-              if (COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
+              displayValue = (0, _dtableStore.isNumber)(valueNumber) ? (0, _dtableStore.getNumberDisplayString)(valueNumber, data) : value;
+            } else if (result_type === _dtableStore.FORMULA_RESULT_TYPE.ARRAY) {
+              if (_dtableStore.COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
                 const currentCollaborators = Array.isArray(value) ? value : [value];
                 displayValue = currentCollaborators.map(email => {
-                  let user = array_type === CellType.COLLABORATOR ? getCollaborator(collaborators, email) : getKnownCreatorByEmail(collaborators, email);
+                  let user = array_type === _dtableStore.CellType.COLLABORATOR ? (0, _dtableStore.getCollaborator)(collaborators, email) : (0, _utils.getKnownCreatorByEmail)(collaborators, email);
                   return (user || {}).name;
                 });
                 displayValue = displayValue + '';
               }
             }
-            displayName = /*#__PURE__*/React.createElement("div", {
+            displayName = /*#__PURE__*/_react.default.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
@@ -143,7 +151,7 @@ class PivotTableDisplayName extends React.Component {
         default:
           {
             const displayValue = typeof value !== 'string' ? String(value) : value;
-            displayName = /*#__PURE__*/React.createElement("div", {
+            displayName = /*#__PURE__*/_react.default.createElement("div", {
               title: displayValue,
               "aria-label": displayValue
             }, displayValue);
@@ -161,7 +169,7 @@ class PivotTableDisplayName extends React.Component {
       column,
       value
     } = this.props;
-    if (column.type !== CellType.CREATOR && column.type !== CellType.LAST_MODIFIER) return;
+    if (column.type !== _dtableStore.CellType.CREATOR && column.type !== _dtableStore.CellType.LAST_MODIFIER) return;
     this.updateCreator(value);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
@@ -172,8 +180,8 @@ class PivotTableDisplayName extends React.Component {
     let {
       type
     } = column;
-    if (type !== CellType.CREATOR && type !== CellType.LAST_MODIFIER) return;
-    if (value !== this.props.value || shallowEqual(nextProps.column, this.props.column)) {
+    if (type !== _dtableStore.CellType.CREATOR && type !== _dtableStore.CellType.LAST_MODIFIER) return;
+    if (value !== this.props.value || (0, _commonUtils.shallowEqual)(nextProps.column, this.props.column)) {
       this.updateCreator(value);
     }
   }
@@ -184,28 +192,28 @@ class PivotTableDisplayName extends React.Component {
     } = this.props;
     const displayName = value && this.getDisplayName(value, column);
     if (!displayName) {
-      return /*#__PURE__*/React.createElement("div", null, "(".concat(intl.get(EMPTY_NAME), ")"));
+      return /*#__PURE__*/_react.default.createElement("div", null, "(".concat(_reactIntlUniversal.default.get(_constants.EMPTY_NAME), ")"));
     }
-    return /*#__PURE__*/React.createElement(Fragment, null, displayName);
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, displayName);
   }
 }
-export default PivotTableDisplayName;
+var _default = exports.default = PivotTableDisplayName;
 function Collaborator(props) {
   let {
     avatar_url,
     name
   } = props.collaborator || {};
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "collaborators-formatter"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "collaborator"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "collaborator-avatar-container"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/_react.default.createElement("img", {
     src: avatar_url,
     alt: name,
     className: "collaborator-avatar"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "collaborator-name",
     title: name,
     "aria-label": name

package/es/stat-view/pivot-table/two-dimension-table.js

@@ -1,12 +1,20 @@
-import React, { PureComponent } from 'react';
-import intl from 'react-intl-universal';
-import { isNumber, TableUtils, Views } from 'dtable-store';
-import PivotTableDisplayName from './pivot-table-display-name';
-import { isMobile } from '../../utils';
-import { getPivotTableSummaryTotal } from '../../utils/pivot-table';
-import { STATISTICS_COUNT_TYPE, TITLE_TOTAL } from '../../constants';
-import styles from './statistic-pivot-table.module.css';
-class TwoDimensionTable 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 _pivotTable = require("../../utils/pivot-table");
+var _constants = require("../../constants");
+var _statisticPivotTableModule = _interopRequireDefault(require("./statistic-pivot-table.module.css"));
+class TwoDimensionTable extends _react.PureComponent {
   constructor() {
     var _this;
     super(...arguments);
@@ -16,7 +24,7 @@ class TwoDimensionTable 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
@@ -26,7 +34,7 @@ class TwoDimensionTable extends PureComponent {
       let {
         isCurrentView
       } = _ref;
-      if (isMobile) return;
+      if (_utils.isMobile) return;
       const {
         getTableById,
         statItem
@@ -36,9 +44,9 @@ class TwoDimensionTable extends PureComponent {
         view_id
       } = statItem;
       const table = getTableById(table_id);
-      const view = Views.getViewById(table.views, view_id);
+      const view = _dtableStore.Views.getViewById(table.views, view_id);
       let rows = [];
-      if (!Views.isArchiveView(view)) {
+      if (!_dtableStore.Views.isArchiveView(view)) {
         rows = recordsList.flat();
       }
       this.props.toggleStatisticRecordsDialog({
@@ -48,7 +56,7 @@ class TwoDimensionTable extends PureComponent {
       });
     };
     this.getNumberValue = val => {
-      if (isNumber(val)) {
+      if ((0, _dtableStore.isNumber)(val)) {
         return val;
       }
       return 0;
@@ -83,7 +91,7 @@ class TwoDimensionTable extends PureComponent {
             method
           } = column;
           if (Array.isArray(rowData)) {
-            const sum = getPivotTableSummaryTotal(type, key, sqlKey, STATISTICS_COUNT_TYPE.ADVANCED, method, rowData, formulaRows, isSqlQuery);
+            const sum = (0, _pivotTable.getPivotTableSummaryTotal)(type, key, sqlKey, _constants.STATISTICS_COUNT_TYPE.ADVANCED, method, rowData, formulaRows, isSqlQuery);
             summary_multiple_columns.push(sum);
             formatted_summary_multiple_columns.push(getSummaryValueDisplayString(column, sum, method));
             return;
@@ -126,36 +134,36 @@ class TwoDimensionTable extends PureComponent {
         pivot_summary_multiple_columns
       } = pivotResult;
       const isMultipleColumnHeader = column_groupby_multiple_numeric_column && column_groupby_column_key && pivot_summary_multiple_columns.length !== 0;
-      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 {
           original_key
         } = item;
-        return /*#__PURE__*/React.createElement("th", {
+        return /*#__PURE__*/_react.default.createElement("th", {
           className: 'pivot-table-header',
           key: "pivot-column-".concat(index)
-        }, /*#__PURE__*/React.createElement(PivotTableDisplayName, {
+        }, /*#__PURE__*/_react.default.createElement(_pivotTableDisplayName.default, {
           value: original_key,
           column: columnGroupbyColumn
         }));
-      }), display_total && /*#__PURE__*/React.createElement("th", {
+      }), display_total && /*#__PURE__*/_react.default.createElement("th", {
         className: 'pivot-table-header'
-      }, /*#__PURE__*/React.createElement("div", null, intl.get(TITLE_TOTAL)))), isMultipleColumnHeader && /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+      }, /*#__PURE__*/_react.default.createElement("div", null, _reactIntlUniversal.default.get(_constants.TITLE_TOTAL)))), isMultipleColumnHeader && /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("th", {
         className: "pivot-table-header"
       }), Array.isArray(pivot_columns) && pivot_columns.map((item, index) => {
-        return /*#__PURE__*/React.createElement("th", {
-          className: "pivot-table-header ".concat(styles['pivot-summary-multiple-columns-th']),
+        return /*#__PURE__*/_react.default.createElement("th", {
+          className: "pivot-table-header ".concat(_statisticPivotTableModule.default['pivot-summary-multiple-columns-th']),
           key: "pivot-column-".concat(index)
-        }, /*#__PURE__*/React.createElement("div", {
-          className: styles['pivot-summary-multiple-columns-div']
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          className: _statisticPivotTableModule.default['pivot-summary-multiple-columns-div']
         }, pivot_summary_multiple_columns.map((item, index) => {
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             key: index
           }, item.column_name);
         })));
-      }), display_total && /*#__PURE__*/React.createElement("th", {
-        className: "pivot-table-header ".concat(styles['pivot-empty-cell'])
+      }), display_total && /*#__PURE__*/_react.default.createElement("th", {
+        className: "pivot-table-header ".concat(_statisticPivotTableModule.default['pivot-empty-cell'])
       })));
     };
     this.renderRowTotal = (isValidSummaryDisplayValue, summaryDisplayValue, cells, pivotRowCells, rowItem, firstSummaryColumnFromMultiple) => {
@@ -163,8 +171,8 @@ class TwoDimensionTable extends PureComponent {
       if (firstSummaryColumnFromMultiple) {
         rowTotal = this.props.getSummaryValueDisplayString(firstSummaryColumnFromMultiple, summaryDisplayValue, firstSummaryColumnFromMultiple.method);
       }
-      return /*#__PURE__*/React.createElement("td", {
-        className: "".concat(styles['pivot-cell'], " ").concat(isValidSummaryDisplayValue ? '' : styles['pivot-empty-cell']),
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " ").concat(isValidSummaryDisplayValue ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
         title: isValidSummaryDisplayValue ? rowTotal : '',
         onClick: () => this.toggleRecords({
           rows: Array.isArray(cells) && cells.length > 0 ? pivotRowCells : rowItem.rows,
@@ -174,7 +182,7 @@ class TwoDimensionTable extends PureComponent {
         }, {
           isRow: true
         })
-      }, isValidSummaryDisplayValue ? /*#__PURE__*/React.createElement("div", null, rowTotal) : /*#__PURE__*/React.createElement("i", null));
+      }, isValidSummaryDisplayValue ? /*#__PURE__*/_react.default.createElement("div", null, rowTotal) : /*#__PURE__*/_react.default.createElement("i", null));
     };
     this.renderAllTotal = (allTotalDisplay, pivotColumnCells, firstSummaryColumnFromMultiple) => {
       const isValidAllTotalDisplay = this.props.isValidValue(allTotalDisplay);
@@ -182,13 +190,13 @@ class TwoDimensionTable extends PureComponent {
       if (firstSummaryColumnFromMultiple) {
         allTotal = this.props.getSummaryValueDisplayString(firstSummaryColumnFromMultiple, allTotalDisplay, firstSummaryColumnFromMultiple.method);
       }
-      return /*#__PURE__*/React.createElement("td", {
-        className: "".concat(styles['pivot-cell'], " pivot-table-total ").concat(isValidAllTotalDisplay ? '' : styles['pivot-empty-cell']),
+      return /*#__PURE__*/_react.default.createElement("td", {
+        className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " pivot-table-total ").concat(isValidAllTotalDisplay ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
         onClick: () => this.onClickTotals(pivotColumnCells, {
           isCurrentView: true
         }),
         title: isValidAllTotalDisplay ? allTotal : ''
-      }, isValidAllTotalDisplay ? /*#__PURE__*/React.createElement("div", null, allTotal) : /*#__PURE__*/React.createElement("i", null));
+      }, isValidAllTotalDisplay ? /*#__PURE__*/_react.default.createElement("div", null, allTotal) : /*#__PURE__*/_react.default.createElement("i", null));
     };
     this.renderRows = _ref3 => {
       let {
@@ -215,11 +223,11 @@ class TwoDimensionTable extends PureComponent {
         formulaRows,
         isSqlQuery = false
       } = pivotResult;
-      const summaryColumn = TableUtils.getTableColumnByKey(table, summary_column_key) || {};
+      const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, summary_column_key) || {};
       let allTotalDisplay = column_groupby_multiple_numeric_column ? 0 : getSummaryValueDisplayString(summaryColumn, pivot_table_total, summary_method);
       let firstSummaryColumnFromMultiple = column_groupby_multiple_numeric_column && pivot_summary_multiple_columns[0] || null;
       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 {
           name,
           original_name,
@@ -235,11 +243,11 @@ class TwoDimensionTable extends PureComponent {
           summaryDisplayValue = 0;
         }
         const isValidSummaryDisplayValue = this.props.isValidValue(summaryDisplayValue);
-        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(cells) && cells.map((c, cellIdx) => {
@@ -259,8 +267,8 @@ class TwoDimensionTable extends PureComponent {
             summary_multiple_columns.forEach(item => {
               summaryDisplayValue += this.getNumberValue(item);
             });
-            return /*#__PURE__*/React.createElement("td", {
-              className: "".concat(styles['pivot-cell'], " ").concat(styles['pivot-summary-multiple-columns-td']),
+            return /*#__PURE__*/_react.default.createElement("td", {
+              className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " ").concat(_statisticPivotTableModule.default['pivot-summary-multiple-columns-td']),
               key: "table-cell-".concat(cellIdx),
               onClick: () => this.toggleRecords({
                 rows: c.rows,
@@ -270,19 +278,19 @@ class TwoDimensionTable extends PureComponent {
                 group_original_name: c.group_original_name,
                 original_name: rowItem.original_name
               })
-            }, /*#__PURE__*/React.createElement("div", {
-              className: styles['pivot-summary-multiple-columns-div']
+            }, /*#__PURE__*/_react.default.createElement("div", {
+              className: _statisticPivotTableModule.default['pivot-summary-multiple-columns-div']
             }, formatted_summary_multiple_columns.map((label, index) => {
-              return /*#__PURE__*/React.createElement("div", {
+              return /*#__PURE__*/_react.default.createElement("div", {
                 key: index,
                 title: label
               }, label);
-            })), /*#__PURE__*/React.createElement("span", null));
+            })), /*#__PURE__*/_react.default.createElement("span", null));
           }
           const displayValue = getSummaryValueDisplayString(c.column, c.total, summary_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),
             title: isValidDisplayValue ? displayValue : '',
             onClick: () => this.toggleRecords({
@@ -293,11 +301,11 @@ class TwoDimensionTable extends PureComponent {
               group_original_name: c.group_original_name,
               original_name: rowItem.original_name
             })
-          }, isValidDisplayValue ? /*#__PURE__*/React.createElement("div", null, displayValue) : /*#__PURE__*/React.createElement("i", null), /*#__PURE__*/React.createElement("span", null));
+          }, isValidDisplayValue ? /*#__PURE__*/_react.default.createElement("div", null, displayValue) : /*#__PURE__*/_react.default.createElement("i", null), /*#__PURE__*/_react.default.createElement("span", null));
         }), display_total && this.renderRowTotal(isValidSummaryDisplayValue, summaryDisplayValue, cells, pivotRowCells, rowItem, firstSummaryColumnFromMultiple));
-      }), 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];
         let totalDisplayValue = 0;
@@ -311,7 +319,7 @@ class TwoDimensionTable extends PureComponent {
               sqlKey,
               method
             } = summaryCol;
-            total += getPivotTableSummaryTotal(type, key, sqlKey, STATISTICS_COUNT_TYPE.ADVANCED, method, pivotColumnCell, formulaRows, isSqlQuery);
+            total += (0, _pivotTable.getPivotTableSummaryTotal)(type, key, sqlKey, _constants.STATISTICS_COUNT_TYPE.ADVANCED, method, pivotColumnCell, formulaRows, isSqlQuery);
           });
           totalDisplayValue = total;
           allTotalDisplay += total;
@@ -323,8 +331,8 @@ class TwoDimensionTable extends PureComponent {
           totalDisplayValue = getSummaryValueDisplayString(summaryColumn, pivotColumnTotal, summary_method);
           isValidTotalDisplayValue = this.props.isValidValue(totalDisplayValue);
         }
-        return /*#__PURE__*/React.createElement("td", {
-          className: "".concat(styles['pivot-cell'], " ").concat(isValidTotalDisplayValue ? '' : styles['pivot-empty-cell']),
+        return /*#__PURE__*/_react.default.createElement("td", {
+          className: "".concat(_statisticPivotTableModule.default['pivot-cell'], " ").concat(isValidTotalDisplayValue ? '' : _statisticPivotTableModule.default['pivot-empty-cell']),
           key: "total-cell-".concat(index),
           title: isValidTotalDisplayValue ? totalDisplayValue : '',
           onClick: () => this.toggleRecords({
@@ -334,7 +342,7 @@ class TwoDimensionTable extends PureComponent {
           }, {
             isColumn: true
           })
-        }, isValidTotalDisplayValue ? /*#__PURE__*/React.createElement("div", null, totalDisplayValue) : /*#__PURE__*/React.createElement("i", null));
+        }, isValidTotalDisplayValue ? /*#__PURE__*/_react.default.createElement("div", null, totalDisplayValue) : /*#__PURE__*/_react.default.createElement("i", null));
       }), this.renderAllTotal(allTotalDisplay, pivotColumnCells, firstSummaryColumnFromMultiple)));
     };
   }
@@ -353,17 +361,17 @@ class TwoDimensionTable extends PureComponent {
       column_groupby_column_key
     } = statItem;
     const table = getTableById(table_id);
-    const groupbyColumn = TableUtils.getTableColumnByKey(table, groupby_column_key) || {};
-    const columnGroupbyColumn = TableUtils.getTableColumnByKey(table, column_groupby_column_key) || {};
-    return /*#__PURE__*/React.createElement("table", {
+    const groupbyColumn = _dtableStore.TableUtils.getTableColumnByKey(table, groupby_column_key) || {};
+    const columnGroupbyColumn = _dtableStore.TableUtils.getTableColumnByKey(table, column_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'])
-    }, /*#__PURE__*/React.createElement("caption", {
-      className: styles['column-title']
-    }, columnGroupbyColumn.name), /*#__PURE__*/React.createElement("caption", {
-      className: styles['row-title']
+      className: "".concat(isPreview ? _statisticPivotTableModule.default['preview-pivot-table'] : _statisticPivotTableModule.default['large-pivot-table'], " ").concat(_statisticPivotTableModule.default['pivot-table'])
+    }, /*#__PURE__*/_react.default.createElement("caption", {
+      className: _statisticPivotTableModule.default['column-title']
+    }, columnGroupbyColumn.name), /*#__PURE__*/_react.default.createElement("caption", {
+      className: _statisticPivotTableModule.default['row-title']
     }, groupbyColumn.name), this.renderHeader({
       groupbyColumn,
       columnGroupbyColumn
@@ -373,4 +381,4 @@ class TwoDimensionTable extends PureComponent {
     }));
   }
 }
-export default TwoDimensionTable;
+var _default = exports.default = TwoDimensionTable;