sea-chart 2.0.37 → 2.0.38

package/dist/model/completeness.js

@@ -1,34 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("../utils");
-var _constants = require("../constants");
-var _baseModel = _interopRequireDefault(require("./base-model"));
-class Completeness extends _baseModel.default {
+import { isBoolean } from '../utils';
+import { CHART_TYPE } from '../constants';
+import BaseModel from './base-model';
+class Completeness extends BaseModel {
   constructor(options) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.COMPLETENESS
+      type: CHART_TYPE.COMPLETENESS
     });
     this.groupby_column_key = options.x_axis_column_key;
     this.completed_column_key = options.completed_column_key;
     this.target_column_key = options.target_column_key;
     this.completed_color = options.completed_color;
-    this.display_percentage = (0, _utils.isBoolean)(options.display_percentage) ? options.display_percentage : true;
+    this.display_percentage = isBoolean(options.display_percentage) ? options.display_percentage : true;
     this.label_font_size = options.label_font_size;
 
     // x_axis is groupby axis
-    this.x_axis_include_empty_cells = (0, _utils.isBoolean)(options.x_axis_include_empty_cells) ? options.x_axis_include_empty_cells : false;
-    this.show_percentage = (0, _utils.isBoolean)(options.show_percentage) ? options.show_percentage : true;
+    this.x_axis_include_empty_cells = isBoolean(options.x_axis_include_empty_cells) ? options.x_axis_include_empty_cells : false;
+    this.show_percentage = isBoolean(options.show_percentage) ? options.show_percentage : true;
     this.label_font_size = options.label_font_size || 12;
-    this.y_axis_auto_range = (0, _utils.isBoolean)(options.y_axis_auto_range) ? options.y_axis_auto_range : true;
+    this.y_axis_auto_range = isBoolean(options.y_axis_auto_range) ? options.y_axis_auto_range : true;
     // default to null
     this.y_axis_min = options.y_axis_min;
     this.y_axis_max = options.y_axis_max;
   }
 }
-var _default = exports.default = Completeness;
+export default Completeness;

package/dist/model/dashboard.js

@@ -1,23 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../constants");
-var _baseModel = _interopRequireDefault(require("./base-model"));
-class Dashboard extends _baseModel.default {
+import { CHART_SUMMARY_TYPE, CHART_TYPE } from '../constants';
+import BaseModel from './base-model';
+class Dashboard extends BaseModel {
   constructor(options) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.DASHBOARD
+      type: CHART_TYPE.DASHBOARD
     });
     this.name = '';
     this.target_value_column_key = options.target_value_column_key;
-    this.target_value_column_summary_method = options.target_value_column_summary_method || _constants.CHART_SUMMARY_TYPE.ROW_COUNT;
+    this.target_value_column_summary_method = options.target_value_column_summary_method || CHART_SUMMARY_TYPE.ROW_COUNT;
     this.total_value_column_key = options.total_value_column_key;
-    this.total_value_column_summary_method = options.total_value_column_summary_method || _constants.CHART_SUMMARY_TYPE.ROW_COUNT;
+    this.total_value_column_summary_method = options.total_value_column_summary_method || CHART_SUMMARY_TYPE.ROW_COUNT;
   }
 }
-var _default = exports.default = Dashboard;
+export default Dashboard;

package/dist/model/funnel.js

