sea-chart 1.1.65 → 2.0.0

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

@@ -1,38 +1,46 @@
-import _CollapsibleSettingLayout from "dtable-ui-component/lib/CollapsibleSettingLayout";
-import _DTableRadioGroup from "dtable-ui-component/lib/DTableRadioGroup";
-import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
-import React, { useMemo, useCallback } from 'react';
-import { Label, Row } from 'reactstrap';
-import Divider from '../widgets/divider';
-import MinMaxSetting from '../widgets/min-max-setting';
-import DisplayValuesSettings from '../widgets/display-values-settings';
-import ColorUseTypeSelector from '../widgets/color-settings';
-import { X_LABEL_POSITIONS, Y_LABEL_POSITIONS, LABEL_POSITION_TYPE_SHOW, CHART_TYPE, SUPPORT_GOAL_LINE_CHART_TYPES } from '../../constants';
-import intl from '../../intl';
-import SelectLineType from '../widgets/select-line-type';
-import GoalLineSetting from '../../components/goal-line-setting';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _CollapsibleSettingLayout2 = _interopRequireDefault(require("dtable-ui-component/lib/CollapsibleSettingLayout"));
+var _DTableRadioGroup2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableRadioGroup"));
+var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _divider = _interopRequireDefault(require("../widgets/divider"));
+var _minMaxSetting = _interopRequireDefault(require("../widgets/min-max-setting"));
+var _displayValuesSettings = _interopRequireDefault(require("../widgets/display-values-settings"));
+var _colorSettings = _interopRequireDefault(require("../widgets/color-settings"));
+var _constants = require("../../constants");
+var _intl = _interopRequireDefault(require("../../intl"));
+var _selectLineType = _interopRequireDefault(require("../widgets/select-line-type"));
+var _goalLineSetting = _interopRequireDefault(require("../../components/goal-line-setting"));
 const StyleSettings = _ref => {
   let {
     chart,
-    xLabel,
-    yLabel,
+    xLabel = 'X_axis',
+    yLabel = 'Y_axis',
     onChange,
     onStyleChange,
     labelColorConfigs
   } = _ref;
-  const xAxisLabelOptions = useMemo(() => {
+  const xAxisLabelOptions = (0, _react.useMemo)(() => {
     if (xLabel === 'Vertical_axis') {
-      return Y_LABEL_POSITIONS;
+      return _constants.Y_LABEL_POSITIONS;
     }
-    return X_LABEL_POSITIONS;
+    return _constants.X_LABEL_POSITIONS;
   }, [xLabel]);
-  const yAxisLabelOptions = useMemo(() => {
+  const yAxisLabelOptions = (0, _react.useMemo)(() => {
     if (yLabel === 'Horizontal_axis') {
-      return X_LABEL_POSITIONS;
+      return _constants.X_LABEL_POSITIONS;
     }
-    return Y_LABEL_POSITIONS;
+    return _constants.Y_LABEL_POSITIONS;
   }, [yLabel]);
-  const onAxisLabelShowChange = useCallback(labelKey => {
+  const onAxisLabelShowChange = (0, _react.useCallback)(labelKey => {
     const {
       config
     } = chart;
@@ -41,7 +49,7 @@ const StyleSettings = _ref => {
       [labelKey]: !value
     });
   }, [chart, onChange]);
-  const onAxisLabelPositionChange = useCallback((position, positionKey) => {
+  const onAxisLabelPositionChange = (0, _react.useCallback)((position, positionKey) => {
     const {
       config
     } = chart;
@@ -51,7 +59,7 @@ const StyleSettings = _ref => {
       [positionKey]: position
     });
   }, [chart, onChange]);
-  const onYAxisAutoRangeChange = useCallback(() => {
+  const onYAxisAutoRangeChange = (0, _react.useCallback)(() => {
     const {
       config
     } = chart;
@@ -62,7 +70,7 @@ const StyleSettings = _ref => {
       y_axis_auto_range: !y_axis_auto_range
     });
   }, [chart, onChange]);
-  const onYAxisMinChange = useCallback(min => {
+  const onYAxisMinChange = (0, _react.useCallback)(min => {
     const newMin = parseInt(min);
     if (Number.isNaN(newMin)) return;
     const {
@@ -76,7 +84,7 @@ const StyleSettings = _ref => {
       y_axis_min: newMin
     });
   }, [chart, onChange]);
-  const onYAxisMaxChange = useCallback(max => {
+  const onYAxisMaxChange = (0, _react.useCallback)(max => {
     const newMax = parseInt(max);
     if (Number.isNaN(newMax)) return;
     const {
@@ -90,10 +98,10 @@ const StyleSettings = _ref => {
       y_axis_max: newMax
     });
   }, [chart, onChange]);
-  const onDisplayValueChange = useCallback(update => {
+  const onDisplayValueChange = (0, _react.useCallback)(update => {
     onChange && onChange(update);
   }, [onChange]);
-  const onColorChange = useCallback(update => {
+  const onColorChange = (0, _react.useCallback)(update => {
     onChange && onChange(update);
   }, [onChange]);
   const {
@@ -120,71 +128,71 @@ const StyleSettings = _ref => {
   } = style_config || {};
   const xAxisLabelPosition = x_axis_label_position || xAxisLabelOptions[0];
   const yAxisLabelPosition = y_axis_label_position || yAxisLabelOptions[0];
-  const isLineChart = [CHART_TYPE.LINE, CHART_TYPE.LINE_GROUP, CHART_TYPE.AREA, CHART_TYPE.AREA_GROUP].includes(type);
+  const isLineChart = [_constants.CHART_TYPE.LINE, _constants.CHART_TYPE.LINE_GROUP, _constants.CHART_TYPE.AREA, _constants.CHART_TYPE.AREA_GROUP].includes(type);
   const getLabelOptionsDisplay = options => {
     return options.reduce((optionDisplayMap, position) => {
       return {
         ...optionDisplayMap,
-        [position]: intl.get(LABEL_POSITION_TYPE_SHOW[position])
+        [position]: _intl.default.get(_constants.LABEL_POSITION_TYPE_SHOW[position])
       };
     }, {});
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isLineChart && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SelectLineType, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLineChart && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_selectLineType.default, {
     selectedLineType: line_type,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
-    title: intl.get(xLabel),
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null)), /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
+    title: _intl.default.get(xLabel),
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
       key: "x_axis_show_label",
       checked: x_axis_show_label || false,
-      placeholder: intl.get('Display_title'),
+      placeholder: _intl.default.get('Display_title'),
       onChange: () => onAxisLabelShowChange('x_axis_show_label')
-    }), x_axis_show_label && /*#__PURE__*/React.createElement(Row, {
+    }), x_axis_show_label && /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
       className: "mt-3 ml-0 mr-0 settings-text-horizontal-align sea-chart-select-group"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Alignment')), /*#__PURE__*/React.createElement(_DTableRadioGroup, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Alignment')), /*#__PURE__*/_react.default.createElement(_DTableRadioGroup2.default, {
       activeOption: xAxisLabelPosition,
       options: xAxisLabelOptions,
       optionsDisplay: getLabelOptionsDisplay(xAxisLabelOptions),
       onSelectChanged: position => onAxisLabelPositionChange(position, 'x_axis_label_position')
     })))
-  }), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
-    title: intl.get(yLabel),
-    children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DTableSwitch, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
+    title: _intl.default.get(yLabel),
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
       key: "y_axis_show_label",
       checked: y_axis_show_label || false,
-      placeholder: intl.get('Display_title'),
+      placeholder: _intl.default.get('Display_title'),
       onChange: () => onAxisLabelShowChange('y_axis_show_label')
-    }), y_axis_show_label && /*#__PURE__*/React.createElement(Row, {
+    }), y_axis_show_label && /*#__PURE__*/_react.default.createElement(_reactstrap.Row, {
       className: "mt-3 ml-0 mr-0 settings-text-horizontal-align sea-chart-select-group"
-    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Alignment')), /*#__PURE__*/React.createElement(_DTableRadioGroup, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Alignment')), /*#__PURE__*/_react.default.createElement(_DTableRadioGroup2.default, {
       activeOption: yAxisLabelPosition,
       options: yAxisLabelOptions,
       optionsDisplay: getLabelOptionsDisplay(yAxisLabelOptions),
       onSelectChanged: position => onAxisLabelPositionChange(position, 'y_axis_label_position')
-    })), /*#__PURE__*/React.createElement(_DTableSwitch, {
+    })), /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
       key: "y_axis_auto_range",
       switchClassName: "mt-3",
       checked: y_axis_auto_range,
-      placeholder: intl.get('Auto_range'),
+      placeholder: _intl.default.get('Auto_range'),
       onChange: onYAxisAutoRangeChange
-    }), !y_axis_auto_range && /*#__PURE__*/React.createElement("div", {
+    }), !y_axis_auto_range && /*#__PURE__*/_react.default.createElement("div", {
       className: "mt-3"
-    }, /*#__PURE__*/React.createElement(MinMaxSetting, {
+    }, /*#__PURE__*/_react.default.createElement(_minMaxSetting.default, {
       min: y_axis_min,
       max: y_axis_max,
       onMinChange: onYAxisMinChange,
       onMaxChange: onYAxisMaxChange
     })))
-  }), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(ColorUseTypeSelector, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_colorSettings.default, {
     chart: chart.config,
     labelColorConfigs: labelColorConfigs,
     updateChart: onColorChange
-  }), /*#__PURE__*/React.createElement(Divider, null), SUPPORT_GOAL_LINE_CHART_TYPES.includes(type) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GoalLineSetting, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null), _constants.SUPPORT_GOAL_LINE_CHART_TYPES.includes(type) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_goalLineSetting.default, {
     displayGoalLine: display_goal_line,
     goalLabel: goal_label,
     goalValue: goal_value,
     onChange: onStyleChange
-  }), /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/React.createElement(DisplayValuesSettings, {
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null)), /*#__PURE__*/_react.default.createElement(_displayValuesSettings.default, {
     isShowValueKey: "y_axis_show_value",
     isShowValue: y_axis_show_value,
     fontSizeKey: "label_font_size",
@@ -192,8 +200,4 @@ const StyleSettings = _ref => {
     onChange: onDisplayValueChange
   }));
 };
