dtable-statistic 4.3.3 → 4.3.4

package/es/stat-view/map.js

@@ -1,21 +1,14 @@
-"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 _index = _interopRequireDefault(require("@antv/data-set/lib/index"));
-var _dtableStore = require("dtable-store");
-var _baseChart = _interopRequireDefault(require("./base-chart"));
-var _customG = require("../custom-g2");
-var _constants = require("../constants");
-var _map = require("../constants/map");
-var _commonUtils = require("../utils/common-utils");
-var _map2 = require("../utils/map");
-class Map extends _baseChart.default {
+import React from 'react';
+import PropTypes from 'prop-types';
+import DataSet from '@antv/data-set/lib/index';
+import { TableUtils } from 'dtable-store';
+import BaseChart from './base-chart';
+import { Chart } from '../custom-g2';
+import { COLOR_OPTIONS, DEFAULT_NUMBER_FORMAT_OBJECT, SUMMARY_TYPE } from '../constants';
+import { MAP_LEVEL } from '../constants/map';
+import { shallowEqual } from '../utils/common-utils';
+import { getRegionScaleOffsets } from '../utils/map';
+class Map extends BaseChart {
   constructor(props) {
     super(props);
     this.hasMapChanged = (preStatItem, statItem) => {
@@ -27,7 +20,7 @@ class Map extends _baseChart.default {
         map_level,
         map_location
       } = statItem;
-      return map_level !== preMapLevel || !(0, _commonUtils.shallowEqual)(map_location, prevMapLocation);
+      return map_level !== preMapLevel || !shallowEqual(map_location, prevMapLocation);
     };
     this.reCalculateChart = statItem => {
       this.rerenderChart();
@@ -48,7 +41,7 @@ class Map extends _baseChart.default {
       const {
         map_level
       } = statItem;
-      return map_level || _map.MAP_LEVEL.COUNTRY;
+      return map_level || MAP_LEVEL.COUNTRY;
     };
     this.fixData = statisticData => {
       if (!statisticData) return [];
@@ -96,16 +89,16 @@ class Map extends _baseChart.default {
         summary_method,
         summary_column
       } = this.props.statItem;
-      const currentColorOption = _constants.COLOR_OPTIONS.filter(item => item.name === data_color)[0] || _constants.COLOR_OPTIONS[0];
+      const currentColorOption = COLOR_OPTIONS.filter(item => item.name === data_color)[0] || COLOR_OPTIONS[0];
       const {
         exampleColors,
         highlightedBorderColor
       } = currentColorOption;
-      let columnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
-      if (summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      let columnData = DEFAULT_NUMBER_FORMAT_OBJECT;
+      if (summary_type === SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, summary_column) || {};
-        columnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
+        const summaryColumn = TableUtils.getTableColumnByKey(table, summary_column) || {};
+        columnData = summaryColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       this.statisticView = this.chart.createView();
       this.statisticView.data(userDataView.rows);
@@ -193,11 +186,11 @@ class Map extends _baseChart.default {
         summary_method,
         summary_column
       } = this.props.statItem;
-      let columnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
-      if (summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      let columnData = DEFAULT_NUMBER_FORMAT_OBJECT;
+      if (summary_type === SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, summary_column) || {};
-        columnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
+        const summaryColumn = TableUtils.getTableColumnByKey(table, summary_column) || {};
+        columnData = summaryColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       this.statisticView = this.chart.createView();
       this.statisticView.data(userDv.rows);
@@ -266,7 +259,7 @@ class Map extends _baseChart.default {
       const {
         scale_w,
         scale_h
-      } = (0, _map2.getRegionScaleOffsets)(map_level, map_location);
+      } = getRegionScaleOffsets(map_level, map_location);
       let h = containerHeight;
       let w = h * (scale_w / scale_h);
       if (w > containerWidth) {
@@ -292,7 +285,7 @@ class Map extends _baseChart.default {
       } = this.getSize();
       const horizontalPadding = (containerWidth - mapWidth) / 4;
       const leftPadding = horizontalPadding < 20 ? 20 : horizontalPadding;
-      this.chart = new _customG.Chart({
+      this.chart = new Chart({
         container: this.container,
         width: containerWidth,
         height: containerHeight,
@@ -328,7 +321,7 @@ class Map extends _baseChart.default {
         }
       });
       this.chart.axis(false);
-      this.dataSet = new _index.default();
+      this.dataSet = new DataSet();
 
       // transform map data
       const mapData = this.dataSet.createView('mapDataModel').source(geolocation, {
@@ -431,18 +424,18 @@ class Map extends _baseChart.default {
       isDataLoaded,
       isCalculatingData
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (!isDataLoaded || isCalculatingData) && this.renderLoading(), /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, (!isDataLoaded || isCalculatingData) && this.renderLoading(), /*#__PURE__*/React.createElement("div", {
       ref: ref => this.container = ref,
       className: "statistic-chart-container map d-flex justify-content-around align-items-center w-100 h-100"
     }));
   }
 }
 Map.propTypes = {
-  isPreview: _propTypes.default.bool,
-  statItem: _propTypes.default.object,
-  chartCalculator: _propTypes.default.object,
-  getTableById: _propTypes.default.func,
-  queryMapJson: _propTypes.default.func.isRequired,
-  toggleStatisticRecordsDialog: _propTypes.default.func
+  isPreview: PropTypes.bool,
+  statItem: PropTypes.object,
+  chartCalculator: PropTypes.object,
+  getTableById: PropTypes.func,
+  queryMapJson: PropTypes.func.isRequired,
+  toggleStatisticRecordsDialog: PropTypes.func
 };
-var _default = exports.default = Map;
+export default Map;

package/es/stat-view/mirror.js

@@ -1,18 +1,11 @@
-"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 _customG = require("../custom-g2");
-var _constants = require("../constants");
-class Mirror extends _baseChart.default {
+import React from 'react';
+import PropTypes from 'prop-types';
+import intl from 'react-intl-universal';
+import { TableUtils } from 'dtable-store';
+import BaseChart from './base-chart';
+import { Chart } from '../custom-g2';
+import { DEFAULT_NUMBER_FORMAT_OBJECT, STATISTICS_COUNT_SHOW, SUMMARY_TYPE, TITLE_AMOUNT } from '../constants';
+class Mirror extends BaseChart {
   constructor(props) {
     super(props);
     this.destroyChart = () => {
@@ -39,11 +32,11 @@ class Mirror extends _baseChart.default {
         this.props.toggleStatisticRecordsDialog(e.data.data, statItem);
       });
       const themeColors = this.getThemeColors();
-      let summaryColumnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
-      if (summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
+      let summaryColumnData = DEFAULT_NUMBER_FORMAT_OBJECT;
+      if (summary_type === SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, summary_column) || {};
-        summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
+        const summaryColumn = TableUtils.getTableColumnByKey(table, summary_column) || {};
+        summaryColumnData = summaryColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       this.chart.data(data);
       this.setAxis(themeColors);
@@ -64,7 +57,7 @@ class Mirror extends _baseChart.default {
           }
           view.interval().position('name*value').color('group_name', colorSet).tooltip('name*formatted_value', (name, value) => {
             return {
-              title: summary_type === 'count' ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[summary_method]),
+              title: summary_type === 'count' ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[summary_method]),
               name,
               value
             };
@@ -108,7 +101,7 @@ class Mirror extends _baseChart.default {
         config.width = 800;
         config.padding = is_transpose ? [35, 30, 30, 30] : [30, 100, 30, 30];
       }
-      this.chart = new _customG.Chart(config);
+      this.chart = new Chart(config);
     };
     this.setAxis = themeColors => {
       this.chart.axis('name', {
@@ -259,17 +252,17 @@ class Mirror extends _baseChart.default {
       isCalculatingData,
       showResultDescription
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/React.createElement("div", {
       ref: ref => this.container = ref,
       className: "statistic-mirror-chart-container statistic-chart-container"
     }));
   }
 }
 Mirror.propTypes = {
-  isPreview: _propTypes.default.bool,
-  statItem: _propTypes.default.object,
-  chartCalculator: _propTypes.default.object,
-  getTableById: _propTypes.default.func,
-  toggleStatisticRecordsDialog: _propTypes.default.func
+  isPreview: PropTypes.bool,
+  statItem: PropTypes.object,
+  chartCalculator: PropTypes.object,
+  getTableById: PropTypes.func,
+  toggleStatisticRecordsDialog: PropTypes.func
 };
-var _default = exports.default = Mirror;
+export default Mirror;

package/es/stat-view/pie-chart.js

@@ -1,27 +1,20 @@
-"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 _baseChart = _interopRequireDefault(require("./base-chart"));
-var _customG = require("../custom-g2");
-var _commonUtils = require("../utils/common-utils");
-var _constants = require("../constants");
-var _statisticChartModule = _interopRequireDefault(require("../assets/css/statistic-chart.module.css"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import intl from 'react-intl-universal';
+import BaseChart from './base-chart';
+import { Chart } from '../custom-g2';
+import { formatPieChartData, getCurrentTheme } from '../utils/common-utils';
+import { EMPTY_NAME, LABEL_FORMATS, LABEL_POSITIONS } from '../constants';
+import chartStyles from '../assets/css/statistic-chart.module.css';
 const propTypes = {
-  isPreview: _propTypes.default.bool,
-  colorThemeName: _propTypes.default.string,
-  statItem: _propTypes.default.object,
-  chartCalculator: _propTypes.default.object,
-  getTableById: _propTypes.default.func,
-  toggleStatisticRecordsDialog: _propTypes.default.func
+  isPreview: PropTypes.bool,
+  colorThemeName: PropTypes.string,
+  statItem: PropTypes.object,
+  chartCalculator: PropTypes.object,
+  getTableById: PropTypes.func,
+  toggleStatisticRecordsDialog: PropTypes.func
 };
-class PieChart extends _baseChart.default {
+class PieChart extends BaseChart {
   constructor(props) {
     super(props);
     this.drawChart = data => {
@@ -29,13 +22,13 @@ class PieChart extends _baseChart.default {
         isPreview
       } = this.props;
       if (isPreview) {
-        this.chart = new _customG.Chart({
+        this.chart = new Chart({
           container: this.container,
           autoFit: true,
           padding: [20, 0]
         });
       } else {
-        this.chart = new _customG.Chart({
+        this.chart = new Chart({
           container: this.container,
           autoFit: true,
           height: 400,
@@ -63,9 +56,9 @@ class PieChart extends _baseChart.default {
         label_position
       } = statItem;
       const table = getTableById(table_id);
-      const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
+      const currentTheme = getCurrentTheme(colorThemeName);
       const themeColors = this.getThemeColors();
-      const newData = (0, _commonUtils.formatPieChartData)(data, statItem, table, currentTheme);
+      const newData = formatPieChartData(data, statItem, table, currentTheme);
       this.chart.data(newData, {
         'name': {
           type: 'cat',
@@ -90,7 +83,7 @@ class PieChart extends _baseChart.default {
             const colorIndex = sIndex.charAt(sIndex.length - 1);
             let name = obj.name;
             if (!obj.name && typeof obj.name !== 'number') {
-              name = _reactIntlUniversal.default.get(_constants.EMPTY_NAME);
+              name = intl.get(EMPTY_NAME);
             }
             return {
               name,
@@ -120,7 +113,7 @@ class PieChart extends _baseChart.default {
           content: this.getLabel(value, percent)
         };
       }, {
-        offset: !label_position || label_position === _constants.LABEL_POSITIONS[0] ? isCreating ? -10 : -2 : undefined,
+        offset: !label_position || label_position === LABEL_POSITIONS[0] ? isCreating ? -10 : -2 : undefined,
         style: {
           fill: themeColors.labelColor,
           fontSize: this.getLabelFontSize(),
@@ -130,9 +123,9 @@ class PieChart extends _baseChart.default {
       }).tooltip('name*formatted_value*percent', (name, value, percent) => {
         let title = name;
         if (!name || name === 'undefined') {
-          title = _reactIntlUniversal.default.get(_constants.EMPTY_NAME);
+          title = intl.get(EMPTY_NAME);
         } else if (name === 'Others') {
-          title = _reactIntlUniversal.default.get('Others');
+          title = intl.get('Others');
         }
         return show_percent || display_label ? {
           name: title,
@@ -174,13 +167,13 @@ class PieChart extends _baseChart.default {
         }
       }
       switch (label_format) {
-        case _constants.LABEL_FORMATS[0]:
+        case LABEL_FORMATS[0]:
           content = percent;
           break;
-        case _constants.LABEL_FORMATS[1]:
+        case LABEL_FORMATS[1]:
           content = value;
           break;
-        case _constants.LABEL_FORMATS[2]:
+        case LABEL_FORMATS[2]:
           content = "".concat(value, " (").concat(percent, ")");
           break;
         default:
@@ -280,11 +273,11 @@ class PieChart extends _baseChart.default {
       isCalculatingData,
       showResultDescription
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/React.createElement("div", {
       ref: ref => this.container = ref,
-      className: "".concat(_statisticChartModule.default['statistic-pie-chart-container'], " statistic-chart-container")
+      className: "".concat(chartStyles['statistic-pie-chart-container'], " statistic-chart-container")
     }));
   }
 }
 PieChart.propTypes = propTypes;
-var _default = exports.default = PieChart;
+export default PieChart;

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

@@ -1,21 +1,14 @@
-"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 {
+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 {
   constructor(props) {
     super(props);
     this.isValidValue = value => {
@@ -40,12 +33,12 @@ class PivotTable extends _baseChart.default {
       } = statItem;
       const themeColors = this.getThemeColors('#212529');
       if (Array.isArray(pivot_columns) && pivot_columns.length > 100) {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           className: 'statistic-chart-text'
-        }, _reactIntlUniversal.default.get(_constants.TOO_MANY_STATISTIC_ENTRIES));
+        }, intl.get(TOO_MANY_STATISTIC_ENTRIES));
       }
       if (column_groupby_column_key) {
-        return /*#__PURE__*/_react.default.createElement(_twoDimensionTable.default, {
+        return /*#__PURE__*/React.createElement(TwoDimensionTable, {
           pivotResult: this.state.statData,
           statItem: statItem,
           isPreview: isPreview,
@@ -57,7 +50,7 @@ class PivotTable extends _baseChart.default {
         });
       }
       if (pivot_columns.length < 2) {
-        return /*#__PURE__*/_react.default.createElement(_oneDimensionTableNoNumericColumns.default, {
+        return /*#__PURE__*/React.createElement(OneDimensionTableNoNumericColumns, {
           pivotResult: this.state.statData,
           statItem: statItem,
           isPreview: isPreview,
@@ -68,7 +61,7 @@ class PivotTable extends _baseChart.default {
           toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_oneDimensionTableWithNumericColumns.default, {
+      return /*#__PURE__*/React.createElement(OneDimensionTableWithNumericColumns, {
         getSummaryValueDisplayString: this.getSummaryValueDisplayString,
         pivotResult: this.state.statData,
         statItem: statItem,
@@ -80,23 +73,23 @@ class PivotTable extends _baseChart.default {
       });
     };
     this.getSummaryValueDisplayString = function (summaryColumn, summaryValue) {
-      let summaryMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _constants.SUMMARY_TYPE.COUNT;
+      let summaryMethod = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 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 (_constants.TIME_COLUMN_LIST.includes(summaryColumn.type)) {
+      if (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 (0, _dtableStore.getDateDisplayString)(summaryValue.replace(/[T|Z]/g, ' '), format);
+        return getDateDisplayString(summaryValue.replace(/[T|Z]/g, ' '), format);
       }
       if (typeof summaryValue !== 'number') return summaryValue;
-      return (0, _dtableStore.getNumberDisplayString)(summaryValue, data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT);
+      return getNumberDisplayString(summaryValue, data || DEFAULT_NUMBER_FORMAT_OBJECT);
     };
     this.getStatData = () => {
       const {
@@ -110,9 +103,9 @@ class PivotTable extends _baseChart.default {
         summary_column_key
       } = statItem;
       const table = getTableById(table_id);
-      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) || {};
+      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) || {};
       return {
         pivotResult: this.state.statData,
         statisticTableColumns: table.columns,
@@ -176,21 +169,21 @@ class PivotTable extends _baseChart.default {
       isCalculatingData,
       showResultDescription
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), !isCalculatingData && /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), !isCalculatingData && /*#__PURE__*/React.createElement("div", {
       ref: ref => this.container = ref,
       style: isEdit ? {
         padding: '15px 30px'
       } : null,
-      className: "statistic-chart-container ".concat(_statisticPivotTableModule.default['pivot-table-container'])
+      className: "statistic-chart-container ".concat(styles['pivot-table-container'])
     }, this.renderPivotTable()), showResultDescription && this.renderEmpty());
   }
 }
 PivotTable.propTypes = {
-  isPreview: _propTypes.default.bool,
-  isEdit: _propTypes.default.bool,
-  statItem: _propTypes.default.object,
-  chartCalculator: _propTypes.default.object,
-  getTableById: _propTypes.default.func,
-  toggleStatisticRecordsDialog: _propTypes.default.func
+  isPreview: PropTypes.bool,
+  isEdit: PropTypes.bool,
+  statItem: PropTypes.object,
+  chartCalculator: PropTypes.object,
+  getTableById: PropTypes.func,
+  toggleStatisticRecordsDialog: PropTypes.func
 };
-var _default = exports.default = PivotTable;
+export default PivotTable;

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