dtable-statistic 4.4.24-alpha.9 → 5.0.0

package/es/model/mirror.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dtableUtils = require("dtable-utils");
+var _baseModel = _interopRequireDefault(require("./base-model"));
+var _commonUtils = require("../utils/common-utils");
+var _columnUtils = require("../utils/column-utils");
+var _constants = require("../constants");
+class Mirror extends _baseModel.default {
+  constructor(object, table) {
+    super(object);
+    this.column = object.x_axis_column_key;
+    if (this.column) {
+      const column = (0, _dtableUtils.getTableColumnByKey)(table, this.column);
+      if (!(0, _columnUtils.isMirrorColumn)(column)) {
+        this.column = null;
+      }
+    }
+    this.is_transpose = (0, _commonUtils.isBoolean)(object.is_transpose) ? object.is_transpose : false;
+    this.group_column = object.column_groupby_column_key;
+    this.summary_type = object.y_axis_summary_type || _constants.SUMMARY_TYPE.COUNT;
+    this.summary_method = object.y_summary_method;
+    this.summary_column = object.y_axis_summary_column;
+    if (this.summary_method === _constants.SUMMARY_METHOD_MAP.Row_count) {
+      this.summary_method = _constants.SUMMARY_METHOD_MAP.Max;
+    }
+  }
+}
+exports.default = Mirror;

package/es/model/pie.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _baseModel = _interopRequireDefault(require("./base-model"));
+var _commonUtils = require("../utils/common-utils");
+var _constants = require("../constants");
+class Pie extends _baseModel.default {
+  constructor(object) {
+    super(object);
+
+    // groupby data
+    this.groupby_column_key = object.x_axis_column_key;
+    this.groupby_date_granularity = object.x_axis_date_granularity;
+    this.groupby_geolocation_granularity = object.x_axis_geolocation_granularity;
+    this.groupby_include_empty_cells = object.x_axis_include_empty;
+
+    // summary
+    this.summary_type = object.y_axis_summary_type || _constants.SUMMARY_TYPE.COUNT;
+    this.summary_column_key = object.y_axis_column_key;
+    this.summary_method = object.y_axis_summary_method;
+    if (this.summary_method === _constants.SUMMARY_METHOD_MAP.Row_count) {
+      this.summary_method = _constants.SUMMARY_METHOD_MAP.Max;
+    }
+    this.show_legend = (0, _commonUtils.isBoolean)(object.show_legend) ? object.show_legend : true;
+    this.display_label = (0, _commonUtils.isBoolean)(object.display_label) ? object.display_label : true;
+    this.show_percent = object.show_percent;
+    this.sort_type = object.sort_type;
+    this.minimum_slice_percent = object.minimum_slice_percent;
+    this.label_font_size = object.label_font_size;
+    this.label_format = object.label_format;
+    this.label_position = object.label_position;
+  }
+}
+exports.default = Pie;

package/es/model/ring.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _baseModel = _interopRequireDefault(require("./base-model"));
+var _commonUtils = require("../utils/common-utils");
+var _constants = require("../constants");
+class Ring extends _baseModel.default {
+  constructor(object) {
+    super(object);
+
+    // group data
+    this.groupby_column_key = object.x_axis_column_key;
+    this.groupby_date_granularity = object.x_axis_date_granularity;
+    this.groupby_geolocation_granularity = object.x_axis_geolocation_granularity;
+    this.groupby_include_empty_cells = object.x_axis_include_empty;
+
+    // summary
+    this.summary_type = object.y_axis_summary_type || _constants.SUMMARY_TYPE.COUNT;
+    this.summary_column_key = object.y_axis_column_key;
+    this.summary_method = object.y_axis_summary_method;
+    if (this.summary_method === _constants.SUMMARY_METHOD_MAP.Row_count) {
+      this.summary_method = _constants.SUMMARY_METHOD_MAP.Max;
+    }
+    this.show_legend = (0, _commonUtils.isBoolean)(object.show_legend) ? object.show_legend : true;
+    this.display_label = (0, _commonUtils.isBoolean)(object.display_label) ? object.display_label : true;
+    this.show_percent = object.show_percent;
+    this.sort_type = object.sort_type;
+    this.minimum_slice_percent = object.minimum_slice_percent;
+    this.display_annotation = (0, _commonUtils.isBoolean)(object.display_annotation) ? object.display_annotation : true;
+    this.annotation_font_size = object.annotation_font_size;
+    this.label_font_size = object.label_font_size;
+    this.label_format = object.label_format;
+    this.label_position = object.label_position;
+  }
+}
+exports.default = Ring;

