sea-chart 0.0.1 → 0.0.2

package/lib/components/formatter/treemap.js

@@ -1,213 +0,0 @@
-import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import PropTypes from 'prop-types';
-import DataSet from '@antv/data-set';
-import { each, pick } from '@antv/util';
-import { getEllipsisText } from '@antv/g2/esm/util/text';
-import { STATISTIC_SUMMARY_TYPE, EMPTY_NAME } from '../../constants';
-import { StatisticsUtils } from '../../utils';
-import { registerGeometryLabelLayout } from '../../utils/custom-g2';
-import ChartComponent from './chart-component';
-import intl from '../../intl';
-var Treemap = /*#__PURE__*/function (_ChartComponent) {
-  _inherits(Treemap, _ChartComponent);
-  var _super = _createSuper(Treemap);
-  function Treemap(props) {
-    var _this;
-    _classCallCheck(this, Treemap);
-    _this = _super.call(this, props);
-    // customize label layout: show ellipsis for long labels
-    _this.limitInShape = function (items, labels, shapes, region) {
-      each(labels, function (label, index) {
-        var labelBBox = label.getCanvasBBox();
-        var shapeBBox = shapes[index].getBBox();
-        if (labelBBox.minX < shapeBBox.minX || labelBBox.minY < shapeBBox.minY || labelBBox.maxX > shapeBBox.maxX || labelBBox.maxY > shapeBBox.maxY) {
-          var translateX = labelBBox.width - shapeBBox.width + 20;
-          var textShapes = label.findAll(function (shape) {
-            return shape.get('type') === 'text';
-          });
-          textShapes.forEach(function (textShape) {
-            var style = pick(textShape.attr(), ['fontSize', 'fontFamily', 'fontWeight', 'fontStyle', 'fontVariant']);
-            var textBox = textShape.getCanvasBBox();
-            var text = getEllipsisText(textShape.attr('text'), textBox.width - Math.abs(translateX), style);
-            textShape.attr('text', text);
-          });
-        }
-      });
-    };
-    _this.createChart = function () {
-      var canvasStyle = _this.props.canvasStyle;
-      _this.initChart(_this.container, canvasStyle, 0);
-    };
-    _this.destroyChart = function () {
-      _this.chart.destroy();
-      _this.chart = null;
-    };
-    _this.clearChart = function () {
-      _this.chart.annotation().clear(true);
-      _this.chart.clear(true);
-    };
-    _this.drawChart = function () {
-      var _this$props = _this.props,
-        data = _this$props.result,
-        statistic = _this$props.statistic,
-        tables = _this$props.tables,
-        summaryColumn = _this$props.summaryColumn;
-      var _statistic$config = statistic.config,
-        summary_type = _statistic$config.summary_type,
-        summary_method = _statistic$config.summary_method;
-      var _StatisticsUtils$form = StatisticsUtils.formatPieChartData(data, statistic, tables),
-        newData = _StatisticsUtils$form.data,
-        colorSet = _StatisticsUtils$form.colorSet;
-      if (!Array.isArray(newData)) return;
-      var DataView = DataSet.DataView;
-      var dv = new DataView();
-      var fullData = {
-        name: 'root',
-        children: newData.map(function (item) {
-          var name = item.name;
-          item.name = name || name === 0 ? name : intl.get(EMPTY_NAME);
-          if (name === '_Others') {
-            item.name = intl.get('Others');
-          }
-          return item;
-        })
-      };
-      dv.source(fullData, {
-        type: 'hierarchy'
-      }).transform({
-        field: 'value',
-        type: 'hierarchy.treemap',
-        tile: 'treemapResquarify',
-        as: ['x', 'y']
-      });
-      var nodes = [];
-      var _iterator = _createForOfIteratorHelper(dv.getAllNodes()),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var node = _step.value;
-          if (node.data.name === 'root') {
-            continue;
-          }
-          var eachNode = {
-            name: node.data.name,
-            x: node.x,
-            y: node.y,
-            value: node.data.value,
-            percent: node.data.percent,
-            original_name: node.data.original_name,
-            rows: node.data.rows || null
-          };
-          nodes.push(eachNode);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      _this.chart.data(nodes);
-      _this.chart.scale({
-        x: {
-          nice: true
-        },
-        y: {
-          nice: true
-        }
-      });
-      _this.chart.axis(false);
-      _this.chart.legend(false);
-      _this.chart.tooltip({
-        showTitle: false,
-        showMarkers: false,
-        containerTpl: '<div class="g2-tooltip"><div class="g2-tooltip-list"></div></div>',
-        itemTpl: '<div class="g2-tooltip-content"><div class="tooltip-name">{name}<div><div class="tooltip-item">{info}<div></div>',
-        domStyles: {
-          'g2-tooltip': {
-            borderRadius: '2px',
-            backgroundColor: '#fff',
-            padding: '10px'
-          },
-          'tooltip-item': {
-            marginTop: '5px'
-          }
-        }
-      });
-      _this.chart.polygon().position('x*y').color('name', colorSet).tooltip('name*value*percent', function (name, value, percent) {
-        var displayValue = StatisticsUtils.getSummaryValueDisplayString(summaryColumn, value, summary_method);
-        return {
-          name: name,
-          info: summary_type === STATISTIC_SUMMARY_TYPE.COUNT ? "".concat(value) : "".concat(summaryColumn.name, ": ").concat(displayValue, " (").concat(percent, ")")
-        };
-      }).style({
-        lineWidth: 1,
-        stroke: '#fff'
-      }).label('name', {
-        offset: 0,
-        style: {
-          textBaseline: 'middle'
-        },
-        content: function content(obj) {
-          if (obj.name !== 'root') {
-            return obj.name;
-          }
-        },
-        layout: {
-          type: 'custom-limit-in-shape'
-        }
-      });
-      _this.chart.interaction('statistic-active');
-      _this.chart.render();
-    };
-    _this.chart = null;
-    registerGeometryLabelLayout('custom-limit-in-shape', _this.limitInShape);
-    return _this;
-  }
-  _createClass(Treemap, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.createChart();
-      this.drawChart();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (StatisticsUtils.shouldChartComponentUpdate(prevProps, this.props)) {
-        this.chart && this.destroyChart();
-        this.createChart();
-        this.drawChart();
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.chart && this.destroyChart();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "seastatistic-container w-100",
-        ref: function ref(_ref) {
-          return _this2.container = _ref;
-        }
-      });
-    }
-  }]);
-  return Treemap;
-}(ChartComponent);
-Treemap.propTypes = {
-  canvasStyle: PropTypes.object,
-  statistic: PropTypes.object,
-  groupbyColumn: PropTypes.object,
-  summaryColumn: PropTypes.object,
-  result: PropTypes.array,
-  tables: PropTypes.array,
-  theme: PropTypes.object
-};
-export default Treemap;