@@ -1,21 +1,14 @@
-"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 _lodashEs = require("lodash-es");
-var _constants = require("../constants");
-var _baseModel = _interopRequireDefault(require("./base-model"));
-class Funnel extends _baseModel.default {
+import { CellType } from 'dtable-utils';
+import { cloneDeep } from 'lodash';
+import { CHART_SUMMARY_TYPE, CHART_TYPE, FUNNEL_LABEL_FORMAT, FUNNEL_LABEL_POSITIONS } from '../constants';
+import BaseModel from './base-model';
+class Funnel extends BaseModel {
   constructor(options, tables) {
     var _options$x_axis_optio;
     options = options._options;
     super({
       ...options,
-      type: _constants.CHART_TYPE.FUNNEL
+      type: CHART_TYPE.FUNNEL
     });
 
     // init a default value here so settings won't need to check existence of the config
@@ -25,13 +18,13 @@ class Funnel extends _baseModel.default {
     this.x_axis_column_key = options.x_axis_column_key;
 
     // if no x_axis_option_list but x_axis_column_key is single select type, then use it's option list
-    if ((_options$x_axis_optio = options.x_axis_option_list) !== null && _options$x_axis_optio !== void 0 && _options$x_axis_optio.length) {
+    if ((_options$x_axis_optio = options.x_axis_option_list) === null || _options$x_axis_optio === void 0 ? void 0 : _options$x_axis_optio.length) {
       this.x_axis_option_list = options.x_axis_option_list;
     } else if (options.table_id && options.x_axis_column_key) {
       const table = tables.find(table => table._id === options.table_id);
       const column = table.columns.find(column => column.key === options.x_axis_column_key);
-      if (column.type === _dtableUtils.CellType.SINGLE_SELECT) {
-        this.x_axis_option_list = (0, _lodashEs.cloneDeep)(column.data.options);
+      if (column.type === CellType.SINGLE_SELECT) {
+        this.x_axis_option_list = cloneDeep(column.data.options);
       } else {
         this.x_axis_option_list = [];
       }
@@ -41,17 +34,17 @@ class Funnel extends _baseModel.default {
 
     // y-axis
     this.y_axis_summary_column_key = options.y_axis_summary_column_key;
-    this.y_axis_summary_type = options.y_axis_summary_type || _constants.CHART_SUMMARY_TYPE.COUNT;
-    this.y_axis_summary_method = options.y_axis_summary_method || _constants.CHART_SUMMARY_TYPE.SUM;
+    this.y_axis_summary_type = options.y_axis_summary_type || CHART_SUMMARY_TYPE.COUNT;
+    this.y_axis_summary_method = options.y_axis_summary_method || CHART_SUMMARY_TYPE.SUM;
     this.funnel_accumulate_values = typeof options.funnel_accumulate_values !== 'boolean' ? true : options.funnel_accumulate_values;
 
     // style settings
     this.funnel_show_legend = typeof options.funnel_show_legend !== 'boolean' ? true : options.funnel_show_legend;
     this.funnel_show_labels = typeof options.funnel_show_labels !== 'boolean' ? true : options.funnel_show_labels;
-    this.funnel_label_position = options.funnel_label_position || _constants.FUNNEL_LABEL_POSITIONS.OUTSIDE;
-    this.funnel_label_format = options.funnel_label_format || _constants.FUNNEL_LABEL_FORMAT.NUMBER;
+    this.funnel_label_position = options.funnel_label_position || FUNNEL_LABEL_POSITIONS.OUTSIDE;
+    this.funnel_label_format = options.funnel_label_format || FUNNEL_LABEL_FORMAT.NUMBER;
     this.funnel_label_font_size = options.funnel_label_font_size || 12;
     this.funnel_show_overall_rate = typeof options.funnel_show_overall_rate !== 'boolean' ? true : options.funnel_show_overall_rate;
   }
 }
-var _default = exports.default = Funnel;
+export default Funnel;

package/dist/model/generic-model.js

@@ -1,236 +1,228 @@
-"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 _utils = require("../utils");
-var _constants = require("../constants");
-var _baseModel = _interopRequireDefault(require("./base-model"));
-class GenericModel extends _baseModel.default {
+import { isNumber } from 'dtable-utils';
+import { isBoolean, getChartConfigValueByKey } from '../utils';
+import { DATE_GRANULATES, DEFAULT_LABEL_FONT_SIZE, GEOLOCATION_GRANULATES, LABEL_POSITION_TYPE, CHART_SUMMARY_TYPE, GENERIC_KEY, CHART_KEY, LEGEND_DIRECTION } from '../constants';
+import BaseModel from './base-model';
+export default class GenericModel extends BaseModel {
   constructor(object) {
     const options = object || {};
     super(options);
     this._options = object;
     // x data
-    this.x_axis_column_key = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.X_AXIS_COLUMN_KEY, options);
-    this.x_axis_include_empty_cells = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.X_AXIS_INCLUDE_EMPTY_CELLS, options);
-    this.x_axis_date_granularity = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.X_AXIS_DATE_GRANULARITY, options);
-    this.x_axis_geolocation_granularity = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.X_AXIS_GEOLOCATION_GRANULARITY, options);
+    this.x_axis_column_key = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_COLUMN_KEY, options);
+    this.x_axis_include_empty_cells = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_INCLUDE_EMPTY_CELLS, options);
+    this.x_axis_date_granularity = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_DATE_GRANULARITY, options);
+    this.x_axis_geolocation_granularity = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_GEOLOCATION_GRANULARITY, options);
 
     // set default value
-    if (!(0, _utils.isBoolean)(this.x_axis_include_empty_cells)) {
+    if (!isBoolean(this.x_axis_include_empty_cells)) {
       this.x_axis_include_empty_cells = false;
     }
-    if (this.x_axis_date_granularity && !_constants.DATE_GRANULATES.includes(this.x_axis_date_granularity)) {
-      this.x_axis_date_granularity = _constants.CHART_SUMMARY_TYPE.MONTH;
+    if (this.x_axis_date_granularity && !DATE_GRANULATES.includes(this.x_axis_date_granularity)) {
+      this.x_axis_date_granularity = CHART_SUMMARY_TYPE.MONTH;
     }
-    if (this.x_axis_geolocation_granularity && !_constants.GEOLOCATION_GRANULATES.includes(this.x_axis_geolocation_granularity)) {
-      this.x_axis_geolocation_granularity = _constants.CHART_SUMMARY_TYPE.DISTRICT;
+    if (this.x_axis_geolocation_granularity && !GEOLOCATION_GRANULATES.includes(this.x_axis_geolocation_granularity)) {
+      this.x_axis_geolocation_granularity = CHART_SUMMARY_TYPE.DISTRICT;
     }
-    this.x_axis_date_range_start = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.X_AXIS_DATE_RANGE_START, options);
-    this.x_axis_date_range_end = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.X_AXIS_DATE_RANGE_END, options);
-    this.x_axis_compared_date_range_start = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.X_AXIS_COMPARED_DATE_RANGE_START, options);
-    this.x_axis_compared_date_range_end = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.X_AXIS_COMPARED_DATE_RANGE_END, options);
+    this.x_axis_date_range_start = getChartConfigValueByKey(CHART_KEY.X_AXIS_DATE_RANGE_START, options);
+    this.x_axis_date_range_end = getChartConfigValueByKey(CHART_KEY.X_AXIS_DATE_RANGE_END, options);
+    this.x_axis_compared_date_range_start = getChartConfigValueByKey(CHART_KEY.X_AXIS_COMPARED_DATE_RANGE_START, options);
+    this.x_axis_compared_date_range_end = getChartConfigValueByKey(CHART_KEY.X_AXIS_COMPARED_DATE_RANGE_END, options);
 
     // x style
