dtable-statistic 4.4.24 → 5.0.0-alpha.0

package/es/dashboard.js

@@ -12,11 +12,8 @@ var _dtableUtils = require("dtable-utils");
 var _statisticDashboard = _interopRequireDefault(require("./model/statistic-dashboard"));
 var _dashboardService = _interopRequireDefault(require("./service/dashboard-service"));
 var _chartService = _interopRequireDefault(require("./service/chart-service"));
-var _mapJson = require("./service/map-json");
 var _desktopDashboard = _interopRequireDefault(require("./desktop-dashboard"));
 var _mobileDashboard = _interopRequireDefault(require("./mobile-dashboard"));
-var _threadManager = _interopRequireDefault(require("./calculator/thread-manager"));
-var _calculator = _interopRequireDefault(require("./calculator"));
 var _utils = require("./utils");
 var _commonUtils = require("./utils/common-utils");
 var _constants = require("./constants");
@@ -75,28 +72,14 @@ class DashBoard extends _react.Component {
       });
     };
     this.initDashboard = () => {
-      const {
-        username,
-        userId,
-        userDepartmentIdsMap
-      } = window.dtable;
       const value = this.value;
-      this.chartCalculator = new _calculator.default({
-        username,
-        userId,
-        userDepartmentIdsMap,
-        value,
-        statisticThreadManager: this.statisticThreadManager
-      });
       this.dashboardService = new _dashboardService.default({
         value,
         defaultDashboardName: this.defaultDashboardName,
-        chartCalculator: this.chartCalculator,
         chartService: this.chartService,
         updateStatistics: this.props.updateStatistics,
         deletePluginSettings: this.props.deletePluginSettings
       });
-      this.initLabelColorConfigs();
       const statistics = this.dashboardService.getStatistics();
       const validStatistics = this.dashboardService.getValidStatistics(statistics);
       let selectedDashboardIdx = this.getSelectedDashboardIdxFromLocal(_constants.KEY_SELECTED_DASHBOARD) || 0;
@@ -108,26 +91,6 @@ class DashBoard extends _react.Component {
         selectedDashboardIdx
       };
     };
-    this.initLabelColorConfigs = () => {
-      const systemCustomColors = window.dtable.customColors || [];
-      const baseSettings = this.value && this.value.settings;
-      const baseCustomColors = baseSettings && baseSettings.custom_colors || [];
-      this.labelColorConfigs = [..._constants.LABEL_COLORS.map(color => ({
-        color: color.toUpperCase(),
-        text_color: '#fff'
-      })), ...systemCustomColors.map(customColor => ({
-        ...customColor,
-        color: customColor.color.toUpperCase()
-      })), ...baseCustomColors.map(customColor => ({
-        color: customColor.COLOR.toUpperCase(),
-        text_color: customColor.TEXT_COLOR,
-        border_color: customColor.BORDER_COLOR
-      }))];
-    };
-    this.clearCalculations = () => {
-      this.statisticThreadManager.clearQueue();
-      this.statisticThreadManager.terminateWorkers();
-    };
     this.getSelectedDashboardIdxFromLocal = key => {
       const {
         dtableUuid
@@ -165,22 +128,9 @@ class DashBoard extends _react.Component {
         activeView
       });
     };
-    this.getConvertedChart = _ref3 => {
-      let {
-        originalStatistic,
-        targetStatisticType,
-        activeTable
-      } = _ref3;
-      return this.chartService.getConvertedChart({
-        originalStatistic,
-        targetStatisticType,
-        activeTable
-      });
-    };
     this.selectDashboard = selectedDashboardIdx => {
       this.disabledUpdateLayout = true;
       this.setSelectedDashboardIdx(selectedDashboardIdx);
-      this.clearCalculations();
       this.setState({
         selectedDashboardIdx
       });
@@ -211,7 +161,6 @@ class DashBoard extends _react.Component {
           dashboard
         }
       });