-StyleSettings.defaultProps = {
-  xLabel: 'X_axis',
-  yLabel: 'Y_axis'
-};
-export default StyleSettings;
+var _default = exports.default = StyleSettings;

package/dist/settings/basic-number-card/data-settings.js

@@ -1,11 +1,19 @@
-import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
-import React, { useCallback, useMemo } from 'react';
-import { FormGroup } from 'reactstrap';
-import { COLUMNS_ICON_CONFIG, getTableById } from 'dtable-utils';
-import CommonDataSettings from '../widgets/common-data-settings';
-import { BaseUtils } from '../../utils';
-import { CHART_SUMMARY_SHOW, CHART_SUMMARY_CALCULATION_METHOD, CHART_SUPPORT_COLUMNS, CHART_Y_GROUP_TYPE, BASIC_NUMBER_CARD_CALCULATION_METHOD } from '../../constants';
-import intl from '../../intl';
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactstrap = require("reactstrap");
+var _dtableUtils = require("dtable-utils");
+var _commonDataSettings = _interopRequireDefault(require("../widgets/common-data-settings"));
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _intl = _interopRequireDefault(require("../../intl"));
 const DataSettings = _ref => {
   let {
     tables,
@@ -13,55 +21,55 @@ const DataSettings = _ref => {
     chart,
     onChange
   } = _ref;
-  const summaryMethodsOptions = useMemo(() => {
-    const numberCardSummaryMethod = [...CHART_SUMMARY_CALCULATION_METHOD];
+  const summaryMethodsOptions = (0, _react.useMemo)(() => {
+    const numberCardSummaryMethod = [..._constants.CHART_SUMMARY_CALCULATION_METHOD];
     return numberCardSummaryMethod.map(method => {
       return {
-        label: /*#__PURE__*/React.createElement("span", {
+        label: /*#__PURE__*/_react.default.createElement("span", {
           className: "select-option-name"
-        }, intl.get(CHART_SUMMARY_SHOW[method])),
+        }, _intl.default.get(_constants.CHART_SUMMARY_SHOW[method])),
         value: method
       };
     });
   }, []);
   const summaryTypeOptions = [{
-    value: CHART_Y_GROUP_TYPE.COUNT,
-    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    value: _constants.CHART_Y_GROUP_TYPE.COUNT,
+    label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
       className: "select-module select-module-name ml-0"
-    }, intl.get(CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/React.createElement("div", {
+    }, _intl.default.get(_constants.CHART_SUMMARY_SHOW['count'])), /*#__PURE__*/_react.default.createElement("div", {
       className: "summary-type-explanation"
-    }, intl.get('Count_description')))
+    }, _intl.default.get('Count_description')))
   }, {
-    value: CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
-    label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    value: _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN,
+    label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
       className: "select-module select-module-name ml-0"
-    }, intl.get(CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/React.createElement("div", {
+    }, _intl.default.get(_constants.CHART_SUMMARY_SHOW['advanced'])), /*#__PURE__*/_react.default.createElement("div", {
       className: "summary-type-explanation"
-    }, intl.get('Summarize_description')))
+    }, _intl.default.get('Summarize_description')))
   }];