-    this.x_axis_show_label = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.X_AXIS_SHOW_LABEL, options);
-    this.x_axis_label_position = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.X_AXIS_LABEL_POSITION, options) || _constants.LABEL_POSITION_TYPE.CENTER;
-    if (!(0, _utils.isBoolean)(this.x_axis_show_label)) {
+    this.x_axis_show_label = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_SHOW_LABEL, options);
+    this.x_axis_label_position = getChartConfigValueByKey(GENERIC_KEY.X_AXIS_LABEL_POSITION, options) || LABEL_POSITION_TYPE.CENTER;
+    if (!isBoolean(this.x_axis_show_label)) {
       this.x_axis_show_label = null;
     }
 
     // y data
-    this.y_axis_summary_column_key = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_SUMMARY_COLUMN_KEY, options);
-    this.y_axis_summary_type = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_SUMMARY_TYPE, options);
-    this.y_axis_summary_method = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_SUMMARY_METHOD, options);
-    if (this.y_axis_summary_method === _constants.CHART_SUMMARY_TYPE.ROW_COUNT) {
-      this.y_axis_summary_method = _constants.CHART_SUMMARY_TYPE.MAX;
+    this.y_axis_summary_column_key = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_SUMMARY_COLUMN_KEY, options);
+    this.y_axis_summary_type = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_SUMMARY_TYPE, options);
+    this.y_axis_summary_method = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_SUMMARY_METHOD, options);
+    if (this.y_axis_summary_method === CHART_SUMMARY_TYPE.ROW_COUNT) {
+      this.y_axis_summary_method = CHART_SUMMARY_TYPE.MAX;
     }
 
     // y style
-    this.color_option = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.COLOR_OPTION, options);
-    this.y_axis_label_color = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_LABEL_COLOR, options);
-    this.y_axis_label_color_rules = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_LABEL_COLOR_RULES, options);
-    this.y_axis_show_value = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_SHOW_VALUE, options);
-    this.y_axis_show_label = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_SHOW_LABEL, options);
-    if (!(0, _utils.isBoolean)(this.y_axis_show_value)) {
+    this.color_option = getChartConfigValueByKey(CHART_KEY.COLOR_OPTION, options);
+    this.y_axis_label_color = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_LABEL_COLOR, options);
+    this.y_axis_label_color_rules = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_LABEL_COLOR_RULES, options);
+    this.y_axis_show_value = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_SHOW_VALUE, options);
+    this.y_axis_show_label = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_SHOW_LABEL, options);
+    if (!isBoolean(this.y_axis_show_value)) {
       this.y_axis_show_value = null;
     }
-    if (!(0, _utils.isBoolean)(this.y_axis_show_label)) {
+    if (!isBoolean(this.y_axis_show_label)) {
       this.y_axis_show_label = null;
     }
-    this.y_axises = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXISES, options);
-    this.y_axis_label_position = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_LABEL_POSITION, options) || _constants.LABEL_POSITION_TYPE.CENTER;
-    this.y_axis_auto_range = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_AUTO_RANGE, options);
-    this.y_axis_min = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_MIN, options);
-    this.y_axis_max = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.Y_AXIS_MAX, options);
-    if (!(0, _utils.isBoolean)(this.y_axis_auto_range)) {
+    this.y_axises = getChartConfigValueByKey(GENERIC_KEY.Y_AXISES, options);
+    this.y_axis_label_position = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_LABEL_POSITION, options) || LABEL_POSITION_TYPE.CENTER;
+    this.y_axis_auto_range = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_AUTO_RANGE, options);
+    this.y_axis_min = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_MIN, options);
+    this.y_axis_max = getChartConfigValueByKey(GENERIC_KEY.Y_AXIS_MAX, options);
+    if (!isBoolean(this.y_axis_auto_range)) {
       this.y_axis_auto_range = true;
     }
