dtable-statistic 4.4.24 → 5.0.0-alpha.0

package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/combination-style-setting.js

@@ -1,240 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
-var _axisLabelPositionSetting = _interopRequireDefault(require("../../public-setting/axis-label-position-setting"));
-var _indToggleSetting = _interopRequireDefault(require("../../public-setting/ind-toggle-setting"));
-var _minMaxSetting = _interopRequireDefault(require("../../public-setting/min-max-setting"));
-var _labelFontSizeEditor = _interopRequireDefault(require("../../basic-chart-settings/style-setting/label-font-size-editor"));
-var _constants = require("../../../../constants");
-class CombinationChartStyle extends _react.Component {
-  constructor() {
-    super(...arguments);
-    this.renderShowAxisLabel = (type, position) => {
-      const {
-        statItem
-      } = this.props;
-      let {
-        show_x_axis_label
-      } = statItem || {};
-      if (type === 'x') {
-        return /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
-          isChecked: show_x_axis_label || false,
-          handleToggleChange: this.onToggleXAxisLabel,
-          label: _reactIntlUniversal.default.get('Display_title')
-        });
-      } else {
-        const isChecked = this.props.statItem["show_y_axis_".concat(position, "_label")] || false;
-        return /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
-          isChecked: isChecked,
-          handleToggleChange: () => this.onToggleYAxisLabel(position),
-          label: _reactIntlUniversal.default.get('Display_title')
-        });
-      }
-    };
-    this.onToggleXAxisLabel = () => {
-      let {
-        statItem,
-        eventBus
-      } = this.props;
-      let {
-        show_x_axis_label
-      } = statItem || {};
-      let updated = {
-        show_x_axis_label: !show_x_axis_label,
-        x_axis_label_position: !show_x_axis_label ? 'center' : null
-      };
-      const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
-      this.props.updateStatItem(newStatItem);
-    };
-    this.onToggleYAxisLabel = position => {
-      let {
-        statItem,
-        eventBus
-      } = this.props;
-      let updated = {
-        ["show_y_axis_".concat(position, "_label")]: !statItem["show_y_axis_".concat(position, "_label")],
-        ["y_axis_".concat(position, "_label_position")]: !statItem["show_y_axis_".concat(position, "_label")] ? 'center' : null
-      };
-      const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
-      this.props.updateStatItem(newStatItem);
-    };
-    this.onSelectAxisLabelPosition = (type, option, position) => {
-      let updated;
-      if (type === 'x') {
-        updated = {
-          x_axis_label_position: option.value
-        };
-      } else {
-        updated = {
-          ["y_axis_".concat(position, "_label_position")]: option.value
-        };
-      }
-      const {
-        statItem,
-        eventBus
-      } = this.props;
-      const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
-      this.props.updateStatItem(newStatItem);
-    };
-    this.onToggleYAxisAutoRange = key => {
-      const {
-        statItem
-      } = this.props;
-      const updated = {
-        [key]: statItem[key] === undefined || statItem[key] === null ? false : !statItem[key]
-      };
-      this.props.updateStatItem(Object.assign({}, statItem, updated));
-    };
-    this.onYAxisMinChange = (key, min) => {
-      const newMin = parseInt(min);
-      if (!Number.isNaN(newMin)) {
-        const {
-          statItem
-        } = this.props;
-        const updated = {
-          [key]: newMin
-        };
-        this.props.updateStatItem(Object.assign({}, statItem, updated));
-      }
-    };
-    this.onYAxisMaxChange = (key, max) => {
-      const newMax = parseInt(max);
-      if (!Number.isNaN(newMax)) {
-        const {
-          statItem
-        } = this.props;
-        const updated = {
-          [key]: newMax
-        };
-        this.props.updateStatItem(Object.assign({}, statItem, updated));
-      }
-    };
-    this.onToggleDisplayData = () => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        display_data
-      } = statItem || {};
-      const updated = {
-        display_data: !display_data
-      };
-      this.props.updateStatItem(Object.assign({}, statItem, updated));
-    };
-    this.onChangeLabelFontSize = label_font_size => {
-      const {
-        statItem
-      } = this.props;
-      this.props.updateStatItem(Object.assign({}, statItem, {
-        label_font_size
-      }));
-    };
-    this.renderLeftAutoRange = () => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        y_axis_auto_range_left,
-        y_axis_min_left,
-        y_axis_max_left
-      } = statItem;
-      const checked = y_axis_auto_range_left === undefined || y_axis_auto_range_left === null ? true : y_axis_auto_range_left;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
-        isChecked: checked,
-        handleToggleChange: () => {
-          this.onToggleYAxisAutoRange('y_axis_auto_range_left');
-        },
-        label: _reactIntlUniversal.default.get('Auto_range')
-      }), !checked && /*#__PURE__*/_react.default.createElement(_minMaxSetting.default, {
-        min: y_axis_min_left,
-        max: y_axis_max_left,
-        onMinChange: this.onYAxisMinChange.bind(this, 'y_axis_min_left'),
-        onMaxChange: this.onYAxisMaxChange.bind(this, 'y_axis_max_left')
-      }));
-    };
-    this.renderRightAutoRange = () => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        y_axis_auto_range_right,
-        y_axis_min_right,
-        y_axis_max_right
-      } = statItem;
-      const checked = y_axis_auto_range_right === undefined || y_axis_auto_range_right === null ? true : y_axis_auto_range_right;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
-        isChecked: checked,
-        handleToggleChange: () => {
-          this.onToggleYAxisAutoRange('y_axis_auto_range_right');
-        },
-        label: _reactIntlUniversal.default.get('Auto_range')
-      }), !checked && /*#__PURE__*/_react.default.createElement(_minMaxSetting.default, {
-        min: y_axis_min_right,
-        max: y_axis_max_right,
-        onMinChange: this.onYAxisMinChange.bind(this, 'y_axis_min_right'),
-        onMaxChange: this.onYAxisMaxChange.bind(this, 'y_axis_max_right')
-      }));
-    };
-  }
-  render() {
-    const {
-      statItem
-    } = this.props;
-    const {
-      show_x_axis_label,
-      show_y_axis_left_label,
-      show_y_axis_right_label,
-      display_data = false,
-      label_font_size = 12
-    } = statItem;
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), this.renderShowAxisLabel('x'), show_x_axis_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
-      statItem: statItem,
-      axisType: 'x',
-      onSelectAxisLabelPosition: this.onSelectAxisLabelPosition
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis(primary)')), this.renderShowAxisLabel('y', 'left'), show_y_axis_left_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
-      statItem: statItem,
-      axisType: 'y_left',
-      onSelectAxisLabelPosition: (type, option) => this.onSelectAxisLabelPosition(type, option, 'left')
-    }), this.renderLeftAutoRange()), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis(secondary)')), this.renderShowAxisLabel('y', 'right'), show_y_axis_right_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
-      statItem: statItem,
-      axisType: 'y_right',
-      onSelectAxisLabelPosition: (type, option) => this.onSelectAxisLabelPosition(type, option, 'right')
-    }), this.renderRightAutoRange()), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_indToggleSetting.default, {
-      isChecked: display_data,
-      handleToggleChange: this.onToggleDisplayData,
-      label: _reactIntlUniversal.default.get('Display_data')
-    }), display_data && /*#__PURE__*/_react.default.createElement(_labelFontSizeEditor.default, {
-      className: "mt-3",
-      fontSize: label_font_size,
-      onChangeFontSize: this.onChangeLabelFontSize
-    })));
-  }
-}
-var _default = exports.default = CombinationChartStyle;