-      this.clearCalculations();
       const selectedDashboardIdx = updatedStatistics.length - 1;
       this.setSelectedDashboardIdx(selectedDashboardIdx);
       this.updateStatistics({
@@ -252,7 +201,6 @@ class DashBoard extends _react.Component {
         }
       });
       this.setSelectedDashboardIdx(nextSelectedDashboardIdx);
-      this.clearCalculations();
       this.updateStatistics({
         statistics: updatedStatistics,
         selectedDashboardIdx: nextSelectedDashboardIdx
@@ -301,7 +249,7 @@ class DashBoard extends _react.Component {
         selectedDashboardIdx
       } = this.state;
       const dashboard = statistics[selectedDashboardIdx];
-      const fromChart = dashboard && dashboard.stat_items.find(chart => chart._id === chartId);
+      const fromChart = dashboard && dashboard.stat_items.find(chart => chart.config._id === chartId);
       if (!fromChart) return;
       const newChart = this.chartService.getCopiedChart({
         dashboard,
@@ -337,9 +285,6 @@ class DashBoard extends _react.Component {
       });
     };
     this.addChart = chart => {
-      if (!this.chartCalculator.isValidChart(chart)) {
-        return;
-      }
       this.disabledUpdateLayout = true;
       const updatedStatistics = this.dashboardService.update({
         action: _constants.DASHBOARD_ACTION_TYPE.ADD_CHART,
@@ -351,8 +296,9 @@ class DashBoard extends _react.Component {
       this.updateStatistics({
         statistics: updatedStatistics
       }, () => {
+        var _document$getElementB;
         // make the copied stat item display in the view
-        document.getElementById(chart._id).scrollIntoView(true);
+        (_document$getElementB = document.getElementById(chart.config._id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.scrollIntoView(true);
       });
     };
     this.modifyChart = chart => {
@@ -402,19 +348,6 @@ class DashBoard extends _react.Component {
       const permission = window.dtable.permission || '';
       return permission === 'r' || permission.slice(0, 2) === 'c-';
     };
-    this.queryMapJson = (_ref4, callback) => {
-      let {
-        map_level,
-        map_location
-      } = _ref4;
-      this.mapJsonService.queryMapJson({
-        map_level,
-        map_location
-      }, callback);
-    };
-    const {
-      mediaUrl
-    } = window.dtable;
     const {
       value: _value
     } = props;
@@ -424,10 +357,6 @@ class DashBoard extends _react.Component {
     this.chartService = new _chartService.default({
       defaultChartTitle
     });
-    this.statisticThreadManager = new _threadManager.default((navigator.hardwareConcurrency || 4) - 1);
-    this.mapJsonService = new _mapJson.MapJsonService({
-      mediaUrl
-    });
     const {
       statistics: _statistics,
       selectedDashboardIdx: _selectedDashboardIdx
@@ -454,7 +383,6 @@ class DashBoard extends _react.Component {
     this.unsubscribeLocalDtableChanged();
     this.unsubscribeRemoteDtableChange();
     this.unsubscribeRefreshCharts();
-    this.clearCalculations();
   }
   render() {
     const {
@@ -463,8 +391,7 @@ class DashBoard extends _react.Component {
     const {
       statistics,
       selectedDashboardIdx,
-      dtableChangedTime,
-      editingChart
+      dtableChangedTime
     } = this.state;
     const isTableReadOnly = this.isTableReadOnly();
     const colorThemeName = this.dashboardService.getColorThemeName();
@@ -474,29 +401,27 @@ class DashBoard extends _react.Component {
       dtableChangedTime: dtableChangedTime,
       statistics: statistics,
       selectedDashboardIdx: selectedDashboardIdx,
-      chartCalculator: this.chartCalculator,
-      labelColorConfigs: this.labelColorConfigs,
       eventBus: eventBus,
       onCloseDashboard: this.props.onCloseStatistic,
+      getViewRows: this.props.getViewRows,
+      getTableFormulaResults: this.props.getTableFormulaResults,
       selectDashboard: this.selectDashboard,
       addDashboard: this.addDashboard,
       renameDashboard: this.renameDashboard,
       deleteDashboard: this.deleteDashboard,
-      getTableById: this.getTableById,
-      queryMapJson: this.queryMapJson
+      getTableById: this.getTableById
     }) : /*#__PURE__*/_react.default.createElement(_desktopDashboard.default, {
       isTableReadOnly: isTableReadOnly,
       colorThemeName: colorThemeName,
       dtableChangedTime: dtableChangedTime,
       statistics: statistics,
-      editingChart: editingChart,
       selectedDashboardIdx: selectedDashboardIdx,
-      chartCalculator: this.chartCalculator,
-      labelColorConfigs: this.labelColorConfigs,
       eventBus: eventBus,
       getActiveTable: this.getActiveTable,
       getActiveView: this.getActiveView,
       onCloseDashboard: this.props.onCloseStatistic,
+      getViewRows: this.props.getViewRows,
+      getTableFormulaResults: this.props.getTableFormulaResults,
       selectDashboard: this.selectDashboard,
       modifyColorTheme: this.modifyColorTheme,
       addDashboard: this.addDashboard,
@@ -505,11 +430,8 @@ class DashBoard extends _react.Component {
       moveDashboard: this.moveDashboard,
       getTableById: this.getTableById,
       getTables: this.getTables,
-      getViews: this.getViews,
       getValue: this.getValue,
-      queryMapJson: this.queryMapJson,
       getInitChart: this.getInitChart,
-      getConvertedChart: this.getConvertedChart,
       copyChart: this.copyChart,
       moveChartToView: this.moveChartToView,
       deleteChart: this.deleteChart,

package/es/desktop-dashboard.js

@@ -10,11 +10,13 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactstrap = require("reactstrap");
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
+var _seaChart = require("sea-chart");
 var _tabs = _interopRequireDefault(require("./tabs"));
 var _statList = _interopRequireDefault(require("./stat-list"));
 var _colorThemeDialog = _interopRequireDefault(require("./components/dialog/color-theme-dialog"));
-var _chartAdditionEditDialog = _interopRequireDefault(require("./components/dialog/chart-addition-edit-dialog"));
+var _chartEditDialog = _interopRequireDefault(require("./components/dialog/chart-edit-dialog"));
 var _statisticRecordDialog = _interopRequireDefault(require("./components/dialog/statistic-record-dialog"));
+var _dtableDbApi = _interopRequireDefault(require("./api/dtable-db-api"));
 var _chartService = _interopRequireDefault(require("./service/chart-service"));
 var _constants = require("./constants");
 var _icon = _interopRequireDefault(require("./assets/images/icon.png"));
@@ -34,10 +36,24 @@ class DesktopDashboard extends _react.Component {
         isFullScreen: !this.state.isFullScreen
       });
     };
-    this.onToggleChartAddition = () => {
+    this.onToggleAddChart = () => {
       this.setState({
-        isShowChartAdditionDialog: !this.state.isShowChartAdditionDialog,
-        editingChart: null
+        isShowChartAddDialog: !this.state.isShowChartAddDialog
+      });
+    };
+    this.onToggleEditChart = chartId => {
+      let editingChart = null;
+      if (chartId) {
+        const {
+          statistics,
+          selectedDashboardIdx
+        } = this.props;
+        const statistic = statistics[selectedDashboardIdx];
+        editingChart = statistic && statistic.stat_items.find(chart => chart.config._id === chartId);
+      }
+      this.setState({
+        isShowChartEditDialog: !this.state.isShowChartEditDialog,
+        editingChart
       });
     };
     this.toggleThemeMode = () => {
@@ -48,16 +64,11 @@ class DesktopDashboard extends _react.Component {
         this.saveThemeMode2LocalStorage(theme);
       });
     };
-    this.onToggleEditChart = chartId => {
-      const {
-        statistics,
-        selectedDashboardIdx
-      } = this.props;
-      const statistic = statistics[selectedDashboardIdx];
-      const editingChart = statistic && statistic.stat_items.find(chart => chart._id === chartId);
+    this.onTypeChange = newType => {
+      const convertedChart = this.generateChart(newType);
       this.setState({
-        isShowChartAdditionDialog: true,
-        editingChart
+        isShowChartEditDialog: true,
+        editingChart: convertedChart
       });
     };
     this.onCloseDashboard = () => {
@@ -136,11 +147,21 @@ class DesktopDashboard extends _react.Component {
     this.state = {
       theme: this.getThemeModeFromLocalStorage() || '',
       isFullScreen: false,
-      isShowChartAdditionDialog: false,
+      isShowChartEditDialog: false,
+      isShowChartAddDialog: false,
       isShowColorThemeDialog: false,
       editingChart: null,
       chartRecordsParams: null
     };
+    this.api = {
+      sqlQuery: this.sqlQuery,
+      getViewRows: this.props.getViewRows,
+      getTableFormulaResults: this.props.getTableFormulaResults,
+      queryUsers: window.app.queryUsers || (() => {})
+    };
+  }
+  async sqlQuery(sql) {
+    return _dtableDbApi.default.sqlQuery(sql);
   }
   render() {
     const {
@@ -151,15 +172,14 @@ class DesktopDashboard extends _react.Component {
       colorThemeName,
       statistics,
       selectedDashboardIdx,
-      chartCalculator,
-      labelColorConfigs,
       eventBus
     } = this.props;
     const {
       theme,
       isFullScreen,
       editingChart,
-      chartRecordsParams
+      chartRecordsParams,
+      isShowChartAddDialog
     } = this.state;
     const darkMode = theme === _constants.THEME_NAME_MAP.DARK;
     const statistic = statistics[selectedDashboardIdx];
@@ -195,7 +215,7 @@ class DesktopDashboard extends _react.Component {
       className: "statistic-header-operators d-flex align-items-center"
     }, !isTableReadOnly && /*#__PURE__*/_react.default.createElement("button", {
       className: "btn btn-secondary op-item add-stat",
-      onClick: this.onToggleChartAddition
+      onClick: this.onToggleAddChart
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: "op-item-icon add-chart-icon dtable-font dtable-icon-add-table"
     }), /*#__PURE__*/_react.default.createElement("span", {
@@ -244,12 +264,12 @@ class DesktopDashboard extends _react.Component {
       theme: theme,
       colorThemeName: colorThemeName,
       statItems: statItems,
-      chartCalculator: chartCalculator,
       eventBus: eventBus,
+      api: this.api,
+      getValue: getValue,
       getOtherStatistics: this.getOtherStatistics,
       getTableById: this.props.getTableById,
       getTables: this.props.getTables,
-      queryMapJson: this.props.queryMapJson,
       copyChart: this.props.copyChart,
       moveChartToView: this.props.moveChartToView,
       deleteChart: this.props.deleteChart,
@@ -257,23 +277,22 @@ class DesktopDashboard extends _react.Component {
       onToggleEditChart: this.onToggleEditChart,
       onCloseDashboard: this.props.onCloseDashboard,
       toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
-    })), this.state.isShowChartAdditionDialog && /*#__PURE__*/_react.default.createElement(_chartAdditionEditDialog.default, {
-      dtableChangedTime: dtableChangedTime,
+    })), this.state.isShowChartEditDialog && /*#__PURE__*/_react.default.createElement(_chartEditDialog.default, {
+      theme: theme,
       colorThemeName: colorThemeName,
       editingChart: editingChart,
-      labelColorConfigs: labelColorConfigs,
-      chartCalculator: chartCalculator,
-      eventBus: eventBus,
-      getTables: this.props.getTables,
-      getViews: this.props.getViews,
-      getTableById: this.props.getTableById,
-      queryMapJson: this.props.queryMapJson,
-      generateChart: this.generateChart,
-      hideChartAdditionDialog: this.onToggleChartAddition,
-      getConvertedChart: this.props.getConvertedChart,
+      api: this.api,
+      getValue: getValue,
+      statistics: statistics,
+      selectedDashboardIdx: selectedDashboardIdx,
       addChart: this.props.addChart,
       modifyChart: this.props.modifyChart,
+      onToggleEditChart: this.onToggleEditChart,
       toggleStatisticRecordsDialog: this.toggleStatisticRecordsDialog
+    }), isShowChartAddDialog && /*#__PURE__*/_react.default.createElement(_seaChart.TypesDialog, {
+      type: "",
+      onToggle: this.onToggleAddChart,
+      onChange: this.onTypeChange
     }), this.state.isShowColorThemeDialog && /*#__PURE__*/_react.default.createElement(_colorThemeDialog.default, {
       colorThemeName: colorThemeName,
       onToggleColorThemeDialog: this.onToggleColorThemeDialog,

package/es/index.js

@@ -2,7 +2,9 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
+var _dtableStore = require("dtable-store");
 var _dashboard = _interopRequireDefault(require("./dashboard"));
+var _converStatItem = require("./model/conver-statItem");
 class Statistic {
   static getInitProps() {
     if (!window || !window.app) {
@@ -17,15 +19,68 @@ class Statistic {
       selectedTableIdx,
       selectedViewId
     } = state;
+    const convertedValue = this.convertStatistics(value);
     return {
-      value,
+      value: convertedValue,
       eventBus: dtableStore.eventBus,
       activeTableIdx: selectedTableIdx,
       activeViewId: selectedViewId,
+      getViewRows: this.getViewRows,
+      getTableFormulaResults: this.getTableFormulaResults,
       updateStatistics: this.updateStatistics.bind(this, dtableStore),
       deletePluginSettings: this.deletePluginSettings.bind(this, dtableStore)
     };
   }
+
+  // Compatible with old statistics
+  static convertStatistics(value) {
+    value.statistics.forEach(dashboard => {
+      const new_stat_items = dashboard.stat_items.map(item => {
+        if (!item.config) {
+          const newItem = {
+            config: {
+              ...item,
+              ...(0, _converStatItem.convertByType)(item)
+            },
+            layout: item.layout,
+            style_config: {
+              border: {},
+              title: {
+                text: item.name
+              }
+            }
+          };
+          return newItem;
+        }
+        return item;
+      });
+      dashboard.stat_items = new_stat_items;
+    });
+    return value;
+  }
+  static getViewRows(view, table) {
+    const dtableStore = window.app.dtableStore || {};
+    const {
+      username = null,
+      userId = null,
+      userDepartmentIdsMap = null
+    } = dtableStore.dtableSettings;
+    return _dtableStore.Views.getViewRows(view, table, dtableStore.value, username, userId, userDepartmentIdsMap);
+  }
+  static getTableFormulaResults(table, rows) {
+    const dtableStore = window.app.dtableStore || {};
+    const {
+      username = null,
+      userId = null,
+      userDepartmentIdsMap = null
+    } = dtableStore.dtableSettings;
+    const formulaColumns = _dtableStore.Views.getFormulaColumnsContainLinks(table);
+    return _dtableStore.Views.getTableFormulaResults(table, rows, dtableStore.value, formulaColumns, {
+      username,
+      userId,
+      userDepartmentIdsMap
+    });
+  }
   static updateStatistics(dtableStore, statistics) {
     dtableStore.updateStatisticsList(statistics);
   }

package/es/mobile-dashboard.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _tabs = _interopRequireDefault(require("./tabs"));
 var _statView = _interopRequireDefault(require("./stat-view"));
+var _seaChart = require("sea-chart");
 var _constants = require("./constants");
 var _icon = _interopRequireDefault(require("./assets/images/icon.png"));
 var _mobileDashboardModule = _interopRequireDefault(require("./assets/css/mobile-dashboard.module.css"));
@@ -25,13 +26,9 @@ class MobileDashboard extends _react.Component {
   render() {
     const {
       getTableById,
-      dtableChangedTime,
       colorThemeName,
       statistics,
-      selectedDashboardIdx,
-      chartCalculator,
-      labelColorConfigs,
-      eventBus
+      selectedDashboardIdx
     } = this.props;
     const statistic = statistics[selectedDashboardIdx];
     const {
@@ -70,10 +67,12 @@ class MobileDashboard extends _react.Component {
     }, statItems.map(statItem => {
       const {
         _id,
-        type,
+        type
+      } = statItem.config;
+      const {
         name
-      } = statItem;
-      const showStatName = !(type === _constants.STAT_TYPE.BASIC_NUMBER_CARD || type === _constants.STAT_TYPE.DASHBOARD);
+      } = statItem.style_config.title.text;
+      const showStatName = !(type === _seaChart.CHART_TYPE.BASIC_NUMBER_CARD || type === _seaChart.CHART_TYPE.DASHBOARD);
       return /*#__PURE__*/_react.default.createElement("div", {
         key: "mobile-statistic-chart-".concat(_id),
         className: _mobileDashboardModule.default['mobile-statistic-chart-wrapper']
@@ -82,17 +81,10 @@ class MobileDashboard extends _react.Component {
       }, showStatName && name), /*#__PURE__*/_react.default.createElement("div", {
         className: _mobileDashboardModule.default['mobile-statistic-chart-container']
       }, /*#__PURE__*/_react.default.createElement(_statView.default, {
-        isPreview: true,
-        isEnlarge: false,
-        dtableChangedTime: dtableChangedTime,
         theme: _constants.THEME_NAME_MAP.LIGHT,
         colorThemeName: colorThemeName,
         statItem: statItem,
-        chartCalculator: chartCalculator,
-        labelColorConfigs: labelColorConfigs,
-        eventBus: eventBus,
-        getTableById: getTableById,
-        queryMapJson: this.props.queryMapJson
+        getTableById: getTableById
       })));
     })));
   }

package/es/model/conver-statItem.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.convertByType = void 0;
+var _seaChart = require("sea-chart");
+const typeMapping = {
+  'chart_bar': _seaChart.CHART_TYPE.BAR,
+  'chart_bar_group': _seaChart.CHART_TYPE.BAR_GROUP,
+  'chart_bar_stack': _seaChart.CHART_TYPE.BAR_STACK,
+  'custom_bar': _seaChart.CHART_TYPE.BAR_CUSTOM,
+  'completeness_chart': _seaChart.CHART_TYPE.COMPLETENESS,
+  'group_completeness_chart': _seaChart.CHART_TYPE.COMPLETENESS_GROUP,
+  'chart_line': _seaChart.CHART_TYPE.LINE,
+  'chart_group_line': _seaChart.CHART_TYPE.LINE_GROUP,
+  'area_chart': _seaChart.CHART_TYPE.AREA,
+  'area_group_chart': _seaChart.CHART_TYPE.AREA_GROUP,
+  'chart_pie': _seaChart.CHART_TYPE.PIE,
+  'chart_ring': _seaChart.CHART_TYPE.RING,
+  'scatter_chart': _seaChart.CHART_TYPE.SCATTER,
+  'combination_chart': _seaChart.CHART_TYPE.COMBINATION,
+  'trend_chart': _seaChart.CHART_TYPE.TREND,
+  'treemap': _seaChart.CHART_TYPE.TREE_MAP,
+  'pivot_table': _seaChart.CHART_TYPE.TABLE
+};
+
+// Compatible with old chart
+const convertByType = statItem => {
+  const {
+    type
+  } = statItem;
+  const newStatItem = {};
+  if (['chart_bar', 'chart_bar_group', 'chart_bar_stack', 'chart_line', 'chart_group_line', 'area_chart', 'area_group_chart'].includes(type)) {
+    newStatItem['type'] = typeMapping[type];
+    newStatItem['x_axis_include_empty_cells'] = (statItem === null || statItem === void 0 ? void 0 : statItem.x_axis_include_empty) || false;
+    newStatItem['x_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_x_axis_label) || false;
+    newStatItem['y_axis_summary_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.y_axis_column_key;
+    newStatItem['y_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_y_axis_label) || false;
+    newStatItem['y_axis_show_value'] = (statItem === null || statItem === void 0 ? void 0 : statItem.display_data) || false;
+    if (type === 'chart_group_line' || type === 'area_group_chart') {
+      newStatItem['summary_columns'] = statItem === null || statItem === void 0 ? void 0 : statItem.column_groupby_numeric_columns;
+    }
+  }
+  if (type === 'compare_bar') {
+    newStatItem['x_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_x_axis_label) || false;
+    newStatItem['y_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_y_axis_label) || false;
+    newStatItem['y_axis_summary_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.y_axis_column_key;
+  }
+  if (type === 'custom_bar') {
+    newStatItem['type'] = typeMapping[type];
+    newStatItem['x_axis_include_empty_cells'] = (statItem === null || statItem === void 0 ? void 0 : statItem.x_axis_include_empty) || false;
+    newStatItem['x_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_x_axis_label) || false;
+    newStatItem['y_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_y_axis_label) || false;
+    newStatItem['y_axises'] = statItem === null || statItem === void 0 ? void 0 : statItem.y_axises.map(item => ({
+      ...item,
+      type: 'bar_stack'
+    }));
+  }
+  if (type === 'completeness_chart' || type === 'group_completeness_chart') {
+    newStatItem['type'] = typeMapping[type];
+    newStatItem['groupby_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.name_column;
+    newStatItem['completed_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.completed_column;
+    newStatItem['target_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.target_column;
+    if (type === 'group_completeness_chart') {
+      newStatItem['column_groupby_column_key'] = statItem.group_column;
+    }
+  }
+  if (type === 'chart_pie' || type === 'chart_ring') {
+    newStatItem['type'] = typeMapping[type];
+  }
+  if (type === 'scatter_chart') {
+    newStatItem['type'] = typeMapping[type];
+    newStatItem['x_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_x_axis_label) || false;
+    newStatItem['y_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_y_axis_label) || false;
+    newStatItem['x_axis_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.x_axis_column;
+    newStatItem['y_axis_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.y_axis_column;
+    newStatItem['column_groupby_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.group_column;
+  }
+  if (type === 'combination_chart') {
+    newStatItem['type'] = typeMapping[type];
+    newStatItem['x_axis_show_label'] = (statItem === null || statItem === void 0 ? void 0 : statItem.show_x_axis_label) || false;
+    newStatItem['x_axis_include_empty_cells'] = (statItem === null || statItem === void 0 ? void 0 : statItem.x_axis_include_empty) || false;
+  }
+  if (type === 'map' || type === 'map_bubble') {
+    newStatItem['geo_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.geo_column;
+    newStatItem['summary_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.summary_column;
+    newStatItem['x_axis_include_empty_cells'] = (statItem === null || statItem === void 0 ? void 0 : statItem.x_axis_include_empty) || false;
+  }
+  if (type === 'world_map' || type === 'world_map_bubble') {
+    newStatItem['geo_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.column;
+    newStatItem['summary_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.summary_column;
+  }
+  if (type === 'heat_map') {
+    newStatItem['time_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.time_column;
+    newStatItem['summary_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.summary_column;
+  }
+  if (type === 'mirror') {
+    newStatItem['column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.column;
+    newStatItem['group_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.group_column;
+    newStatItem['summary_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.summary_column;
+  }
+  if (type === 'basic_number_card') {
+    newStatItem['numeric_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.numeric_column;
+  }
+  if (type === 'trend_chart') {
+    newStatItem['type'] = typeMapping[type];
+    newStatItem['date_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.date_column;
+    newStatItem['summary_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.summary_column;
+  }
+  if (type === 'dashboard') {
+    newStatItem['target_value_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.target_value_column;
+    newStatItem['total_value_column_key'] = statItem === null || statItem === void 0 ? void 0 : statItem.total_value_column;
+  }
+  if (type === 'treemap') {
+    newStatItem['type'] = typeMapping[type];
+  }
+  if (type === 'pivot_table') {
+    newStatItem['type'] = typeMapping[type];
+    newStatItem['summary_columns'] = statItem === null || statItem === void 0 ? void 0 : statItem.summary_columns_option;
+  }
+  return newStatItem;
+};
+exports.convertByType = convertByType;