dtable-statistic 4.3.2 → 4.3.3

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

@@ -1,23 +1,30 @@
-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 { getCurrentTheme } from '../utils/common-utils';
-import { getChartGroups } from '../utils/basic-chart-utils';
-import { DEFAULT_NUMBER_FORMAT_OBJECT, EMPTY_NAME, LABEL_CONFIG_CHANGED, STATISTICS_COUNT_SHOW, SUMMARY_TYPE, TITLE_AMOUNT, USEABLE_COLOR_TYPES } from '../constants';
+"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 _commonUtils = require("../utils/common-utils");
+var _basicChartUtils = require("../utils/basic-chart-utils");
+var _constants = require("../constants");
 const propTypes = {
-  isPreview: PropTypes.bool,
-  isEdit: PropTypes.bool,
-  colorThemeName: PropTypes.string,
-  statItem: PropTypes.object,
-  chartCalculator: PropTypes.object,
-  eventBus: PropTypes.object,
-  getTableById: PropTypes.func,
-  toggleStatisticRecordsDialog: PropTypes.func
+  isPreview: _propTypes.default.bool,
+  isEdit: _propTypes.default.bool,
+  colorThemeName: _propTypes.default.string,
+  statItem: _propTypes.default.object,
+  chartCalculator: _propTypes.default.object,
+  eventBus: _propTypes.default.object,
+  getTableById: _propTypes.default.func,
+  toggleStatisticRecordsDialog: _propTypes.default.func
 };
