sea-chart 2.0.38 → 2.0.39

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

@@ -1,9 +1,16 @@
-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) {
+"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) {
   let {
     locationColumns,
     onChange,
@@ -12,7 +19,7 @@ export default function LocationFieldSelector(_ref) {
   const currentGeoColumnKey = chart.config.geo_column_key;
 
   // get options
-  const options = getColumnOptions(locationColumns);
+  const options = (0, _columnUtils.getColumnOptions)(locationColumns);
   const selectedOption = options.find(option => option.value.key === currentGeoColumnKey);
   function handleGeoChange(option) {
     if (option.value.key === currentGeoColumnKey) return;
@@ -20,11 +27,11 @@ export default function LocationFieldSelector(_ref) {
       geo_column_key: option.value.key
     });
   }
-  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, {
+  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, {
     menuPortalTarget: "#sea-chart-settings-content",
-    placeholder: intl.get('Select_field'),
+    placeholder: _intl.default.get('Select_field'),
     noOptionsMessage: () => {
-      return /*#__PURE__*/React.createElement("span", null, intl.get('No_column'));
+      return /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('No_column'));
     },
     value: selectedOption,
     onChange: handleGeoChange,

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

@@ -1,17 +1,24 @@
-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) {
+"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) {
   let {
     onChange,
     mapLevel,
     mapLocation
   } = _ref;
-  const mapLevelOptions = MAP_LEVELS.map(mapLevel => {
+  const mapLevelOptions = _geolocation.MAP_LEVELS.map(mapLevel => {
     return {
-      label: /*#__PURE__*/React.createElement("span", {
+      label: /*#__PURE__*/_react.default.createElement("span", {
         className: "select-option-name"
       }, mapLevel.name),
       value: mapLevel.key
@@ -27,16 +34,16 @@ export default function MapLevelSelector(_ref) {
     if (newLevel === mapLevel) return;
     const updated = {
       map_level: newLevel,
-      geolocation_granularity: fixGeoGranularity({
+      geolocation_granularity: (0, _utils.fixGeoGranularity)({
         mapLevel: newLevel,
         mapLocation: mapLocation
       })
     };
     onChange(updated);
   };
-  return /*#__PURE__*/React.createElement(FormGroup, {
+  return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "statistic-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/_react.default.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: getSelectedMapLevelOption(),
     options: mapLevelOptions,

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

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

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

@@ -1,3 +1,20 @@
-import MapDataSettings from './map-data-settings';
-import MapStyleSettings from './map-style-settings';
-export { MapDataSettings, MapStyleSettings };
+"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"));

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

@@ -1,14 +1,21 @@
-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';
+"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"));
 const KeyMap = {
   y_axis_summary_method: 'summary_method',
   y_axis_summary_column_key: 'summary_column_key',
@@ -28,9 +35,9 @@ const MapDataSettings = _ref => {
     map_level,
     map_location
   } = chart.config;
-  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))) || [];
+  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))) || [];
   function handleYAxisGroupSettingsChange(value) {
     const update = {};
     Object.keys(value).forEach(key => {
@@ -45,33 +52,33 @@ const MapDataSettings = _ref => {
       ...value
     });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CommonDataSettings, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commonDataSettings.default, {
     chart: chart,
     dataSources: dataSources,
     tables: tables,
     onChange: onChange
-  }), isShowMapLevel && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MapLevelSelector, {
+  }), isShowMapLevel && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mapLevelSelector.default, {
     onChange: onChange,
     mapLevel: map_level,
     mapLocation: map_location
-  }), !isCountryLevel && /*#__PURE__*/React.createElement(MapProvinceCitySelector, {
+  }), !isCountryLevel && /*#__PURE__*/_react.default.createElement(_mapProvinceCitySelector.default, {
     mapLevel: map_level,
     mapLocation: map_location,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(Divider, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
     className: "mt-4"
-  })), /*#__PURE__*/React.createElement(LocationFieldSelector, {
+  })), /*#__PURE__*/_react.default.createElement(_locationFieldSelector.default, {
     locationColumns: locationColumns,
     onChange: onChange,
     chart: chart
-  }), /*#__PURE__*/React.createElement(Divider, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, {
     className: "mt-4"
-  }), /*#__PURE__*/React.createElement(YAxisGroupSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_yAxisGroupSettings.default, {
     className: "selected-y-axis",
-    label: intl.get('Summary_method'),
+    label: _intl.default.get('Summary_method'),
     chart: chart,
     tables: tables,
     onChange: handleYAxisGroupSettingsChange
   }));
 };
-export default MapDataSettings;
+var _default = exports.default = MapDataSettings;

package/dist/settings/map-settings/map-style-settings.js

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

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

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

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

@@ -1,2 +1,13 @@
-import MirrorDataSettings from './data-settings';
-export { MirrorDataSettings };
+"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"));