dtable-statistic 4.3.3 → 4.3.4

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

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

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

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

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

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

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

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