package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/heat-map-settings.js

@@ -1,89 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _reactstrap = require("reactstrap");
-var _colorGroupSelector = _interopRequireDefault(require("../../color-setting/color-group-selector"));
-var _constants = require("../../../../constants");
-class HeatMapStyleSettings extends _react.Component {
-  constructor() {
-    super(...arguments);
-    this.renderColorSetting = () => {
-      const {
-        onChangeColor,
-        statItem
-      } = this.props;
-      return /*#__PURE__*/_react.default.createElement(_colorGroupSelector.default, {
-        currentColor: statItem.data_color,
-        onChangeColor: onChangeColor
-      });
-    };
-    this.onSubmit = evt => {
-      const {
-        statItem
-      } = this.props;
-      const key = evt.target.name;
-      const value = evt.target.value.trim().replace(/[^0-9]/g, '');
-      const newValue = value ? Number(value) : null;
-      if (newValue === statItem[key]) {
-        return;
-      }
-      if (newValue) {
-        this.props.updateStatItem(Object.assign({}, statItem, {
-          [key]: newValue
-        }));
-      }
-    };
-    this.onKeyDown = e => {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        e.target.blur();
-      }
-    };
-  }
-  render() {
-    const {
-      statItem
-    } = this.props;
-    const {
-      grid_size,
-      grid_distance
-    } = statItem;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderColorSetting(), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
-      for: "grid-size"
-    }, _reactIntlUniversal.default.get('Grid_size')), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      type: "text",
-      id: "grid-size",
-      name: "grid_size",
-      defaultValue: grid_size || _constants.DEFAULT_GRID_SIZE,
-      onBlur: this.onSubmit,
-      onKeyDown: this.onKeyDown
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroupAddon, {
-      addonType: "append"
-    }, "px"))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
-      for: "grid-distance"
-    }, _reactIntlUniversal.default.get('Grid_distance')), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      type: "text",
-      id: "grid-distance",
-      name: "grid_distance",
-      defaultValue: grid_distance || _constants.DEFAULT_GRID_DISTANCE,
-      onBlur: this.onSubmit,
-      onKeyDown: this.onKeyDown
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.InputGroupAddon, {
-      addonType: "append"
-    }, "px"))));
-  }
-}
-var _default = exports.default = HeatMapStyleSettings;

