dtable-statistic 4.3.4 → 4.3.5

package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/bar-chart-style-setting.js

@@ -1,15 +1,23 @@
-import React, { Component, Fragment } from 'react';
-import intl from 'react-intl-universal';
-import { CellType, TableUtils } from 'dtable-store';
-import ToggleSetting from '../../public-setting/toggle-setting';
-import IndToggleSetting from '../../public-setting/ind-toggle-setting';
-import AxisLabelPosition from '../../public-setting/axis-label-position-setting';
-import MinMaxSetting from '../../public-setting/min-max-setting';
-import ColorUseTypeSelector from '../../color-setting/color-use-type-selector';
-import LabelFontSizeEditor from './label-font-size-editor';
-import CustomTitleSetting from '../../public-setting/custom-title-setting';
-import { LABEL_COLORS, LABEL_CONFIG_CHANGED, PIE_COLOR_OPTIONS, PIE_COlOR_OPTIONS_MAP, STAT_TYPE } from '../../../../constants';
-class BarChartStyle extends Component {
+"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 _dtableStore = require("dtable-store");
+var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
+var _indToggleSetting = _interopRequireDefault(require("../../public-setting/ind-toggle-setting"));
+var _axisLabelPositionSetting = _interopRequireDefault(require("../../public-setting/axis-label-position-setting"));
+var _minMaxSetting = _interopRequireDefault(require("../../public-setting/min-max-setting"));
+var _colorUseTypeSelector = _interopRequireDefault(require("../../color-setting/color-use-type-selector"));
+var _labelFontSizeEditor = _interopRequireDefault(require("./label-font-size-editor"));
+var _customTitleSetting = _interopRequireDefault(require("../../public-setting/custom-title-setting"));
+var _constants = require("../../../../constants");
+class BarChartStyle extends _react.Component {
   constructor() {
     super(...arguments);
     this.onToggleYAxisAutoRange = () => {
@@ -58,13 +66,13 @@ class BarChartStyle extends Component {
         y_axis_max
       } = statItem;
       const checked = y_axis_auto_range === undefined || y_axis_auto_range === null ? true : y_axis_auto_range;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/React.createElement(ToggleSetting, {
+      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
         isChecked: checked,
         handleToggleChange: this.onToggleYAxisAutoRange,
-        label: intl.get('Auto_range')
-      }), !checked && /*#__PURE__*/React.createElement(MinMaxSetting, {
+        label: _reactIntlUniversal.default.get('Auto_range')
+      }), !checked && /*#__PURE__*/_react.default.createElement(_minMaxSetting.default, {
         min: y_axis_min,
         max: y_axis_max,
         onMinChange: this.onYAxisMinChange,
@@ -96,7 +104,7 @@ class BarChartStyle extends Component {
         x_axis_label_position: !show_x_axis_label ? 'center' : null
       };
       const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(LABEL_CONFIG_CHANGED, newStatItem);
+      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
       this.props.updateStatItem(newStatItem);
     };
     this.onToggleYAxisLabel = () => {
@@ -112,7 +120,7 @@ class BarChartStyle extends Component {
         y_axis_label_position: !show_y_axis_label ? 'center' : null
       };
       const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(LABEL_CONFIG_CHANGED, newStatItem);
+      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
       this.props.updateStatItem(newStatItem);
     };
     this.onSelectAxisLabelPosition = (type, option) => {
@@ -131,7 +139,7 @@ class BarChartStyle extends Component {
         eventBus
       } = this.props;
       const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(LABEL_CONFIG_CHANGED, newStatItem);
+      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
       this.props.updateStatItem(newStatItem);
     };
     this.onToggleDisplayEachBlockData = () => {
@@ -156,7 +164,7 @@ class BarChartStyle extends Component {
       } = statItem || {};
       y_axis_show_label = !y_axis_show_label;
       if (y_axis_show_label) {
-        y_axis_label_color = LABEL_COLORS[0];
+        y_axis_label_color = _constants.LABEL_COLORS[0];
       } else {
         y_axis_label_color = null;
       }
@@ -186,22 +194,22 @@ class BarChartStyle extends Component {
         return false;
       }
       const table = getTableById(table_id);
-      const groupByColumn = TableUtils.getTableColumnByKey(table, column_groupby_column_key);
+      const groupByColumn = _dtableStore.TableUtils.getTableColumnByKey(table, column_groupby_column_key);
       const {
         type: columnType
       } = groupByColumn;
-      if (columnType === CellType.SINGLE_SELECT) {
+      if (columnType === _dtableStore.CellType.SINGLE_SELECT) {
         return true;
       }
       return false;
     };
     this.getColorOptions = () => {
-      const options = PIE_COLOR_OPTIONS.map((item, index) => {
+      const options = _constants.PIE_COLOR_OPTIONS.map((item, index) => {
         return {
           value: item,
-          label: /*#__PURE__*/React.createElement("span", {
+          label: /*#__PURE__*/_react.default.createElement("span", {
             className: 'select-module select-module-name'
-          }, intl.get(PIE_COlOR_OPTIONS_MAP[item]))
+          }, _reactIntlUniversal.default.get(_constants.PIE_COlOR_OPTIONS_MAP[item]))
         };
       });
       return options;
@@ -229,64 +237,64 @@ class BarChartStyle extends Component {
       display_each_block_data,
       title_name = ''
     } = statItem;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('X-axis')), /*#__PURE__*/React.createElement(ToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
       isChecked: show_x_axis_label || false,
       handleToggleChange: this.onToggleXAxisLabel,
-      label: intl.get('Display_title')
-    }), show_x_axis_label && /*#__PURE__*/React.createElement(AxisLabelPosition, {
+      label: _reactIntlUniversal.default.get('Display_title')
+    }), show_x_axis_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
       statItem: statItem,
       axisType: 'x',
       onSelectAxisLabelPosition: this.onSelectAxisLabelPosition
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Y-axis')), /*#__PURE__*/React.createElement(ToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis')), /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
       isChecked: show_y_axis_label || false,
       handleToggleChange: this.onToggleYAxisLabel,
-      label: intl.get('Display_title')
-    }), show_y_axis_label && (this.props.enableYAxisCustomTitle || chartType === STAT_TYPE.BAR_STACK) && /*#__PURE__*/React.createElement(CustomTitleSetting, {
+      label: _reactIntlUniversal.default.get('Display_title')
+    }), show_y_axis_label && (this.props.enableYAxisCustomTitle || chartType === _constants.STAT_TYPE.BAR_STACK) && /*#__PURE__*/_react.default.createElement(_customTitleSetting.default, {
       titleName: title_name || '',
       updateTitleName: this.updateTitleName
-    }), show_y_axis_label && /*#__PURE__*/React.createElement(AxisLabelPosition, {
+    }), show_y_axis_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
       statItem: statItem,
       axisType: 'y',
       onSelectAxisLabelPosition: this.onSelectAxisLabelPosition
-    }), showRangeSetting && this.renderAutoRange()), this.enableUseSingleSelectColumnColorSetting() && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }), showRangeSetting && this.renderAutoRange()), this.enableUseSingleSelectColumnColorSetting() && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(ColorUseTypeSelector, {
+    }), /*#__PURE__*/_react.default.createElement(_colorUseTypeSelector.default, {
       chart: statItem,
       labelColorConfigs: labelColorConfigs,
       updateChart: this.props.updateStatItem
-    })), !hideDisplayDataSetting && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    })), !hideDisplayDataSetting && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(IndToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement(_indToggleSetting.default, {
       isChecked: display_data || false,
-      label: statItem.type === STAT_TYPE.BAR_STACK ? intl.get('Display_stack_total_value') : intl.get('Display_data'),
+      label: statItem.type === _constants.STAT_TYPE.BAR_STACK ? _reactIntlUniversal.default.get('Display_stack_total_value') : _reactIntlUniversal.default.get('Display_data'),
       handleToggleChange: this.onToggleDisplayData
-    }), display_data && /*#__PURE__*/React.createElement(LabelFontSizeEditor, {
+    }), display_data && /*#__PURE__*/_react.default.createElement(_labelFontSizeEditor.default, {
       fontSize: label_font_size,
       className: "mt-3",
       onChangeFontSize: this.onChangeLabelFontSize
-    }))), chartType === STAT_TYPE.BAR && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }))), chartType === _constants.STAT_TYPE.BAR && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(ColorUseTypeSelector, {
+    }), /*#__PURE__*/_react.default.createElement(_colorUseTypeSelector.default, {
       chart: statItem,
       labelColorConfigs: labelColorConfigs,
       updateChart: this.props.updateStatItem
-    })), (this.props.isDisplayEachBlockData || chartType === STAT_TYPE.BAR_STACK) && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    })), (this.props.isDisplayEachBlockData || chartType === _constants.STAT_TYPE.BAR_STACK) && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(IndToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement(_indToggleSetting.default, {
       isChecked: display_each_block_data || false,
-      label: intl.get('Display_value_of_each_block'),
+      label: _reactIntlUniversal.default.get('Display_value_of_each_block'),
       handleToggleChange: this.onToggleDisplayEachBlockData
     }))));
   }
 }