-  const selectedTable = useMemo(() => {
+  const selectedTable = (0, _react.useMemo)(() => {
     const {
       table_id: selectedTableId
     } = chart.config;
-    return getTableById(tables, selectedTableId);
+    return (0, _dtableUtils.getTableById)(tables, selectedTableId);
   }, [chart.config, tables]);
-  const validColumns = useMemo(() => {
+  const validColumns = (0, _react.useMemo)(() => {
     const columns = selectedTable && Array.isArray(selectedTable.columns) ? selectedTable.columns : [];
     if (!columns || !Array.isArray(columns)) return [];
-    return columns.filter(column => CHART_SUPPORT_COLUMNS.includes(column.type));
+    return columns.filter(column => _constants.CHART_SUPPORT_COLUMNS.includes(column.type));
   }, [selectedTable]);
-  const numericColumns = useMemo(() => {
-    return validColumns.filter(column => BaseUtils.isNumericSummaryColumn(column));
+  const numericColumns = (0, _react.useMemo)(() => {
+    return validColumns.filter(column => _utils.BaseUtils.isNumericSummaryColumn(column));
   }, [validColumns]);
-  const numericColumnOptions = useMemo(() => {
+  const numericColumnOptions = (0, _react.useMemo)(() => {
     const options = numericColumns.map(column => {
       return {
         value: column,
-        label: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+        label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
           className: "sea-chart-column-icon"
-        }, /*#__PURE__*/React.createElement("i", {
-          className: COLUMNS_ICON_CONFIG[column.type]
-        })), /*#__PURE__*/React.createElement("span", {
+        }, /*#__PURE__*/_react.default.createElement("i", {
+          className: _dtableUtils.COLUMNS_ICON_CONFIG[column.type]
+        })), /*#__PURE__*/_react.default.createElement("span", {
           className: 'select-module select-module-name ml-0'
         }, column.name))
       };
@@ -70,15 +78,15 @@ const DataSettings = _ref => {
       value: {
         key: 'Groupby_null'
       },
-      label: /*#__PURE__*/React.createElement("span", {
+      label: /*#__PURE__*/_react.default.createElement("span", {
         className: 'select-module select-module-name null-option-name ml-0'
-      }, intl.get('Select_a_column')),
+      }, _intl.default.get('Select_a_column')),
       style: {
         color: 'rgba(0, 0, 0, .25)'
       }
     }, ...options];
   }, [numericColumns]);
-  const onSummaryTypeChange = useCallback(option => {
+  const onSummaryTypeChange = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -91,7 +99,7 @@ const DataSettings = _ref => {
       summary_type: newSummaryType
     });
   }, [chart, onChange]);
-  const onSelectColumnChange = useCallback(option => {
+  const onSelectColumnChange = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -104,7 +112,7 @@ const DataSettings = _ref => {
       numeric_column_key: newColumnKey
     });
   }, [chart, onChange]);
-  const onSelectSummaryMethod = useCallback(option => {
+  const onSelectSummaryMethod = (0, _react.useCallback)(option => {
     const {
       config
     } = chart;
@@ -117,7 +125,7 @@ const DataSettings = _ref => {
       summary_method: newSummaryMethod
     });
   }, [chart, onChange]);
-  const getSelectedMethodOption = useCallback((method, summaryMethodsOptions) => {
+  const getSelectedMethodOption = (0, _react.useCallback)((method, summaryMethodsOptions) => {
     return summaryMethodsOptions.find(m => m.value === method) || summaryMethodsOptions[0];
   }, []);
   const {
@@ -128,13 +136,13 @@ const DataSettings = _ref => {
     summary_type
   } = config;
   let selectedSummaryTypeOption;
-  if (!summary_type && summary_method === BASIC_NUMBER_CARD_CALCULATION_METHOD) {
+  if (!summary_type && summary_method === _constants.BASIC_NUMBER_CARD_CALCULATION_METHOD) {
     selectedSummaryTypeOption = summaryTypeOptions[0];
   } else {
     // normal case is summary_type exists, but if not and summary_method is not "COUNT", then it's "SINGLE_NUMERIC_COLUMN"
     selectedSummaryTypeOption = summaryTypeOptions.find(option => option.value === summary_type) || summaryTypeOptions[1];
   }
-  const isSummarizeAField = chart.config.summary_type === CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN;
+  const isSummarizeAField = chart.config.summary_type === _constants.CHART_Y_GROUP_TYPE.SINGLE_NUMERIC_COLUMN;
   const selectedMethodOption = getSelectedMethodOption(summary_method, summaryMethodsOptions);
   let selectedColumnOption;
   if (isSummarizeAField) {
@@ -143,36 +151,36 @@ const DataSettings = _ref => {
     } = chart;
     selectedColumnOption = numericColumnOptions.find(option => option.value.key === config.numeric_column_key) || numericColumnOptions[0];
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CommonDataSettings, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_commonDataSettings.default, {
     dataSources: dataSources,
     chart: chart,
     tables: tables,
     onChange: onChange
-  }), /*#__PURE__*/React.createElement(FormGroup, {
+  }), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_type')), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_type')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     menuPortalTarget: "#sea-chart-settings-content",
     classNamePrefix: "chart-summary-types",
     value: selectedSummaryTypeOption,
     options: summaryTypeOptions,
-    placeholder: intl.get('Select_a_column'),
+    placeholder: _intl.default.get('Select_a_column'),
     onChange: onSummaryTypeChange
-  })), isSummarizeAField && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormGroup, {
+  })), isSummarizeAField && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_field')), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedColumnOption,
     options: numericColumnOptions,
     onChange: onSelectColumnChange
-  })), /*#__PURE__*/React.createElement(FormGroup, {
+  })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "dtable-plugin-stat-parameter-item"
-  }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
+  }, /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
     menuPortalTarget: "#sea-chart-settings-content",
     value: selectedMethodOption,
     onChange: onSelectSummaryMethod,
     options: summaryMethodsOptions
   })))));
 };
