sea-chart 1.1.64 → 2.0.0

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

@@ -1,24 +1,32 @@
-import _CollapsibleSettingLayout from "dtable-ui-component/lib/CollapsibleSettingLayout";
-import _DTableRadioGroup from "dtable-ui-component/lib/DTableRadioGroup";
-import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
-import React, { useCallback, useMemo, useState } from 'react';
-import { Label, Input, Row } from 'reactstrap';
-import { CellType } from 'dtable-ui-component/lib/constants';
-import Divider from '../widgets/divider';
-import MinMaxSetting from '../widgets/min-max-setting';
-import DisplayValuesSettings from '../widgets/display-values-settings';
-import { X_LABEL_POSITIONS, Y_LABEL_POSITIONS, LABEL_POSITION_TYPE_SHOW, SUPPORT_STACK_VALUE_CHART_TYPES, CHART_TYPE, SUPPORT_GOAL_LINE_CHART_TYPES } from '../../constants';
-import intl from '../../intl';
-import SelectLineType from '../widgets/select-line-type';
-import ColorSelector from '../../components/chart-color-selector/color-selector';
-import { SUPPORT_SINGLE_SELECT_THEMES_OPTIONS } from '../../constants/color-rules';
-import { getColumnByKey } from '../../utils';
-import GoalLineSetting from '../../components/goal-line-setting';
+"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 _CollapsibleSettingLayout2 = _interopRequireDefault(require("dtable-ui-component/lib/CollapsibleSettingLayout"));
+var _DTableRadioGroup2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableRadioGroup"));
+var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _constants = require("dtable-ui-component/lib/constants");
+var _divider = _interopRequireDefault(require("../widgets/divider"));
+var _minMaxSetting = _interopRequireDefault(require("../widgets/min-max-setting"));
+var _displayValuesSettings = _interopRequireDefault(require("../widgets/display-values-settings"));
+var _constants2 = require("../../constants");
+var _intl = _interopRequireDefault(require("../../intl"));
+var _selectLineType = _interopRequireDefault(require("../widgets/select-line-type"));
+var _colorSelector = _interopRequireDefault(require("../../components/chart-color-selector/color-selector"));
+var _colorRules = require("../../constants/color-rules");
+var _utils = require("../../utils");
+var _goalLineSetting = _interopRequireDefault(require("../../components/goal-line-setting"));
 const StyleSettings = _ref => {
   let {
     chart,
-    xLabel,
-    yLabel,
+    xLabel = 'X_axis',
+    yLabel = 'Y_axis',
     onChange,
     onStyleChange,
     tables
@@ -51,23 +59,23 @@ const StyleSettings = _ref => {
     goal_label
   } = style_config || {};
   const table = tables.find(table => table._id === table_id);
-  const column = getColumnByKey(column_groupby_column_key, table.columns);
-  const isGroupBySingleSelectColumn = (column === null || column === void 0 ? void 0 : column.type) === CellType.SINGLE_SELECT;
-  const defaultColorTheme = SUPPORT_SINGLE_SELECT_THEMES_OPTIONS.DEFAULT;
-  const [currYaxisTitle, setCurrYaxisTitle] = useState(title_name || '');
-  const xAxisLabelOptions = useMemo(() => {
+  const column = (0, _utils.getColumnByKey)(column_groupby_column_key, table.columns);
+  const isGroupBySingleSelectColumn = (column === null || column === void 0 ? void 0 : column.type) === _constants.CellType.SINGLE_SELECT;
+  const defaultColorTheme = _colorRules.SUPPORT_SINGLE_SELECT_THEMES_OPTIONS.DEFAULT;
+  const [currYaxisTitle, setCurrYaxisTitle] = (0, _react.useState)(title_name || '');
+  const xAxisLabelOptions = (0, _react.useMemo)(() => {
     if (xLabel === 'Vertical_axis') {
-      return Y_LABEL_POSITIONS;
+      return _constants2.Y_LABEL_POSITIONS;
     }
-    return X_LABEL_POSITIONS;
+    return _constants2.X_LABEL_POSITIONS;
   }, [xLabel]);
-  const yAxisLabelOptions = useMemo(() => {
+  const yAxisLabelOptions = (0, _react.useMemo)(() => {
     if (yLabel === 'Horizontal_axis') {
-      return X_LABEL_POSITIONS;
+      return _constants2.X_LABEL_POSITIONS;
     }
-    return Y_LABEL_POSITIONS;
+    return _constants2.Y_LABEL_POSITIONS;
   }, [yLabel]);
-  const onAxisLabelShowChange = useCallback(labelKey => {
+  const onAxisLabelShowChange = (0, _react.useCallback)(labelKey => {
     const {
       config
     } = chart;
@@ -76,7 +84,7 @@ const StyleSettings = _ref => {
       [labelKey]: !value
     });
   }, [chart, onChange]);
-  const onAxisLabelPositionChange = useCallback((position, positionKey) => {
+  const onAxisLabelPositionChange = (0, _react.useCallback)((position, positionKey) => {
     const {
       config
     } = chart;
@@ -86,7 +94,7 @@ const StyleSettings = _ref => {
       [positionKey]: position
     });
   }, [chart, onChange]);
-  const onYAxisAutoRangeChange = useCallback(() => {
+  const onYAxisAutoRangeChange = (0, _react.useCallback)(() => {
     const {
       config
     } = chart;
@@ -97,7 +105,7 @@ const StyleSettings = _ref => {
       y_axis_auto_range: !y_axis_auto_range
     });
   }, [chart, onChange]);
-  const onYAxisMinChange = useCallback(min => {
+  const onYAxisMinChange = (0, _react.useCallback)(min => {
     const newMin = parseInt(min);
     if (Number.isNaN(newMin)) return;
     const {
@@ -111,7 +119,7 @@ const StyleSettings = _ref => {
       y_axis_min: newMin
     });
   }, [chart, onChange]);
-  const onYAxisMaxChange = useCallback(max => {
+  const onYAxisMaxChange = (0, _react.useCallback)(max => {
     const newMax = parseInt(max);
     if (Number.isNaN(newMax)) return;
     const {
@@ -125,10 +133,10 @@ const StyleSettings = _ref => {
       y_axis_max: newMax
     });
   }, [chart, onChange]);
-  const onDisplayValueChange = useCallback(update => {
+  const onDisplayValueChange = (0, _react.useCallback)(update => {
     onChange(update);
   }, [onChange]);
-  const onDisplayBlockChange = useCallback(value => {
+  const onDisplayBlockChange = (0, _react.useCallback)(value => {
     const {
       config
     } = chart;
@@ -140,13 +148,13 @@ const StyleSettings = _ref => {
     };
     onChange(update);
   }, [chart, onChange]);
-  const onChartColorChange = useCallback(value => {
+  const onChartColorChange = (0, _react.useCallback)(value => {
     const update = {
       'color_theme': value
     };
     onChange(update);
   }, [onChange]);
-  const onKeyDown = useCallback(event => {
+  const onKeyDown = (0, _react.useCallback)(event => {
     if (event.key === 'Enter') {
       event.preventDefault();
       event.target.blur();
@@ -154,45 +162,45 @@ const StyleSettings = _ref => {
   }, []);
   const xAxisLabelPosition = x_axis_label_position || xAxisLabelOptions[0];
   const yAxisLabelPosition = y_axis_label_position || yAxisLabelOptions[0];
-  const isLineChart = [CHART_TYPE.LINE, CHART_TYPE.LINE_GROUP, CHART_TYPE.AREA, CHART_TYPE.AREA_GROUP].includes(type);
+  const isLineChart = [_constants2.CHART_TYPE.LINE, _constants2.CHART_TYPE.LINE_GROUP, _constants2.CHART_TYPE.AREA, _constants2.CHART_TYPE.AREA_GROUP].includes(type);
   const getLabelOptionsDisplay = options => {
     return options.reduce((optionDisplayMap, position) => {
       return {
         ...optionDisplayMap,
-        [position]: intl.get(LABEL_POSITION_TYPE_SHOW[position])
+        [position]: _intl.default.get(_constants2.LABEL_POSITION_TYPE_SHOW[position])
       };
     }, {});
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isLineChart && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectLineType, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLineChart && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_selectLineType.default, {
     selectedLineType: line_type,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
-    title: intl.get(xLabel),
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null)), /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
+    title: _intl.default.get(xLabel),
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
       key: "x_axis_show_label",
       checked: x_axis_show_label || false,
-      placeholder: intl.get('Display_title'),
+      placeholder: _intl.default.get('Display_title'),
       onChange: () => onAxisLabelShowChange('x_axis_show_label')
-    }), x_axis_show_label && /*#__PURE__*/React.createElement(Row, {
+    }), x_axis_show_label && /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
       className: "mt-3 ml-0 mr-0 settings-text-horizontal-align sea-chart-select-group"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Alignment')), /*#__PURE__*/React.createElement(_DTableRadioGroup, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Alignment')), /*#__PURE__*/_react.default.createElement(_DTableRadioGroup2.default, {
       activeOption: xAxisLabelPosition,
       options: xAxisLabelOptions,
       optionsDisplay: getLabelOptionsDisplay(xAxisLabelOptions),
       onSelectChanged: position => onAxisLabelPositionChange(position, 'x_axis_label_position')
     })))
-  }), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
-    title: intl.get(yLabel),
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
+    title: _intl.default.get(yLabel),
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
       key: "y_axis_show_label",
       checked: y_axis_show_label || false,
-      placeholder: intl.get('Display_title'),
+      placeholder: _intl.default.get('Display_title'),
       onChange: () => onAxisLabelShowChange('y_axis_show_label')
-    }), y_axis_show_label && [CHART_TYPE.BAR_STACK].includes(type) && /*#__PURE__*/React.createElement("div", {
+    }), y_axis_show_label && [_constants2.CHART_TYPE.BAR_STACK].includes(type) && /*#__PURE__*/_react.default.createElement("div", {
       className: "mt-3"
-    }, /*#__PURE__*/React.createElement(Label, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
       for: "y-axis-custom-title-input"
-    }, intl.get('Custom_title')), /*#__PURE__*/React.createElement(Input, {
+    }, _intl.default.get('Custom_title')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
       id: "y-axis-custom-title-input",
       type: "text",
       value: currYaxisTitle,
@@ -203,51 +211,47 @@ const StyleSettings = _ref => {
       },
       onChange: event => setCurrYaxisTitle(event.target.value),
       onKeyDown: onKeyDown
-    })), y_axis_show_label && /*#__PURE__*/React.createElement(Row, {
+    })), y_axis_show_label && /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
       className: "mt-3 ml-0 mr-0 settings-text-horizontal-align sea-chart-select-group"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Alignment')), /*#__PURE__*/React.createElement(_DTableRadioGroup, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Alignment')), /*#__PURE__*/_react.default.createElement(_DTableRadioGroup2.default, {
       activeOption: yAxisLabelPosition,
       options: yAxisLabelOptions,
       optionsDisplay: getLabelOptionsDisplay(yAxisLabelOptions),
       onSelectChanged: position => onAxisLabelPositionChange(position, 'y_axis_label_position')
-    })), ![CHART_TYPE.BAR_CUSTOM].includes(type) && /*#__PURE__*/React.createElement(_DTableSwitch, {
+    })), ![_constants2.CHART_TYPE.BAR_CUSTOM].includes(type) && /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
       key: "y_axis_auto_range",
       switchClassName: "mt-3",
       checked: y_axis_auto_range,
-      placeholder: intl.get('Auto_range'),
+      placeholder: _intl.default.get('Auto_range'),
       onChange: onYAxisAutoRangeChange
-    }), !y_axis_auto_range && /*#__PURE__*/React.createElement("div", {
+    }), !y_axis_auto_range && /*#__PURE__*/_react.default.createElement("div", {
       className: "mt-3"
-    }, /*#__PURE__*/React.createElement(MinMaxSetting, {
+    }, /*#__PURE__*/_react.default.createElement(_minMaxSetting.default, {
       min: y_axis_min,
       max: y_axis_max,
       onMinChange: onYAxisMinChange,
       onMaxChange: onYAxisMaxChange
     })))
-  }), isGroupBySingleSelectColumn && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(ColorSelector, {
+  }), isGroupBySingleSelectColumn && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_colorSelector.default, {
     colorTheme: color_theme || defaultColorTheme,
     onChange: onChartColorChange
-  })), /*#__PURE__*/React.createElement(Divider, null), SUPPORT_GOAL_LINE_CHART_TYPES.includes(type) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GoalLineSetting, {
+  })), /*#__PURE__*/_react.default.createElement(_divider.default, null), _constants2.SUPPORT_GOAL_LINE_CHART_TYPES.includes(type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_goalLineSetting.default, {
     displayGoalLine: display_goal_line,
     goalLabel: goal_label,
     goalValue: goal_value,
     onChange: onStyleChange
-  }), /*#__PURE__*/React.createElement(Divider, null)), ![CHART_TYPE.BAR_CUSTOM].includes(type) && /*#__PURE__*/React.createElement(DisplayValuesSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null)), ![_constants2.CHART_TYPE.BAR_CUSTOM].includes(type) && /*#__PURE__*/_react.default.createElement(_displayValuesSettings.default, {
     isShowValueKey: "y_axis_show_value",
     isShowValue: y_axis_show_value,
     fontSizeKey: "label_font_size",
     fontSize: label_font_size,
     onChange: onDisplayValueChange
-  }), SUPPORT_STACK_VALUE_CHART_TYPES.includes(type) && /*#__PURE__*/React.createElement(_DTableSwitch, {
+  }), _constants2.SUPPORT_STACK_VALUE_CHART_TYPES.includes(type) && /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     switchClassName: "display-value-settings",
     checked: display_each_block_data,
     disabled: false,
