sea-chart 2.0.36 → 2.0.38

package/dist/settings/map-settings/components/location-field-selector.js

@@ -1,16 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = LocationFieldSelector;
-var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _intl = _interopRequireDefault(require("../../../intl"));
-var _columnUtils = require("../../../utils/column-utils");
-function LocationFieldSelector(_ref) {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import React from 'react';
+import { FormGroup, Label } from 'reactstrap';
+import intl from '../../../intl';
+import { getColumnOptions } from '../../../utils/column-utils';
+export default function LocationFieldSelector(_ref) {
   let {
     locationColumns,
     onChange,
@@ -19,7 +12,7 @@ function LocationFieldSelector(_ref) {
   const currentGeoColumnKey = chart.config.geo_column_key;
 
   // get options
-  const options = (0, _columnUtils.getColumnOptions)(locationColumns);
+  const options = getColumnOptions(locationColumns);
   const selectedOption = options.find(option => option.value.key === currentGeoColumnKey);
   function handleGeoChange(option) {
     if (option.value.key === currentGeoColumnKey) return;
@@ -27,11 +20,11 @@ function LocationFieldSelector(_ref) {
       geo_column_key: option.value.key
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Loaction_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, null, intl.get('Loaction_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
-    placeholder: _intl.default.get('Select_field'),
+    placeholder: intl.get('Select_field'),
     noOptionsMessage: () => {
-      return /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('No_column'));
+      return /*#__PURE__*/React.createElement("span", null, intl.get('No_column'));
     },
     value: selectedOption,
     onChange: handleGeoChange,

package/dist/settings/map-settings/components/map-level-selector.js

@@ -1,24 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MapLevelSelector;
-var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _utils = require("../../../utils");
-var _geolocation = require("../../../constants/geolocation");
-function MapLevelSelector(_ref) {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import React from 'react';
+import { FormGroup } from 'reactstrap';
+import { fixGeoGranularity } from '../../../utils';
+import { MAP_LEVELS } from '../../../constants/geolocation';
+export default function MapLevelSelector(_ref) {
   let {
     onChange,
     mapLevel,
     mapLocation
   } = _ref;
-  const mapLevelOptions = _geolocation.MAP_LEVELS.map(mapLevel => {
+  const mapLevelOptions = MAP_LEVELS.map(mapLevel => {
     return {
-      label: /*#__PURE__*/_react.default.createElement("span", {
+      label: /*#__PURE__*/React.createElement("span", {
         className: "select-option-name"
       }, mapLevel.name),
       value: mapLevel.key
@@ -34,16 +27,16 @@ function MapLevelSelector(_ref) {
     if (newLevel === mapLevel) return;
     const updated = {
       map_level: newLevel,
-      geolocation_granularity: (0, _utils.fixGeoGranularity)({
+      geolocation_granularity: fixGeoGranularity({
         mapLevel: newLevel,
         mapLocation: mapLocation
       })
     };
     onChange(updated);
   };
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+  return /*#__PURE__*/React.createElement(FormGroup, {
     className: "statistic-chart-parameter-item"
-  }, /*#__PURE__*/_react.default.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+  }, /*#__PURE__*/React.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: getSelectedMapLevelOption(),
     options: mapLevelOptions,

package/dist/settings/map-settings/components/map-province-city-selector.js

@@ -1,28 +1,21 @@
-"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 = MapProvinceCitySelector;
-var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _constants = require("../../../constants");
-var _utils = require("../../../utils");
-function MapProvinceCitySelector(_ref) {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import React, { Fragment } from 'react';
+import { FormGroup } from 'reactstrap';
+import { MAP_LEVEL } from '../../../constants';
+import { regions } from '../../../constants';
+import { fixGeoGranularity } from '../../../utils';
+export default function MapProvinceCitySelector(_ref) {
   let {
     mapLevel,
     mapLocation,
     onChange
   } = _ref;
-  const provinceOptions = _constants.regions.map(provinceWithCities => {
+  const provinceOptions = regions.map(provinceWithCities => {
     const {
       name
     } = provinceWithCities;
     return {
-      label: /*#__PURE__*/_react.default.createElement("span", {
+      label: /*#__PURE__*/React.createElement("span", {
         className: "select-option-name"
       }, name),
       value: name
@@ -30,14 +23,14 @@ function MapProvinceCitySelector(_ref) {
   });
   const provinceCitiesOptionsMap = {};
   const createProvinceCitiesOptions = province => {
-    const provinceWithCities = _constants.regions.find(provinceWithCities => provinceWithCities.name === province);
+    const provinceWithCities = regions.find(provinceWithCities => provinceWithCities.name === province);
     if (!provinceWithCities || provinceWithCities.cities.length === 0) return [];
     return provinceWithCities.cities.map(city => {
       const {
         name
       } = city;
       return {
-        label: /*#__PURE__*/_react.default.createElement("span", {
+        label: /*#__PURE__*/React.createElement("span", {
           className: "select-option-name"
         }, name),
         value: name
@@ -69,7 +62,7 @@ function MapProvinceCitySelector(_ref) {
     if (mapLocation && newMapLocation.province === mapLocation.province) return;
     const updated = {
       map_location: newMapLocation,
-      geolocation_granularity: (0, _utils.fixGeoGranularity)({
+      geolocation_granularity: fixGeoGranularity({
         mapLevel: mapLevel,
         mapLocation: newMapLocation
       })
@@ -83,7 +76,7 @@ function MapProvinceCitySelector(_ref) {
     if (mapLocation && newMapLocation.city === mapLocation.city) return;
     const updated = {
       map_location: newMapLocation,
-      geolocation_granularity: (0, _utils.fixGeoGranularity)({
+      geolocation_granularity: fixGeoGranularity({
         mapLevel: mapLevel,
         mapLocation: newMapLocation
       })
@@ -93,9 +86,9 @@ function MapProvinceCitySelector(_ref) {
   const renderCitySelector = () => {
     const province = mapLocation && mapLocation.province;
     const citiesOptions = getProvinceCitiesOptions(province);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: getSelectedCity(citiesOptions),
       options: citiesOptions,
@@ -103,13 +96,13 @@ function MapProvinceCitySelector(_ref) {
       placeholder: "\u8BF7\u9009\u62E9\u57CE\u5E02"
     }));
   };
-  if (mapLevel !== _constants.MAP_LEVEL.PROVINCE && mapLevel !== _constants.MAP_LEVEL.CITY) {
+  if (mapLevel !== MAP_LEVEL.PROVINCE && mapLevel !== MAP_LEVEL.CITY) {
     return null;
   }
-  const isCity = mapLevel === _constants.MAP_LEVEL.CITY;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+  const isCity = mapLevel === MAP_LEVEL.CITY;
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
     className: "statistic-chart-parameter-item"
-  }, /*#__PURE__*/_react.default.createElement("label", null, isCity ? '城市' : '省份'), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+  }, /*#__PURE__*/React.createElement("label", null, isCity ? '城市' : '省份'), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: getSelectedProvinceOption(),
     options: provinceOptions,

package/dist/settings/map-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, "MapDataSettings", {
-  enumerable: true,
-  get: function () {
-    return _mapDataSettings.default;
-  }
-});
-Object.defineProperty(exports, "MapStyleSettings", {
-  enumerable: true,
-  get: function () {
-    return _mapStyleSettings.default;
-  }
-});
-var _mapDataSettings = _interopRequireDefault(require("./map-data-settings"));
-var _mapStyleSettings = _interopRequireDefault(require("./map-style-settings"));
+import MapDataSettings from './map-data-settings';
+import MapStyleSettings from './map-style-settings';
+export { MapDataSettings, MapStyleSettings };

package/dist/settings/map-settings/map-data-settings.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 _react = _interopRequireDefault(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _intl = _interopRequireDefault(require("../../intl"));
-var _divider = _interopRequireDefault(require("../widgets/divider"));
-var _commonDataSettings = _interopRequireDefault(require("../widgets/common-data-settings"));
-var _yAxisGroupSettings = _interopRequireDefault(require("../widgets/y-axis-group-settings"));
-var _columnUtils = require("../../utils/column-utils");
-var _constants = require("../../constants");
-var _mapLevelSelector = _interopRequireDefault(require("./components/map-level-selector"));
-var _mapProvinceCitySelector = _interopRequireDefault(require("./components/map-province-city-selector"));
-var _locationFieldSelector = _interopRequireDefault(require("./components/location-field-selector"));
+import React from 'react';
+import { getTableById } from 'dtable-utils';
+import intl from '../../intl';
+import Divider from '../widgets/divider';
+import CommonDataSettings from '../widgets/common-data-settings';
+import YAxisGroupSettings from '../widgets/y-axis-group-settings';
+import { isMapColumn, isWorldMapColumn } from '../../utils/column-utils';
+import { MAP_LEVEL, CHART_TYPE } from '../../constants';
+import MapLevelSelector from './components/map-level-selector';
+import MapProvinceCitySelector from './components/map-province-city-selector';
+import LocationFieldSelector from './components/location-field-selector';
 const KeyMap = {
   y_axis_summary_method: 'summary_method',
   y_axis_summary_column_key: 'summary_column_key',
@@ -35,9 +28,9 @@ const MapDataSettings = _ref => {
     map_level,
     map_location
   } = chart.config;
-  const isCountryLevel = map_level === _constants.MAP_LEVEL.COUNTRY;
-  const selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
-  const locationColumns = (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.columns.filter(column => [_constants.CHART_TYPE.WORLD_MAP, _constants.CHART_TYPE.WORLD_MAP_BUBBLE].includes(type) ? (0, _columnUtils.isWorldMapColumn)(column) : (0, _columnUtils.isMapColumn)(column, map_level))) || [];
+  const isCountryLevel = map_level === MAP_LEVEL.COUNTRY;
+  const selectedTable = getTableById(tables, table_id);
+  const locationColumns = (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.columns.filter(column => [CHART_TYPE.WORLD_MAP, CHART_TYPE.WORLD_MAP_BUBBLE].includes(type) ? isWorldMapColumn(column) : isMapColumn(column, map_level))) || [];
   function handleYAxisGroupSettingsChange(value) {
     const update = {};
     Object.keys(value).forEach(key => {
@@ -52,33 +45,33 @@ const MapDataSettings = _ref => {
       ...value
     });
   }
-  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, {
     chart: chart,
     dataSources: dataSources,
     tables: tables,
     onChange: onChange
-  }), isShowMapLevel && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mapLevelSelector.default, {
+  }), isShowMapLevel && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MapLevelSelector, {
     onChange: onChange,
     mapLevel: map_level,
     mapLocation: map_location
-  }), !isCountryLevel && /*#__PURE__*/_react.default.createElement(_mapProvinceCitySelector.default, {
+  }), !isCountryLevel && /*#__PURE__*/React.createElement(MapProvinceCitySelector, {
     mapLevel: map_level,
     mapLocation: map_location,
     onChange: onChange
-  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
+  }), /*#__PURE__*/React.createElement(Divider, {
     className: "mt-4"
-  })), /*#__PURE__*/_react.default.createElement(_locationFieldSelector.default, {
+  })), /*#__PURE__*/React.createElement(LocationFieldSelector, {
     locationColumns: locationColumns,
     onChange: onChange,
     chart: chart
-  }), /*#__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('Summary_method'),
+    label: intl.get('Summary_method'),
     chart: chart,
     tables: tables,
     onChange: handleYAxisGroupSettingsChange
   }));
 };
-var _default = exports.default = MapDataSettings;
+export default MapDataSettings;

package/dist/settings/map-settings/map-style-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 = MapStyleSetting;
-var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireWildcard(require("react"));
-var _rcSlider = _interopRequireDefault(require("rc-slider"));
-var _reactstrap = require("reactstrap");
-var _intl = _interopRequireDefault(require("../../intl"));
-var _colorGroupSelector = _interopRequireDefault(require("../../components/color-setting/color-group-selector"));
-var _geolocation = require("../../constants/geolocation");
-var _divider = _interopRequireDefault(require("../widgets/divider"));
-require("rc-slider/assets/index.css");
-require("../../assets/css/slider.css");
-function MapStyleSetting(_ref) {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import React, { useState } from 'react';
+import RcSlider from 'rc-slider';
+import { FormGroup } from 'reactstrap';
+import intl from '../../intl';
+import ColorGroupSelector from '../../components/color-setting/color-group-selector';
+import { LABEL_COLORS } from '../../constants/geolocation';
+import Divider from '../widgets/divider';
+import 'rc-slider/assets/index.css';
+import '../../assets/css/slider.css';
+export default function MapStyleSetting(_ref) {
   let {
     chart,
     onChange
@@ -28,7 +20,7 @@ function MapStyleSetting(_ref) {
     legend_size: initialLegendSize = 1,
     type
   } = chart.config;
-  const [legendSize, setLegendSize] = (0, _react.useState)(initialLegendSize);
+  const [legendSize, setLegendSize] = useState(initialLegendSize);
   const onSliderChange = value => {
     setLegendSize(value);
   };
@@ -54,48 +46,48 @@ function MapStyleSetting(_ref) {
   }
   const legendDirectionOptions = [{
     value: 'vertical',
-    label: /*#__PURE__*/_react.default.createElement("span", {
+    label: /*#__PURE__*/React.createElement("span", {
       className: "select-option-name"
-    }, _intl.default.get('Vertical'))
+    }, intl.get('Vertical'))
   }, {
     value: 'horizontal',
-    label: /*#__PURE__*/_react.default.createElement("span", {
+    label: /*#__PURE__*/React.createElement("span", {
       className: "select-option-name"
-    }, _intl.default.get('Horizontal'))
+    }, intl.get('Horizontal'))
   }];
   const legendDirectionOptionsMap = legendDirectionOptions.reduce((acc, cur) => {
     acc[cur.value] = cur;
     return acc;
   }, {});
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !type.includes('bubble') ? /*#__PURE__*/_react.default.createElement(_colorGroupSelector.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !type.includes('bubble') ? /*#__PURE__*/React.createElement(ColorGroupSelector, {
     currentColor: data_color,
     onChangeColor: onChangeColor
-  }) : /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Bubble_color')), /*#__PURE__*/_react.default.createElement("div", {
+  }) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", null, intl.get('Bubble_color')), /*#__PURE__*/React.createElement("div", {
     className: "ml-0 row gutters-xs"
-  }, _geolocation.LABEL_COLORS.map((item, index) => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: "map-bubble-color-".concat(index),
+  }, LABEL_COLORS.map((item, index) => {
+    return /*#__PURE__*/React.createElement("div", {
+      key: `map-bubble-color-${index}`,
       className: "col-auto pl-0"
-    }, /*#__PURE__*/_react.default.createElement("label", {
+    }, /*#__PURE__*/React.createElement("label", {
       className: "colorinput"
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "colorinput-color statistic-colorinput",
       onClick: updateBubbleColor.bind(this, item),
       style: {
         backgroundColor: item,
         borderColor: item
       }
-    }, item === (bubble_color || _geolocation.LABEL_COLORS[0]) && /*#__PURE__*/_react.default.createElement("i", {
+    }, item === (bubble_color || LABEL_COLORS[0]) && /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-check-mark statistic-check-mark"
     }))));
-  }))), /*#__PURE__*/_react.default.createElement(_divider.default, {
+  }))), /*#__PURE__*/React.createElement(Divider, {
     className: "mt-4"
-  }), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Legend_direction')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+  }), /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement("label", null, intl.get('Legend_direction')), /*#__PURE__*/React.createElement(_DTableSelect, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: legendDirectionOptionsMap[legend_direction],
     options: legendDirectionOptions,
     onChange: onDirectionChange
-  })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Legend_size')), /*#__PURE__*/_react.default.createElement(_rcSlider.default, {
+  })), /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement("label", null, intl.get('Legend_size')), /*#__PURE__*/React.createElement(RcSlider, {
     value: legendSize,
     step: 0.5,
     min: 1,

package/dist/settings/mirror-settings/data-settings.js

@@ -1,20 +1,12 @@
-"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 _intl = _interopRequireDefault(require("../../intl"));
-var _commonDataSettings = _interopRequireDefault(require("../widgets/common-data-settings"));
-var _divider = _interopRequireDefault(require("../widgets/divider"));
-var _groupBy = _interopRequireDefault(require("../widgets/group-by"));
-var _basicSummary = _interopRequireDefault(require("../widgets/basic-summary"));
-var _constants = require("../../constants");
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
+import React, { useCallback } from 'react';
+import { CellType } from 'dtable-utils';
+import intl from '../../intl';
+import CommonDataSettings from '../widgets/common-data-settings';
+import Divider from '../widgets/divider';
+import GroupBy from '../widgets/group-by';
+import BasicSummary from '../widgets/basic-summary';
+import { CHART_SUMMARY_TYPES } from '../../constants';
 const DataSettings = _ref => {
   let {
     chart,
@@ -22,7 +14,7 @@ const DataSettings = _ref => {
     tables,
     onChange
   } = _ref;
-  const onXAxisColumnChange = (0, _react.useCallback)(column => {
+  const onXAxisColumnChange = useCallback(column => {
     const {
       config
     } = chart;
@@ -39,7 +31,7 @@ const DataSettings = _ref => {
     };
     onChange && onChange(update);
   }, [chart, onChange]);
-  const onYAxisColumnChange = (0, _react.useCallback)(column => {
+  const onYAxisColumnChange = useCallback(column => {
     const {
       config
     } = chart;
@@ -56,7 +48,7 @@ const DataSettings = _ref => {
     };
     onChange && onChange(update);
   }, [chart, onChange]);
-  const onTranspose = (0, _react.useCallback)(event => {
+  const onTranspose = useCallback(event => {
     const {
       config
     } = chart;
@@ -76,49 +68,49 @@ const DataSettings = _ref => {
     is_transpose,
     group_column_key
   } = 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, {
     chart: chart,
     tables: tables,
     className: "selected-x-axis",
-    label: _intl.default.get('Statistic_field'),
+    label: intl.get('Statistic_field'),
     selectedTableId: table_id,
     selectedColumnKey: column_key,
     isMirror: true,
     onGroupByChange: onXAxisColumnChange
-  }), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+  }), /*#__PURE__*/React.createElement(_DTableSwitch, {
     checked: is_transpose,
-    placeholder: _intl.default.get('Transpose'),
+    placeholder: intl.get('Transpose'),
     onChange: onTranspose
-  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
+  }), /*#__PURE__*/React.createElement(Divider, {
     className: "mt-4"
-  }), /*#__PURE__*/_react.default.createElement(_groupBy.default, {
+  }), /*#__PURE__*/React.createElement(GroupBy, {
     chart: chart,
     tables: tables,
     className: "selected-x-axis",
-    label: _intl.default.get('Column_grouping_field'),
+    label: intl.get('Column_grouping_field'),
     selectedTableId: table_id,
     selectedColumnKey: group_column_key,
     onlySupportSingleSelect: true,
     onGroupByChange: onYAxisColumnChange
-  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
+  }), /*#__PURE__*/React.createElement(Divider, {
     className: "mt-4"
-  }), /*#__PURE__*/_react.default.createElement(_basicSummary.default, {
+  }), /*#__PURE__*/React.createElement(BasicSummary, {
     className: "selected-y-axis",
-    label: _intl.default.get('Summary_method'),
+    label: intl.get('Summary_method'),
     summaryTypeKey: 'summary_type',
     summaryMethodKey: 'summary_method',
     summaryColumnKey: 'summary_column_key',
     chart: chart,
     selectedTableId: table_id,
     tables: tables,
-    supportColumnTypes: [_dtableUtils.CellType.NUMBER],
-    summaryTypeOptions: _constants.CHART_SUMMARY_TYPES,
+    supportColumnTypes: [CellType.NUMBER],
+    summaryTypeOptions: CHART_SUMMARY_TYPES,
     onChange: onChange
   }));
 };
-var _default = exports.default = DataSettings;
+export default DataSettings;

package/dist/settings/mirror-settings/index.js

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