package/es/model/scatter.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _baseModel = _interopRequireDefault(require("./base-model"));
+var _commonUtils = require("../utils/common-utils");
+class Scatter extends _baseModel.default {
+  constructor(object) {
+    super(object);
+    this.x_axis_column = object.x_axis_column_key;
+    this.y_axis_column = object.y_axis_column_key;
+    this.group_column = object.column_groupby_column_key;
+    this.show_x_axis_label = (0, _commonUtils.isBoolean)(object.show_x_axis_label) ? object.show_x_axis_label : false;
+    this.show_y_axis_label = (0, _commonUtils.isBoolean)(object.show_y_axis_label) ? object.show_y_axis_label : false;
+    this.x_axis_label_position = object.x_axis_label_position;
+    this.y_axis_label_position = object.y_axis_label_position;
+  }
+}
+exports.default = Scatter;

package/es/model/table.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _baseModel = _interopRequireDefault(require("./base-model"));
+var _commonUtils = require("../utils/common-utils");
+var _constants = require("../constants");
+class Table extends _baseModel.default {
+  constructor(object) {
+    super(object);
+    this.groupby_column_key = object.x_axis_column_key;
+    this.groupby_date_granularity = object.x_axis_date_granularity;
+    this.groupby_geolocation_granularity = object.x_axis_geolocation_granularity;
+    this.groupby_include_empty_cells = object.x_axis_include_empty;
+    this.summary_column_key = object.y_axis_summary_column;
+    this.summary_method = object.y_axis_summary_method;
+    this.summary_type = object.y_axis_summary_type || _constants.SUMMARY_TYPE.COUNT;
+    if (this.summary_method === _constants.SUMMARY_METHOD_MAP.Row_count) {
+      this.summary_method = _constants.SUMMARY_METHOD_MAP.Max;
+    }
+    this.column_groupby_multiple_numeric_column = (0, _commonUtils.isBoolean)(object.column_groupby_multiple_numeric_column) ? object.column_groupby_multiple_numeric_column : false;
+    this.column_groupby_column_key = object.column_groupby_column_key;
+    this.column_groupby_date_granularity = object.column_groupby_date_granularity;
+    this.column_groupby_geolocation_granularity = object.column_groupby_geolocation_granularity;
+    this.display_total = (0, _commonUtils.isBoolean)(object.display_total) ? object.display_total : true;
+    this.summary_columns_option = object.summary_columns_option || [];
+  }
+}
+exports.default = Table;

package/es/model/trend.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dtableUtils = require("dtable-utils");
+var _baseModel = _interopRequireDefault(require("./base-model"));
+var _columnUtils = require("../utils/column-utils");
+var _constants = require("../constants");
+class Trend extends _baseModel.default {
+  constructor(object, table) {
+    super(object);
+    this.date_column = object.x_axis_column_key;
+    this.date_granularity = object.x_axis_date_granularity || _constants.DATE_GRANULARITY.MONTH;
+    if (this.date_column) {
+      const column = (0, _dtableUtils.getTableColumnByKey)(table, this.date_column);
+      if (!(0, _columnUtils.isStatisticDateColumn)(column)) {
+        this.date_column = null;
+        this.date_granularity = null;
+      }
+    }
+    this.summary_type = object.y_axis_summary_type || _constants.SUMMARY_TYPE.COUNT;
+    this.summary_column = object.y_axis_summary_column;
+    this.summary_method = object.y_axis_summary_method;
+    if (this.summary_method === _constants.SUMMARY_METHOD_MAP.Row_count) {
+      this.summary_method = _constants.SUMMARY_METHOD_MAP.Max;
+    }
+  }
+}
+exports.default = Trend;

