sea-chart 2.0.36 → 2.0.38

package/dist/settings/widgets/common-data-settings.js

@@ -1,19 +1,11 @@
-"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 _utils = require("../../utils");
-var _drillDownSettings = _interopRequireDefault(require("../../components/drill-down-settings"));
-var _chartType = _interopRequireDefault(require("./chart-type"));
-var _selectTable = _interopRequireDefault(require("./select-table"));
-var _selectView = _interopRequireDefault(require("./select-view"));
-var _dataFilter = _interopRequireDefault(require("./data-filter"));
-var _divider = _interopRequireDefault(require("./divider"));
+import React, { useCallback } from 'react';
+import { generateChartConfig } from '../../utils';
+import DrillDownSettings from '../../components/drill-down-settings';
+import StatisticType from './chart-type';
+import SelectTable from './select-table';
+import SelectView from './select-view';
+import DataFilter from './data-filter';
+import Divider from './divider';
 const CommonDataSettings = _ref => {
   let {
     chart,
@@ -25,7 +17,7 @@ const CommonDataSettings = _ref => {
   const {
     config
   } = chart;
-  const onTableChange = (0, _react.useCallback)(option => {
+  const onTableChange = useCallback(option => {
     const {
       table_id
     } = config;
@@ -37,7 +29,7 @@ const CommonDataSettings = _ref => {
       filter_conjunction: 'And'
     });
   }, [config, onChange]);
-  const onViewChange = (0, _react.useCallback)(option => {
+  const onViewChange = useCallback(option => {
     const {
       view_id
     } = config;
@@ -47,18 +39,18 @@ const CommonDataSettings = _ref => {
       view_id: selectedViewId
     });
   }, [config, onChange]);
-  const onDrillDownStatusChange = (0, _react.useCallback)(event => {
+  const onDrillDownStatusChange = useCallback(event => {
     onChange && onChange({
       drill_down_status: event.target.checked
     });
   }, [onChange]);
-  const onDrillDownFieldChange = (0, _react.useCallback)(fields => {
+  const onDrillDownFieldChange = useCallback(fields => {
     onChange && onChange({
       drill_down_fields: fields
     });
   }, [onChange]);
-  const generateConfig = (0, _react.useCallback)(config => {
-    return (0, _utils.generateChartConfig)(config, validTables);
+  const generateConfig = useCallback(config => {
+    return generateChartConfig(config, validTables);
   }, [validTables]);
   const {
     table_id,
@@ -70,30 +62,30 @@ const CommonDataSettings = _ref => {
   const drillDownStatus = drill_down_status !== undefined && drill_down_status !== null ? drill_down_status : true;
   // use all columns as default
   const drillDownFields = drill_down_fields || columns.map(column => column.key);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_chartType.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StatisticType, {
     dataSources: dataSources,
     chart: chart,
     generateChartConfig: generateConfig,
     onChange: onChange
-  }), /*#__PURE__*/_react.default.createElement(_selectTable.default, {
+  }), /*#__PURE__*/React.createElement(SelectTable, {
     tables: validTables,
     selectedTableId: table_id,
     onChange: onTableChange
-  }), dataSources === 'filter' && /*#__PURE__*/_react.default.createElement(_dataFilter.default, {
+  }), dataSources === 'filter' && /*#__PURE__*/React.createElement(DataFilter, {
     tables: validTables,
     chart: chart,
     onChange: onChange
-  }), dataSources === 'view' && /*#__PURE__*/_react.default.createElement(_selectView.default, {
+  }), dataSources === 'view' && /*#__PURE__*/React.createElement(SelectView, {
     tables: validTables,
     selectedTableId: table_id,
     selectedViewId: chart.config.view_id,
     onChange: onViewChange
-  }), /*#__PURE__*/_react.default.createElement(_divider.default, null), dataSources === 'filter' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_drillDownSettings.default, {
+  }), /*#__PURE__*/React.createElement(Divider, null), dataSources === 'filter' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DrillDownSettings, {
     columns: columns,
     drillDownStatus: drillDownStatus,
     toggleDrillDownStatus: onDrillDownStatusChange,
     drillDownFields: drillDownFields,
     setDrillDownFields: onDrillDownFieldChange
-  }), /*#__PURE__*/_react.default.createElement(_divider.default, null)));
+  }), /*#__PURE__*/React.createElement(Divider, null)));
 };
-var _default = exports.default = CommonDataSettings;
+export default CommonDataSettings;

package/dist/settings/widgets/data-filter/index.js

@@ -1,20 +1,12 @@
-"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 _DTableFiltersPopover2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableFiltersPopover"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _utils = require("../../../utils");
-var _intl = _interopRequireDefault(require("../../../intl"));
-var _context = _interopRequireDefault(require("../../../context"));
-var _contexts = require("../../../utils/contexts");
-require("./index.css");
+import _DTableFiltersPopover from "dtable-ui-component/lib/DTableFiltersPopover";
+import React, { useCallback, useContext, useMemo, useState } from 'react';
+import { Label, FormGroup } from 'reactstrap';
+import { getTableById, getValidFilters } from 'dtable-utils';
+import { eventStopPropagation, generatorKey } from '../../../utils';
+import intl from '../../../intl';
+import context from '../../../context';
+import { DepartmentsContext, FirstDayOfWeekContext } from '../../../utils/contexts';
+import './index.css';
 const DataFilter = _ref => {
   var _window$dtable;
   let {
@@ -22,31 +14,31 @@ const DataFilter = _ref => {
     tables,
     onChange
   } = _ref;
-  const [isFilterSetterShow, setIsFilterSetterShow] = (0, _react.useState)(false);
+  const [isFilterSetterShow, setIsFilterSetterShow] = useState(false);
   const {
     departments
-  } = (0, _react.useContext)(_contexts.DepartmentsContext);
+  } = useContext(DepartmentsContext);
   const {
     firstDayOfWeek
-  } = (0, _react.useContext)(_contexts.FirstDayOfWeekContext);
-  const toggleFilterPopover = (0, _react.useCallback)(event => {
-    (0, _utils.eventStopPropagation)(event);
+  } = useContext(FirstDayOfWeekContext);
+  const toggleFilterPopover = useCallback(event => {
+    eventStopPropagation(event);
     setIsFilterSetterShow(!isFilterSetterShow);
   }, [isFilterSetterShow]);
-  const updateFilters = (0, _react.useCallback)(update => {
+  const updateFilters = useCallback(update => {
     onChange && onChange(update);
   }, [onChange]);
-  const id = (0, _react.useMemo)(() => {
-    return 'sea-chart-data-filter-' + (0, _utils.generatorKey)();
+  const id = useMemo(() => {
+    return 'sea-chart-data-filter-' + generatorKey();
   }, []);
-  const table = (0, _react.useMemo)(() => {
+  const table = useMemo(() => {
     const {
       config
     } = chart;
     const {
       table_id
     } = config;
-    return (0, _dtableUtils.getTableById)(tables, table_id);
+    return getTableById(tables, table_id);
   }, [tables, chart]);
   const {
     config
@@ -54,19 +46,19 @@ const DataFilter = _ref => {
   const {
     filters
   } = config;
-  const validFilters = (0, _react.useMemo)(() => {
-    return (0, _dtableUtils.getValidFilters)(filters, table === null || table === void 0 ? void 0 : table.columns);
+  const validFilters = useMemo(() => {
+    return getValidFilters(filters, table === null || table === void 0 ? void 0 : table.columns);
   }, [filters, table]);
-  const filterMessage = (0, _react.useMemo)(() => {
-    let filterMessage = _intl.default.get('Filter');
+  const filterMessage = useMemo(() => {
+    let filterMessage = intl.get('Filter');
     if (validFilters.length === 1) {
-      filterMessage = _intl.default.get('1 Filter');
+      filterMessage = intl.get('1 Filter');
     } else if (validFilters.length > 1) {
-      filterMessage = validFilters.length + ' ' + _intl.default.get('Filters');
+      filterMessage = validFilters.length + ' ' + intl.get('Filters');
     }
     return filterMessage;
   }, [validFilters]);
-  const filterConjunction = (0, _react.useMemo)(() => {
+  const filterConjunction = useMemo(() => {
     const {
       config
     } = chart;
@@ -75,20 +67,20 @@ const DataFilter = _ref => {
     } = config;
     return filter_conjunction || 'And';
   }, [chart]);
-  const collaborators = _context.default.getCollaboratorsFromCache();
+  const collaborators = context.getCollaboratorsFromCache();
   const userDepartmentIdsMap = ((_window$dtable = window.dtable) === null || _window$dtable === void 0 ? void 0 : _window$dtable.userDepartmentIdsMap) || {
     'current_user_department_ids': [],
     'current_user_department_and_sub_ids': []
   };
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+  return /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Data_settings')), table ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Data_settings')), table ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     id: id,
     className: "sea-chart-data-filter",
     onClick: toggleFilterPopover
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "dtable-font dtable-icon-filter"
-  }), /*#__PURE__*/_react.default.createElement("span", null, filterMessage)), isFilterSetterShow && /*#__PURE__*/_react.default.createElement(_DTableFiltersPopover2.default, {
+  }), /*#__PURE__*/React.createElement("span", null, filterMessage)), isFilterSetterShow && /*#__PURE__*/React.createElement(_DTableFiltersPopover, {
     isNeedSubmit: true,
     userDepartmentIdsMap: userDepartmentIdsMap,
     departments: departments,
@@ -101,11 +93,11 @@ const DataFilter = _ref => {
     update: updateFilters,
     firstDayOfWeek: firstDayOfWeek,
     isSupportAdvanced: true
-  })) : /*#__PURE__*/_react.default.createElement("div", {
+  })) : /*#__PURE__*/React.createElement("div", {
     id: id,
     className: "sea-chart-data-filter disabled"
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "dtable-font dtable-icon-filter"
-  }), /*#__PURE__*/_react.default.createElement("span", null, filterMessage)));
+  }), /*#__PURE__*/React.createElement("span", null, filterMessage)));
 };
-var _default = exports.default = DataFilter;
+export default DataFilter;

package/dist/settings/widgets/data-sort.js

@@ -1,31 +1,23 @@
-"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 _DTableRadio2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableRadio"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _utils = require("../../utils");
-var _constants = require("../../constants");
-var _intl = _interopRequireDefault(require("../../intl"));
+import _DTableRadio from "dtable-ui-component/lib/DTableRadio";
+import React, { useCallback } from 'react';
+import { Label, FormGroup } from 'reactstrap';
+import { eventStopPropagation } from '../../utils';
+import { CHART_DATA_SORT_TYPE, CHART_DATA_SORT_TYPES, CHART_DATA_SORT_TYPE_SHOW } from '../../constants';
+import intl from '../../intl';
 const DataSort = _ref => {
   let {
     chart,
     onChange
   } = _ref;
-  const onChangeSortType = (0, _react.useCallback)((event, sortType) => {
-    (0, _utils.eventStopPropagation)(event);
+  const onChangeSortType = useCallback((event, sortType) => {
+    eventStopPropagation(event);
     const {
       config
     } = chart;
     const {
       sort_type
     } = config;
-    const validSortType = sortType === _constants.CHART_DATA_SORT_TYPE.NOT_SORTED ? '' : sortType;
+    const validSortType = sortType === CHART_DATA_SORT_TYPE.NOT_SORTED ? '' : sortType;
     if (sort_type === validSortType) return;
     onChange && onChange({
       sort_type: validSortType
@@ -34,20 +26,20 @@ const DataSort = _ref => {
   const {
     sort_type: sortType
   } = chart.config;
-  const selectedSortType = sortType || _constants.CHART_DATA_SORT_TYPE.NOT_SORTED;
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+  const selectedSortType = sortType || CHART_DATA_SORT_TYPE.NOT_SORTED;
+  return /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Data_sort')), _constants.CHART_DATA_SORT_TYPES.map((sortType, index) => {
+  }, /*#__PURE__*/React.createElement(Label, null, intl.get('Data_sort')), CHART_DATA_SORT_TYPES.map((sortType, index) => {
     const isChecked = sortType === selectedSortType;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: 'chart-group-item-' + index,
       className: "chart-group-item"
-    }, /*#__PURE__*/_react.default.createElement(_DTableRadio2.default, {
+    }, /*#__PURE__*/React.createElement(_DTableRadio, {
       className: "sea-chart-dtable-radio",
       isChecked: isChecked,
       onCheckedChange: event => onChangeSortType(event, sortType),
-      label: _intl.default.get(_constants.CHART_DATA_SORT_TYPE_SHOW[sortType])
+      label: intl.get(CHART_DATA_SORT_TYPE_SHOW[sortType])
     }));
   }));
 };
-var _default = exports.default = DataSort;
+export default DataSort;

package/dist/settings/widgets/date-summary-item.js

@@ -1,25 +1,17 @@
-"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 _constants = require("../../constants");
-var _intl = _interopRequireDefault(require("../../intl"));
-class DateSummaryItem extends _react.Component {
+import _DTableSelect from "dtable-ui-component/lib/DTableSelect";
+import React, { Component } from 'react';
+import { FormGroup, Label } from 'reactstrap';
+import { getTableById } from 'dtable-utils';
+import { CHART_TYPE, CHART_DATE_SUMMARY_CALCULATION_METHOD, CHART_SUMMARY_SHOW, CHART_DATE_COLUMN_LIST } from '../../constants';
+import intl from '../../intl';
+class DateSummaryItem extends Component {
   constructor(_props) {
     super(_props);
     this.initSummaryMethodOptions = () => {
-      this.summaryMethodOptions = _constants.CHART_DATE_SUMMARY_CALCULATION_METHOD.map(item => {
+      this.summaryMethodOptions = CHART_DATE_SUMMARY_CALCULATION_METHOD.map(item => {
         return {
           value: item,
-          label: _intl.default.get(_constants.CHART_SUMMARY_SHOW[item])
+          label: intl.get(CHART_SUMMARY_SHOW[item])
         };
       });
     };
@@ -31,13 +23,13 @@ class DateSummaryItem extends _react.Component {
       const {
         table_id
       } = chart.config;
-      const selectedTable = (0, _dtableUtils.getTableById)(tables, table_id);
+      const selectedTable = getTableById(tables, table_id);
       if (!selectedTable) {
         this.dateColumnOptions = [];
         return;
       }
       const columns = selectedTable.columns;
-      this.dateColumnOptions = columns.filter(column => _constants.CHART_DATE_COLUMN_LIST.includes(column.type)).map(column => {
+      this.dateColumnOptions = columns.filter(column => CHART_DATE_COLUMN_LIST.includes(column.type)).map(column => {
         return {
           value: column.key,
           label: column.name
@@ -81,36 +73,36 @@ class DateSummaryItem extends _react.Component {
     const {
       isExpand
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    return /*#__PURE__*/React.createElement(FormGroup, {
       style: {
         paddingBottom: isExpand ? '14px' : '7px'
       },
       className: "sea-chart-parameter-item container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "numeric-summary-item"
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "title-item title-left"
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       onClick: this.onToggleExpand,
-      className: "icon dtable-font ".concat(isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide')
-    }), /*#__PURE__*/_react.default.createElement("label", null, _intl.default.get('Summary_field') + (1 + index))), /*#__PURE__*/_react.default.createElement("span", {
+      className: `icon dtable-font ${isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide'}`
+    }), /*#__PURE__*/React.createElement("label", null, intl.get('Summary_field') + (1 + index))), /*#__PURE__*/React.createElement("span", {
       className: "title-item title-right"
-    }, index !== 0 && /*#__PURE__*/_react.default.createElement("i", {
+    }, index !== 0 && /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number close-icon",
       onClick: () => this.props.onDelete(index)
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content')
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: `${isExpand ? 'expanded-numeric-summary-content' : 'collapsed-numeric-summary-content'}`
+    }, /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item numeric-column"
-    }, /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedColumnOption,
-      placeholder: _intl.default.get('Select_a_column'),
+      placeholder: intl.get('Select_a_column'),
       onChange: option => this.props.onColumnOptionChange(option, index),
       options: this.dateColumnOptions
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+    })), /*#__PURE__*/React.createElement(FormGroup, {
       className: "sea-chart-parameter-item summary-method"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _intl.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
+    }, /*#__PURE__*/React.createElement(Label, null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(_DTableSelect, {
       menuPortalTarget: "#sea-chart-settings-content",
       value: selectedSummaryMethodOption,
       onChange: option => this.props.onSummaryMethodChange(option, index),
@@ -118,4 +110,4 @@ class DateSummaryItem extends _react.Component {
     }))));
   }
 }
-var _default = exports.default = DateSummaryItem;
+export default DateSummaryItem;

package/dist/settings/widgets/display-values-settings/index.js

@@ -1,17 +1,9 @@
-"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 _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _fontSettings = require("../font-settings");
-var _intl = _interopRequireDefault(require("../../../intl"));
-require("./index.css");
+import _DTableSwitch from "dtable-ui-component/lib/DTableSwitch";
+import React, { useCallback } from 'react';
+import { FormGroup } from 'reactstrap';
+import { FontSizeSettings } from '../font-settings';
+import intl from '../../../intl';
+import './index.css';
 const DisplayValuesSettings = _ref => {
   let {
     isShowValueKey,
@@ -20,29 +12,29 @@ const DisplayValuesSettings = _ref => {
     fontSize,
     onChange
   } = _ref;
-  const onDisplayValueChange = (0, _react.useCallback)(event => {
+  const onDisplayValueChange = useCallback(event => {
     onChange && onChange({
       [isShowValueKey]: !isShowValue
     });
   }, [isShowValueKey, isShowValue, onChange]);
-  const onFontSizeChange = (0, _react.useCallback)(value => {
+  const onFontSizeChange = useCallback(value => {
     onChange && onChange({
       [fontSizeKey]: value
     });
   }, [fontSizeKey, onChange]);
-  return /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
+  return /*#__PURE__*/React.createElement(FormGroup, {
     className: "sea-chart-parameter-item"
-  }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+  }, /*#__PURE__*/React.createElement(_DTableSwitch, {
     switchClassName: "display-value-settings",
     checked: isShowValue,
     disabled: false,
-    placeholder: _intl.default.get('Display_value'),
+    placeholder: intl.get('Display_value'),
     onChange: onDisplayValueChange
-  }), isShowValue && /*#__PURE__*/_react.default.createElement(_fontSettings.FontSizeSettings, {
-    title: _intl.default.get('Label_font_size'),
+  }), isShowValue && /*#__PURE__*/React.createElement(FontSizeSettings, {
+    title: intl.get('Label_font_size'),
     fontSize: fontSize,
     defaultFontSize: 12,
     modifyFontSize: onFontSizeChange
   }));
 };
-var _default = exports.default = DisplayValuesSettings;
+export default DisplayValuesSettings;

package/dist/settings/widgets/divider/index.js

@@ -1,27 +1,19 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
+import React, { useEffect, useRef } from 'react';
+import classnames from 'classnames';
+import './index.css';
 const Divider = _ref => {
   let {
     className
   } = _ref;
-  const dividerRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
+  const dividerRef = useRef(null);
+  useEffect(() => {
     if (!dividerRef.current.nextElementSibling) {
       dividerRef.current.style.display = 'none';
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: dividerRef,
-    className: (0, _classnames.default)('sea-chart-divider', className)
+    className: classnames('sea-chart-divider', className)
   });
 };
-var _default = exports.default = Divider;
+export default Divider;

package/dist/settings/widgets/font-settings/font-color-settings.js

@@ -1,16 +1,8 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactstrap = require("reactstrap");
-var _colorPicker = _interopRequireDefault(require("../../../components/color-picker"));
-var _intl = _interopRequireDefault(require("../../../intl"));
+import React, { useMemo } from 'react';
+import classnames from 'classnames';
+import { Label } from 'reactstrap';
+import ColorPicker from '../../../components/color-picker';
+import intl from '../../../intl';
 const FontColorSettings = _ref => {
   let {
     fontColor,
@@ -19,17 +11,17 @@ const FontColorSettings = _ref => {
     className,
     title
   } = _ref;
-  const initialFontColor = (0, _react.useMemo)(() => {
+  const initialFontColor = useMemo(() => {
     if (fontColor) return fontColor;
     return defaultFontColor;
   }, [defaultFontColor, fontColor]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sea-chart-setting-item', className)
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, title || _intl.default.get('Font_color')), /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('sea-chart-setting-item', className)
+  }, /*#__PURE__*/React.createElement(Label, null, title || intl.get('Font_color')), /*#__PURE__*/React.createElement("div", {
     className: "sea-chart-color-picker"
-  }, /*#__PURE__*/_react.default.createElement(_colorPicker.default, {
+  }, /*#__PURE__*/React.createElement(ColorPicker, {
     activeColor: initialFontColor,
     onColorChanged: modifyFontColor
   })));
 };
-var _default = exports.default = FontColorSettings;
+export default FontColorSettings;

package/dist/settings/widgets/font-settings/font-size-settings.js

@@ -1,17 +1,9 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _components = require("../../../components");
-var _intl = _interopRequireDefault(require("../../../intl"));
+import React, { useCallback, useMemo } from 'react';
+import classnames from 'classnames';
+import { Label } from 'reactstrap';
+import { isNumber } from 'dtable-utils';
+import { PixelEditor } from '../../../components';
+import intl from '../../../intl';
 const FontSizeSettings = _ref => {
   let {
     fontSize,
@@ -20,22 +12,22 @@ const FontSizeSettings = _ref => {
     className,
     title
   } = _ref;
-  const initialFontSize = (0, _react.useMemo)(() => {
-    if ((0, _dtableUtils.isNumber)(fontSize)) return fontSize;
-    if ((0, _dtableUtils.isNumber)(defaultFontSize)) return defaultFontSize;
+  const initialFontSize = useMemo(() => {
+    if (isNumber(fontSize)) return fontSize;
+    if (isNumber(defaultFontSize)) return defaultFontSize;
     return null;
   }, [fontSize, defaultFontSize]);
-  const onChange = (0, _react.useCallback)(currFontSize => {
+  const onChange = useCallback(currFontSize => {
     const parsedFontSize = parseInt(currFontSize);
     if (!fontSize && !parsedFontSize || parsedFontSize === fontSize) return;
     modifyFontSize(parsedFontSize);
   }, [fontSize, modifyFontSize]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('sea-chart-setting-item font-size-setting', className)
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, title || _intl.default.get('Font_size')), /*#__PURE__*/_react.default.createElement(_components.PixelEditor, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('sea-chart-setting-item font-size-setting', className)
+  }, /*#__PURE__*/React.createElement(Label, null, title || intl.get('Font_size')), /*#__PURE__*/React.createElement(PixelEditor, {
     pixel: initialFontSize,
     defaultPixel: defaultFontSize,
     modifyPixel: onChange
   }));
 };
-var _default = exports.default = FontSizeSettings;
+export default FontSizeSettings;