-export default BarChartStyle;
+var _default = exports.default = BarChartStyle;

package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/completeness-style.js

@@ -1,10 +1,18 @@
-import React, { Component } from 'react';
-import intl from 'react-intl-universal';
-import IndToggleSetting from '../../public-setting/ind-toggle-setting';
-import LabelFontSizeEditor from './label-font-size-editor';
-import ToggleSetting from '../../public-setting/toggle-setting';
-import MinMaxSetting from '../../public-setting/min-max-setting';
-class CompletenessStyle extends Component {
+"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 _indToggleSetting = _interopRequireDefault(require("../../public-setting/ind-toggle-setting"));
+var _labelFontSizeEditor = _interopRequireDefault(require("./label-font-size-editor"));
+var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
+var _minMaxSetting = _interopRequireDefault(require("../../public-setting/min-max-setting"));
+class CompletenessStyle extends _react.Component {
   constructor() {
     super(...arguments);
     this.onToggleDisplayData = () => {
@@ -76,25 +84,25 @@ class CompletenessStyle extends Component {
       y_axis_max
     } = statItem;
     const checked = y_axis_auto_range === undefined || y_axis_auto_range === null ? true : y_axis_auto_range;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(IndToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement(_indToggleSetting.default, {
       isChecked: display_percentage || false,
       handleToggleChange: this.onToggleDisplayData,
-      label: intl.get('Display_percentage')
-    }), display_percentage && /*#__PURE__*/React.createElement(LabelFontSizeEditor, {
+      label: _reactIntlUniversal.default.get('Display_percentage')
+    }), display_percentage && /*#__PURE__*/_react.default.createElement(_labelFontSizeEditor.default, {
       fontSize: label_font_size,
       className: "mt-3",
       onChangeFontSize: this.onChangeLabelFontSize
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "mt-1"
-    }, /*#__PURE__*/React.createElement(ToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
       isChecked: checked,
       handleToggleChange: this.onToggleYAxisAutoRange,
-      label: intl.get('Auto_range')
-    }), !checked && /*#__PURE__*/React.createElement(MinMaxSetting, {
+      label: _reactIntlUniversal.default.get('Auto_range')
+    }), !checked && /*#__PURE__*/_react.default.createElement(_minMaxSetting.default, {
       min: y_axis_min,
       max: y_axis_max,
       onMinChange: this.onYAxisMinChange,
@@ -102,4 +110,4 @@ class CompletenessStyle extends Component {
     }))));
   }
 }
-export default CompletenessStyle;
+var _default = exports.default = CompletenessStyle;

package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/horizontal-bar-chart-style.js

@@ -1,15 +1,23 @@
-import React, { Component, Fragment } from 'react';
-import intl from 'react-intl-universal';
-import { CellType, TableUtils } from 'dtable-store';
-import ToggleSetting from '../../public-setting/toggle-setting';
-import IndToggleSetting from '../../public-setting/ind-toggle-setting';
-import AxisLabelPosition from '../../public-setting/axis-label-position-setting';
-import MinMaxSetting from '../../public-setting/min-max-setting';
-import ColorUseTypeSelector from '../../color-setting/color-use-type-selector';
-import LabelFontSizeEditor from './label-font-size-editor';
-import CustomTitleSetting from '../../public-setting/custom-title-setting';
-import { LABEL_COLORS, LABEL_CONFIG_CHANGED, STAT_TYPE } from '../../../../constants';
-class HorizontalBarChartStyle extends Component {
+"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 _dtableStore = require("dtable-store");
+var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
+var _indToggleSetting = _interopRequireDefault(require("../../public-setting/ind-toggle-setting"));
+var _axisLabelPositionSetting = _interopRequireDefault(require("../../public-setting/axis-label-position-setting"));
+var _minMaxSetting = _interopRequireDefault(require("../../public-setting/min-max-setting"));
+var _colorUseTypeSelector = _interopRequireDefault(require("../../color-setting/color-use-type-selector"));
+var _labelFontSizeEditor = _interopRequireDefault(require("./label-font-size-editor"));
+var _customTitleSetting = _interopRequireDefault(require("../../public-setting/custom-title-setting"));
+var _constants = require("../../../../constants");
+class HorizontalBarChartStyle extends _react.Component {
   constructor() {
     super(...arguments);
     this.onToggleVerticalAxisLabel = () => {
@@ -25,7 +33,7 @@ class HorizontalBarChartStyle extends Component {
         vertical_axis_label_position: !show_vertical_axis_label ? 'center' : null
       };
       const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(LABEL_CONFIG_CHANGED, newStatItem);
+      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
       this.props.updateStatItem(newStatItem);
     };
     this.onToggleHorizontalAxisLabel = () => {
@@ -41,7 +49,7 @@ class HorizontalBarChartStyle extends Component {
         horizontal_axis_label_position: !show_horizontal_axis_label ? 'center' : null
       };
       const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(LABEL_CONFIG_CHANGED, newStatItem);
+      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
       this.props.updateStatItem(newStatItem);
     };
     this.onSelectAxisLabelPosition = (type, option) => {
@@ -60,7 +68,7 @@ class HorizontalBarChartStyle extends Component {
         eventBus
       } = this.props;
       const newStatItem = Object.assign({}, statItem, updated);
-      eventBus.dispatch(LABEL_CONFIG_CHANGED, newStatItem);
+      eventBus.dispatch(_constants.LABEL_CONFIG_CHANGED, newStatItem);
       this.props.updateStatItem(newStatItem);
     };
     this.onToggleShowLabel = () => {
@@ -73,7 +81,7 @@ class HorizontalBarChartStyle extends Component {
       } = statItem || {};
       horizontal_axis_show_label = !horizontal_axis_show_label;
       if (horizontal_axis_show_label) {
-        horizontal_axis_label_color = LABEL_COLORS[0];
+        horizontal_axis_label_color = _constants.LABEL_COLORS[0];
       } else {
         horizontal_axis_label_color = null;
       }
@@ -166,16 +174,16 @@ class HorizontalBarChartStyle extends Component {
         table_id,
         column_groupby_column_key
       } = statItem;
-      if (type === STAT_TYPE.HORIZONTAL_GROUP_BAR || type === STAT_TYPE.STACKED_HORIZONTAL_BAR) {
+      if (type === _constants.STAT_TYPE.HORIZONTAL_GROUP_BAR || type === _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR) {
         if (!column_groupby_column_key) {
           return false;
         }
         const table = getTableById(table_id);
-        const groupByColumn = TableUtils.getTableColumnByKey(table, column_groupby_column_key);
+        const groupByColumn = _dtableStore.TableUtils.getTableColumnByKey(table, column_groupby_column_key);
         const {
           type: columnType
         } = groupByColumn;
-        if (columnType === CellType.SINGLE_SELECT) {
+        if (columnType === _dtableStore.CellType.SINGLE_SELECT) {
           return true;
         }
         return false;
@@ -192,13 +200,13 @@ class HorizontalBarChartStyle extends Component {
         h_axis_max
       } = statItem;
       const checked = h_axis_auto_range === undefined || h_axis_auto_range === null ? true : h_axis_auto_range;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/React.createElement(ToggleSetting, {
+      }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
         isChecked: checked,
         handleToggleChange: this.onToggleHAxisAutoRange,
-        label: intl.get('Auto_range')
-      }), !checked && /*#__PURE__*/React.createElement(MinMaxSetting, {
+        label: _reactIntlUniversal.default.get('Auto_range')
+      }), !checked && /*#__PURE__*/_react.default.createElement(_minMaxSetting.default, {
         min: h_axis_min,
         max: h_axis_max,
         onMinChange: this.onHAxisMinChange,
@@ -219,63 +227,63 @@ class HorizontalBarChartStyle extends Component {
       label_font_size,
       title_name
     } = statItem;
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Vertical_axis')), /*#__PURE__*/React.createElement(ToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Vertical_axis')), /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
       isChecked: show_vertical_axis_label || false,
       handleToggleChange: this.onToggleVerticalAxisLabel,
-      label: intl.get('Display_title')
-    }), show_vertical_axis_label && chartType === STAT_TYPE.STACKED_HORIZONTAL_BAR && /*#__PURE__*/React.createElement(CustomTitleSetting, {
+      label: _reactIntlUniversal.default.get('Display_title')
+    }), show_vertical_axis_label && chartType === _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR && /*#__PURE__*/_react.default.createElement(_customTitleSetting.default, {
       titleName: title_name,
       updateTitleName: this.updateTitleName
-    }), show_vertical_axis_label && /*#__PURE__*/React.createElement(AxisLabelPosition, {
+    }), show_vertical_axis_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
       statItem: statItem,
       axisType: 'vertical',
       onSelectAxisLabelPosition: this.onSelectAxisLabelPosition
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement("label", null, intl.get('Horizontal_axis')), /*#__PURE__*/React.createElement(ToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Horizontal_axis')), /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
       isChecked: show_horizontal_axis_label || false,
       handleToggleChange: this.onToggleHorizontalAxisLabel,
-      label: intl.get('Display_title')
-    }), show_horizontal_axis_label && /*#__PURE__*/React.createElement(AxisLabelPosition, {
+      label: _reactIntlUniversal.default.get('Display_title')
+    }), show_horizontal_axis_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
       statItem: statItem,
       axisType: 'horizontal',
       onSelectAxisLabelPosition: this.onSelectAxisLabelPosition
-    }), chartType !== STAT_TYPE.STACKED_HORIZONTAL_BAR && this.renderAutoRange()), this.displayColorSelector() && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }), chartType !== _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR && this.renderAutoRange()), this.displayColorSelector() && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(ColorUseTypeSelector, {
+    }), /*#__PURE__*/_react.default.createElement(_colorUseTypeSelector.default, {
       chart: statItem,
       updateChart: this.props.updateStatItem
-    })), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(IndToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement(_indToggleSetting.default, {
       isChecked: display_data || false,
       handleToggleChange: this.onToggleDisplayData,
-      label: chartType === STAT_TYPE.STACKED_HORIZONTAL_BAR ? intl.get('Display_stack_total_value') : intl.get('Display_data')
-    }), display_data && /*#__PURE__*/React.createElement(LabelFontSizeEditor, {
+      label: chartType === _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR ? _reactIntlUniversal.default.get('Display_stack_total_value') : _reactIntlUniversal.default.get('Display_data')
+    }), display_data && /*#__PURE__*/_react.default.createElement(_labelFontSizeEditor.default, {
       className: "mt-3",
       fontSize: label_font_size,
       onChangeFontSize: this.onChangeLabelFontSize
-    })), chartType === STAT_TYPE.HORIZONTAL_BAR && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    })), chartType === _constants.STAT_TYPE.HORIZONTAL_BAR && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement(ColorUseTypeSelector, {
+    }), /*#__PURE__*/_react.default.createElement(_colorUseTypeSelector.default, {
       chart: statItem,
       labelColorConfigs: labelColorConfigs,
       updateChart: this.props.updateStatItem
-    })), chartType === STAT_TYPE.STACKED_HORIZONTAL_BAR && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    })), chartType === _constants.STAT_TYPE.STACKED_HORIZONTAL_BAR && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-divider"
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/React.createElement(IndToggleSetting, {
+    }, /*#__PURE__*/_react.default.createElement(_indToggleSetting.default, {
       isChecked: !!statItem.display_each_block_data,
-      label: intl.get('Display_value_of_each_block'),
+      label: _reactIntlUniversal.default.get('Display_value_of_each_block'),
       handleToggleChange: this.onToggleDisplayEachBlockData
     }))));
   }
 }
