sea-chart 2.0.36 → 2.0.38

package/dist/model/stacked-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 StackedHorizontalGroupBar extends _baseModel.default {
+import { isBoolean } from '../utils';
+import { CHART_SUMMARY_TYPE, CHART_TYPE, LABEL_COLORS } from '../constants';
+import BaseModel from './base-model';
+class StackedHorizontalGroupBar extends BaseModel {
   constructor(options) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.STACKED_HORIZONTAL_BAR
+      type: CHART_TYPE.STACKED_HORIZONTAL_BAR
     });
 
     // vertical axis data
@@ -22,17 +15,17 @@ class StackedHorizontalGroupBar 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 || _constants.LABEL_COLORS[0];
-    this.show_horizontal_axis_label = (0, _utils.isBoolean)(options.y_axis_show_label) ? options.y_axis_show_label : false;
+    this.horizontal_axis_label_color = options.y_axis_label_color || LABEL_COLORS[0];
+    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.horizontal_axis_auto_range = options.y_axis_auto_range;
     this.horizontal_axis_min = options.y_axis_min;
@@ -47,4 +40,4 @@ class StackedHorizontalGroupBar extends _baseModel.default {
     this.label_font_size = options.label_font_size;
   }
 }
-var _default = exports.default = StackedHorizontalGroupBar;
+export default StackedHorizontalGroupBar;

package/dist/model/table-element.js

@@ -1,17 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _constants = require("../constants");
-var _baseModel = _interopRequireDefault(require("./base-model"));
-class TableElement extends _baseModel.default {
+import { CHART_TYPE } from '../constants';
+import BaseModel from './base-model';
+class TableElement extends BaseModel {
   constructor(options, tables) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.TABLE_ELEMENT
+      type: CHART_TYPE.TABLE_ELEMENT
     });
     let column_keys = [];
     const table_id = options.table_id;
@@ -26,4 +19,4 @@ class TableElement extends _baseModel.default {
     this.show_cell_coloring = false;
   }
 }
-var _default = exports.default = TableElement;
+export default TableElement;

package/dist/model/table.js

@@ -1,25 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _baseModel = _interopRequireDefault(require("./base-model"));
-var _constants = require("../constants");
-class Table extends _baseModel.default {
+import BaseModel from './base-model';
+import { CHART_SUMMARY_TYPE, CHART_TYPE } from '../constants';
+class Table extends BaseModel {
   constructor(options) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.TABLE
+      type: CHART_TYPE.TABLE
     });
     this.groupby_column_key = options.x_axis_column_key;
     this.groupby_date_granularity = options.x_axis_date_granularity;
     this.groupby_geolocation_granularity = options.x_axis_geolocation_granularity;
     this.groupby_include_empty_cells = options.x_axis_include_empty_cells;
     this.summary_column_key = options.y_axis_summary_column_key;
-    this.summary_method = options.y_axis_summary_method || _constants.CHART_SUMMARY_TYPE.SUM;
-    this.summary_type = options.y_axis_summary_type || _constants.CHART_SUMMARY_TYPE.COUNT;
+    this.summary_method = options.y_axis_summary_method || CHART_SUMMARY_TYPE.SUM;
+    this.summary_type = options.y_axis_summary_type || CHART_SUMMARY_TYPE.COUNT;
     this.column_groupby_multiple_numeric_column = options.column_groupby_multiple_numeric_column;
     this.summary_columns = options.summary_columns;
     this.column_groupby_column_key = options.column_groupby_column_key;
@@ -27,4 +20,4 @@ class Table extends _baseModel.default {
     this.column_groupby_geolocation_granularity = options.column_groupby_geolocation_granularity;
   }
 }
-var _default = exports.default = Table;
+export default Table;

package/dist/model/tree-map.js

@@ -1,27 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _baseModel = _interopRequireDefault(require("./base-model"));
-var _constants = require("../constants");
-class TreeMap extends _baseModel.default {
+import BaseModel from './base-model';
+import { CHART_SUMMARY_TYPE, CHART_TYPE } from '../constants';
+class TreeMap extends BaseModel {
   constructor(options) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.TREE_MAP
+      type: CHART_TYPE.TREE_MAP
     });
     this.groupby_column_key = options.x_axis_column_key;
     this.groupby_date_granularity = options.x_axis_date_granularity;
     this.groupby_geolocation_granularity = options.x_axis_geolocation_granularity;
     this.groupby_include_empty_cells = options.x_axis_include_empty_cells;
