dtable-statistic 4.2.2 → 4.3.0

package/es/constants/index.js

@@ -1,12 +1,10 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _INIT_STAT_ITEM, _MULTIPLE_CELL_VALUE_, _STAT_ITEM_THEME_COLO, _DATA_SORT_TYPE_LABEL, _TYPE_DISPLAY_COLOR_U, _STATISTIC_TYPE_SHOW;
 import { CellType } from 'dtable-store';
 import KeyCodes from './key-codes';
 import { MenuSelectStyle, UserSelectStyle } from './dtable-select-style';
 import * as CommonEventTypes from './event-types';
 export { CommonEventTypes, KeyCodes, MenuSelectStyle, UserSelectStyle };
-export var KEY_SELECTED_DASHBOARD = 'statistics-selected-dashboard';
-export var DASHBOARD_ACTION_TYPE = {
+export const KEY_SELECTED_DASHBOARD = 'statistics-selected-dashboard';
+export const DASHBOARD_ACTION_TYPE = {
   MODIFY_COLOR_THEME: 'modify_color_theme',
   ADD_DASHBOARD: 'add_dashboard',
   RENAME_DASHBOARD: 'rename_dashboard',
@@ -18,7 +16,7 @@ export var DASHBOARD_ACTION_TYPE = {
   MOVE_CHART_TO_VIEW: 'move_chart_to_view',
   DELETE_CHART: 'delete_chart'
 };
-export var STAT_TYPE = {
+export const STAT_TYPE = {
   MAP: 'map',
   MAP_BUBBLE: 'map_bubble',
   HEAT_MAP: 'heat_map',
@@ -49,12 +47,12 @@ export var STAT_TYPE = {
   PIVOT_TABLE: 'pivot_table',
   CUSTOM_BAR: 'custom_bar'
 };
-export var BASIC_STAT_TYPES = [STAT_TYPE.BAR, STAT_TYPE.BAR_GROUP, STAT_TYPE.BAR_STACK, STAT_TYPE.LINE, STAT_TYPE.GROUP_LINE, STAT_TYPE.PIE, STAT_TYPE.RING, STAT_TYPE.SCATTER, STAT_TYPE.HORIZONTAL_BAR, STAT_TYPE.HORIZONTAL_GROUP_BAR, STAT_TYPE.STACKED_HORIZONTAL_BAR, STAT_TYPE.AREA_CHART, STAT_TYPE.AREA_GROUP_CHART, STAT_TYPE.COMPARE_BAR, STAT_TYPE.COMPLETENESS_CHART, STAT_TYPE.GROUP_COMPLETENESS_CHART, STAT_TYPE.TREEMAP, STAT_TYPE.PIVOT_TABLE, STAT_TYPE.CUSTOM_BAR];
-export var SUMMARY_TYPE = {
+export const BASIC_STAT_TYPES = [STAT_TYPE.BAR, STAT_TYPE.BAR_GROUP, STAT_TYPE.BAR_STACK, STAT_TYPE.LINE, STAT_TYPE.GROUP_LINE, STAT_TYPE.PIE, STAT_TYPE.RING, STAT_TYPE.SCATTER, STAT_TYPE.HORIZONTAL_BAR, STAT_TYPE.HORIZONTAL_GROUP_BAR, STAT_TYPE.STACKED_HORIZONTAL_BAR, STAT_TYPE.AREA_CHART, STAT_TYPE.AREA_GROUP_CHART, STAT_TYPE.COMPARE_BAR, STAT_TYPE.COMPLETENESS_CHART, STAT_TYPE.GROUP_COMPLETENESS_CHART, STAT_TYPE.TREEMAP, STAT_TYPE.PIVOT_TABLE, STAT_TYPE.CUSTOM_BAR];
+export const SUMMARY_TYPE = {
   COUNT: 'count',
   ADVANCED: 'advanced'
 };
-export var STATISTICS_COUNT_SHOW = {
+export const STATISTICS_COUNT_SHOW = {
   Max: 'Max',
   Mean: 'Mean',
   Min: 'Min',
@@ -72,7 +70,7 @@ export var STATISTICS_COUNT_SHOW = {
   quarter: 'By_quarter',
   year: 'By_year'
 };
-export var STATISTICS_COUNT_TYPE = {
+export const STATISTICS_COUNT_TYPE = {
   COUNT: 'count',
   ADVANCED: 'advanced',
   DISTRICT: 'district',
@@ -88,7 +86,7 @@ export var STATISTICS_COUNT_TYPE = {
   QUARTER: 'quarter',
   YEAR: 'year'
 };
-export var SUMMARY_METHOD_MAP = {
+export const SUMMARY_METHOD_MAP = {
   Sum: 'Sum',
   Max: 'Max',
   Min: 'Min',
@@ -96,8 +94,8 @@ export var SUMMARY_METHOD_MAP = {
   Distinct_values: 'Distinct_values',
   Row_count: 'Row_count'
 };
-export var SUMMARY_METHOD = [SUMMARY_METHOD_MAP.Sum, SUMMARY_METHOD_MAP.Max, SUMMARY_METHOD_MAP.Min, SUMMARY_METHOD_MAP.Mean, SUMMARY_METHOD_MAP.Distinct_values];
-export var MONTH_MIRROR = {
+export const SUMMARY_METHOD = [SUMMARY_METHOD_MAP.Sum, SUMMARY_METHOD_MAP.Max, SUMMARY_METHOD_MAP.Min, SUMMARY_METHOD_MAP.Mean, SUMMARY_METHOD_MAP.Distinct_values];
+export const MONTH_MIRROR = {
   '0': 'Jan',
   '1': 'Feb',
   '2': 'Mar',
@@ -111,199 +109,228 @@ export var MONTH_MIRROR = {
   '10': 'Nov',
   '11': 'Dec'
 };
-export var TIME_COLUMN_LIST = [CellType.CTIME, CellType.MTIME, CellType.DATE];
-export var MIRROR_COLUMN_LIST = [CellType.TEXT, CellType.NUMBER, CellType.CTIME, CellType.MTIME, CellType.DATE, CellType.COLLABORATOR, CellType.AUTO_NUMBER, CellType.FORMULA, CellType.GEOLOCATION, CellType.URL, CellType.SINGLE_SELECT, CellType.LINK, CellType.CREATOR, CellType.LAST_MODIFIER, CellType.DURATION, CellType.EMAIL];
-export var BASIC_CHART_COLUMN_LIST = [CellType.DATE, CellType.SINGLE_SELECT, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR, CellType.TEXT, CellType.NUMBER, CellType.FORMULA, CellType.GEOLOCATION, CellType.LINK, CellType.CTIME, CellType.MTIME, CellType.CREATOR, CellType.LAST_MODIFIER, CellType.RATE, CellType.LINK_FORMULA, CellType.CHECKBOX];
-export var GEOLOCATION_GRANULARITY = {
+export const TIME_COLUMN_LIST = [CellType.CTIME, CellType.MTIME, CellType.DATE];
+export const MIRROR_COLUMN_LIST = [CellType.TEXT, CellType.NUMBER, CellType.CTIME, CellType.MTIME, CellType.DATE, CellType.COLLABORATOR, CellType.AUTO_NUMBER, CellType.FORMULA, CellType.GEOLOCATION, CellType.URL, CellType.SINGLE_SELECT, CellType.LINK, CellType.CREATOR, CellType.LAST_MODIFIER, CellType.DURATION, CellType.EMAIL];
+export const BASIC_CHART_COLUMN_LIST = [CellType.DATE, CellType.SINGLE_SELECT, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR, CellType.TEXT, CellType.NUMBER, CellType.FORMULA, CellType.GEOLOCATION, CellType.LINK, CellType.CTIME, CellType.MTIME, CellType.CREATOR, CellType.LAST_MODIFIER, CellType.RATE, CellType.LINK_FORMULA, CellType.CHECKBOX];
+export const GEOLOCATION_GRANULARITY = {
   PROVINCE: 'province',
   CITY: 'city',
   DISTRICT: 'district'
 };
-export var GEOLOCATION_GRANULARITY_LIST = [GEOLOCATION_GRANULARITY.PROVINCE, GEOLOCATION_GRANULARITY.CITY, GEOLOCATION_GRANULARITY.DISTRICT];
-export var DATE_GRANULARITY = {
+export const GEOLOCATION_GRANULARITY_LIST = [GEOLOCATION_GRANULARITY.PROVINCE, GEOLOCATION_GRANULARITY.CITY, GEOLOCATION_GRANULARITY.DISTRICT];
+export const DATE_GRANULARITY = {
   DAY: 'day',
   WEEK: 'week',
   MONTH: 'month',
   QUARTER: 'quarter',
   YEAR: 'year'
 };
-export var DATE_GRANULARITY_LIST = [DATE_GRANULARITY.DAY, DATE_GRANULARITY.WEEK, DATE_GRANULARITY.MONTH, DATE_GRANULARITY.QUARTER, DATE_GRANULARITY.YEAR];
-export var LABEL_COLORS = ['#2a67d1', '#4ecccb', '#59cb74', '#fbd44a', '#f4667c', '#9860e5', '#9f8cf1', '#dc82d2', '#eaa775', '#addf84', '#85e0be', '#89d2ea'];
-export var GROUPBY_TYPE = {
+export const DATE_GRANULARITY_LIST = [DATE_GRANULARITY.DAY, DATE_GRANULARITY.WEEK, DATE_GRANULARITY.MONTH, DATE_GRANULARITY.QUARTER, DATE_GRANULARITY.YEAR];
+export const LABEL_COLORS = ['#2a67d1', '#4ecccb', '#59cb74', '#fbd44a', '#f4667c', '#9860e5', '#9f8cf1', '#dc82d2', '#eaa775', '#addf84', '#85e0be', '#89d2ea'];
+export const GROUPBY_TYPE = {
   ROW: 'row',
   COLUMN: 'column'
 };
-export var INIT_STAT_ITEM = (_INIT_STAT_ITEM = {}, _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.MAP, {
-  geo_column: null,
-  geolocation_granularity: null,
-  summary_method: null,
-  summary_column: null,
-  summary_type: SUMMARY_TYPE.COUNT
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.WORLD_MAP, {
-  column: null,
-  summary_method: null,
-  summary_column: null,
-  summary_type: SUMMARY_TYPE.COUNT
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.MAP_BUBBLE, {
-  geo_column: null,
-  geolocation_granularity: null,
-  summary_method: null,
-  summary_column: null,
-  summary_type: SUMMARY_TYPE.COUNT
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.WORLD_MAP_BUBBLE, {
-  column: null,
-  summary_method: null,
-  summary_column: null,
-  summary_type: SUMMARY_TYPE.COUNT
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.HEAT_MAP, {
-  time_column: null,
-  summary_method: null,
-  summary_column: null,
-  summary_type: SUMMARY_TYPE.COUNT
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.MIRROR, {
-  column: null,
-  is_transpose: false,
-  group_column: null,
-  summary_method: null,
-  summary_column: null,
-  summary_type: SUMMARY_TYPE.COUNT
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.BAR, {
-  x_axis_column_key: null,
-  y_axis_summary_type: SUMMARY_TYPE.COUNT,
-  show_x_axis_label: false,
-  show_y_axis_label: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.COMPARE_BAR, {
-  x_axis_column_key: null,
-  y_axis_summary_type: SUMMARY_TYPE.COUNT,
-  show_x_axis_label: false,
-  show_y_axis_label: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.BAR_GROUP, {
-  x_axis_column_key: null,
-  y_axis_summary_type: 'count',
-  column_groupby_column_key: null,
-  column_groupby_numeric_columns: null,
-  column_groupby_multiple_numeric_column: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.BAR_STACK, {
-  x_axis_column_key: null,
-  y_axis_summary_type: 'count',
-  x_axis_date_granularity: null,
-  x_axis_geolocation_granularity: null,
-  column_groupby_column_key: null,
-  column_groupby_multiple_numeric_column: false,
-  column_groupby_numeric_columns: null
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.HORIZONTAL_BAR, {
-  vertical_axis_column_key: null,
-  horizontal_axis_column_key: null,
-  horizontal_axis_summary_method: null,
-  horizontal_axis_summary_type: SUMMARY_TYPE.COUNT,
-  show_vertical_axis_label: false,
-  show_horizontal_axis_label: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.HORIZONTAL_GROUP_BAR, {
-  vertical_axis_column_key: null,
-  horizontal_axis_column_key: null,
-  horizontal_axis_summary_type: SUMMARY_TYPE.COUNT,
-  horizontal_axis_summary_method: null,
-  vertical_axis_date_granularity: null,
-  vertical_axis_geolocation_granularity: null,
-  column_groupby_column_key: null,
-  column_groupby_numeric_columns: null,
-  column_groupby_multiple_numeric_column: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.STACKED_HORIZONTAL_BAR, {
-  vertical_axis_column_key: null,
-  horizontal_axis_column_key: null,
-  horizontal_axis_summary_type: SUMMARY_TYPE.COUNT,
-  horizontal_axis_summary_method: null,
-  vertical_axis_date_granularity: null,
-  vertical_axis_geolocation_granularity: null,
-  column_groupby_column_key: null,
-  column_groupby_numeric_columns: null,
-  column_groupby_multiple_numeric_column: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.LINE, {
-  x_axis_column_key: null,
-  y_axis_summary_type: SUMMARY_TYPE.COUNT,
-  show_x_axis_label: false,
-  show_y_axis_label: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.GROUP_LINE, {
-  x_axis_column_key: null,
-  y_axis_summary_type: SUMMARY_TYPE.COUNT,
-  column_groupby_column_key: null,
-  column_groupby_numeric_columns: null,
-  column_groupby_multiple_numeric_column: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.PIE, {
-  groupby_column_key: null,
-  summary_type: SUMMARY_TYPE.COUNT,
-  groupby_date_granularity: null,
-  groupby_geolocation_granularity: null
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.RING, {
-  groupby_column_key: null,
-  summary_type: SUMMARY_TYPE.COUNT,
-  groupby_date_granularity: null,
-  groupby_geolocation_granularity: null
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.TREEMAP, {
-  groupby_column_key: null,
-  summary_type: SUMMARY_TYPE.COUNT,
-  groupby_date_granularity: null,
-  groupby_geolocation_granularity: null
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.SCATTER, {
-  x_axis_column: null,
-  y_axis_column: null,
-  group_column: null,
-  show_x_axis_label: false,
-  show_y_axis_label: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.BASIC_NUMBER_CARD, {
-  numeric_column: null,
-  summary_method: SUMMARY_METHOD_MAP.Row_count
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.COMBINATION_CHART, {
-  x_axis_column_key: null,
-  x_axis_geolocation_granularity: null,
-  x_axis_date_granularity: null,
-  y_axis_left_summary_type: 'count',
-  y_axis_right_summary_type: 'count',
-  y_axis_left_summary_column: null,
-  y_axis_right_summary_column: null,
-  show_x_axis_label: null,
-  show_y_axis_left_label: null,
-  show_y_axis_right_label: null,
-  y_axis_left_group_by_multiple_numeric_column: false,
-  y_axis_left_group_by_numeric_columns: []
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.TREND_CHART, {
-  date_column: null,
-  summary_type: 'count',
-  summary_column: null,
-  summary_method: null
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.AREA_CHART, {
-  x_axis_column_key: null,
-  y_axis_summary_type: SUMMARY_TYPE.COUNT,
-  show_x_axis_label: false,
-  show_y_axis_label: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.AREA_GROUP_CHART, {
-  x_axis_column_key: null,
-  y_axis_summary_type: 'count',
-  column_groupby_column_key: null,
-  column_groupby_numeric_columns: null,
-  column_groupby_multiple_numeric_column: false
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.COMPLETENESS_CHART, {
-  completed_column: null,
-  target_column: null
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.DASHBOARD, {
-  target_value_column: null,
-  target_value_column_summary_method: SUMMARY_METHOD_MAP.Row_count,
-  total_value_column: null,
-  total_value_column_summary_method: SUMMARY_METHOD_MAP.Row_count
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.GROUP_COMPLETENESS_CHART, {
-  completed_column: null,
-  target_column: null,
-  group_column: null,
-  date_granularity: null,
-  geolocation_granularity: null
-}), _defineProperty(_INIT_STAT_ITEM, STAT_TYPE.PIVOT_TABLE, {
-  groupby_column_key: null,
-  summary_column_key: null,
-  summary_type: 'count',
-  column_groupby_column_key: null,
-  column_groupby_multiple_numeric_column: false
-}), _INIT_STAT_ITEM);
-export var COLOR_OPTIONS = [{
+export const INIT_STAT_ITEM = {
+  [STAT_TYPE.MAP]: {
+    geo_column: null,
+    geolocation_granularity: null,
+    summary_method: null,
+    summary_column: null,
+    summary_type: SUMMARY_TYPE.COUNT
+  },
+  [STAT_TYPE.WORLD_MAP]: {
+    column: null,
+    summary_method: null,
+    summary_column: null,
+    summary_type: SUMMARY_TYPE.COUNT
+  },
+  [STAT_TYPE.MAP_BUBBLE]: {
+    geo_column: null,
+    geolocation_granularity: null,
+    summary_method: null,
+    summary_column: null,
+    summary_type: SUMMARY_TYPE.COUNT
+  },
+  [STAT_TYPE.WORLD_MAP_BUBBLE]: {
+    column: null,
+    summary_method: null,
+    summary_column: null,
+    summary_type: SUMMARY_TYPE.COUNT
+  },
+  [STAT_TYPE.HEAT_MAP]: {
+    time_column: null,
+    summary_method: null,
+    summary_column: null,
+    summary_type: SUMMARY_TYPE.COUNT
+  },
+  [STAT_TYPE.MIRROR]: {
+    column: null,
+    is_transpose: false,
+    group_column: null,
+    summary_method: null,
+    summary_column: null,
+    summary_type: SUMMARY_TYPE.COUNT
+  },
+  [STAT_TYPE.BAR]: {
+    x_axis_column_key: null,
+    y_axis_summary_type: SUMMARY_TYPE.COUNT,
+    show_x_axis_label: false,
+    show_y_axis_label: false
+  },
+  [STAT_TYPE.COMPARE_BAR]: {
+    x_axis_column_key: null,
+    y_axis_summary_type: SUMMARY_TYPE.COUNT,
+    show_x_axis_label: false,
+    show_y_axis_label: false
+  },
+  [STAT_TYPE.BAR_GROUP]: {
+    x_axis_column_key: null,
+    y_axis_summary_type: 'count',
+    column_groupby_column_key: null,
+    column_groupby_numeric_columns: null,
+    column_groupby_multiple_numeric_column: false
+  },
+  [STAT_TYPE.BAR_STACK]: {
+    x_axis_column_key: null,
+    y_axis_summary_type: 'count',
+    x_axis_date_granularity: null,
+    x_axis_geolocation_granularity: null,
+    column_groupby_column_key: null,
+    column_groupby_multiple_numeric_column: false,
+    column_groupby_numeric_columns: null
+  },
+  [STAT_TYPE.HORIZONTAL_BAR]: {
+    vertical_axis_column_key: null,
+    horizontal_axis_column_key: null,
+    horizontal_axis_summary_method: null,
+    horizontal_axis_summary_type: SUMMARY_TYPE.COUNT,
+    show_vertical_axis_label: false,
+    show_horizontal_axis_label: false
+  },
+  [STAT_TYPE.HORIZONTAL_GROUP_BAR]: {
+    vertical_axis_column_key: null,
+    horizontal_axis_column_key: null,
+    horizontal_axis_summary_type: SUMMARY_TYPE.COUNT,
+    horizontal_axis_summary_method: null,
+    vertical_axis_date_granularity: null,
+    vertical_axis_geolocation_granularity: null,
+    column_groupby_column_key: null,
+    column_groupby_numeric_columns: null,
+    column_groupby_multiple_numeric_column: false
+  },
+  [STAT_TYPE.STACKED_HORIZONTAL_BAR]: {
+    vertical_axis_column_key: null,
+    horizontal_axis_column_key: null,
+    horizontal_axis_summary_type: SUMMARY_TYPE.COUNT,
+    horizontal_axis_summary_method: null,
+    vertical_axis_date_granularity: null,
+    vertical_axis_geolocation_granularity: null,
+    column_groupby_column_key: null,
+    column_groupby_numeric_columns: null,
+    column_groupby_multiple_numeric_column: false
+  },
+  [STAT_TYPE.LINE]: {
+    x_axis_column_key: null,
+    y_axis_summary_type: SUMMARY_TYPE.COUNT,
+    show_x_axis_label: false,
+    show_y_axis_label: false
+  },
+  [STAT_TYPE.GROUP_LINE]: {
+    x_axis_column_key: null,
+    y_axis_summary_type: SUMMARY_TYPE.COUNT,
+    column_groupby_column_key: null,
+    column_groupby_numeric_columns: null,
+    column_groupby_multiple_numeric_column: false
+  },
+  [STAT_TYPE.PIE]: {
+    groupby_column_key: null,
+    summary_type: SUMMARY_TYPE.COUNT,
+    groupby_date_granularity: null,
+    groupby_geolocation_granularity: null
+  },
+  [STAT_TYPE.RING]: {
+    groupby_column_key: null,
+    summary_type: SUMMARY_TYPE.COUNT,
+    groupby_date_granularity: null,
+    groupby_geolocation_granularity: null
+  },
+  [STAT_TYPE.TREEMAP]: {
+    groupby_column_key: null,
+    summary_type: SUMMARY_TYPE.COUNT,
+    groupby_date_granularity: null,
+    groupby_geolocation_granularity: null
+  },
+  [STAT_TYPE.SCATTER]: {
+    x_axis_column: null,
+    y_axis_column: null,
+    group_column: null,
+    show_x_axis_label: false,
+    show_y_axis_label: false
+  },
+  [STAT_TYPE.BASIC_NUMBER_CARD]: {
+    numeric_column: null,
+    summary_method: SUMMARY_METHOD_MAP.Row_count
+  },
+  [STAT_TYPE.COMBINATION_CHART]: {
+    x_axis_column_key: null,
+    x_axis_geolocation_granularity: null,
+    x_axis_date_granularity: null,
+    y_axis_left_summary_type: 'count',
+    y_axis_right_summary_type: 'count',
+    y_axis_left_summary_column: null,
+    y_axis_right_summary_column: null,
+    show_x_axis_label: null,
+    show_y_axis_left_label: null,
+    show_y_axis_right_label: null,
+    y_axis_left_group_by_multiple_numeric_column: false,
+    y_axis_left_group_by_numeric_columns: []
+  },
+  [STAT_TYPE.TREND_CHART]: {
+    date_column: null,
+    summary_type: 'count',
+    summary_column: null,
+    summary_method: null
+  },
+  [STAT_TYPE.AREA_CHART]: {
+    x_axis_column_key: null,
+    y_axis_summary_type: SUMMARY_TYPE.COUNT,
+    show_x_axis_label: false,
+    show_y_axis_label: false
+  },
+  [STAT_TYPE.AREA_GROUP_CHART]: {
+    x_axis_column_key: null,
+    y_axis_summary_type: 'count',
+    column_groupby_column_key: null,
+    column_groupby_numeric_columns: null,
+    column_groupby_multiple_numeric_column: false
+  },
+  [STAT_TYPE.COMPLETENESS_CHART]: {
+    completed_column: null,
+    target_column: null
+  },
+  [STAT_TYPE.DASHBOARD]: {
+    target_value_column: null,
+    target_value_column_summary_method: SUMMARY_METHOD_MAP.Row_count,
+    total_value_column: null,
+    total_value_column_summary_method: SUMMARY_METHOD_MAP.Row_count
+  },
+  [STAT_TYPE.GROUP_COMPLETENESS_CHART]: {
+    completed_column: null,
+    target_column: null,
+    group_column: null,
+    date_granularity: null,
+    geolocation_granularity: null
+  },
+  [STAT_TYPE.PIVOT_TABLE]: {
+    groupby_column_key: null,
+    summary_column_key: null,
+    summary_type: 'count',
+    column_groupby_column_key: null,
+    column_groupby_multiple_numeric_column: false
+  }
+};
+export const COLOR_OPTIONS = [{
   name: 'blue',
   exampleColors: ['#CAE9FF', '#9AC5FF', '#7DAAFF', '#5C90F9', '#3C77DD', '#075FBF', '#0047A5', '#053791', '#001E79'],
   borderColor: '#5F7190',
@@ -334,7 +361,7 @@ export var COLOR_OPTIONS = [{
   borderColor: '#5F7190',
   highlightedBorderColor: '#30343A'
 }];
-export var FILL_BORDER_COLOR_MAP = {
+export const FILL_BORDER_COLOR_MAP = {
   '#EBEDFO': '#E1E3E6',
   '#9AC5FF': '#8BBBFB',
   '#5C90F9': '#5284EA',
@@ -392,7 +419,7 @@ export var FILL_BORDER_COLOR_MAP = {
   '#6D2E02': '#542301',
   '#EBEDF0': '#E1E3E6'
 };
-export var DTABLE_DB_SUMMARY_METHOD = {
+export const DTABLE_DB_SUMMARY_METHOD = {
   Mean: 'AVG',
   Max: 'MAX',
   Sum: 'SUM',
@@ -401,42 +428,53 @@ export var DTABLE_DB_SUMMARY_METHOD = {
   Count: 'COUNT',
   Distinct_values: 'Distinct_values'
 };
-export var TITLE_AMOUNT = 'Amount';
-export var TITLE_TOTAL = 'Total';
-export var TITLE_INCREASE = 'Increase';
-export var LEGEND_LEFT = 'Left';
-export var LEGEND_RIGHT = 'Right';
-export var EMPTY_NAME = 'Empty';
-export var NO_STATISTIC_RESULTS = 'There_are_no_statistic_results_yet';
-export var TOO_MANY_STATISTIC_ENTRIES = 'There_are_too_many_statistics_entries_to_display';
-export var MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP = (_MULTIPLE_CELL_VALUE_ = {}, _defineProperty(_MULTIPLE_CELL_VALUE_, CellType.MULTIPLE_SELECT, true), _defineProperty(_MULTIPLE_CELL_VALUE_, CellType.COLLABORATOR, true), _defineProperty(_MULTIPLE_CELL_VALUE_, CellType.LINK, true), _MULTIPLE_CELL_VALUE_);
-export var THEME_NAME_MAP = {
+export const TITLE_AMOUNT = 'Amount';
+export const TITLE_TOTAL = 'Total';
+export const TITLE_INCREASE = 'Increase';
+export const LEGEND_LEFT = 'Left';
+export const LEGEND_RIGHT = 'Right';
+export const EMPTY_NAME = 'Empty';
+export const NO_STATISTIC_RESULTS = 'There_are_no_statistic_results_yet';
+export const TOO_MANY_STATISTIC_ENTRIES = 'There_are_too_many_statistics_entries_to_display';
+export const MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP = {
+  [CellType.MULTIPLE_SELECT]: true,
+  [CellType.COLLABORATOR]: true,
+  [CellType.LINK]: true
+};
+export const THEME_NAME_MAP = {
   DARK: 'dark',
   LIGHT: 'light'
 };
-export var STAT_ITEM_THEME_COLORS = (_STAT_ITEM_THEME_COLO = {}, _defineProperty(_STAT_ITEM_THEME_COLO, THEME_NAME_MAP.DARK, {
-  textColor: '#ffffff',
-  gridColor: '#4E4E56',
-  labelColor: '#ffffff',
-  legendPageNavigatorMarkerColor: '#ffffff',
-  cardColor: '#ffffff'
-}), _defineProperty(_STAT_ITEM_THEME_COLO, THEME_NAME_MAP.LIGHT, {
-  textColor: '#6e6e6e',
-  gridColor: '#bfbfbf',
-  labelColor: '#000000',
-  legendPageNavigatorMarkerColor: '#000000',
-  cardColor: '#545454'
-}), _STAT_ITEM_THEME_COLO);
-export var DATA_SORT_TYPE = {
+export const STAT_ITEM_THEME_COLORS = {
+  [THEME_NAME_MAP.DARK]: {
+    textColor: '#ffffff',
+    gridColor: '#4E4E56',
+    labelColor: '#ffffff',
+    legendPageNavigatorMarkerColor: '#ffffff',
+    cardColor: '#ffffff'
+  },
+  [THEME_NAME_MAP.LIGHT]: {
+    textColor: '#6e6e6e',
+    gridColor: '#bfbfbf',
+    labelColor: '#000000',
+    legendPageNavigatorMarkerColor: '#000000',
+    cardColor: '#545454'
+  }
+};
+export const DATA_SORT_TYPE = {
   NOT_SORTED: 'not_sorted',
   ASCENDING: 'ascending',
   DESCENDING: 'descending'
 };
-export var DATA_SORT_TYPES = [DATA_SORT_TYPE.NOT_SORTED, DATA_SORT_TYPE.ASCENDING, DATA_SORT_TYPE.DESCENDING];
-export var DATA_SORT_TYPE_LABEL = (_DATA_SORT_TYPE_LABEL = {}, _defineProperty(_DATA_SORT_TYPE_LABEL, DATA_SORT_TYPE.NOT_SORTED, 'Not_sorted'), _defineProperty(_DATA_SORT_TYPE_LABEL, DATA_SORT_TYPE.ASCENDING, 'Ascending'), _defineProperty(_DATA_SORT_TYPE_LABEL, DATA_SORT_TYPE.DESCENDING, 'Descending'), _DATA_SORT_TYPE_LABEL);
-export var LABEL_CONFIG_CHANGED = 'label_config_changed';
-export var PIE_CHART_COLORS = ['#46A1FD', '#4ECCCB', '#59CB74', '#FBD44A', '#F4667C', '#9860E5', '#9F8CF1', '#DC82D2', '#EAA775', '#ADDF84', '#85E0BE', '#89D2EA'];
-export var CHART_STYLE_COLORS = [{
+export const DATA_SORT_TYPES = [DATA_SORT_TYPE.NOT_SORTED, DATA_SORT_TYPE.ASCENDING, DATA_SORT_TYPE.DESCENDING];
+export const DATA_SORT_TYPE_LABEL = {
+  [DATA_SORT_TYPE.NOT_SORTED]: 'Not_sorted',
+  [DATA_SORT_TYPE.ASCENDING]: 'Ascending',
+  [DATA_SORT_TYPE.DESCENDING]: 'Descending'
+};
+export const LABEL_CONFIG_CHANGED = 'label_config_changed';
+export const PIE_CHART_COLORS = ['#46A1FD', '#4ECCCB', '#59CB74', '#FBD44A', '#F4667C', '#9860E5', '#9F8CF1', '#DC82D2', '#EAA775', '#ADDF84', '#85E0BE', '#89D2EA'];
+export const CHART_STYLE_COLORS = [{
   name: 'theme0',
   colors: ['#5B8FF9', '#5AD8A6', '#5D7092', '#F6BD16', '#6F5EF9', '#6DC8EC', '#945FB9', '#FF9845', '#1E9493', '#FF99C3']
 }, {
@@ -458,20 +496,20 @@ export var CHART_STYLE_COLORS = [{
   name: 'theme6',
   colors: ['#F76856', '#FFAF53', '#6CCDFF', '#C4C4CC', '#D48C82', '#E3C19A', '#A47CFF', '#FFD637', '#96DCFF', '#FFB6B6']
 }];
-export var DEFAULT_NUMBER_FORMAT_OBJECT = {
+export const DEFAULT_NUMBER_FORMAT_OBJECT = {
   format: 'number'
 };
-export var SUPPORT_LABEL_FONT_SIZE_CHARTS = [STAT_TYPE.BAR, STAT_TYPE.BAR_GROUP, STAT_TYPE.BAR_STACK, STAT_TYPE.COMPARE_BAR, STAT_TYPE.LINE, STAT_TYPE.GROUP_LINE, STAT_TYPE.PIE, STAT_TYPE.RING, STAT_TYPE.HORIZONTAL_BAR, STAT_TYPE.HORIZONTAL_GROUP_BAR, STAT_TYPE.STACKED_HORIZONTAL_BAR, STAT_TYPE.AREA_CHART, STAT_TYPE.AREA_GROUP_CHART, STAT_TYPE.COMPLETENESS_CHART, STAT_TYPE.GROUP_COMPLETENESS_CHART, STAT_TYPE.COMBINATION_CHART];
-export var DEFAULT_LABEL_FONT_SIZE = 12;
+export const SUPPORT_LABEL_FONT_SIZE_CHARTS = [STAT_TYPE.BAR, STAT_TYPE.BAR_GROUP, STAT_TYPE.BAR_STACK, STAT_TYPE.COMPARE_BAR, STAT_TYPE.LINE, STAT_TYPE.GROUP_LINE, STAT_TYPE.PIE, STAT_TYPE.RING, STAT_TYPE.HORIZONTAL_BAR, STAT_TYPE.HORIZONTAL_GROUP_BAR, STAT_TYPE.STACKED_HORIZONTAL_BAR, STAT_TYPE.AREA_CHART, STAT_TYPE.AREA_GROUP_CHART, STAT_TYPE.COMPLETENESS_CHART, STAT_TYPE.GROUP_COMPLETENESS_CHART, STAT_TYPE.COMBINATION_CHART];
+export const DEFAULT_LABEL_FONT_SIZE = 12;
 
 // label formats for pie, ring charts
-export var LABEL_FORMATS = ['Percent', 'Value', 'Value_percent'];
-export var LABEL_FORMATS_MAP = {
+export const LABEL_FORMATS = ['Percent', 'Value', 'Value_percent'];
+export const LABEL_FORMATS_MAP = {
   Value: 'Numeric_value',
   Percent: 'Percent',
   Value_percent: 'Numeric_value_and_percent'
 };
-export var LABEL_POSITION = {
+export const LABEL_POSITION = {
   TOP: 'top',
   RIGHT: 'right',
   BOTTOM: 'bottom',
@@ -480,35 +518,83 @@ export var LABEL_POSITION = {
 };
 
 // label positions for pie, ring charts
-export var LABEL_POSITIONS = ['inside', 'outside'];
-export var LABEL_POSITIONS_MAP = {
+export const LABEL_POSITIONS = ['inside', 'outside'];
+export const LABEL_POSITIONS_MAP = {
   inside: 'Inside_the_chart',
   outside: 'Outside_the_chart'
 };
 
 // color options for pie, ring charts
-export var PIE_COLOR_OPTIONS = ['use_default', 'use_column_colors'];
-export var PIE_COlOR_OPTIONS_MAP = {
+export const PIE_COLOR_OPTIONS = ['use_default', 'use_column_colors'];
+export const PIE_COlOR_OPTIONS_MAP = {
   use_default: 'Use_default_colors',
   use_column_colors: 'Use_column_colors'
 };
-export var TYPE_COLOR_USING = {
+export const TYPE_COLOR_USING = {
   USE_DEFAULT: 'use_default',
   USE_COLUMN_COLORS: 'use_column_colors',
   USE_SPECIFIC_COLORS: 'use_specific_colors',
   USE_RULES: 'use_rules'
 };
-export var USEABLE_COLOR_TYPES = [TYPE_COLOR_USING.USE_DEFAULT, TYPE_COLOR_USING.USE_COLUMN_COLORS];
-export var TYPE_DISPLAY_COLOR_USING = (_TYPE_DISPLAY_COLOR_U = {}, _defineProperty(_TYPE_DISPLAY_COLOR_U, TYPE_COLOR_USING.USE_DEFAULT, 'Use_default_colors'), _defineProperty(_TYPE_DISPLAY_COLOR_U, TYPE_COLOR_USING.USE_COLUMN_COLORS, 'Use_column_colors'), _defineProperty(_TYPE_DISPLAY_COLOR_U, TYPE_COLOR_USING.USE_SPECIFIC_COLORS, 'Use_specific_colors'), _defineProperty(_TYPE_DISPLAY_COLOR_U, TYPE_COLOR_USING.USE_RULES, 'Use_rules'), _TYPE_DISPLAY_COLOR_U);
+export const USEABLE_COLOR_TYPES = [TYPE_COLOR_USING.USE_DEFAULT, TYPE_COLOR_USING.USE_COLUMN_COLORS];
+export const TYPE_DISPLAY_COLOR_USING = {
+  [TYPE_COLOR_USING.USE_DEFAULT]: 'Use_default_colors',
+  [TYPE_COLOR_USING.USE_COLUMN_COLORS]: 'Use_column_colors',
+  [TYPE_COLOR_USING.USE_SPECIFIC_COLORS]: 'Use_specific_colors',
+  [TYPE_COLOR_USING.USE_RULES]: 'Use_rules'
+};
 
 // default annotation font size for ring charts
-export var DEFAULT_ANNOTATION_SIZE = 20;
+export const DEFAULT_ANNOTATION_SIZE = 20;
 
 // default grid size, grid distance for heat map chart
-export var DEFAULT_GRID_SIZE = 12;
-export var DEFAULT_GRID_DISTANCE = 4;
-export var LEGEND_DIRECTION_MAP = {
+export const DEFAULT_GRID_SIZE = 12;
+export const DEFAULT_GRID_DISTANCE = 4;
+export const LEGEND_DIRECTION_MAP = {
   VERTICAL: 'vertical'
 };
-export var Y_AXIS_TYPE_PREFIX = '__y_axis__';
-export var STATISTIC_TYPE_SHOW = (_STATISTIC_TYPE_SHOW = {}, _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.BAR, 'Basic_histogram'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.BAR_GROUP, 'Grouped_histogram'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.BAR_STACK, 'Stacked_histogram'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.COMPARE_BAR, 'Time_comparison_histogram'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.CUSTOM_BAR, 'Custom_histogram'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.HORIZONTAL_BAR, 'Basic_bar_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.HORIZONTAL_GROUP_BAR, 'Grouped_bar_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.STACKED_HORIZONTAL_BAR, 'Stacked_bar_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.COMPLETENESS_CHART, 'Completeness_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.GROUP_COMPLETENESS_CHART, 'Grouped_completeness_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.LINE, 'Basic_line_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.GROUP_LINE, 'Grouped_line_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.AREA_CHART, 'Area_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.AREA_GROUP_CHART, 'Grouped_area_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.PIE, 'Basic_pie_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.RING, 'Ring_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.SCATTER, 'Scatter_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.COMBINATION_CHART, 'Combination_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.MAP, '中国地图'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.MAP_BUBBLE, '中国地图(气泡图)'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.WORLD_MAP, 'World_map'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.HEAT_MAP, 'Heat_map'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.MIRROR, 'Mirror_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.BASIC_NUMBER_CARD, 'Basic_number_card'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.TREND_CHART, 'Trend_chart'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.DASHBOARD, 'Gauge'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.TREEMAP, 'Treemap'), _defineProperty(_STATISTIC_TYPE_SHOW, STAT_TYPE.PIVOT_TABLE, 'Pivot_table'), _STATISTIC_TYPE_SHOW);
+export const Y_AXIS_TYPE_PREFIX = '__y_axis__';
+export const STATISTIC_TYPE_SHOW = {
+  // bar
+  [STAT_TYPE.BAR]: 'Basic_histogram',
+  [STAT_TYPE.BAR_GROUP]: 'Grouped_histogram',
+  [STAT_TYPE.BAR_STACK]: 'Stacked_histogram',
+  [STAT_TYPE.COMPARE_BAR]: 'Time_comparison_histogram',
+  [STAT_TYPE.CUSTOM_BAR]: 'Custom_histogram',
+  // horizontal
+  [STAT_TYPE.HORIZONTAL_BAR]: 'Basic_bar_chart',
+  [STAT_TYPE.HORIZONTAL_GROUP_BAR]: 'Grouped_bar_chart',
+  [STAT_TYPE.STACKED_HORIZONTAL_BAR]: 'Stacked_bar_chart',
+  [STAT_TYPE.COMPLETENESS_CHART]: 'Completeness_chart',
+  [STAT_TYPE.GROUP_COMPLETENESS_CHART]: 'Grouped_completeness_chart',
+  // line
+  [STAT_TYPE.LINE]: 'Basic_line_chart',
+  [STAT_TYPE.GROUP_LINE]: 'Grouped_line_chart',
+  // area
+  [STAT_TYPE.AREA_CHART]: 'Area_chart',
+  [STAT_TYPE.AREA_GROUP_CHART]: 'Grouped_area_chart',
+  // pie
+  [STAT_TYPE.PIE]: 'Basic_pie_chart',
+  [STAT_TYPE.RING]: 'Ring_chart',
+  // scatter
+  [STAT_TYPE.SCATTER]: 'Scatter_chart',
+  // Combination_chart
+  [STAT_TYPE.COMBINATION_CHART]: 'Combination_chart',
+  // map
+  [STAT_TYPE.MAP]: '中国地图',
+  [STAT_TYPE.MAP_BUBBLE]: '中国地图(气泡图)',
+  [STAT_TYPE.WORLD_MAP]: 'World_map',
+  // heat
+  [STAT_TYPE.HEAT_MAP]: 'Heat_map',
+  // facet
+  [STAT_TYPE.MIRROR]: 'Mirror_chart',
+  // card
+  [STAT_TYPE.BASIC_NUMBER_CARD]: 'Basic_number_card',
+  [STAT_TYPE.TREND_CHART]: 'Trend_chart',
+  // gauge
+  [STAT_TYPE.DASHBOARD]: 'Gauge',
+  // treemap
+  [STAT_TYPE.TREEMAP]: 'Treemap',
+  // table
+  [STAT_TYPE.PIVOT_TABLE]: 'Pivot_table'
+};