-    if (!(0, _dtableUtils.isNumber)(this.y_axis_min)) {
+    if (!isNumber(this.y_axis_min)) {
       this.y_axis_min = null;
     }
-    if (!(0, _dtableUtils.isNumber)(this.y_axis_max)) {
+    if (!isNumber(this.y_axis_max)) {
       this.y_axis_max = null;
     }
-    this.y_axis_use_stack = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_USE_STACK, options);
-    if (!(0, _utils.isBoolean)(this.y_axis_use_stack)) {
+    this.y_axis_use_stack = getChartConfigValueByKey(CHART_KEY.Y_AXIS_USE_STACK, options);
+    if (!isBoolean(this.y_axis_use_stack)) {
       this.y_axis_use_stack = null;
     }
-    this.y_axis_compare_label_color = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_COMPARE_LABEL_COLOR, options);
-    this.y_axis_compared_label_color = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_COMPARED_LABEL_COLOR, options);
+    this.y_axis_compare_label_color = getChartConfigValueByKey(CHART_KEY.Y_AXIS_COMPARE_LABEL_COLOR, options);
+    this.y_axis_compared_label_color = getChartConfigValueByKey(CHART_KEY.Y_AXIS_COMPARED_LABEL_COLOR, options);
 
     // column-group
-    this.column_groupby_column_key = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.COLUMN_GROUPBY_COLUMN_KEY, options);
-    this.column_groupby_date_granularity = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.COLUMN_GROUPBY_DATE_GRANULARITY, options);
-    this.column_groupby_geolocation_granularity = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.COLUMN_GROUPBY_GEOLOCATION_GRANULARITY, options);
-    if (this.column_groupby_date_granularity && !_constants.DATE_GRANULATES.includes(this.column_groupby_date_granularity)) {
-      this.column_groupby_date_granularity = _constants.CHART_SUMMARY_TYPE.MONTH;
+    this.column_groupby_column_key = getChartConfigValueByKey(GENERIC_KEY.COLUMN_GROUPBY_COLUMN_KEY, options);
+    this.column_groupby_date_granularity = getChartConfigValueByKey(GENERIC_KEY.COLUMN_GROUPBY_DATE_GRANULARITY, options);
+    this.column_groupby_geolocation_granularity = getChartConfigValueByKey(GENERIC_KEY.COLUMN_GROUPBY_GEOLOCATION_GRANULARITY, options);
+    if (this.column_groupby_date_granularity && !DATE_GRANULATES.includes(this.column_groupby_date_granularity)) {
+      this.column_groupby_date_granularity = CHART_SUMMARY_TYPE.MONTH;
     }
-    if (this.column_groupby_geolocation_granularity && !_constants.GEOLOCATION_GRANULATES.includes(this.column_groupby_geolocation_granularity)) {
-      this.column_groupby_geolocation_granularity = _constants.CHART_SUMMARY_TYPE.DISTRICT;
+    if (this.column_groupby_geolocation_granularity && !GEOLOCATION_GRANULATES.includes(this.column_groupby_geolocation_granularity)) {
+      this.column_groupby_geolocation_granularity = CHART_SUMMARY_TYPE.DISTRICT;
     }
-    this.column_groupby_multiple_numeric_column = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.COLUMN_GROUPBY_MULTIPLE_NUMERIC_COLUMN, options);
-    if (!(0, _utils.isBoolean)(this.column_groupby_multiple_numeric_column)) {
+    this.column_groupby_multiple_numeric_column = getChartConfigValueByKey(CHART_KEY.COLUMN_GROUPBY_MULTIPLE_NUMERIC_COLUMN, options);
+    if (!isBoolean(this.column_groupby_multiple_numeric_column)) {
       this.column_groupby_multiple_numeric_column = null;
     }
-    this.column_groupby_numeric_columns = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.COLUMN_GROUPBY_NUMERIC_COLUMNS, options);
-    this.summary_columns = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.SUMMARY_COLUMNS, options);
+    this.column_groupby_numeric_columns = getChartConfigValueByKey(CHART_KEY.COLUMN_GROUPBY_NUMERIC_COLUMNS, options);
+    this.summary_columns = getChartConfigValueByKey(CHART_KEY.SUMMARY_COLUMNS, options);
     if (!Array.isArray(this.summary_columns)) {
       this.summary_columns = [];
     }
 
     // other