package/lib/components/index.js

@@ -1,5 +0,0 @@
-import Collaborator from './collaborator';
-import Formatter from './formatter';
-import Loading from './loading';
-import Settings from './settings';
-export { Collaborator, Formatter, Loading, Settings };

package/lib/components/number-input/index.js

@@ -1,31 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "min", "step", "max", "readOnly", "className"];
-import React from 'react';
-import { Input } from 'reactstrap';
-function NumberInput(props) {
-  var value = props.value,
-    onChange = props.onChange,
-    min = props.min,
-    step = props.step,
-    max = props.max,
-    readOnly = props.readOnly,
-    className = props.className,
-    otherProps = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/React.createElement(Input, Object.assign({
-    type: "number",
-    className: className,
-    value: value || '0',
-    min: min,
-    step: step,
-    max: max,
-    readOnly: readOnly,
-    onChange: onChange
-  }, otherProps));
-}
-NumberInput.defaultProps = {
-  min: 0,
-  step: 1,
-  max: Infinity,
-  readOnly: false
-};
-export default NumberInput;

package/lib/components/select-group/index.js

@@ -1,63 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React from 'react';
-import intl from '../../intl';
-import './index.css';
-var SelectGroup = /*#__PURE__*/function (_React$Component) {
-  _inherits(SelectGroup, _React$Component);
-  var _super = _createSuper(SelectGroup);
-  function SelectGroup(props) {
-    var _this;
-    _classCallCheck(this, SelectGroup);
-    _this = _super.call(this, props);
-    _this.onSelectChanged = function (event) {
-      var option = event.target.dataset.option;
-      if (option === _this.state.activeOption) return;
-      _this.setState({
-        activeOption: option
-      });
-      _this.props.onSelectChanged(option);
-    };
-    _this.state = {
-      activeOption: props.activeOption
-    };
-    return _this;
-  }
-  _createClass(SelectGroup, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.activeOption !== this.state.activeOption) {
-        this.setState({
-          activeOption: nextProps.activeOption
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        options = _this$props.options,
-        optionsDisplay = _this$props.optionsDisplay;
-      var activeOption = this.state.activeOption;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "select-group-container"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "select-group"
-      }, options.map(function (option) {
-        var isActive = activeOption === option ? true : false;
-        var displayOption = optionsDisplay && optionsDisplay[option] ? intl.get(optionsDisplay[option]) : option;
-        return /*#__PURE__*/React.createElement("div", {
-          key: option,
-          className: "select-group-item ".concat(isActive ? 'active' : ''),
-          "data-option": option,
-          onClick: _this2.onSelectChanged
-        }, displayOption);
-      })));
-    }
-  }]);
-  return SelectGroup;
-}(React.Component);
-export default SelectGroup;