-class LineChart extends BaseChart {
+class LineChart extends _baseChart.default {
   constructor(props) {
     super(props);
     this.drawChart = data => {
@@ -44,19 +51,19 @@ class LineChart extends BaseChart {
       });
       let summaryType = summary_type;
       let summaryMethod = summary_method;
-      let summaryColumnData = DEFAULT_NUMBER_FORMAT_OBJECT;
+      let summaryColumnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       if (!summaryType && y_axis_summary_type) {
         summaryType = y_axis_summary_type;
       }
       if (!summaryMethod && y_axis_summary_method) {
         summaryMethod = y_axis_summary_method;
       }
-      if (y_axis_summary_type === SUMMARY_TYPE.ADVANCED) {
+      if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
         const table = getTableById(table_id);
-        const summaryColumn = TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
-        summaryColumnData = summaryColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
+        const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+        summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
-      const currentTheme = getCurrentTheme(colorThemeName);
+      const currentTheme = (0, _commonUtils.getCurrentTheme)(colorThemeName);
       const chartBarColor = currentTheme && currentTheme.colors[0] || '#2a67d1';
       const isGroup = column_groupby_column_key || column_groupby_multiple_numeric_column;
       if (isGroup) {
@@ -73,7 +80,7 @@ class LineChart extends BaseChart {
       const {
         width
       } = this.chart.coordinateBBox;
-      const chartData = isGroup ? getChartGroups(data) : data;
+      const chartData = isGroup ? (0, _basicChartUtils.getChartGroups)(data) : data;
       const ticks = this.getTicks(chartData, width);
       const labelCount = this.getLabelCount(ticks, chartData);
       if (ticks.length > 0) {
@@ -121,7 +128,7 @@ class LineChart extends BaseChart {
         config.height = 400;
         config.width = 700;
       }
-      this.chart = new Chart(config);
+      this.chart = new _customG.Chart(config);
     };
     this.handleAutoRange = (data, summaryColumnData, summaryMethod) => {
       const {
@@ -136,7 +143,7 @@ class LineChart extends BaseChart {
       };
 
       // eslint-disable-next-line
-      if (y_axis_auto_range == undefined || y_axis_auto_range) {
+      if (y_axis_auto_range === undefined || y_axis_auto_range === null || y_axis_auto_range) {
         valueScaleOptions = Object.assign(valueScaleOptions, {
           nice: true
         });
@@ -171,7 +178,7 @@ class LineChart extends BaseChart {
       this.chart.line().position('name*value').color(chartBarColor).tooltip('name*formatted_value', (name, value) => {
         return {
           value,
-          name: summaryType === 'count' ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[summaryMethod])
+          name: summaryType === 'count' ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[summaryMethod])
         };
       });
       this.chart.point().label(display_data ? 'value' : false, {
@@ -185,8 +192,8 @@ class LineChart extends BaseChart {
       }).tooltip('name*formatted_value', (name, value) => {
         return {
           value,
-          name: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name,
-          title: summaryType === 'count' ? intl.get(TITLE_AMOUNT) : intl.get(STATISTICS_COUNT_SHOW[summaryMethod])
+          name: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name,
+          title: summaryType === 'count' ? _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT) : _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[summaryMethod])
         };
       });
     };
@@ -203,7 +210,7 @@ class LineChart extends BaseChart {
       let groupColorCallback = currentTheme && currentTheme.colors;
       // when the 'Group by' column is a 'single-select' column,
       // and the user chooses to use the colors from the column.
-      if (color_option === USEABLE_COLOR_TYPES[1]) {
+      if (color_option === _constants.USEABLE_COLOR_TYPES[1]) {
         const groupColorMapping = {};
         data.forEach(item => {
           if (!groupColorMapping[item.group_name]) {
@@ -228,8 +235,8 @@ class LineChart extends BaseChart {
       }).position('name*value').size(3).color('group_name', groupColorCallback).tooltip('name*formatted_value*group_name', (name, value, group_name) => {
         return {
           value,
-          title: !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name,
-          name: !group_name && typeof group_name !== 'number' ? intl.get(EMPTY_NAME) : group_name
+          title: !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name,
+          name: !group_name && typeof group_name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : group_name
         };
       }).shape('circle').style({
         lineWidth: 1,
@@ -302,7 +309,7 @@ class LineChart extends BaseChart {
             fill: themeColors.textColor
           },
           formatter: name => {
-            return !name && typeof name !== 'number' ? intl.get(EMPTY_NAME) : name;
+            return !name && typeof name !== 'number' ? _reactIntlUniversal.default.get(_constants.EMPTY_NAME) : name;
           }
         },
         pageNavigator: {
@@ -351,7 +358,7 @@ class LineChart extends BaseChart {
         const div = document.createElement('div');
         div.id = xAxisID;
         div.className = 'statistic-chart-axis-label';
-        const column = TableUtils.getTableColumnByKey(table, x_axis_column_key);
+        const column = _dtableStore.TableUtils.getTableColumnByKey(table, x_axis_column_key);
         div.innerHTML = "".concat(column ? column.name : '');
         div.setAttribute('style', "color:".concat(textColor, "; width: 100%; padding-left: ").concat(autoPadding.left, "px; text-align: ").concat(x_axis_label_position, "; bottom: -20px"));
         chartContainer.appendChild(div);
@@ -369,10 +376,10 @@ class LineChart extends BaseChart {
         const div = document.createElement('div');
         div.id = yAxisID;
         div.className = 'statistic-chart-axis-label';
-        if (y_axis_summary_type === SUMMARY_TYPE.COUNT) {
-          div.innerHTML = intl.get(TITLE_AMOUNT);
+        if (y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
+          div.innerHTML = _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT);
         } else {
-          const column = TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
+          const column = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
           div.innerHTML = column.name || '';
         }
         const containerHeight = chartContainer.offsetHeight;
@@ -409,7 +416,7 @@ class LineChart extends BaseChart {
       chartCalculator,
       eventBus
     } = this.props;
-    this.unsubscribeStyleChange = eventBus.subscribe(LABEL_CONFIG_CHANGED, newStatItem => {
+    this.unsubscribeStyleChange = eventBus.subscribe(_constants.LABEL_CONFIG_CHANGED, newStatItem => {
       this.renderAxisLabel(newStatItem);
     });
     if (this.container) {
@@ -500,7 +507,7 @@ class LineChart extends BaseChart {
     const style = {
       padding: show_y_axis_label || show_x_axis_label ? 30 : 20
     };
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isCalculatingData && this.renderLoading(), showResultDescription && this.renderEmpty(), /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.container = ref,
       style: style,
       className: "statistic-chart-container"
@@ -508,4 +515,4 @@ class LineChart extends BaseChart {
   }
 }
 LineChart.propTypes = propTypes;
-export default LineChart;
+var _default = exports.default = LineChart;

package/es/stat-view/map.js

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

package/es/stat-view/mirror.js

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

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

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