-    this.sort_type = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.SORT_TYPE, options);
-    this.display_each_block_data = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.DISPLAY_EACH_BLOCK_DATA, options);
-    if (!(0, _utils.isBoolean)(this.display_each_block_data)) {
+    this.sort_type = getChartConfigValueByKey(CHART_KEY.SORT_TYPE, options);
+    this.display_each_block_data = getChartConfigValueByKey(CHART_KEY.DISPLAY_EACH_BLOCK_DATA, options);
+    if (!isBoolean(this.display_each_block_data)) {
       this.display_each_block_data = null;
     }
 
     // in basic number card
-    this.name = (0, _utils.getChartConfigValueByKey)('name', options);
-    this.title_name = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.TITLE_NAME, options);
-    this.label_font_size = (0, _utils.getChartConfigValueByKey)(_constants.GENERIC_KEY.LABEL_FONT_SIZE, options);
-    if (!(0, _dtableUtils.isNumber)(this.label_font_size)) {
-      this.label_font_size = _constants.DEFAULT_LABEL_FONT_SIZE;
-    }
-    this.y_axis_left_summary_type = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_LEFT_SUMMARY_TYPE, options);
-    this.y_axis_right_summary_type = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_RIGHT_SUMMARY_TYPE, options);
-    this.y_axis_left_summary_method = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_LEFT_SUMMARY_METHOD, options);
-    this.y_axis_right_summary_method = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_RIGHT_SUMMARY_METHOD, options);
-    this.y_axis_left_summary_column = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_LEFT_SUMMARY_COLUMN, options);
-    this.y_axis_right_summary_column = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_RIGHT_SUMMARY_COLUMN, options);
-    this.y_axis_left_group_by_multiple_numeric_column = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_LEFT_GROUP_BY_MULTIPLE_NUMERIC_COLUMN, options);
-    this.y_axis_left_group_by_numeric_columns = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_LEFT_GROUP_BY_NUMERIC_COLUMNS, options);
-    if (!(0, _utils.isBoolean)(this.y_axis_left_group_by_multiple_numeric_column)) {
+    this.name = getChartConfigValueByKey('name', options);
+    this.title_name = getChartConfigValueByKey(CHART_KEY.TITLE_NAME, options);
+    this.label_font_size = getChartConfigValueByKey(GENERIC_KEY.LABEL_FONT_SIZE, options);
+    if (!isNumber(this.label_font_size)) {
+      this.label_font_size = DEFAULT_LABEL_FONT_SIZE;
+    }
+    this.y_axis_left_summary_type = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_SUMMARY_TYPE, options);
+    this.y_axis_right_summary_type = getChartConfigValueByKey(CHART_KEY.Y_AXIS_RIGHT_SUMMARY_TYPE, options);
+    this.y_axis_left_summary_method = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_SUMMARY_METHOD, options);
+    this.y_axis_right_summary_method = getChartConfigValueByKey(CHART_KEY.Y_AXIS_RIGHT_SUMMARY_METHOD, options);
+    this.y_axis_left_summary_column = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_SUMMARY_COLUMN, options);
+    this.y_axis_right_summary_column = getChartConfigValueByKey(CHART_KEY.Y_AXIS_RIGHT_SUMMARY_COLUMN, options);
+    this.y_axis_left_group_by_multiple_numeric_column = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_GROUP_BY_MULTIPLE_NUMERIC_COLUMN, options);
+    this.y_axis_left_group_by_numeric_columns = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_GROUP_BY_NUMERIC_COLUMNS, options);
+    if (!isBoolean(this.y_axis_left_group_by_multiple_numeric_column)) {
       this.y_axis_left_group_by_multiple_numeric_column = null;
     }
     if (!Array.isArray(this.y_axis_left_group_by_numeric_columns)) {
       this.y_axis_left_group_by_numeric_columns = [];
     }
-    this.y_axis_left_color = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_LEFT_COLOR, options);
-    this.y_axis_right_color = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_RIGHT_COLOR, options);
-    this.show_y_axis_left_label = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.SHOW_Y_AXIS_LEFT_LABEL, options);
-    this.show_y_axis_right_label = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.SHOW_Y_AXIS_RIGHT_LABEL, options);
-    this.y_axis_left_label_position = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_LEFT_LABEL_POSITION, options) || _constants.LABEL_POSITION_TYPE.CENTER;
-    this.y_axis_right_label_position = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_RIGHT_LABEL_POSITION, options) || _constants.LABEL_POSITION_TYPE.CENTER;
-    this.y_axis_auto_range_left = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_AUTO_RANGE_LEFT, options);
-    this.y_axis_min_left = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_MIN_LEFT, options);
-    this.y_axis_max_left = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_MAX_LEFT, options);
-    if (!(0, _utils.isBoolean)(this.y_axis_auto_range_left)) {
+    this.y_axis_left_color = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_COLOR, options);
+    this.y_axis_right_color = getChartConfigValueByKey(CHART_KEY.Y_AXIS_RIGHT_COLOR, options);
+    this.show_y_axis_left_label = getChartConfigValueByKey(CHART_KEY.SHOW_Y_AXIS_LEFT_LABEL, options);
+    this.show_y_axis_right_label = getChartConfigValueByKey(CHART_KEY.SHOW_Y_AXIS_RIGHT_LABEL, options);
+    this.y_axis_left_label_position = getChartConfigValueByKey(CHART_KEY.Y_AXIS_LEFT_LABEL_POSITION, options) || LABEL_POSITION_TYPE.CENTER;
+    this.y_axis_right_label_position = getChartConfigValueByKey(CHART_KEY.Y_AXIS_RIGHT_LABEL_POSITION, options) || LABEL_POSITION_TYPE.CENTER;
+    this.y_axis_auto_range_left = getChartConfigValueByKey(CHART_KEY.Y_AXIS_AUTO_RANGE_LEFT, options);
+    this.y_axis_min_left = getChartConfigValueByKey(CHART_KEY.Y_AXIS_MIN_LEFT, options);
+    this.y_axis_max_left = getChartConfigValueByKey(CHART_KEY.Y_AXIS_MAX_LEFT, options);
+    if (!isBoolean(this.y_axis_auto_range_left)) {
       this.y_axis_auto_range_left = true;
     }