package/lib/components/settings/advance-bar-settings/style-settings.js

@@ -1,149 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { useCallback, useMemo } from 'react';
-import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import Switch from '../widgets/switch';
-import Divider from '../widgets/divider';
-import MinMaxSetting from '../widgets/min-max-setting';
-import DisplayValuesSettings from '../widgets/display-values-settings';
-import { eventStopPropagation } from '../../../utils';
-import { X_LABEL_POSITIONS, Y_LABEL_POSITIONS, LABEL_POSITION_TYPE_SHOW } from '../../../constants';
-import intl from '../../../intl';
-var StyleSettings = function StyleSettings(_ref) {
-  var statistic = _ref.statistic,
-    xLabel = _ref.xLabel,
-    yLabel = _ref.yLabel,
-    onChange = _ref.onChange;
-  var xAxisLabelOptions = useMemo(function () {
-    return X_LABEL_POSITIONS.map(function (item) {
-      return {
-        value: item,
-        label: intl.get(LABEL_POSITION_TYPE_SHOW[item])
-      };
-    });
-  }, []);
-  var yAxisLabelOptions = useMemo(function () {
-    return Y_LABEL_POSITIONS.map(function (item) {
-      return {
-        value: item,
-        label: intl.get(LABEL_POSITION_TYPE_SHOW[item])
-      };
-    });
-  }, []);
-  var onAxisLabelShowChange = useCallback(function (event, labelKey) {
-    eventStopPropagation(event);
-    var config = statistic.config;
-    var value = config[labelKey];
-    onChange && onChange(_defineProperty({}, labelKey, !value));
-  }, [statistic, onChange]);
-  var onAxisLabelPositionChange = useCallback(function (option, positionKey) {
-    var position = option.value;
-    var config = statistic.config;
-    var oldValue = config[positionKey];
-    if (position === oldValue) return;
-    onChange && onChange(_defineProperty({}, positionKey, position));
-  }, [statistic, onChange]);
-  var onYAxisAutoRangeChange = useCallback(function (event) {
-    eventStopPropagation(event);
-    var config = statistic.config;
-    var y_axis_auto_range = config.y_axis_auto_range;
-    onChange && onChange({
-      y_axis_auto_range: !y_axis_auto_range
-    });
-  }, [statistic, onChange]);
-  var onYAxisMinChange = useCallback(function (min) {
-    var newMin = parseInt(min);
-    if (Number.isNaN(newMin)) return;
-    var config = statistic.config;
-    var y_axis_min = config.y_axis_min;
-    if (y_axis_min === newMin) return;
-    onChange && onChange({
-      y_axis_min: newMin
-    });
-  }, [statistic, onChange]);
-  var onYAxisMaxChange = useCallback(function (max) {
-    var newMax = parseInt(max);
-    if (Number.isNaN(newMax)) return;
-    var config = statistic.config;
-    var y_axis_max = config.y_axis_max;
-    if (y_axis_max === newMax) return;
-    onChange && onChange({
-      y_axis_max: newMax
-    });
-  }, [statistic, onChange]);
-  var onDisplayValueChange = useCallback(function (update) {
-    onChange(update);
-  }, [onChange]);
-  var config = statistic.config;
-  var x_axis_show_label = config.x_axis_show_label,
-    x_axis_label_position = config.x_axis_label_position,
-    y_axis_show_label = config.y_axis_show_label,
-    y_axis_label_position = config.y_axis_label_position,
-    _config$y_axis_auto_r = config.y_axis_auto_range,
-    y_axis_auto_range = _config$y_axis_auto_r === void 0 ? true : _config$y_axis_auto_r,
-    y_axis_min = config.y_axis_min,
-    y_axis_max = config.y_axis_max,
-    y_axis_show_value = config.y_axis_show_value,
-    label_font_size = config.label_font_size;
-  var xAxisLabelPosition = xAxisLabelOptions.find(function (option) {
-    return option.value === x_axis_label_position;
-  }) || xAxisLabelOptions[0];
-  var yAxisLabelPosition = yAxisLabelOptions.find(function (option) {
-    return option.value === y_axis_label_position;
-  }) || yAxisLabelOptions[0];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
-    className: "seastatistic-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get(xLabel)), /*#__PURE__*/React.createElement(Switch, {
-    key: "x_axis_show_label",
-    checked: x_axis_show_label || false,
-    placeholder: intl.get('Display_title'),
-    onChange: function onChange(event) {
-      return onAxisLabelShowChange(event, 'x_axis_show_label');
-    }
-  }), x_axis_show_label && /*#__PURE__*/React.createElement(DTableSelect, {
-    value: xAxisLabelPosition,
-    options: xAxisLabelOptions,
-    onChange: function onChange(option) {
-      return onAxisLabelPositionChange(option, 'x_axis_label_position');
-    }
-  })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(FormGroup, {
-    className: "seastatistic-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get(yLabel)), /*#__PURE__*/React.createElement(Switch, {
-    key: "y_axis_show_label",
-    checked: y_axis_show_label || false,
-    placeholder: intl.get('Display_title'),
-    onChange: function onChange(event) {
-      return onAxisLabelShowChange(event, 'y_axis_show_label');
-    }
-  }), y_axis_show_label && /*#__PURE__*/React.createElement("div", {
-    className: "seastatistic-parameter-container"
-  }, /*#__PURE__*/React.createElement(DTableSelect, {
-    value: yAxisLabelPosition,
-    classNamePrefix: "chart-y-axis-label-position",
-    options: yAxisLabelOptions,
-    onChange: function onChange(option) {
-      return onAxisLabelPositionChange(option, 'y_axis_label_position');
-    }
-  })), /*#__PURE__*/React.createElement(Switch, {
-    key: "y_axis_auto_range",
-    checked: y_axis_auto_range,
-    placeholder: intl.get('Auto_range'),
-    onChange: onYAxisAutoRangeChange
-  }), !y_axis_auto_range && /*#__PURE__*/React.createElement(MinMaxSetting, {
-    min: y_axis_min,
-    max: y_axis_max,
-    onMinChange: onYAxisMinChange,
-    onMaxChange: onYAxisMaxChange
-  })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(DisplayValuesSettings, {
-    isShowValueKey: "y_axis_show_value",
-    isShowValue: y_axis_show_value,
-    fontSizeKey: "label_font_size",
-    fontSize: label_font_size,
-    onChange: onDisplayValueChange
-  }));
-};
-StyleSettings.defaultProps = {
-  xLabel: 'X_axis',
-  yLabel: 'Y_axis'
-};
-export default StyleSettings;