-export default DataSettings;
+var _default = exports.default = DataSettings;

package/dist/settings/basic-number-card/index.js

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

package/dist/settings/basic-number-card/style-settings.js

@@ -1,18 +1,26 @@
-import _CollapsibleSettingLayout from "dtable-ui-component/lib/CollapsibleSettingLayout";
-import React, { useContext } from 'react';
-import intl from '../../intl';
-import Divider from '../widgets/divider';
-import GeneralFontSetting from '../../components/font-settings';
-import { GlobalThemeContext } from '../../utils/contexts';
-import { DEFAULT_CARD_LABEL_FONT_COLOR_LIGHT, DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT, LABEL_FONT_COLOR_MAP, TITLE_FONT_COLOR_MAP } from '../../constants';
-export default function StyleSettings(_ref) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StyleSettings;
+var _CollapsibleSettingLayout2 = _interopRequireDefault(require("dtable-ui-component/lib/CollapsibleSettingLayout"));
+var _react = _interopRequireWildcard(require("react"));
+var _intl = _interopRequireDefault(require("../../intl"));
+var _divider = _interopRequireDefault(require("../widgets/divider"));
+var _fontSettings = _interopRequireDefault(require("../../components/font-settings"));
+var _contexts = require("../../utils/contexts");
+var _constants = require("../../constants");
+function StyleSettings(_ref) {
   let {
     chart,
     onChange
   } = _ref;
   const {
     globalTheme
-  } = useContext(GlobalThemeContext);
+  } = (0, _react.useContext)(_contexts.GlobalThemeContext);
   const {
     config
   } = chart;
