dtable-statistic 4.3.3 → 4.3.4

package/es/calculator/world-map-calculator.js

@@ -1,16 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _dtableStore = require("dtable-store");
-var _baseCalculator = _interopRequireDefault(require("./base-calculator"));
-var _commonUtils = require("../utils/common-utils");
-var _constants = require("../constants");
-var _statUtils = _interopRequireDefault(require("../utils/stat-utils"));
-class WorldMapCalculator extends _baseCalculator.default {
+import { filter2SqlCondition, TableUtils } from 'dtable-store';
+import BaseCalculator from './base-calculator';
+import { formatNumericValue, getSummaryColumnMethod } from '../utils/common-utils';
+import { DTABLE_DB_SUMMARY_METHOD } from '../constants';
+import StatUtils from '../utils/stat-utils';
+class WorldMapCalculator extends BaseCalculator {
   constructor(_ref) {
     let {
       value,
@@ -35,11 +28,11 @@ class WorldMapCalculator extends _baseCalculator.default {
       summary_column
     } = chart;
     const table = this.getTableById(table_id);
-    const selectedColumn = column && _dtableStore.TableUtils.getTableColumnByKey(table, column);
+    const selectedColumn = column && TableUtils.getTableColumnByKey(table, column);
     if (column && !selectedColumn) {
       return false;
     }
-    if (summary_column && !_dtableStore.TableUtils.getTableColumnByKey(table, summary_column)) {
+    if (summary_column && !TableUtils.getTableColumnByKey(table, summary_column)) {
       return false;
     }
     return true;
@@ -63,22 +56,22 @@ class WorldMapCalculator extends _baseCalculator.default {
     } = chart;
     const selectedTable = this.getTableById(table_id);
     const selectedView = this.getViewById(view_id, selectedTable);
-    const selectedColumn = _dtableStore.TableUtils.getTableColumnByKey(selectedTable, column);
+    const selectedColumn = TableUtils.getTableColumnByKey(selectedTable, column);
     if (!selectedColumn) return [];
     const columnName = selectedColumn.name;
     const isAdvanced = summary_type === 'advanced';
-    const method = isAdvanced ? _constants.DTABLE_DB_SUMMARY_METHOD[summary_method] : 'COUNT';
-    const sqlCondition = (0, _dtableStore.filter2SqlCondition)(selectedTable, selectedView);
+    const method = isAdvanced ? DTABLE_DB_SUMMARY_METHOD[summary_method] : 'COUNT';
+    const sqlCondition = filter2SqlCondition(selectedTable, selectedView);
     let summaryColumnName = '';
     let summaryColumn;
     let sqlString = '';
     if (isAdvanced) {
-      summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(selectedTable, summary_column);
+      summaryColumn = TableUtils.getTableColumnByKey(selectedTable, summary_column);
       if (!summaryColumn) {
         return [];
       }
       summaryColumnName = summaryColumn.name;
-      const summaryColumnMethod = (0, _commonUtils.getSummaryColumnMethod)(method, summaryColumnName);
+      const summaryColumnMethod = getSummaryColumnMethod(method, summaryColumnName);
       sqlString = "select `".concat(columnName, "`, ").concat(summaryColumnMethod, " from ").concat(selectedTable.name, " ").concat(sqlCondition, " group by ").concat(columnName, " limit 5000");
     } else {
       sqlString = "select `".concat(columnName, "`, ").concat(method, "(").concat(columnName, ") from ").concat(selectedTable.name, " ").concat(sqlCondition, " group by ").concat(columnName, " limit 5000");
@@ -88,15 +81,15 @@ class WorldMapCalculator extends _baseCalculator.default {
       const data = result.data;
       if (!data.results) return [];
       const newResult = [];
-      const summaryColumnMethod = (0, _commonUtils.getSummaryColumnMethod)(method, summaryColumnName);
+      const summaryColumnMethod = getSummaryColumnMethod(method, summaryColumnName);
       const valueKey = isAdvanced ? "".concat(summaryColumnMethod) : "".concat(method, "(").concat(columnName, ")");
       data.results.forEach(item => {
         const currentValue = item[column];
         let value = item[valueKey];
         let formatted_value = value;
         if (isAdvanced) {
-          value = (0, _commonUtils.formatNumericValue)(value, summaryColumn);
-          formatted_value = _statUtils.default.getFormattedValue(value, summaryColumn, summary_method);
+          value = formatNumericValue(value, summaryColumn);
+          formatted_value = StatUtils.getFormattedValue(value, summaryColumn, summary_method);
         }
         if (currentValue) {
           const name = typeof currentValue === 'string' ? currentValue : currentValue.country_region;
@@ -135,4 +128,4 @@ class WorldMapCalculator extends _baseCalculator.default {
     };
   }
 }
-var _default = exports.default = WorldMapCalculator;
+export default WorldMapCalculator;

package/es/components/common-add-tool.js

@@ -1,11 +1,4 @@
-"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"));
+import React from 'react';
 function CommonAddTool(props) {
   const {
     callBack,
@@ -13,16 +6,16 @@ function CommonAddTool(props) {
     className,
     addIconClassName
   } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "add-item-btn ".concat(className ? className : ''),
     onClick: e => {
       callBack(e);
     }
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "add-new-option text-truncate",
     title: footerName
   }, footerName));
 }
-var _default = exports.default = CommonAddTool;
+export default CommonAddTool;

package/es/components/dialog/chart-addition-edit-dialog.js

@@ -1,17 +1,9 @@
-"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 _reactstrap = require("reactstrap");
-var _chartSelector = _interopRequireDefault(require("./chart-addition-widgets/chart-selector"));
-var _statEditor = _interopRequireDefault(require("../../stat-editor"));
-class ChartAdditionEditDialog extends _react.Component {
+import React, { Component } from 'react';
+import intl from 'react-intl-universal';
+import { Modal, ModalHeader, ModalBody } from 'reactstrap';
+import ChartSelector from './chart-addition-widgets/chart-selector';
+import StatEditor from '../../stat-editor';
+class ChartAdditionEditDialog extends Component {
   constructor(props) {
     super(props);
     this.addChart = chartType => {
@@ -58,16 +50,16 @@ class ChartAdditionEditDialog extends _react.Component {
       chart
     } = this.state;
     const editMode = !!chart;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    return /*#__PURE__*/React.createElement(Modal, {
       isOpen: true,
       toggle: this.props.hideChartAdditionDialog,
       className: "statistic-chart-addition-dialog",
       zIndex: 1048
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    }, /*#__PURE__*/React.createElement(ModalHeader, {
       toggle: this.props.hideChartAdditionDialog
-    }, _reactIntlUniversal.default.get(editMode ? 'Edit_the_chart' : 'Choose_a_chart')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
+    }, intl.get(editMode ? 'Edit_the_chart' : 'Choose_a_chart')), /*#__PURE__*/React.createElement(ModalBody, {
       className: "statistic-modal-body"
-    }, editMode ? /*#__PURE__*/_react.default.createElement(_statEditor.default, {
+    }, editMode ? /*#__PURE__*/React.createElement(StatEditor, {
       dtableChangedTime: this.props.dtableChangedTime,
       colorThemeName: colorThemeName,
       statItem: chart,
@@ -82,9 +74,9 @@ class ChartAdditionEditDialog extends _react.Component {
       modifyChartName: this.modifyChartName,
       modifyChart: this.modifyChart,
       toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
-    }) : /*#__PURE__*/_react.default.createElement(_chartSelector.default, {
+    }) : /*#__PURE__*/React.createElement(ChartSelector, {
       addEditingChart: this.addChart
     })));
   }
 }
-var _default = exports.default = ChartAdditionEditDialog;
+export default ChartAdditionEditDialog;

package/es/components/dialog/chart-addition-widgets/chart-selector.js

@@ -1,17 +1,10 @@
-"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 _reactstrap = require("reactstrap");
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _constants = require("../../../constants");
-var _commonUtils = require("../../../utils/common-utils");
-var _statisticChartSelectorModule = _interopRequireDefault(require("./statistic-chart-selector.module.css"));
-class ChartSelector extends _react.default.Component {
+import React from 'react';
+import { UncontrolledTooltip } from 'reactstrap';
+import intl from 'react-intl-universal';
+import { STAT_TYPE } from '../../../constants';
+import { getImageUrl } from '../../../utils/common-utils';
+import styles from './statistic-chart-selector.module.css';
+class ChartSelector extends React.Component {
   constructor(props) {
     super(props);
     this.setCurrentCatIndex = (index, e) => {
@@ -28,177 +21,177 @@ class ChartSelector extends _react.default.Component {
     };
     const lang = window.dtable && window.dtable.lang || 'zh-cn';
     this.chartTypes = [{
-      catTitle: _reactIntlUniversal.default.get('Histogram'),
+      catTitle: intl.get('Histogram'),
       icon: 'dtable-icon-histogram',
       items: [{
-        type: _constants.STAT_TYPE.BAR,
-        title: _reactIntlUniversal.default.get('Basic_histogram'),
+        type: STAT_TYPE.BAR,
+        title: intl.get('Basic_histogram'),
         image: 'bar.png'
       }, {
-        type: _constants.STAT_TYPE.BAR_GROUP,
-        title: _reactIntlUniversal.default.get('Grouped_histogram'),
+        type: STAT_TYPE.BAR_GROUP,
+        title: intl.get('Grouped_histogram'),
         image: 'bar-group.png'
       }, {
-        type: _constants.STAT_TYPE.BAR_STACK,
-        title: _reactIntlUniversal.default.get('Stacked_histogram'),
+        type: STAT_TYPE.BAR_STACK,
+        title: intl.get('Stacked_histogram'),
         image: 'bar-stack.png'
       }, {
-        type: _constants.STAT_TYPE.COMPARE_BAR,
-        title: _reactIntlUniversal.default.get('Time_comparison_histogram'),
+        type: STAT_TYPE.COMPARE_BAR,
+        title: intl.get('Time_comparison_histogram'),
         image: 'compared-chart.png'
       }, {
-        type: _constants.STAT_TYPE.CUSTOM_BAR,
-        title: _reactIntlUniversal.default.get('Custom_histogram'),
+        type: STAT_TYPE.CUSTOM_BAR,
+        title: intl.get('Custom_histogram'),
         image: 'custom-bar.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Bar_chart'),
+      catTitle: intl.get('Bar_chart'),
       icon: 'dtable-icon-bar-chart',
       items: [{
-        type: _constants.STAT_TYPE.HORIZONTAL_BAR,
-        title: _reactIntlUniversal.default.get('Basic_bar_chart'),
+        type: STAT_TYPE.HORIZONTAL_BAR,
+        title: intl.get('Basic_bar_chart'),
         image: 'horizontal-bar.png'
       }, {
-        type: _constants.STAT_TYPE.HORIZONTAL_GROUP_BAR,
-        title: _reactIntlUniversal.default.get('Grouped_bar_chart'),
+        type: STAT_TYPE.HORIZONTAL_GROUP_BAR,
+        title: intl.get('Grouped_bar_chart'),
         image: 'horizontal-group-bar.png'
       }, {
-        type: _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR,
-        title: _reactIntlUniversal.default.get('Stacked_bar_chart'),
+        type: STAT_TYPE.STACKED_HORIZONTAL_BAR,
+        title: intl.get('Stacked_bar_chart'),
         image: 'stacked-horizontal-bar.png'
       }, {
-        type: _constants.STAT_TYPE.COMPLETENESS_CHART,
-        title: _reactIntlUniversal.default.get('Completeness_chart'),
+        type: STAT_TYPE.COMPLETENESS_CHART,
+        title: intl.get('Completeness_chart'),
         image: 'completeness-chart.png'
       }, {
-        type: _constants.STAT_TYPE.GROUP_COMPLETENESS_CHART,
-        title: _reactIntlUniversal.default.get('Grouped_completeness_chart'),
+        type: STAT_TYPE.GROUP_COMPLETENESS_CHART,
+        title: intl.get('Grouped_completeness_chart'),
         image: 'group-completeness-chart.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Line_chart'),
+      catTitle: intl.get('Line_chart'),
       icon: 'dtable-icon-line-chart',
       items: [{
-        type: _constants.STAT_TYPE.LINE,
-        title: _reactIntlUniversal.default.get('Basic_line_chart'),
+        type: STAT_TYPE.LINE,
+        title: intl.get('Basic_line_chart'),
         image: 'line.png'
       }, {
-        type: _constants.STAT_TYPE.GROUP_LINE,
-        title: _reactIntlUniversal.default.get('Grouped_line_chart'),
+        type: STAT_TYPE.GROUP_LINE,
+        title: intl.get('Grouped_line_chart'),
         image: 'group_line.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Area_chart'),
+      catTitle: intl.get('Area_chart'),
       icon: 'dtable-icon-area-chart',
       items: [{
-        type: _constants.STAT_TYPE.AREA_CHART,
-        title: _reactIntlUniversal.default.get('Area_chart'),
+        type: STAT_TYPE.AREA_CHART,
+        title: intl.get('Area_chart'),
         image: 'area-chart.png'
       }, {
-        type: _constants.STAT_TYPE.AREA_GROUP_CHART,
-        title: _reactIntlUniversal.default.get('Grouped_area_chart'),
+        type: STAT_TYPE.AREA_GROUP_CHART,
+        title: intl.get('Grouped_area_chart'),
         image: 'area-group-chart.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Pie_chart'),
+      catTitle: intl.get('Pie_chart'),
       icon: 'dtable-icon-pie-chart',
       items: [{
-        type: _constants.STAT_TYPE.PIE,
-        title: _reactIntlUniversal.default.get('Basic_pie_chart'),
+        type: STAT_TYPE.PIE,
+        title: intl.get('Basic_pie_chart'),
         image: 'pie.png'
       }, {
-        type: _constants.STAT_TYPE.RING,
-        title: _reactIntlUniversal.default.get('Ring_chart'),
+        type: STAT_TYPE.RING,
+        title: intl.get('Ring_chart'),
         image: 'ring.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Scatter_chart'),
+      catTitle: intl.get('Scatter_chart'),
       icon: 'dtable-icon-scatter-chart',
       items: [{
-        type: _constants.STAT_TYPE.SCATTER,
-        title: _reactIntlUniversal.default.get('Scatter_chart'),
+        type: STAT_TYPE.SCATTER,
+        title: intl.get('Scatter_chart'),
         image: 'scatter.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Combination_chart'),
+      catTitle: intl.get('Combination_chart'),
       icon: 'dtable-icon-combination-chart',
       items: [{
-        type: _constants.STAT_TYPE.COMBINATION_CHART,
-        title: _reactIntlUniversal.default.get('Combination_chart'),
+        type: STAT_TYPE.COMBINATION_CHART,
+        title: intl.get('Combination_chart'),
         image: 'combination-chart.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Map'),
+      catTitle: intl.get('Map'),
       icon: 'dtable-icon-map',
       items: [{
-        type: _constants.STAT_TYPE.MAP,
+        type: STAT_TYPE.MAP,
         title: '中国地图',
         image: 'map.png',
         hide: lang !== 'zh-cn'
       }, {
-        type: _constants.STAT_TYPE.MAP_BUBBLE,
+        type: STAT_TYPE.MAP_BUBBLE,
         title: '中国地图(气泡图)',
         image: 'map-bubble.png',
         hide: lang !== 'zh-cn'
       }, {
-        type: _constants.STAT_TYPE.WORLD_MAP,
-        title: _reactIntlUniversal.default.get('World_map'),
+        type: STAT_TYPE.WORLD_MAP,
+        title: intl.get('World_map'),
         image: 'world-map.png'
       }, {
-        type: _constants.STAT_TYPE.WORLD_MAP_BUBBLE,
-        title: "".concat(_reactIntlUniversal.default.get('World_map'), "(").concat(_reactIntlUniversal.default.get('Bubble'), ")"),
+        type: STAT_TYPE.WORLD_MAP_BUBBLE,
+        title: "".concat(intl.get('World_map'), "(").concat(intl.get('Bubble'), ")"),
         image: 'world-map-bubble.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Heat_map'),
+      catTitle: intl.get('Heat_map'),
       icon: 'dtable-icon-heat-map',
       items: [{
-        type: _constants.STAT_TYPE.HEAT_MAP,
-        title: _reactIntlUniversal.default.get('Heat_map'),
+        type: STAT_TYPE.HEAT_MAP,
+        title: intl.get('Heat_map'),
         image: 'heat-map.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Facet_chart'),
+      catTitle: intl.get('Facet_chart'),
       icon: 'dtable-icon-facet-chart',
       items: [{
-        type: _constants.STAT_TYPE.MIRROR,
-        title: _reactIntlUniversal.default.get('Mirror_chart'),
+        type: STAT_TYPE.MIRROR,
+        title: intl.get('Mirror_chart'),
         image: 'mirror.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Card'),
+      catTitle: intl.get('Card'),
       icon: 'dtable-icon-card',
       items: [{
-        type: _constants.STAT_TYPE.BASIC_NUMBER_CARD,
-        title: _reactIntlUniversal.default.get('Basic_number_card'),
+        type: STAT_TYPE.BASIC_NUMBER_CARD,
+        title: intl.get('Basic_number_card'),
         image: 'number-card.png'
       }, {
-        type: _constants.STAT_TYPE.TREND_CHART,
-        title: _reactIntlUniversal.default.get('Trend_chart'),
+        type: STAT_TYPE.TREND_CHART,
+        title: intl.get('Trend_chart'),
         image: 'trend-chart.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Gauge'),
+      catTitle: intl.get('Gauge'),
       icon: 'dtable-icon-gauge',
       items: [{
-        type: _constants.STAT_TYPE.DASHBOARD,
-        title: _reactIntlUniversal.default.get('Gauge'),
+        type: STAT_TYPE.DASHBOARD,
+        title: intl.get('Gauge'),
         image: 'dashboard-chart.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Treemap'),
+      catTitle: intl.get('Treemap'),
       icon: 'dtable-icon-rectangular-tree-diagram',
       items: [{
-        type: _constants.STAT_TYPE.TREEMAP,
-        title: _reactIntlUniversal.default.get('Treemap'),
+        type: STAT_TYPE.TREEMAP,
+        title: intl.get('Treemap'),
         image: 'treemap.png'
       }]
     }, {
-      catTitle: _reactIntlUniversal.default.get('Pivot_table'),
+      catTitle: intl.get('Pivot_table'),
       icon: 'dtable-icon-dtable-logo',
       items: [{
-        type: _constants.STAT_TYPE.PIVOT_TABLE,
-        title: _reactIntlUniversal.default.get('Pivot_table'),
+        type: STAT_TYPE.PIVOT_TABLE,
+        title: intl.get('Pivot_table'),
         image: 'pivot-table.png'
       }]
     }];
@@ -210,50 +203,50 @@ class ChartSelector extends _react.default.Component {
     const {
       currentCatIndex
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(_statisticChartSelectorModule.default['statistic-types-container'], " d-flex flex-column h-100")
-    }, /*#__PURE__*/_react.default.createElement("ul", {
-      className: "".concat(_statisticChartSelectorModule.default['chart-categories-nav'], " flex-shrink-0 d-flex flex-wrap align-items-center list-unstyled")
+    return /*#__PURE__*/React.createElement("div", {
+      className: "".concat(styles['statistic-types-container'], " d-flex flex-column h-100")
+    }, /*#__PURE__*/React.createElement("ul", {
+      className: "".concat(styles['chart-categories-nav'], " flex-shrink-0 d-flex flex-wrap align-items-center list-unstyled")
     }, this.chartTypes.map((item, index) => {
-      return /*#__PURE__*/_react.default.createElement("li", {
+      return /*#__PURE__*/React.createElement("li", {
         key: index,
         className: 'px-4 py-2 chart-cat-nav-item'
-      }, /*#__PURE__*/_react.default.createElement("i", {
+      }, /*#__PURE__*/React.createElement("i", {
         id: item.icon,
-        className: "".concat(_statisticChartSelectorModule.default['chart-icon'], " dtable-font ").concat(item.icon, " ").concat(currentCatIndex === index ? "".concat(_statisticChartSelectorModule.default['icon-highlight']) : ''),
+        className: "".concat(styles['chart-icon'], " dtable-font ").concat(item.icon, " ").concat(currentCatIndex === index ? "".concat(styles['icon-highlight']) : ''),
         onClick: this.setCurrentCatIndex.bind(this, index)
-      }), /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledTooltip, {
+      }), /*#__PURE__*/React.createElement(UncontrolledTooltip, {
         placement: "bottom",
         target: item.icon
       }, item.catTitle));
-    })), /*#__PURE__*/_react.default.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       id: "chart-types-container",
-      className: "flex-fill o-auto ".concat(_statisticChartSelectorModule.default['statistic-type'])
+      className: "flex-fill o-auto ".concat(styles['statistic-type'])
     }, this.chartTypes.map((item, index) => {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: "chart-type-".concat(index),
         className: "mb-7"
-      }, /*#__PURE__*/_react.default.createElement("h3", {
-        className: "".concat(_statisticChartSelectorModule.default['statistic-type-title'], " m-0"),
+      }, /*#__PURE__*/React.createElement("h3", {
+        className: "".concat(styles['statistic-type-title'], " m-0"),
         id: "chart-type-".concat(index + 1)
-      }, item.catTitle), /*#__PURE__*/_react.default.createElement("div", {
+      }, item.catTitle), /*#__PURE__*/React.createElement("div", {
         className: 'd-flex flex-wrap'
       }, item.items.map((chart, index) => {
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/React.createElement("div", {
           key: index,
           onClick: this.props.addEditingChart.bind(this, chart.type),
-          className: "".concat(_statisticChartSelectorModule.default['statistic-type-item'], " ").concat(selectedType === chart.type ? _statisticChartSelectorModule.default['statistic-type-item-selected'] : '', " ").concat(chart.hide ? 'd-none' : '')
-        }, /*#__PURE__*/_react.default.createElement("p", {
-          className: "".concat(_statisticChartSelectorModule.default['statistic-type-description'])
-        }, chart.title), /*#__PURE__*/_react.default.createElement("div", {
-          className: "".concat(_statisticChartSelectorModule.default['statistic-type-image-container'])
-        }, /*#__PURE__*/_react.default.createElement("img", {
-          src: (0, _commonUtils.getImageUrl)(chart.image),
+          className: "".concat(styles['statistic-type-item'], " ").concat(selectedType === chart.type ? styles['statistic-type-item-selected'] : '', " ").concat(chart.hide ? 'd-none' : '')
+        }, /*#__PURE__*/React.createElement("p", {
+          className: "".concat(styles['statistic-type-description'])
+        }, chart.title), /*#__PURE__*/React.createElement("div", {
+          className: "".concat(styles['statistic-type-image-container'])
+        }, /*#__PURE__*/React.createElement("img", {
+          src: getImageUrl(chart.image),
           alt: "",
-          className: "".concat(_statisticChartSelectorModule.default['statistic-type-demo-chart-image'])
+          className: "".concat(styles['statistic-type-demo-chart-image'])
         })));
       })));
     })));
   }
 }
-var _default = exports.default = ChartSelector;
+export default ChartSelector;

package/es/components/dialog/color-theme-dialog.js

@@ -1,17 +1,10 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _reactstrap = require("reactstrap");
-var _constants = require("../../constants");
-require("../../assets/css/color-theme-dialog.css");
-class ColorThemeDialog extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import intl from 'react-intl-universal';
+import { Modal, ModalBody, ModalHeader } from 'reactstrap';
+import { CHART_STYLE_COLORS } from '../../constants';
+import '../../assets/css/color-theme-dialog.css';
+class ColorThemeDialog extends React.Component {
   constructor() {
     super(...arguments);
     this.onColorItemClick = colorThemeName => {
@@ -27,16 +20,16 @@ class ColorThemeDialog extends _react.default.Component {
         colors
       } = item;
       const isActive = name === colorThemeName;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: name,
-        className: (0, _classnames.default)('color-theme-item', {
+        className: classnames('color-theme-item', {
           'active': isActive
         }),
         onClick: () => {
           this.onColorItemClick(name);
         }
       }, colors.map((color, index) => {
-        return /*#__PURE__*/_react.default.createElement("span", {
+        return /*#__PURE__*/React.createElement("span", {
           className: "statistic-color-block",
           key: "color-theme-".concat(index),
           style: {
@@ -47,19 +40,19 @@ class ColorThemeDialog extends _react.default.Component {
     };
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    return /*#__PURE__*/React.createElement(Modal, {
       isOpen: true,
       autoFocus: false,
       className: "color-theme-setting-dialog",
       zIndex: 1048,
       toggle: this.props.onToggleColorThemeDialog
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    }, /*#__PURE__*/React.createElement(ModalHeader, {
       toggle: this.props.onToggleColorThemeDialog
-    }, _reactIntlUniversal.default.get('Settings')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Chart_color_scheme')), /*#__PURE__*/_react.default.createElement("div", {
+    }, intl.get('Settings')), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("label", null, intl.get('Chart_color_scheme')), /*#__PURE__*/React.createElement("div", {
       className: "color-theme-container"
-    }, _constants.CHART_STYLE_COLORS.map(item => {
+    }, CHART_STYLE_COLORS.map(item => {
       return this.renderColorItem(item);
     }))));
   }
 }
-var _default = exports.default = ColorThemeDialog;
+export default ColorThemeDialog;