-    this.summary_type = options.y_axis_summary_type || _constants.CHART_SUMMARY_TYPE.COUNT;
-    this.summary_method = options.y_axis_summary_method || _constants.CHART_SUMMARY_TYPE.SUM;
+    this.summary_type = options.y_axis_summary_type || CHART_SUMMARY_TYPE.COUNT;
+    this.summary_method = options.y_axis_summary_method || CHART_SUMMARY_TYPE.SUM;
     this.summary_column_key = options.y_axis_summary_column_key;
     this.sort_type = options.sort_type;
     this.minimum_slice_percent = options.minimum_slice_percent;
   }
 }
-var _default = exports.default = TreeMap;
+export default TreeMap;

package/dist/model/trend.js

@@ -1,25 +1,18 @@
-"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 Trend extends _baseModel.default {
+import { getTableById, getTableColumnByKey, isDateColumn } from 'dtable-utils';
+import { CHART_TYPE, HORIZONTAL_ALIGN } from '../constants';
+import BaseModel from './base-model';
+class Trend extends BaseModel {
   constructor(options, tables) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.TREND
+      type: CHART_TYPE.TREND
     });
     this.date_column_key = options.x_axis_column_key;
     this.date_granularity = options.x_axis_date_granularity;
     if (this.date_column_key && this.table_id) {
-      const table = (0, _dtableUtils.getTableById)(tables, this.table_id);
-      const column = (0, _dtableUtils.getTableColumnByKey)(table, this.date_column_key);
-      if (!column || !(0, _dtableUtils.isDateColumn)(column)) {
+      const table = getTableById(tables, this.table_id);
+      const column = getTableColumnByKey(table, this.date_column_key);
+      if (!column || !isDateColumn(column)) {
         this.date_column_key = null;
         this.date_granularity = null;
       }
@@ -29,13 +22,13 @@ class Trend extends _baseModel.default {
     this.summary_method = options.y_axis_summary_method;
     this.num_font_size = options.num_font_size || 34;
     this.num_font_color = options.num_font_color;
-    this.num_text_align = options.num_text_align || _constants.HORIZONTAL_ALIGN.LEFT;
+    this.num_text_align = options.num_text_align || HORIZONTAL_ALIGN.LEFT;
     this.num_font_weight = options.num_font_weight || 700;
     this.label = options.label || '';
     this.card_label_font_size = options.card_label_font_size || 14;
     this.label_font_color = options.label_font_color;
-    this.label_text_align = options.label_text_align || _constants.HORIZONTAL_ALIGN.LEFT;
+    this.label_text_align = options.label_text_align || HORIZONTAL_ALIGN.LEFT;
     this.label_font_weight = options.label_font_weight || 400;
   }
 }
-var _default = exports.default = Trend;
+export default Trend;

package/dist/model/user.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 class User {
   constructor(obj) {
     this.loaded = obj.loaded || false;
@@ -18,4 +12,4 @@ class User {
     this.loaded = loaded;
   }
 }
-var _default = exports.default = User;
+export default User;

package/dist/model/world-map-bubble.js

@@ -1,32 +1,25 @@
-"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 WorldMapBubble extends _baseModel.default {
+import { getTableById, getTableColumnByKey } from 'dtable-utils';
+import { isStatisticWorldMapColumn } from '../utils';
+import { CHART_TYPE, CHART_SUMMARY_TYPE } from '../constants';
+import BaseModel from './base-model';
+class WorldMapBubble extends BaseModel {
   constructor(options, tables) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.WORLD_MAP_BUBBLE
+      type: CHART_TYPE.WORLD_MAP_BUBBLE
     });
     this.geo_column_key = options.x_axis_column_key;
     if (this.geo_column_key && this.table_id && tables) {
-      const table = (0, _dtableUtils.getTableById)(tables, this.table_id);
-      const column = (0, _dtableUtils.getTableColumnByKey)(table, this.geo_column_key);
-      if (!(0, _utils.isStatisticWorldMapColumn)(column)) {
+      const table = getTableById(tables, this.table_id);
+      const column = getTableColumnByKey(table, this.geo_column_key);
+      if (!isStatisticWorldMapColumn(column)) {
         this.geo_column_key = null;
       }
     }
     this.summary_type = options.y_axis_summary_type;
     this.summary_method = options.y_axis_summary_method;
-    if (this.summary_method === _constants.CHART_SUMMARY_TYPE.ROW_COUNT) {
-      this.summary_method = _constants.CHART_SUMMARY_TYPE.MAX;
+    if (this.summary_method === CHART_SUMMARY_TYPE.ROW_COUNT) {
+      this.summary_method = CHART_SUMMARY_TYPE.MAX;
     }
     this.summary_column_key = options.y_axis_summary_column_key;
     this.legend_direction = options.legend_direction;
@@ -34,4 +27,4 @@ class WorldMapBubble extends _baseModel.default {
     this.bubble_color = options.bubble_color;
   }
 }
-var _default = exports.default = WorldMapBubble;
+export default WorldMapBubble;

package/dist/model/world-map.js

@@ -1,32 +1,25 @@
-"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 WorldMap extends _baseModel.default {
+import { getTableById, getTableColumnByKey } from 'dtable-utils';
+import { isStatisticWorldMapColumn } from '../utils';
+import { CHART_TYPE, CHART_SUMMARY_TYPE } from '../constants';
+import BaseModel from './base-model';
+class WorldMap extends BaseModel {
   constructor(options, tables) {
     super({
       ...options,
-      type: _constants.CHART_TYPE.WORLD_MAP
+      type: CHART_TYPE.WORLD_MAP
     });
     this.geo_column_key = options.x_axis_column_key;
     if (this.geo_column_key && this.table_id && tables) {
-      const table = (0, _dtableUtils.getTableById)(tables, this.table_id);
-      const column = (0, _dtableUtils.getTableColumnByKey)(table, this.geo_column_key);
-      if (!(0, _utils.isStatisticWorldMapColumn)(column)) {
+      const table = getTableById(tables, this.table_id);
+      const column = getTableColumnByKey(table, this.geo_column_key);
+      if (!isStatisticWorldMapColumn(column)) {
         this.geo_column_key = null;
       }
     }
     this.summary_type = options.y_axis_summary_type || 'count';
     this.summary_method = options.y_axis_summary_method;
-    if (this.summary_method === _constants.CHART_SUMMARY_TYPE.ROW_COUNT) {
-      this.summary_method = _constants.CHART_SUMMARY_TYPE.MAX;
+    if (this.summary_method === CHART_SUMMARY_TYPE.ROW_COUNT) {
+      this.summary_method = CHART_SUMMARY_TYPE.MAX;
     }
     this.summary_column_key = options.y_axis_summary_column_key;
     this.legend_direction = options.legend_direction;
@@ -34,4 +27,4 @@ class WorldMap extends _baseModel.default {
     this.data_color = options.data_color;
   }
 }
-var _default = exports.default = WorldMap;
+export default WorldMap;

package/dist/services/map-json.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = fetchMapJson;
-var _constants = require("../constants");
+import { MAP_LEVEL, regions } from '../constants';
 const urlMapJson = {};
 function getMapJson(url) {
   return urlMapJson[url];
@@ -14,7 +8,7 @@ function setMapJson(url, json) {
 }
 function getNameEnByMapLocation(mapLocation) {
   const provinceName = mapLocation && mapLocation.province;
-  const province = provinceName && _constants.regions.find(province => province.name === provinceName);
+  const province = provinceName && regions.find(province => province.name === provinceName);
   if (!province) return null;
   let nameEN = {
     province_name_en: province.name_en
@@ -36,24 +30,24 @@ function getNameEnByMapLocation(mapLocation) {
 */
 function getMapJsonQueryUrl(mapLevel, mapLocation) {
   switch (mapLevel) {
-    case _constants.MAP_LEVEL.WORLD:
+    case MAP_LEVEL.WORLD:
       {
         return 'world';
       }
-    case _constants.MAP_LEVEL.COUNTRY:
+    case MAP_LEVEL.COUNTRY:
       {
         return 'china';
       }
-    case _constants.MAP_LEVEL.PROVINCE:
+    case MAP_LEVEL.PROVINCE:
       {
         const nameEn = getNameEnByMapLocation(mapLocation);
         const provinceNameEn = nameEn && nameEn.province_name_en;
         if (!provinceNameEn) {
           return null;
         }
-        return "region-mapjson/".concat(provinceNameEn, "/").concat(provinceNameEn);
+        return `region-mapjson/${provinceNameEn}/${provinceNameEn}`;
       }
-    case _constants.MAP_LEVEL.CITY:
+    case MAP_LEVEL.CITY:
       {
         const nameEn = getNameEnByMapLocation(mapLocation);
         const provinceNameEn = nameEn && nameEn.province_name_en;
@@ -64,9 +58,9 @@ function getMapJsonQueryUrl(mapLevel, mapLocation) {
 
         // e.g. 北京市/北京市
         if (provinceNameEn === cityNameEn) {
-          return "region-mapjson/".concat(provinceNameEn, "/").concat(provinceNameEn);
+          return `region-mapjson/${provinceNameEn}/${provinceNameEn}`;
         }
-        return "region-mapjson/".concat(provinceNameEn, "/").concat(provinceNameEn, "_").concat(cityNameEn);
+        return `region-mapjson/${provinceNameEn}/${provinceNameEn}_${cityNameEn}`;
       }
     default:
       {
@@ -83,7 +77,7 @@ function handleLoadedMapJson(url, mapJson) {
   console.error('on handleLoadedMapJson: mapJson is invalid');
   return null;
 }
-async function fetchMapJson(mapLevel, mapLocation, mediaUrl) {
+export default async function fetchMapJson(mapLevel, mapLocation, mediaUrl) {
   const url = getMapJsonQueryUrl(mapLevel, mapLocation);
   if (!url) {
     console.error('on fetchMapJson: url is null');
@@ -94,7 +88,7 @@ async function fetchMapJson(mapLevel, mapLocation, mediaUrl) {
   }
   let mapJson;
   try {
-    const res = await fetch("".concat(mediaUrl, "dtable-statistic/geolocation/").concat(url, ".json"));
+    const res = await fetch(`${mediaUrl}dtable-statistic/geolocation/${url}.json`);
     if (!res.ok) {
       return null;
     }

package/dist/settings/advance-bar-settings/data-settings.js

@@ -1,22 +1,14 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _commonDataSettings = _interopRequireDefault(require("../widgets/common-data-settings"));
-var _divider = _interopRequireDefault(require("../widgets/divider"));
-var _groupBy = _interopRequireDefault(require("../widgets/group-by"));
-var _yAxisGroupSettings = _interopRequireDefault(require("../widgets/y-axis-group-settings"));
-var _columnUtils = require("../../utils/column-utils");
-var _constants = require("../../constants");
-var _intl = _interopRequireDefault(require("../../intl"));
-var _dataSort = _interopRequireDefault(require("../widgets/data-sort"));
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
+import React, { useCallback } from 'react';
+import { CellType, DATE_COLUMN_OPTIONS } from 'dtable-utils';
+import CommonDataSettings from '../widgets/common-data-settings';
+import Divider from '../widgets/divider';
+import GroupBy from '../widgets/group-by';
+import YAxisGroupSettings from '../widgets/y-axis-group-settings';
+import { isDateFormulaColumn } from '../../utils/column-utils';
+import { CHART_SUMMARY_TYPE, GEOLOCATION_FORMAT_CITY, GEOLOCATION_FORMAT_MAP, SUPPORT_DATA_SORT_CHART_TYPES } from '../../constants';
+import intl from '../../intl';
+import DataSort from '../widgets/data-sort';
 const DataSettings = _ref => {
   let {
     chart,
@@ -26,7 +18,7 @@ const DataSettings = _ref => {
     xLabel = 'X_axis',
     yLabel = 'Y_axis'
   } = _ref;
-  const onXAxisColumnChange = (0, _react.useCallback)(column => {
+  const onXAxisColumnChange = useCallback(column => {
     const {
       config
     } = chart;
@@ -46,18 +38,18 @@ const DataSettings = _ref => {
       update['x_axis_date_granularity'] = null;
       update['x_axis_geolocation_granularity'] = null;
     } else {
-      if (_dtableUtils.DATE_COLUMN_OPTIONS.includes(type) || (0, _columnUtils.isDateFormulaColumn)(column)) {
-        update['x_axis_date_granularity'] = _constants.CHART_SUMMARY_TYPE.MONTH;
+      if (DATE_COLUMN_OPTIONS.includes(type) || isDateFormulaColumn(column)) {
+        update['x_axis_date_granularity'] = CHART_SUMMARY_TYPE.MONTH;
         update['x_axis_geolocation_granularity'] = null;
-      } else if (type === _dtableUtils.CellType.GEOLOCATION) {
+      } else if (type === CellType.GEOLOCATION) {
         const {
           geo_format
         } = column.data || {};
-        if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE) {
-          update['x_axis_geolocation_granularity'] = _constants.GEOLOCATION_FORMAT_MAP.PROVINCE;
-        } else if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
-          update['x_axis_geolocation_granularity'] = _constants.GEOLOCATION_FORMAT_CITY;
-        } else if (geo_format === _constants.GEOLOCATION_FORMAT_MAP.GEOLOCATION || !geo_format) {
+        if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE) {
+          update['x_axis_geolocation_granularity'] = GEOLOCATION_FORMAT_MAP.PROVINCE;
+        } else if (geo_format === GEOLOCATION_FORMAT_MAP.PROVINCE_CITY) {
+          update['x_axis_geolocation_granularity'] = GEOLOCATION_FORMAT_CITY;
+        } else if (geo_format === GEOLOCATION_FORMAT_MAP.GEOLOCATION || !geo_format) {
           update['x_axis_geolocation_granularity'] = 'district';
         } else {
           update['x_axis_geolocation_granularity'] = null;
@@ -67,7 +59,7 @@ const DataSettings = _ref => {
     }
     onChange && onChange(update);
   }, [chart, onChange]);
-  const onGroupbyDateGranularityChange = (0, _react.useCallback)(option => {
+  const onGroupbyDateGranularityChange = useCallback(option => {
     const {
       config
     } = chart;
@@ -80,7 +72,7 @@ const DataSettings = _ref => {
       x_axis_date_granularity: value
     });
   }, [chart, onChange]);
-  const onGroupbyGeolocationGranularityChange = (0, _react.useCallback)(option => {
+  const onGroupbyGeolocationGranularityChange = useCallback(option => {
     const {
       config
     } = chart;
@@ -93,7 +85,7 @@ const DataSettings = _ref => {
       x_axis_geolocation_granularity: value
     });
   }, [chart, onChange]);
-  const onIncludeEmptyChange = (0, _react.useCallback)(event => {
+  const onIncludeEmptyChange = useCallback(event => {
     const {
       config
     } = chart;
@@ -104,14 +96,14 @@ const DataSettings = _ref => {
       x_axis_include_empty_cells: !x_axis_include_empty_cells
     });
   }, [chart, onChange]);
-  const renderDataSort = (0, _react.useCallback)(() => {
+  const renderDataSort = useCallback(() => {
     const {
       config
     } = chart;
-    if (!_constants.SUPPORT_DATA_SORT_CHART_TYPES.includes(config.type)) return null;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_divider.default, {
+    if (!SUPPORT_DATA_SORT_CHART_TYPES.includes(config.type)) return null;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
       className: "mt-4"
-    }), /*#__PURE__*/_react.default.createElement(_dataSort.default, {
+    }), /*#__PURE__*/React.createElement(DataSort, {
       chart: chart,
       onChange: onChange
     }));
@@ -126,15 +118,15 @@ const DataSettings = _ref => {
     x_axis_geolocation_granularity,
     x_axis_include_empty_cells
   } = config;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commonDataSettings.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CommonDataSettings, {
     dataSources: dataSources,
     chart: chart,
     tables: tables,
     onChange: onChange
-  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
+  }), /*#__PURE__*/React.createElement(GroupBy, {
     tables: tables,
     className: "selected-x-axis",
-    label: _intl.default.get(xLabel),
+    label: intl.get(xLabel),
     selectedTableId: table_id,
     selectedColumnKey: x_axis_column_key,
     selectedDateGranularity: x_axis_date_granularity,
@@ -142,18 +134,18 @@ const DataSettings = _ref => {
     onGroupByChange: onXAxisColumnChange,
     onGroupbyDateGranularityChange: onGroupbyDateGranularityChange,
     onGroupbyGeolocationGranularityChange: onGroupbyGeolocationGranularityChange
-  }), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+  }), /*#__PURE__*/React.createElement(_DTableSwitch, {
     checked: x_axis_include_empty_cells,
-    placeholder: _intl.default.get('Include_empty'),
+    placeholder: intl.get('Include_empty'),
     onChange: onIncludeEmptyChange
-  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
+  }), /*#__PURE__*/React.createElement(Divider, {
     className: "mt-4"
-  }), /*#__PURE__*/_react.default.createElement(_yAxisGroupSettings.default, {
+  }), /*#__PURE__*/React.createElement(YAxisGroupSettings, {
     className: "selected-y-axis",
-    label: _intl.default.get(yLabel),
+    label: intl.get(yLabel),
     chart: chart,
     tables: tables,
     onChange: onChange
   }), renderDataSort());
 };
-var _default = exports.default = DataSettings;
+export default DataSettings;

package/dist/settings/advance-bar-settings/index.js

@@ -1,20 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AdvanceBarDataSettings", {
-  enumerable: true,
-  get: function () {
-    return _dataSettings.default;
-  }
-});
-Object.defineProperty(exports, "AdvanceBarStyleSettings", {
-  enumerable: true,
-  get: function () {
-    return _styleSettings.default;
-  }
-});
-var _dataSettings = _interopRequireDefault(require("./data-settings"));
-var _styleSettings = _interopRequireDefault(require("./style-settings"));
+import AdvanceBarDataSettings from './data-settings';
+import AdvanceBarStyleSettings from './style-settings';
+export { AdvanceBarDataSettings, AdvanceBarStyleSettings };