@@ -35,7 +43,7 @@ export default function StyleSettings(_ref) {
   };
   const defaultNumConfig = {
     font_size: 34,
-    font_color: TITLE_FONT_COLOR_MAP[globalTheme] || DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT,
+    font_color: _constants.TITLE_FONT_COLOR_MAP[globalTheme] || _constants.DEFAULT_CHART_TITLE_FONT_COLOR_LIGHT,
     text_align: 'left',
     font_weight: 700
   };
@@ -48,7 +56,7 @@ export default function StyleSettings(_ref) {
   };
   const defaultLabelConfig = {
     font_size: 14,
-    font_color: LABEL_FONT_COLOR_MAP[globalTheme] || DEFAULT_CARD_LABEL_FONT_COLOR_LIGHT,
+    font_color: _constants.LABEL_FONT_COLOR_MAP[globalTheme] || _constants.DEFAULT_CARD_LABEL_FONT_COLOR_LIGHT,
     text_align: 'left',
     font_weight: 400
   };
@@ -69,17 +77,17 @@ export default function StyleSettings(_ref) {
       [key]: value
     });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
-    title: intl.get('Number'),
-    children: /*#__PURE__*/React.createElement(GeneralFontSetting, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
+    title: _intl.default.get('Number'),
+    children: /*#__PURE__*/_react.default.createElement(_fontSettings.default, {
       config: numConfig,
       defaultConfig: defaultNumConfig,
       onChange: handleNumChange
     })
-  }), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(_CollapsibleSettingLayout, {
-    title: intl.get('Label'),
-    children: /*#__PURE__*/React.createElement(GeneralFontSetting, {
-      labelTitle: intl.get('Label'),
+  }), /*#__PURE__*/_react.default.createElement(_divider.default, null), /*#__PURE__*/_react.default.createElement(_CollapsibleSettingLayout2.default, {
+    title: _intl.default.get('Label'),
+    children: /*#__PURE__*/_react.default.createElement(_fontSettings.default, {
+      labelTitle: _intl.default.get('Label'),
       config: labelConfig,
       defaultConfig: defaultLabelConfig,
       onChange: handleLabelChange