package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/map-setting.js

@@ -1,138 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _rcSlider = _interopRequireDefault(require("rc-slider"));
-var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _colorGroupSelector = _interopRequireDefault(require("../../color-setting/color-group-selector"));
-var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _constants = require("../../../../constants");
-require("../../../../assets/css/slider.css");
-class MapStyleSetting extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onSliderChange = value => {
-      this.setState({
-        legendSize: value
-      });
-    };
-    this.onAfterChange = value => {
-      const {
-        statItem
-      } = this.props;
-      this.props.updateStatItem(Object.assign({}, statItem, {
-        legend_size: value
-      }));
-    };
-    this.getSelectedDirectionOption = () => {
-      const {
-        statItem
-      } = this.props;
-      const {
-        legend_direction = 'vertical'
-      } = statItem;
-      if (legend_direction === 'vertical') {
-        return this.legendDirectionOptions[0];
-      }
-      return this.legendDirectionOptions[1];
-    };
-    this.renderLabelColor = () => {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Bubble_color')), /*#__PURE__*/_react.default.createElement("div", {
-        className: "row gutters-xs ml-0"
-      }, _constants.LABEL_COLORS.map((item, index) => {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          key: "map-bubble-color-".concat(index),
-          className: "col-auto pl-0"
-        }, /*#__PURE__*/_react.default.createElement("label", {
-          className: "colorinput"
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "colorinput-color statistic-colorinput",
-          onClick: this.updateBubbleColor.bind(this, item),
-          style: {
-            backgroundColor: item,
-            borderColor: item
-          }
-        }, item === (this.props.statItem.bubble_color || _constants.LABEL_COLORS[0]) && /*#__PURE__*/_react.default.createElement("i", {
-          className: "dtable-font dtable-icon-check-mark statistic-check-mark"
-        }))));
-      })));
-    };
-    this.updateBubbleColor = color => {
-      const {
-        statItem
-      } = this.props;
-      this.props.updateStatItem(Object.assign({}, statItem, {
-        bubble_color: color
-      }));
-    };
-    this.renderColorSetting = () => {
-      const {
-        onChangeColor,
-        statItem
-      } = this.props;
-      const {
-        type
-      } = statItem;
-      return !type.includes('bubble') ? /*#__PURE__*/_react.default.createElement(_colorGroupSelector.default, {
-        currentColor: statItem.data_color,
-        onChangeColor: onChangeColor
-      }) : this.renderLabelColor();
-    };
-    this.onDirectionChange = option => {
-      const {
-        statItem
-      } = this.props;
-      this.props.updateStatItem(Object.assign({}, statItem, {
-        legend_direction: option.value
-      }));
-    };
-    this.renderLegendDirection = () => {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Legend_direction')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
-        value: this.getSelectedDirectionOption(),
-        options: this.legendDirectionOptions,
-        onChange: this.onDirectionChange
-      }));
-    };
-    this.renderLegendSize = () => {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Legend_size')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_rcSlider.default, {
-        value: this.state.legendSize,
-        step: 0.5,
-        min: 1,
-        max: 5,
-        onChange: this.onSliderChange,
-        onAfterChange: this.onAfterChange
-      })));
-    };
-    this.legendDirectionOptions = [{
-      value: 'vertical',
-      label: /*#__PURE__*/_react.default.createElement("span", {
-        className: "select-option-name"
-      }, _reactIntlUniversal.default.get('Vertical'))
-    }, {
-      value: 'horizontal',
-      label: /*#__PURE__*/_react.default.createElement("span", {
-        className: "select-option-name"
-      }, _reactIntlUniversal.default.get('Horizontal'))
-    }];
-    this.state = {
-      legendSize: props.statItem.legend_size || 1
-    };
-  }
-  render() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderColorSetting(), /*#__PURE__*/_react.default.createElement("div", {
-      className: "statistic-chart-parameter-divider"
-    }), this.renderLegendDirection(), this.renderLegendSize());
-  }
-}
-var _default = exports.default = MapStyleSetting;