-    if (!(0, _dtableUtils.isNumber)(this.y_axis_min_left)) {
+    if (!isNumber(this.y_axis_min_left)) {
       this.y_axis_min_left = null;
     }
-    if (!(0, _dtableUtils.isNumber)(this.y_axis_max_left)) {
+    if (!isNumber(this.y_axis_max_left)) {
       this.y_axis_max_left = null;
     }
-    this.y_axis_auto_range_right = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_AUTO_RANGE_RIGHT, options);
-    this.y_axis_min_right = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_MIN_RIGHT, options);
-    this.y_axis_max_right = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.Y_AXIS_MAX_RIGHT, options);
-    if (!(0, _utils.isBoolean)(this.y_axis_auto_range_right)) {
+    this.y_axis_auto_range_right = getChartConfigValueByKey(CHART_KEY.Y_AXIS_AUTO_RANGE_RIGHT, options);
+    this.y_axis_min_right = getChartConfigValueByKey(CHART_KEY.Y_AXIS_MIN_RIGHT, options);
+    this.y_axis_max_right = getChartConfigValueByKey(CHART_KEY.Y_AXIS_MAX_RIGHT, options);
+    if (!isBoolean(this.y_axis_auto_range_right)) {
       this.y_axis_auto_range_right = true;
     }
-    if (!(0, _dtableUtils.isNumber)(this.y_axis_min_right)) {
+    if (!isNumber(this.y_axis_min_right)) {
       this.y_axis_min_right = null;
     }
-    if (!(0, _dtableUtils.isNumber)(this.y_axis_max_right)) {
+    if (!isNumber(this.y_axis_max_right)) {
       this.y_axis_max_right = null;
     }
-    this.display_increase = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.DISPLAY_INCREASE, options);
-    this.display_increase_percentage = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.DISPLAY_INCREASE_PERCENTAGE, options);
-    if (!(0, _utils.isBoolean)(this.display_increase)) {
+    this.display_increase = getChartConfigValueByKey(CHART_KEY.DISPLAY_INCREASE, options);
+    this.display_increase_percentage = getChartConfigValueByKey(CHART_KEY.DISPLAY_INCREASE_PERCENTAGE, options);
+    if (!isBoolean(this.display_increase)) {
       this.display_increase = null;
     }
-    if (!(0, _utils.isBoolean)(this.display_increase_percentage)) {
+    if (!isBoolean(this.display_increase_percentage)) {
       this.display_increase_percentage = null;
     }
-    this.increase_display_color = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.INCREASE_DISPLAY_COLOR, options);
-    if (!(0, _utils.isBoolean)(this.increase_display_color)) {
+    this.increase_display_color = getChartConfigValueByKey(CHART_KEY.INCREASE_DISPLAY_COLOR, options);
+    if (!isBoolean(this.increase_display_color)) {
       this.increase_display_color = null;
     }
-    this.completed_column_key = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.COMPLETED_COLUMN_KEY, options);
-    this.target_column_key = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.TARGET_COLUMN_KEY, options);
-    this.target_value_column_summary_method = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.TARGET_VALUE_COLUMN_SUMMARY_METHOD, options);
-    this.total_value_column_key = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.TOTAL_VALUE_COLUMN_KEY, options);
-    this.total_value_column_summary_method = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.TOTAL_VALUE_COLUMN_SUMMARY_METHOD, options);
-    this.completed_color = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.COMPLETED_COLOR, options);
-    this.display_percentage = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.DISPLAY_PERCENTAGE, options);
-    if (!(0, _utils.isBoolean)(this.display_percentage)) {
+    this.completed_column_key = getChartConfigValueByKey(CHART_KEY.COMPLETED_COLUMN_KEY, options);
+    this.target_column_key = getChartConfigValueByKey(CHART_KEY.TARGET_COLUMN_KEY, options);
+    this.target_value_column_summary_method = getChartConfigValueByKey(CHART_KEY.TARGET_VALUE_COLUMN_SUMMARY_METHOD, options);
+    this.total_value_column_key = getChartConfigValueByKey(CHART_KEY.TOTAL_VALUE_COLUMN_KEY, options);
+    this.total_value_column_summary_method = getChartConfigValueByKey(CHART_KEY.TOTAL_VALUE_COLUMN_SUMMARY_METHOD, options);
+    this.completed_color = getChartConfigValueByKey(CHART_KEY.COMPLETED_COLOR, options);
+    this.display_percentage = getChartConfigValueByKey(CHART_KEY.DISPLAY_PERCENTAGE, options);
+    if (!isBoolean(this.display_percentage)) {
       this.display_percentage = null;
     }
-    this.target_value_column_key = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.TARGET_VALUE_COLUMN_KEY, options);
-    this.legend_direction = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.LEGEND_DIRECTION, options) || _constants.LEGEND_DIRECTION.VERTICAL;
-    this.legend_size = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.LEGEND_SIZE, options);
-    if (!(0, _dtableUtils.isNumber)(this.legend_size)) {
+    this.target_value_column_key = getChartConfigValueByKey(CHART_KEY.TARGET_VALUE_COLUMN_KEY, options);
+    this.legend_direction = getChartConfigValueByKey(CHART_KEY.LEGEND_DIRECTION, options) || LEGEND_DIRECTION.VERTICAL;
+    this.legend_size = getChartConfigValueByKey(CHART_KEY.LEGEND_SIZE, options);
+    if (!isNumber(this.legend_size)) {
       this.legend_size = 1;
     }
-    this.is_transpose = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.IS_TRANSPOSE, options);
-    if (!(0, _utils.isBoolean)(this.is_transpose)) {
+    this.is_transpose = getChartConfigValueByKey(CHART_KEY.IS_TRANSPOSE, options);
+    if (!isBoolean(this.is_transpose)) {
       this.is_transpose = null;
     }
-    this.show_legend = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.SHOW_LEGEND, options);
-    if (!(0, _utils.isBoolean)(this.show_legend)) {
+    this.show_legend = getChartConfigValueByKey(CHART_KEY.SHOW_LEGEND, options);
+    if (!isBoolean(this.show_legend)) {
       this.show_legend = null;
     }
-    this.display_label = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.DISPLAY_LABEL, options);
-    if (!(0, _utils.isBoolean)(this.display_label)) {
+    this.display_label = getChartConfigValueByKey(CHART_KEY.DISPLAY_LABEL, options);
+    if (!isBoolean(this.display_label)) {
       this.display_label = null;
     }
-    this.show_percent = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.SHOW_PERCENT, options);
-    if (!(0, _utils.isBoolean)(this.show_percent)) {
+    this.show_percent = getChartConfigValueByKey(CHART_KEY.SHOW_PERCENT, options);
+    if (!isBoolean(this.show_percent)) {
       this.show_percent = null;
     }
-    this.minimum_slice_percent = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.MINIMUM_SLICE_PERCENT, options);
-    if (!(0, _dtableUtils.isNumber)(this.minimum_slice_percent)) {
+    this.minimum_slice_percent = getChartConfigValueByKey(CHART_KEY.MINIMUM_SLICE_PERCENT, options);
+    if (!isNumber(this.minimum_slice_percent)) {
       this.minimum_slice_percent = 1.5;
     }
-    this.display_annotation = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.DISPLAY_ANNOTATION, options);
-    if (!(0, _utils.isBoolean)(this.display_annotation)) {
+    this.display_annotation = getChartConfigValueByKey(CHART_KEY.DISPLAY_ANNOTATION, options);
+    if (!isBoolean(this.display_annotation)) {
       this.display_annotation = null;
     }
-    this.display_total = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.DISPLAY_TOTAL, options);
-    if (!(0, _utils.isBoolean)(this.display_total)) {
+    this.display_total = getChartConfigValueByKey(CHART_KEY.DISPLAY_TOTAL, options);
+    if (!isBoolean(this.display_total)) {
       this.display_total = null;
     }
-    this.summary_columns_option = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.SUMMARY_COLUMNS_OPTION, options);
-    this.increase_line_color = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.INCREASE_LINE_COLOR, options);
-    this.data_color = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.DATA_COLOR, options);
-    this.grid_distance = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.GRID_DISTANCE, options);
-    this.grid_size = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.GRID_SIZE, options);
-    if (!(0, _dtableUtils.isNumber)(this.grid_distance)) {
+    this.summary_columns_option = getChartConfigValueByKey(CHART_KEY.SUMMARY_COLUMNS_OPTION, options);
+    this.increase_line_color = getChartConfigValueByKey(CHART_KEY.INCREASE_LINE_COLOR, options);
+    this.data_color = getChartConfigValueByKey(CHART_KEY.DATA_COLOR, options);
+    this.grid_distance = getChartConfigValueByKey(CHART_KEY.GRID_DISTANCE, options);
+    this.grid_size = getChartConfigValueByKey(CHART_KEY.GRID_SIZE, options);
+    if (!isNumber(this.grid_distance)) {
       this.grid_distance = null;
     }
-    if (!(0, _dtableUtils.isNumber)(this.grid_size)) {
+    if (!isNumber(this.grid_size)) {
       this.grid_size = null;
     }
-    this.bubble_color = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.BUBBLE_COLOR, options);
-    this.label_position = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.LABEL_POSITION, options);
-    this.label_format = (0, _utils.getChartConfigValueByKey)(_constants.CHART_KEY.LABEL_FORMAT, options);
+    this.bubble_color = getChartConfigValueByKey(CHART_KEY.BUBBLE_COLOR, options);
+    this.label_position = getChartConfigValueByKey(CHART_KEY.LABEL_POSITION, options);
+    this.label_format = getChartConfigValueByKey(CHART_KEY.LABEL_FORMAT, options);
   }