package/es/model/world-map.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _dtableUtils = require("dtable-utils");
+var _baseModel = _interopRequireDefault(require("./base-model"));
+var _columnUtils = require("../utils/column-utils");
+var _constants = require("../constants");
+class WorldMap extends _baseModel.default {
+  constructor(object, table) {
+    super(object);
+    this.column = object.x_axis_column_key;
+    if (this.column) {
+      const column = (0, _dtableUtils.getTableColumnByKey)(table, this.column);
+      if (!(0, _columnUtils.isWorldMapColumn)(column)) {
+        this.column = null;
+      }
+    }
+    this.summary_type = object.y_axis_summary_type || _constants.SUMMARY_TYPE.COUNT;
+    this.summary_method = object.y_axis_summary_method;
+    this.summary_column = object.y_axis_summary_column;
+    if (this.summary_method === _constants.SUMMARY_METHOD_MAP.Row_count) {
+      this.summary_method = _constants.SUMMARY_METHOD_MAP.Max;
+    }
+    this.legend_direction = object.legend_direction || _constants.LEGEND_DIRECTION_MAP.VERTICAL;
+    this.legend_size = (0, _dtableUtils.isNumber)(object.legend_size) ? object.legend_size : 1;
+    this.data_color = object.data_color;
+    this.bubble_color = object.bubble_color;
+  }
+}
+exports.default = WorldMap;

package/es/service/chart-service.js

@@ -1,11 +1,12 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _seaChart = require("sea-chart");
 var _commonUtils = require("../utils/common-utils");