package/lib/components/settings/bar-settings/style-settings.js

@@ -1,163 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { useMemo, useCallback } from 'react';
-import { Label, FormGroup } from 'reactstrap';
-import DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import Switch from '../widgets/switch';
-import Divider from '../widgets/divider';
-import LabelColor from '../widgets/label-color';
-import MinMaxSetting from '../widgets/min-max-setting';
-import DisplayValuesSettings from '../widgets/display-values-settings';
-import { eventStopPropagation } from '../../../utils';
-import { X_LABEL_POSITIONS, Y_LABEL_POSITIONS, LABEL_POSITION_TYPE_SHOW } from '../../../constants';
-import intl from '../../../intl';
-var StyleSettings = function StyleSettings(_ref) {
-  var statistic = _ref.statistic,
-    xLabel = _ref.xLabel,
-    yLabel = _ref.yLabel,
-    onChange = _ref.onChange;
-  var xAxisLabelOptions = useMemo(function () {
-    return X_LABEL_POSITIONS.map(function (item) {
-      return {
-        value: item,
-        label: intl.get(LABEL_POSITION_TYPE_SHOW[item])
-      };
-    });
-  }, []);
-  var yAxisLabelOptions = useMemo(function () {
-    return Y_LABEL_POSITIONS.map(function (item) {
-      return {
-        value: item,
-        label: intl.get(LABEL_POSITION_TYPE_SHOW[item])
-      };
-    });
-  }, []);
-  var onAxisLabelShowChange = useCallback(function (event, labelKey) {
-    eventStopPropagation(event);
-    var config = statistic.config;
-    var value = config[labelKey];
-    onChange && onChange(_defineProperty({}, labelKey, !value));
-  }, [statistic, onChange]);
-  var onAxisLabelPositionChange = useCallback(function (option, positionKey) {
-    var position = option.value;
-    var config = statistic.config;
-    var oldValue = config[positionKey];
-    if (position === oldValue) return;
-    onChange && onChange(_defineProperty({}, positionKey, position));
-  }, [statistic, onChange]);
-  var onYAxisAutoRangeChange = useCallback(function (event) {
-    eventStopPropagation(event);
-    var config = statistic.config;
-    var y_axis_auto_range = config.y_axis_auto_range;
-    onChange && onChange({
-      y_axis_auto_range: !y_axis_auto_range
-    });
-  }, [statistic, onChange]);
-  var onYAxisMinChange = useCallback(function (min) {
-    var newMin = parseInt(min);
-    if (Number.isNaN(newMin)) return;
-    var config = statistic.config;
-    var y_axis_min = config.y_axis_min;
-    if (y_axis_min === newMin) return;
-    onChange && onChange({
-      y_axis_min: newMin
-    });
-  }, [statistic, onChange]);
-  var onYAxisMaxChange = useCallback(function (max) {
-    var newMax = parseInt(max);
-    if (Number.isNaN(newMax)) return;
-    var config = statistic.config;
-    var y_axis_max = config.y_axis_max;
-    if (y_axis_max === newMax) return;
-    onChange && onChange({
-      y_axis_max: newMax
-    });
-  }, [statistic, onChange]);
-  var onLabelColorChange = useCallback(function (event, color) {
-    eventStopPropagation(event);
-    var config = statistic.config;
-    var y_axis_label_color = config.y_axis_label_color;
-    if (y_axis_label_color === color) return;
-    onChange && onChange({
-      y_axis_label_color: color
-    });
-  }, [statistic, onChange]);
-  var onDisplayValueChange = useCallback(function (update) {
-    onChange && onChange(update);
-  }, [onChange]);
-  var config = statistic.config;
-  var x_axis_show_label = config.x_axis_show_label,
-    x_axis_label_position = config.x_axis_label_position,
-    y_axis_show_label = config.y_axis_show_label,
-    y_axis_label_position = config.y_axis_label_position,
-    _config$y_axis_auto_r = config.y_axis_auto_range,
-    y_axis_auto_range = _config$y_axis_auto_r === void 0 ? true : _config$y_axis_auto_r,
-    y_axis_min = config.y_axis_min,
-    y_axis_max = config.y_axis_max,
-    y_axis_show_value = config.y_axis_show_value,
-    label_font_size = config.label_font_size,
-    y_axis_label_color = config.y_axis_label_color;
-  var xAxisLabelPosition = xAxisLabelOptions.find(function (option) {
-    return option.value === x_axis_label_position;
-  }) || xAxisLabelOptions[0];
-  var yAxisLabelPosition = yAxisLabelOptions.find(function (option) {
-    return option.value === y_axis_label_position;
-  }) || yAxisLabelOptions[0];
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
-    className: "seastatistic-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get(xLabel)), /*#__PURE__*/React.createElement(Switch, {
-    key: "x_axis_show_label",
-    checked: x_axis_show_label || false,
-    placeholder: intl.get('Display_title'),
-    onChange: function onChange(event) {
-      return onAxisLabelShowChange(event, 'x_axis_show_label');
-    }
-  }), x_axis_show_label && /*#__PURE__*/React.createElement(DTableSelect, {
-    value: xAxisLabelPosition,
-    options: xAxisLabelOptions,
-    onChange: function onChange(option) {
-      return onAxisLabelPositionChange(option, 'x_axis_label_position');
-    }
-  })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(FormGroup, {
-    className: "seastatistic-parameter-item"
-  }, /*#__PURE__*/React.createElement(Label, null, intl.get(yLabel)), /*#__PURE__*/React.createElement(Switch, {
-    key: "y_axis_show_label",
-    checked: y_axis_show_label || false,
-    placeholder: intl.get('Display_title'),
-    onChange: function onChange(event) {
-      return onAxisLabelShowChange(event, 'y_axis_show_label');
-    }
-  }), y_axis_show_label && /*#__PURE__*/React.createElement("div", {
-    className: "seastatistic-parameter-container"
-  }, /*#__PURE__*/React.createElement(DTableSelect, {
-    value: yAxisLabelPosition,
-    classNamePrefix: "chart-y-axis-label-position",
-    options: yAxisLabelOptions,
-    onChange: function onChange(option) {
-      return onAxisLabelPositionChange(option, 'y_axis_label_position');
-    }
-  })), /*#__PURE__*/React.createElement(Switch, {
-    key: "y_axis_auto_range",
-    checked: y_axis_auto_range,
-    placeholder: intl.get('Auto_range'),
-    onChange: onYAxisAutoRangeChange
-  }), !y_axis_auto_range && /*#__PURE__*/React.createElement(MinMaxSetting, {
-    min: y_axis_min,
-    max: y_axis_max,
-    onMinChange: onYAxisMinChange,
-    onMaxChange: onYAxisMaxChange
-  })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(LabelColor, {
-    labelColor: y_axis_label_color,
-    onChange: onLabelColorChange
-  }), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(DisplayValuesSettings, {
-    isShowValueKey: "y_axis_show_value",
-    isShowValue: y_axis_show_value,
-    fontSizeKey: "label_font_size",
-    fontSize: label_font_size,
-    onChange: onDisplayValueChange
-  }));
-};
-StyleSettings.defaultProps = {
-  xLabel: 'X_axis',
-  yLabel: 'Y_axis'
-};
-export default StyleSettings;