-export default HorizontalBarChartStyle;
+var _default = exports.default = HorizontalBarChartStyle;

package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/label-font-size-editor.js

@@ -1,7 +1,15 @@
-import React, { Component } from 'react';
-import intl from 'react-intl-universal';
-import { Form, FormGroup, Label } from 'reactstrap';
-class LabelFontSizeEditor extends Component {
+"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");
+class LabelFontSizeEditor extends _react.Component {
   constructor() {
     super(...arguments);
     this.onChange = evt => {
@@ -29,22 +37,22 @@ class LabelFontSizeEditor extends Component {
       labelText
     } = this.props;
     const inputID = id || 'label-font-size';
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "label-font-size-editor ".concat(className ? className : '')
-    }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Form, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
       for: inputID
-    }, labelText || intl.get('Label_font_size')), /*#__PURE__*/React.createElement("div", {
+    }, labelText || _reactIntlUniversal.default.get('Label_font_size')), /*#__PURE__*/_react.default.createElement("div", {
       className: "font-size-editor-wrapper"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement("input", {
       type: "text",
       className: "form-control",
       id: inputID,
       defaultValue: fontSize,
       onBlur: this.onChange,
       onKeyDown: this.onKeyDown
-    }), /*#__PURE__*/React.createElement("div", {
+    }), /*#__PURE__*/_react.default.createElement("div", {
       className: "font-size-unit"
-    }, /*#__PURE__*/React.createElement("span", null, "px"))))));
+    }, /*#__PURE__*/_react.default.createElement("span", null, "px"))))));
   }
 }
-export default LabelFontSizeEditor;
+var _default = exports.default = LabelFontSizeEditor;