-    placeholder: intl.get('Display_value_of_each_block'),
+    placeholder: _intl.default.get('Display_value_of_each_block'),
     onChange: onDisplayBlockChange
   }));
 };
-StyleSettings.defaultProps = {
-  xLabel: 'X_axis',
-  yLabel: 'Y_axis'
-};
-export default StyleSettings;
+var _default = exports.default = StyleSettings;

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

@@ -1,24 +1,32 @@
-import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
-import React, { useCallback } from 'react';
-import { CellType, DATE_COLUMN_OPTIONS } 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 DataSort from '../widgets/data-sort';
-import { islinkDateFormula } from '../../utils/column-utils';
-import { CHART_SUMMARY_TYPE, SUPPORT_DATA_SORT_CHART_TYPES, CHART_SUMMARY_TYPES, GEOLOCATION_FORMAT_CITY, GEOLOCATION_FORMAT_MAP, CHART_TYPE } 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 _dataSort = _interopRequireDefault(require("../widgets/data-sort"));
+var _columnUtils = require("../../utils/column-utils");
+var _constants = require("../../constants");
 const DataSettings = _ref => {
   let {
     chart,
     dataSources,
     tables,
-    xLabel,
-    yLabel,
+    xLabel = 'X_axis',
+    yLabel = 'Y_axis',
     onChange
   } = _ref;
-  const onXAxisColumnChange = useCallback(column => {
+  const onXAxisColumnChange = (0, _react.useCallback)(column => {
     const {
       config
     } = chart;
@@ -38,18 +46,18 @@ const DataSettings = _ref => {
       update['x_axis_date_granularity'] = null;
       update['x_axis_geolocation_granularity'] = null;
     } else {
-      if (DATE_COLUMN_OPTIONS.includes(type) || islinkDateFormula(column)) {
-        update['x_axis_date_granularity'] = CHART_SUMMARY_TYPE.MONTH;
+      if (_dtableUtils.DATE_COLUMN_OPTIONS.includes(type) || (0, _columnUtils.islinkDateFormula)(column)) {
+        update['x_axis_date_granularity'] = _constants.CHART_SUMMARY_TYPE.MONTH;
         update['x_axis_geolocation_granularity'] = null;
-      } else if (type === CellType.GEOLOCATION) {
+      } else if (type === _dtableUtils.CellType.GEOLOCATION) {
         const {
           geo_format
         } = column.data || {};
-        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) {
+        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) {
           update['x_axis_geolocation_granularity'] = 'district';
         } else {
           update['x_axis_geolocation_granularity'] = null;
@@ -59,7 +67,7 @@ const DataSettings = _ref => {
     }
     onChange && onChange(update);
   }, [chart, onChange]);
-  const onGroupbyDateGranularityChange = useCallback(option => {
+  const onGroupbyDateGranularityChange = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -72,7 +80,7 @@ const DataSettings = _ref => {
       x_axis_date_granularity: value
     });
   }, [chart, onChange]);
-  const onGroupbyGeolocationGranularityChange = useCallback(option => {
+  const onGroupbyGeolocationGranularityChange = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -85,7 +93,7 @@ const DataSettings = _ref => {
       x_axis_geolocation_granularity: value
     });
   }, [chart, onChange]);
-  const onIncludeEmptyChange = useCallback(event => {
+  const onIncludeEmptyChange = (0, _react.useCallback)(event => {
     const {
       config
     } = chart;
@@ -96,14 +104,14 @@ const DataSettings = _ref => {
       x_axis_include_empty_cells: !x_axis_include_empty_cells
     });
   }, [chart, onChange]);
-  const renderDataSort = useCallback(() => {
+  const renderDataSort = (0, _react.useCallback)(() => {
     const {
       config
     } = chart;
-    if (!SUPPORT_DATA_SORT_CHART_TYPES.includes(config.type)) return null;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
+    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, {
       className: "mt-4"
-    }), /*#__PURE__*/React.createElement(DataSort, {
+    }), /*#__PURE__*/_react.default.createElement(_dataSort.default, {
       chart: chart,
       onChange: onChange
     }));
@@ -119,15 +127,15 @@ const DataSettings = _ref => {
     x_axis_geolocation_granularity,
     x_axis_include_empty_cells
   } = 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, {
     tables: tables,
     className: "selected-x-axis",
-    label: intl.get(xLabel),
+    label: _intl.default.get(xLabel),
     selectedTableId: table_id,
     selectedColumnKey: x_axis_column_key,
     selectedDateGranularity: x_axis_date_granularity,
@@ -135,29 +143,25 @@ const DataSettings = _ref => {
     onGroupByChange: onXAxisColumnChange,
     onGroupbyDateGranularityChange: onGroupbyDateGranularityChange,
     onGroupbyGeolocationGranularityChange: onGroupbyGeolocationGranularityChange
-  }), /*#__PURE__*/React.createElement(_DTableSwitch, {
+  }), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
     checked: x_axis_include_empty_cells,
-    placeholder: intl.get('Include_empty'),
+    placeholder: _intl.default.get('Include_empty'),
     onChange: onIncludeEmptyChange
-  }), /*#__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(yLabel),
-    showSummaryTypes: type === CHART_TYPE.BAR_CUSTOM ? false : true,
+    label: _intl.default.get(yLabel),
+    showSummaryTypes: type === _constants.CHART_TYPE.BAR_CUSTOM ? false : true,
     summaryTypeKey: 'y_axis_summary_type',
     summaryMethodKey: 'y_axis_summary_method',
     summaryColumnKey: 'y_axis_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
   }), renderDataSort());
 };
-DataSettings.defaultProps = {
-  xLabel: 'X_axis',
-  yLabel: 'Y_axis'
-};
-export default DataSettings;
+var _default = exports.default = DataSettings;

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

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