-}
-exports.default = GenericModel;
+}

package/dist/model/heat-map.js

@@ -1,24 +1,17 @@
-"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 _constants = require("../constants");
-var _baseModel = _interopRequireDefault(require("./base-model"));
-class HeatMap extends _baseModel.default {
+import { isDateColumn, getTableById, getTableColumnByKey } from 'dtable-utils';
+import { CHART_TYPE } from '../constants';
+import BaseModel from './base-model';
+class HeatMap extends BaseModel {
   constructor(options, tables) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.HEAT_MAP
+      type: CHART_TYPE.HEAT_MAP
     });
     this.time_column_key = options.x_axis_column_key;
     if (this.time_column_key && this.table_id && tables) {
-      const table = (0, _dtableUtils.getTableById)(tables, this.table_id);
-      const column = (0, _dtableUtils.getTableColumnByKey)(table, this.time_column_key);
-      if (!column || !(0, _dtableUtils.isDateColumn)(column)) {
+      const table = getTableById(tables, this.table_id);
+      const column = getTableColumnByKey(table, this.time_column_key);
+      if (!column || !isDateColumn(column)) {
         this.time_column_key = null;
       }
     }
@@ -30,4 +23,4 @@ class HeatMap extends _baseModel.default {
     this.grid_size = options.grid_size;
   }
 }