+var _model = _interopRequireWildcard(require("../model"));
 class ChartService {
   constructor(_ref) {
     let {
@@ -16,8 +17,10 @@ class ChartService {
   generatorChart() {
     let statistic = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let table = arguments.length > 1 ? arguments[1] : undefined;
-    const chartModel = new _seaChart.ChartModel(statistic, table);
-    return chartModel;
+    const object = new _model.GenericModel(statistic);
+    const ChartModel = _model.default[object.type];
+    if (!ChartModel) return null;
+    return new ChartModel(object, table);
   }
   getInitChart(_ref2) {
     let {
@@ -52,11 +55,15 @@ class ChartService {
       stat_items
     } = dashboard;
     const statId = (0, _commonUtils.generatorUniqueId)(stat_items);
-    const newStatItem = JSON.parse(JSON.stringify(originalStatItem));
-    newStatItem.config._id = statId;
-    newStatItem.style_config.title.text = originalStatItem.style_config.title.text + '(copy)';
-    newStatItem.layout = null;
-    return newStatItem;
+    const {
+      name
+    } = originalStatItem;
+    return {
+      ...originalStatItem,
+      _id: statId,
+      name: name + '(copy)',
+      layout: null
+    };
   }
   getConvertedChart(_ref4) {
     let {

package/es/service/dashboard-service.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _seaChart = require("sea-chart");
 var _statisticDashboard = _interopRequireDefault(require("../model/statistic-dashboard"));
 var _utils = require("../utils");
 var _commonUtils = require("../utils/common-utils");
@@ -16,11 +15,13 @@ class DashBoardService {
     let {
       value,
       defaultDashboardName,
+      chartCalculator,
       chartService,
       updateStatistics,
       deletePluginSettings
     } = _ref;
     this.defaultDashboardName = defaultDashboardName;
+    this.chartCalculator = chartCalculator;
     this.chartService = chartService;
     this.initStatistics(value, updateStatistics, deletePluginSettings);
   }
@@ -63,23 +64,23 @@ class DashBoardService {
         type
       } = chart;
       switch (type) {
-        case _seaChart.CHART_TYPE.TABLE:
+        case _constants.STAT_TYPE.PIVOT_TABLE:
           {
             return this.convertPivotTable(chart);
           }
-        case _seaChart.CHART_TYPE.BAR:
+        case _constants.STAT_TYPE.BAR:
           {
             return this.convertChartBar(chart);
           }
-        case _seaChart.CHART_TYPE.LINE:
+        case _constants.STAT_TYPE.LINE:
           {
             return this.convertChartLine(chart);
           }
-        case _seaChart.CHART_TYPE.PIE:
+        case _constants.STAT_TYPE.PIE:
           {
             return this.chartService.generatorChart({
               ...chart,
-              type: _seaChart.CHART_TYPE.RING
+              type: _constants.STAT_TYPE.RING
             });
           }
         default:
@@ -120,9 +121,9 @@ class DashBoardService {
     };
     const isGroupbyMultipleNumericColumns = column_groupby_multiple_numeric_column && column_groupby_numeric_column_keys && column_groupby_numeric_column_keys.length > 0;
     if (column_groupby_column_key || isGroupbyMultipleNumericColumns) {
-      convertedChart.type = _seaChart.CHART_TYPE.BAR_GROUP;
+      convertedChart.type = _constants.STAT_TYPE.BAR_GROUP;
       if (y_axis_use_stack) {
-        convertedChart.type = _seaChart.CHART_TYPE.BAR_STACK;
+        convertedChart.type = _constants.STAT_TYPE.BAR_STACK;
       }
       if (isGroupbyMultipleNumericColumns) {
         convertedChart.column_groupby_multiple_numeric_column = column_groupby_multiple_numeric_column;
@@ -149,7 +150,7 @@ class DashBoardService {
       ...chart
     };
     if (column_groupby_column_key) {
-      convertedChart.type = _seaChart.CHART_TYPE.LINE_GROUP;
+      convertedChart.type = _constants.STAT_TYPE.GROUP_LINE;
       if (isGroupbyMultipleNumericColumns) {
         convertedChart.column_groupby_multiple_numeric_column = column_groupby_multiple_numeric_column;
         convertedChart.column_groupby_numeric_columns = column_groupby_numeric_column_keys.map(key => {
@@ -209,12 +210,13 @@ class DashBoardService {
       if (!Array.isArray(charts) || charts.length === 0) {
         return dashboard;
       }
+      charts = charts.filter(chart => this.chartCalculator.isValidChart(chart));
       charts = charts.map((chart, index) => {
         if (!chart.layout) {
           return {
             ...chart,
             layout: {
-              i: chart.config._id,
+              i: chart._id,
               x: index % 2 * 2,
               y: Infinity,
               w: 2,
@@ -340,7 +342,7 @@ class DashBoardService {
             stat_items
           } = updatedDashboard;
           updatedDashboard.stat_items = stat_items.map(chart => {
-            const chartLayout = idChartLayoutMap[chart.config._id];
+            const chartLayout = idChartLayoutMap[chart._id];
             if (!chartLayout) return chart;
             const {
               x,
@@ -377,7 +379,7 @@ class DashBoardService {
           const statItemsLen = updatedDashboard.stat_items.length;
           if (!chart.layout) {
             chart.layout = {
-              i: chart.config._id,
+              i: chart._id,
               x: statItemsLen % 2 * 2,
               y: Infinity,
               w: 2,
@@ -399,7 +401,7 @@ class DashBoardService {
           if (!updatedDashboard) {
             break;
           }
-          let deleteIndex = updatedDashboard.stat_items.findIndex(chart => chart.config._id === chart_id);
+          let deleteIndex = updatedDashboard.stat_items.findIndex(chart => chart._id === chart_id);
           if (deleteIndex < 0) {
             break;
           }
@@ -413,13 +415,13 @@ class DashBoardService {
             index,
             chart
           } = payload;
-          const charId = chart.config._id;
+          const charId = chart._id;
           const updatedStatistics = [...this.statistics];
           let updatedDashboard = updatedStatistics[index];
           if (!updatedDashboard) {
             break;
           }
-          let updateIndex = updatedDashboard.stat_items.findIndex(chart => chart.config._id === charId);
+          let updateIndex = updatedDashboard.stat_items.findIndex(chart => chart._id === charId);
           if (updateIndex < 0) {
             break;
           }
@@ -437,27 +439,29 @@ class DashBoardService {
           const updatedStatistics = [...this.statistics];
           let currentDashboard = updatedStatistics[index];
           if (!currentDashboard || !Array.isArray(currentDashboard.stat_items)) break;
-          let movedChartIndex = currentDashboard.stat_items.findIndex(chart => chart.config._id === chart_id);
+          let movedChartIndex = currentDashboard.stat_items.findIndex(chart => chart._id === chart_id);
           if (movedChartIndex < 0) break;
           let targetDashboard = target_view_id && updatedStatistics.find(view => view._id === target_view_id);
           if (!targetDashboard) break;
           const movedCharts = currentDashboard.stat_items.splice(movedChartIndex, 1);
           let movedChart = movedCharts && movedCharts[0];
           if (!movedChart) break;
-          let newChartId = movedChart.config._id;
+          let newChartId = movedChart._id;
           if (!Array.isArray(targetDashboard.stat_items)) {
             targetDashboard.stat_items = [];
           } else {
             newChartId = (0, _commonUtils.generatorUniqueId)(targetDashboard.statItems);
           }
-          movedChart.config._id = newChartId;
-          movedChart.layout = {
-            i: newChartId,
-            x: targetDashboard.stat_items.length % 2 * 2,
-            y: Infinity,
-            w: 2,
-            h: 7
-          };
+          movedChart = Object.assign(movedChart, {
+            _id: newChartId,
+            layout: {
+              i: newChartId,
+              x: targetDashboard.stat_items.length % 2 * 2,
+              y: Infinity,
+              w: 2,
+              h: 7
+            }
+          });
           targetDashboard.stat_items.push(movedChart);
           this.statistics = updatedStatistics;
           break;

package/es/stat-editor/chart-name-editor.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+class ChartNameEditor extends _react.Component {
+  constructor(props) {
+    super(props);
+    this.onRenameToggle = () => {
+      this.setState({
+        editable: !this.state.editable
+      });
+    };
+    this.onChange = evt => {
+      this.setState({
+        name: evt.target.value
+      });
+    };
+    this.updateStatName = evt => {
+      this.onRenameToggle();
+      const newName = evt.target.value.trim();
+      if (newName === this.props.name) return;
+      this.props.updateStatName(newName);
+    };
+    this.onKeyDown = evt => {
+      if (evt.keyCode === 13) {
+        this.updateStatName(evt);
+      }
+    };
+    this.state = {
+      name: props.name || '',
+      editable: false
+    };
+  }
+  componentDidUpdate(prevProps) {
+    if (prevProps.name !== this.props.name) {
+      this.setState({
+        name: this.props.name
+      });
+    }
+  }
+  render() {
+    const {
+      name,
+      editable
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "statistic-chart-editing-name"
+    }, editable ? /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
+      defaultValue: name,
+      className: "statistic-rename",
+      onBlur: this.updateStatName,
+      autoFocus: true,
+      onChange: this.onChange,
+      onKeyDown: this.onKeyDown
+    }) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+      className: "statistic-table-title-name"
+    }, name), /*#__PURE__*/_react.default.createElement("span", {
+      className: "dtable-font dtable-icon-rename",
+      onClick: this.onRenameToggle
+    })));
+  }
+}
+var _default = exports.default = ChartNameEditor;

package/es/stat-editor/index.js

@@ -0,0 +1,75 @@
+"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 _chartNameEditor = _interopRequireDefault(require("./chart-name-editor"));
+var _statView = _interopRequireDefault(require("../stat-view"));
+var _basicChartSettings = _interopRequireDefault(require("./stat-settings/basic-chart-settings"));
+var _advanceChartSettings = _interopRequireDefault(require("./stat-settings/advance-chart-settings"));
+var _constants = require("../constants");
+class StatEditor extends _react.Component {
+  render() {
+    const {
+      getTables,
+      getViews,
+      getTableById,
+      colorThemeName,
+      statItem,
+      labelColorConfigs,
+      chartCalculator,
+      eventBus
+    } = this.props;
+    const {
+      type
+    } = statItem;
+    const showStatName = !(type === _constants.STAT_TYPE.BASIC_NUMBER_CARD || type === _constants.STAT_TYPE.DASHBOARD);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "statistic-chart-edit-container"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "statistic-stat-wrapper"
+    }, showStatName && /*#__PURE__*/_react.default.createElement(_chartNameEditor.default, {
+      name: statItem.name,
+      updateStatName: this.props.modifyChartName
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "statistic-chart-view-container"
+    }, /*#__PURE__*/_react.default.createElement(_statView.default, {
+      isEdit: true,
+      isPreview: false,
+      isEnlarge: false,
+      dtableChangedTime: this.props.dtableChangedTime,
+      colorThemeName: colorThemeName,
+      statItem: statItem,
+      labelColorConfigs: labelColorConfigs,
+      chartCalculator: chartCalculator,
+      eventBus: eventBus,
+      getTableById: getTableById,
+      queryMapJson: this.props.queryMapJson,
+      updateStatItem: this.props.modifyChart,
+      toggleStatisticRecordsDialog: this.props.toggleStatisticRecordsDialog
+    }))), _constants.BASIC_STAT_TYPES.includes(statItem.type) ? /*#__PURE__*/_react.default.createElement(_basicChartSettings.default, {
+      statItem: statItem,
+      labelColorConfigs: labelColorConfigs,
+      eventBus: eventBus,
+      getTables: getTables,
+      getViews: getViews,
+      getTableById: getTableById,
+      getConvertedChart: this.props.getConvertedChart,
+      updateStatItem: this.props.modifyChart
+    }) : /*#__PURE__*/_react.default.createElement(_advanceChartSettings.default, {
+      statItem: statItem,
+      labelColorConfigs: labelColorConfigs,
+      eventBus: eventBus,
+      getTables: getTables,
+      getViews: getViews,
+      getTableById: getTableById,
+      getConvertedChart: this.props.getConvertedChart,
+      updateStatItem: this.props.modifyChart
+    }));
+  }
+}
+var _default = exports.default = StatEditor;