-var _default = exports.default = HeatMap;
+export default HeatMap;

package/dist/model/horizontal-bar.js

@@ -1,18 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("../utils");
-var _constants = require("../constants");
-var _baseModel = _interopRequireDefault(require("./base-model"));
-class HorizontalBar extends _baseModel.default {
+import { isBoolean } from '../utils';
+import { CHART_TYPE, CHART_SUMMARY_TYPE } from '../constants';
+import BaseModel from './base-model';
+class HorizontalBar extends BaseModel {
   constructor(options) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.HORIZONTAL_BAR
+      type: CHART_TYPE.HORIZONTAL_BAR
     });
 
     // vertical axis data
@@ -22,19 +15,19 @@ class HorizontalBar extends _baseModel.default {
     this.vertical_axis_include_empty = options.x_axis_include_empty_cells;
 
     // vertical axis style
-    this.show_vertical_axis_label = (0, _utils.isBoolean)(options.x_axis_show_label) ? options.x_axis_show_label : false;
+    this.show_vertical_axis_label = isBoolean(options.x_axis_show_label) ? options.x_axis_show_label : false;
     this.vertical_axis_label_position = options.x_axis_label_position;
 
     // horizontal axis data
-    this.horizontal_axis_summary_type = options.y_axis_summary_type || _constants.CHART_SUMMARY_TYPE.COUNT;
+    this.horizontal_axis_summary_type = options.y_axis_summary_type || CHART_SUMMARY_TYPE.COUNT;
     this.horizontal_axis_column_key = options.y_axis_summary_column_key;
-    this.horizontal_axis_summary_method = options.y_axis_summary_method || _constants.CHART_SUMMARY_TYPE.SUM;
+    this.horizontal_axis_summary_method = options.y_axis_summary_method || CHART_SUMMARY_TYPE.SUM;
 
     // horizontal axis style
     this.horizontal_axis_label_color = options.y_axis_label_color;
-    this.show_horizontal_axis_label = (0, _utils.isBoolean)(options.y_axis_show_label) ? options.y_axis_show_label : false;
+    this.show_horizontal_axis_label = isBoolean(options.y_axis_show_label) ? options.y_axis_show_label : false;
     this.horizontal_axis_label_position = options.y_axis_label_position;
-    this.display_data = (0, _utils.isBoolean)(options.y_axis_show_value) ? options.y_axis_show_value : false;
+    this.display_data = isBoolean(options.y_axis_show_value) ? options.y_axis_show_value : false;
     this.horizontal_axis_auto_range = options.y_axis_auto_range;
     this.horizontal_axis_min = options.y_axis_min;
     this.horizontal_axis_max = options.y_axis_max;
@@ -42,4 +35,4 @@ class HorizontalBar extends _baseModel.default {
     this.label_font_size = options.label_font_size;
   }
 }
-var _default = exports.default = HorizontalBar;
+export default HorizontalBar;