dtable-statistic 4.3.9 → 4.3.10

package/es/assets/css/dashboard.css

@@ -315,10 +315,6 @@
   font-size: 12px;
 }
 
-.statistic-chart-summary-types__option--is-selected .summary-type-explanation {
-  color: #fff !important;
-}
-
 .statistic-color-option {
   padding: 1px;
   background: #fff;

package/es/components/dialog/table-select-dialog.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _reactstrap = require("reactstrap");
-var _components = require("../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _constants = require("../../constants");
 class TableSelectDialog extends _react.Component {
   constructor(props) {
@@ -75,7 +75,7 @@ class TableSelectDialog extends _react.Component {
       autoFocus: false
     }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
       toggle: this.toggle
-    }, title), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _reactIntlUniversal.default.get('Select_table')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, title), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _reactIntlUniversal.default.get('Select_table')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       options: this.tables,
       value: this.state.selectedTable,
       onChange: this.onSelectTable,

package/es/components/index.js

@@ -16,12 +16,6 @@ Object.defineProperty(exports, "DTablePopover", {
     return _dtablePopover.default;
   }
 });
-Object.defineProperty(exports, "DTableSelect", {
-  enumerable: true,
-  get: function () {
-    return _dtableSelect.default;
-  }
-});
 Object.defineProperty(exports, "DtableSearchInput", {
   enumerable: true,
   get: function () {
@@ -67,7 +61,6 @@ Object.defineProperty(exports, "toaster", {
 var _commonAddTool = _interopRequireDefault(require("./common-add-tool"));
 var _dtablePopover = _interopRequireDefault(require("./dtable-popover"));
 var _dtableSearchInput = _interopRequireDefault(require("./dtable-search-input"));
-var _dtableSelect = _interopRequireDefault(require("./dtable-select"));
 var _loading = _interopRequireDefault(require("./loading"));
 var _modalPortal = _interopRequireDefault(require("./modal-portal"));
 var _newTableDialog = _interopRequireDefault(require("./dialog/new-table-dialog"));

package/es/constants/index.js

@@ -12,24 +12,9 @@ Object.defineProperty(exports, "KeyCodes", {
     return _keyCodes.default;
   }
 });
-exports.MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP = exports.MONTH_MIRROR = exports.MIRROR_COLUMN_LIST = exports.LEGEND_RIGHT = exports.LEGEND_LEFT = exports.LEGEND_DIRECTION_MAP = exports.LABEL_POSITIONS_MAP = exports.LABEL_POSITIONS = exports.LABEL_POSITION = exports.LABEL_FORMATS_MAP = exports.LABEL_FORMATS = exports.LABEL_CONFIG_CHANGED = exports.LABEL_COLORS = void 0;
-Object.defineProperty(exports, "MenuSelectStyle", {
-  enumerable: true,
-  get: function () {
-    return _dtableSelectStyle.MenuSelectStyle;
-  }
-});
-exports.USEABLE_COLOR_TYPES = exports.TYPE_DISPLAY_COLOR_USING = exports.TYPE_COLOR_USING = exports.TOO_MANY_STATISTIC_ENTRIES = exports.TITLE_TOTAL = exports.TITLE_INCREASE = exports.TITLE_AMOUNT = exports.TIME_COLUMN_LIST = exports.THEME_NAME_MAP = exports.SUPPORT_LABEL_FONT_SIZE_CHARTS = exports.SUMMARY_TYPE = exports.SUMMARY_METHOD_MAP = exports.SUMMARY_METHOD = exports.STAT_TYPE = exports.STAT_ITEM_THEME_COLORS = exports.STATISTIC_TYPE_SHOW = exports.STATISTICS_COUNT_TYPE = exports.STATISTICS_COUNT_SHOW = exports.PIE_COlOR_OPTIONS_MAP = exports.PIE_COLOR_OPTIONS = exports.PIE_CHART_COLORS = exports.NO_STATISTIC_RESULTS = void 0;
-Object.defineProperty(exports, "UserSelectStyle", {
-  enumerable: true,
-  get: function () {
-    return _dtableSelectStyle.UserSelectStyle;
-  }
-});
-exports.Y_AXIS_TYPE_PREFIX = void 0;
+exports.Y_AXIS_TYPE_PREFIX = exports.USEABLE_COLOR_TYPES = exports.TYPE_DISPLAY_COLOR_USING = exports.TYPE_COLOR_USING = exports.TOO_MANY_STATISTIC_ENTRIES = exports.TITLE_TOTAL = exports.TITLE_INCREASE = exports.TITLE_AMOUNT = exports.TIME_COLUMN_LIST = exports.THEME_NAME_MAP = exports.SUPPORT_LABEL_FONT_SIZE_CHARTS = exports.SUMMARY_TYPE = exports.SUMMARY_METHOD_MAP = exports.SUMMARY_METHOD = exports.STAT_TYPE = exports.STAT_ITEM_THEME_COLORS = exports.STATISTIC_TYPE_SHOW = exports.STATISTICS_COUNT_TYPE = exports.STATISTICS_COUNT_SHOW = exports.PIE_COlOR_OPTIONS_MAP = exports.PIE_COLOR_OPTIONS = exports.PIE_CHART_COLORS = exports.NO_STATISTIC_RESULTS = exports.MULTIPLE_CELL_VALUE_COLUMN_TYPE_MAP = exports.MONTH_MIRROR = exports.MIRROR_COLUMN_LIST = exports.LEGEND_RIGHT = exports.LEGEND_LEFT = exports.LEGEND_DIRECTION_MAP = exports.LABEL_POSITIONS_MAP = exports.LABEL_POSITIONS = exports.LABEL_POSITION = exports.LABEL_FORMATS_MAP = exports.LABEL_FORMATS = exports.LABEL_CONFIG_CHANGED = exports.LABEL_COLORS = void 0;
 var _dtableUtils = require("dtable-utils");
 var _keyCodes = _interopRequireDefault(require("./key-codes"));
-var _dtableSelectStyle = require("./dtable-select-style");
 var CommonEventTypes = _interopRequireWildcard(require("./event-types"));
 exports.CommonEventTypes = CommonEventTypes;
 const KEY_SELECTED_DASHBOARD = exports.KEY_SELECTED_DASHBOARD = 'statistics-selected-dashboard';

package/es/stat-editor/stat-settings/advance-chart-settings/basic-number-card-settings.js

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
 var _constants = require("../../../constants");
 class BasicNumberCardSettings extends _react.Component {
@@ -56,7 +56,7 @@ class BasicNumberCardSettings extends _react.Component {
       let selectedMethodOption = this.getSelectedMethodOption(summary_method, this.summaryMethodsOptions);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedMethodOption,
         onChange: this.onSelectSummaryMethod,
         options: this.summaryMethodsOptions

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

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _dtableUtils = require("dtable-utils");
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
 var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
 var _combinationStyleSetting = _interopRequireDefault(require("./style-setting/combination-style-setting"));
@@ -45,7 +45,7 @@ class CombinationSettings extends _react.Component {
       let selectedDateGranularity = this.getSelectedDateGranularity(statItem.x_axis_date_granularity);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedDateGranularity,
         onChange: this.onSelectGroupbyDateGranularity,
         options: this.dateGranularityOptions
@@ -66,7 +66,7 @@ class CombinationSettings extends _react.Component {
       if (this.geolocationGranularityOptions.length === 0) return null;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedGeolocationGranularity,
         onChange: this.onSelectGroupbyGeolocationGranularity,
         options: this.geolocationGranularityOptions

package/es/stat-editor/stat-settings/advance-chart-settings/dashboard-chart-settings.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
 var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
 var _constants = require("../../../constants");
@@ -89,7 +89,7 @@ class DashboardChartSettings extends _react.Component {
       const selectedMethodOption = this.getSelectedMethodOption(summary_method, this.summaryMethodsOptions);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedMethodOption,
         onChange: onSelectSummaryMethod,
         options: this.summaryMethodsOptions

package/es/stat-editor/stat-settings/advance-chart-settings/geo-granularity-settings.js

@@ -1,19 +1,20 @@
 "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 _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 function GeoGranularitySettings(props) {
   const {
     geoGranularityOptions,
     selectedGeoGranularityOption,
     onChangeGeoGranularity
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
     value: selectedGeoGranularityOption,
     options: geoGranularityOptions,
     onChange: onChangeGeoGranularity

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

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _rcSlider = _interopRequireDefault(require("rc-slider"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _colorGroupSelector = _interopRequireDefault(require("../../color-setting/color-group-selector"));
-var _components = require("../../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _constants = require("../../../../constants");
 require("../../../../assets/css/slider.css");
 class MapStyleSetting extends _react.Component {
@@ -96,7 +96,7 @@ class MapStyleSetting extends _react.Component {
     this.renderLegendDirection = () => {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Legend_direction')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Legend_direction')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: this.getSelectedDirectionOption(),
         options: this.legendDirectionOptions,
         onChange: this.onDirectionChange

package/es/stat-editor/stat-settings/advance-chart-settings/summary-settings.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _numericSummaryItem = _interopRequireDefault(require("../public-setting/numeric-summary-item"));
 var _constants = require("../../../constants");
 const GROUP_TYPES = {
@@ -105,7 +105,7 @@ class SummarySettings extends _react.Component {
       const selectedSummaryType = this.getSelectedSummaryType();
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         classNamePrefix: 'statistic-chart-summary-types',
         value: selectedSummaryType,
         onChange: this.onChangeSummaryType,
@@ -144,7 +144,7 @@ class SummarySettings extends _react.Component {
       const selectedColumnOption = this.numericColumnsOptions.find(o => o.value.key === summaryColumn) || null;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Numeric_column')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Numeric_column')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedColumnOption,
         onChange: this.onSelectSummaryColumn,
         options: this.numericColumnsOptions,
@@ -158,7 +158,7 @@ class SummarySettings extends _react.Component {
       let selectedMethodOption = this.getSelectedMethodOption(this.props.summaryMethod, this.summaryMethodsOptions);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedMethodOption,
         onChange: this.onSelectSummaryMethod,
         options: this.summaryMethodsOptions

package/es/stat-editor/stat-settings/advance-chart-settings/trend-chart-settings.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
 var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
 var _summarySettings = _interopRequireDefault(require("./summary-settings"));
@@ -68,7 +68,7 @@ class TrendSettings extends _react.Component {
       const selectedGeolocationGranularity = this.dateGranularityOptions.find(option => option.value === date_granularity);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Comparison_mode')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Comparison_mode')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedGeolocationGranularity,
         onChange: this.onSelectGroupbyGeolocationGranularity,
         options: this.dateGranularityOptions

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

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _dtableUtils = require("dtable-utils");
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _completenessStyle = _interopRequireDefault(require("./style-setting/completeness-style"));
 var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
 var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
@@ -30,7 +30,7 @@ class CompletenessSetting extends _react.Component {
       const selectedItem = getSelectedColumnOption(name_column, this.columnOptions);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Name_field')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Name_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         placeholder: _reactIntlUniversal.default.get('Select_column'),
         value: selectedItem,
         onChange: this.onSelectGroupColumn,
@@ -56,7 +56,7 @@ class CompletenessSetting extends _react.Component {
       const selectedItem = getSelectedColumnOption(completed_column, this.props.numericColumnsOptions);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Completion_value_field')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Completion_value_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         placeholder: _reactIntlUniversal.default.get('Select_column'),
         value: selectedItem,
         onChange: this.onSelectCompletionColumn,
@@ -146,7 +146,7 @@ class CompletenessSetting extends _react.Component {
       const selectedItem = getSelectedColumnOption(target_column, this.props.numericColumnsOptions);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Total_value_field')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Total_value_field')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         placeholder: _reactIntlUniversal.default.get('Select_column'),
         value: selectedItem,
         onChange: this.onSelectTotalColumn,

package/es/stat-editor/stat-settings/basic-chart-settings/groupby-settings.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _dtableUtils = require("dtable-utils");
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 class GroupbySettings extends _react.Component {
   constructor() {
     super(...arguments);
@@ -26,7 +26,7 @@ class GroupbySettings extends _react.Component {
         label
       } = this.props;
       const selectedColumnOption = this.props.getSelectedColumnOption(groupbyColumnKey, columnsOptions);
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         isSearchable: true,
         placeholder: _reactIntlUniversal.default.get('Select_column'),
         value: selectedColumnOption,
@@ -44,7 +44,7 @@ class GroupbySettings extends _react.Component {
       let selectedDateGranularity = this.getSelectedDateGranularity(groupbyDateGranularity);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedDateGranularity,
         onChange: this.onSelectGroupbyDateGranularity,
         options: dateGranularityOptions
@@ -60,7 +60,7 @@ class GroupbySettings extends _react.Component {
       if (geolocationGranularityOptions.length === 0) return null;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedGeolocationGranularity,
         onChange: this.onSelectGroupbyGeolocationGranularity,
         options: geolocationGranularityOptions

package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-axis-group-settings.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
 var _summaryMethodSetting = _interopRequireDefault(require("./summary-method-setting"));
 var _numericSummaryItem = _interopRequireDefault(require("../public-setting/numeric-summary-item"));
@@ -310,7 +310,7 @@ class GroupingSettings extends _react.Component {
     } = statItem || {};
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       classNamePrefix: "statistic-chart-summary-types",
       value: selectedGroupItem,
       onChange: this.onChangeGroupType,

package/es/stat-editor/stat-settings/basic-chart-settings/pivot-table-settings.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _dtableUtils = require("dtable-utils");
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
 var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
 var _numericSummaryItem = _interopRequireDefault(require("../public-setting/numeric-summary-item"));
@@ -501,7 +501,7 @@ class PivotSettings extends _react.Component {
       className: "statistic-chart-parameter-divider"
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_type')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_type')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       classNamePrefix: "statistic-chart-summary-types",
       value: selectedGroupItem,
       options: this.groupTypeOptions,

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

@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _dtableUtils = require("dtable-utils");
-var _components = require("../../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
 var _colorUseTypeSelector = _interopRequireDefault(require("../../color-setting/color-use-type-selector"));
 var _labelFontSizeEditor = _interopRequireDefault(require("./label-font-size-editor"));
@@ -167,7 +167,7 @@ class PieStyleSettings extends _react.Component {
       let selectedOption = this.getSelectedLabelFormat();
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label_format')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label_format')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedOption,
         onChange: this.onSelectLabelFormat,
         options: this.labelFormatOptions
@@ -204,7 +204,7 @@ class PieStyleSettings extends _react.Component {
       let selectedOption = this.getSelectedLabelPosition();
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label_position')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label_position')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedOption,
         onChange: this.onSelectLabelPosition,
         options: this.labelPositionOptions

package/es/stat-editor/stat-settings/basic-chart-settings/summary-method-setting.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _constants = require("../../../constants");
 const DATE_COLUMN_SUMMARY_METHOD = ['Max', 'Min'];
 class SummaryMethodSettings extends _react.Component {
@@ -23,7 +23,7 @@ class SummaryMethodSettings extends _react.Component {
       let selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, statItem.type === _constants.STAT_TYPE.PIVOT_TABLE ? _reactIntlUniversal.default.get('Summary_column') : _reactIntlUniversal.default.get('Numeric_column')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, statItem.type === _constants.STAT_TYPE.PIVOT_TABLE ? _reactIntlUniversal.default.get('Summary_column') : _reactIntlUniversal.default.get('Numeric_column')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedColumnOption,
         onChange: this.onSelectNumericColumn,
         options: numericColumnsOptions,
@@ -49,7 +49,7 @@ class SummaryMethodSettings extends _react.Component {
       }
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedMethodOption,
         onChange: this.onSelectSummaryMethod,
         options: summaryMethodOption

package/es/stat-editor/stat-settings/basic-chart-settings/summary-settings.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _constants = require("../../../constants");
 const SUMMARY_TYPES = [_constants.SUMMARY_TYPE.COUNT, _constants.SUMMARY_TYPE.ADVANCED];
 class SummarySettings extends _react.Component {
@@ -59,7 +59,7 @@ class SummarySettings extends _react.Component {
       const selectedSummaryMethod = this.summaryTypeOptions.find(item => item.value === summaryType) || this.summaryTypeOptions[0];
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         classNamePrefix: 'statistic-chart-summary-types',
         value: selectedSummaryMethod,
         onChange: this.onChangeSummaryType,
@@ -74,7 +74,7 @@ class SummarySettings extends _react.Component {
       const selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Numeric_column')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Numeric_column')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedColumnOption,
         onChange: this.onSelectNumericColumn,
         options: numericColumnsOptions,
@@ -88,7 +88,7 @@ class SummarySettings extends _react.Component {
       const selectedMethodOption = this.getSelectedMethodOption(this.props.summaryMethod, this.summaryMethodsOptions);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedMethodOption,
         onChange: this.onSelectSummaryMethod,
         options: this.summaryMethodsOptions

package/es/stat-editor/stat-settings/basic-chart-settings/time-comparison-settings.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
 var _toggleSetting = _interopRequireDefault(require("../public-setting/toggle-setting"));
 var _summarySettings = _interopRequireDefault(require("./summary-settings"));
@@ -30,7 +30,7 @@ class TimeComparisonSettings extends _react.Component {
       let selectedDateGranularity = this.getSelectedDateGranularity(statItem.x_axis_date_granularity);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedDateGranularity,
         onChange: this.onSelectGroupbyDateGranularity,
         options: dateGranularityOptions
@@ -46,7 +46,7 @@ class TimeComparisonSettings extends _react.Component {
       let selectedColumnOption = this.props.getSelectedColumnOption(x_axis_column_key, this.columnsOptions);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         placeholder: _reactIntlUniversal.default.get('Select_column'),
         value: selectedColumnOption,
         onChange: this.onSelectGroupbyColumn,

package/es/stat-editor/stat-settings/basic-chart-settings/y-axis-group-settings.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
 var _summaryMethodSetting = _interopRequireDefault(require("./summary-method-setting"));
 var _numericSummaryItem = _interopRequireDefault(require("../public-setting/numeric-summary-item"));
@@ -310,7 +310,7 @@ class GroupingSettings extends _react.Component {
     } = statItem || {};
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       classNamePrefix: "statistic-chart-summary-types",
       value: selectedGroupItem,
       onChange: this.onChangeGroupType,

package/es/stat-editor/stat-settings/color-setting/color-group-selector.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _constants = require("../../../constants");
 class ColorGroupSelector extends _react.Component {
   constructor(props) {
@@ -44,7 +44,7 @@ class ColorGroupSelector extends _react.Component {
     const currentOption = this.colorOptions.filter(item => item.value === currentColor)[0] || this.colorOptions[0];
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Color')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Color')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       classNamePrefix: 'chart-color',
       value: currentOption,
       onChange: this.changeColor,

package/es/stat-editor/stat-settings/color-setting/color-use-type-selector.js

@@ -11,7 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _reactstrap = require("reactstrap");
 var _reactColor = _interopRequireDefault(require("react-color"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _colorRulesPopover = _interopRequireDefault(require("../../../components/popover/color-rules-popover"));
 var _colorUtils = require("../../../utils/color-utils");
 var _constants = require("../../../constants");
@@ -364,7 +364,7 @@ class ColorUseTypeSelector extends _react.Component {
     const selectedColorOption = this.colorOptions.find(colorOption => colorOption.value === color_option) || this.colorOptions[0];
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Color')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Color')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       value: selectedColorOption,
       options: this.colorOptions,
       onChange: this.onSelectColorOption

package/es/stat-editor/stat-settings/map/map-level.js

@@ -1,12 +1,13 @@
 "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 _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _map = require("../../../utils/map");
 var _map2 = require("../../../constants/map");
 const MAP_LEVELS = [{
@@ -61,7 +62,7 @@ class MapLevelSettings extends _react.Component {
   render() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, "\u5730\u56FE\u7EA7\u522B"), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       value: this.getSelectedMapLevelOption(),
       options: this.mapLevelOptions,
       onChange: this.onSelectMapLevel

package/es/stat-editor/stat-settings/map/map-province-city.js

@@ -1,12 +1,13 @@
 "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 _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _map = require("../../../constants/map");
 var _regions = require("../../../constants/regions");
 var _map2 = require("../../../utils/map");
@@ -119,7 +120,7 @@ class MapProvinceCitySettings extends _react.Component {
       const citiesOptions = this.getProvinceCitiesOptions(province);
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "statistic-chart-parameter-item"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: this.getSelectedCity(citiesOptions),
         options: citiesOptions,
         onChange: this.onSelectCity,
@@ -139,7 +140,7 @@ class MapProvinceCitySettings extends _react.Component {
     const isCity = map_level === _map.MAP_LEVEL.CITY;
     return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, isCity ? '城市' : '省份'), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, isCity ? '城市' : '省份'), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       value: this.getSelectedProvinceOption(),
       options: this.provinceOptions,
       onChange: this.onSelectProvince,

package/es/stat-editor/stat-settings/public-setting/axis-label-position-setting.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 const LABEL_POSITIONS_X = ['left', 'center', 'right'];
 const LABEL_POSITIONS_Y = ['bottom', 'center', 'top'];
 const LABEL_POSITIONS_SHOW_X = {
@@ -93,7 +93,7 @@ class AxisLabelPosition extends _react.Component {
       }
       return /*#__PURE__*/_react.default.createElement("div", {
         className: "mt-1"
-      }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+      }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
         value: selectedOption,
         onChange: this.onSelectAxisPosition,
         options: this.labelPositionOptions

package/es/stat-editor/stat-settings/public-setting/base-settings.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
 var _typeSettings = _interopRequireDefault(require("./type-settings"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _chartService = _interopRequireDefault(require("../../../service/chart-service"));
 var _constants = require("../../../constants");
 class BaseSettings extends _react.Component {
@@ -137,13 +137,13 @@ class BaseSettings extends _react.Component {
       onChange: this.onChangeType
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Table')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Table')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       value: selectedTableOption,
       options: this.tablesOptions,
       onChange: this.onSelectTable
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-chart-parameter-item"
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Views')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Views')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       value: selectedViewOption,
       options: this.viewsOptions,
       onChange: this.onSelectView

package/es/stat-editor/stat-settings/public-setting/column-settings.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 function ColumnSettings(props) {
   const {
     columnsOptions,
     selectedColumnOption,
     onChangeSelectedColumn
   } = props;
-  return /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+  return /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
     value: selectedColumnOption,
     options: columnsOptions,
     placeholder: _reactIntlUniversal.default.get('Select_column'),

package/es/stat-editor/stat-settings/public-setting/numeric-summary-item.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
-var _components = require("../../../components");
+var _DTableSelect = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
 var _constants = require("../../../constants");
 var _statisticNumericColumnItemModule = _interopRequireDefault(require("../../../assets/css/statistic-numeric-column-item.module.css"));
 class NumericSummaryItem extends _react.Component {
@@ -105,7 +105,7 @@ class NumericSummaryItem extends _react.Component {
       className: isExpand ? _statisticNumericColumnItemModule.default['expanded-numeric-summary-content'] : _statisticNumericColumnItemModule.default['collapsed-numeric-summary-content']
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(_statisticNumericColumnItemModule.default['select-item'], " numeric-column")
-    }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       className: 'number-column-selector',
       value: selectedColumnOption,
       placeholder: _reactIntlUniversal.default.get('Select_column'),
@@ -113,7 +113,7 @@ class NumericSummaryItem extends _react.Component {
       options: numericColumnsOptions
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(_statisticNumericColumnItemModule.default['select-item'], " ").concat(_statisticNumericColumnItemModule.default['summary-method'])
-    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
+    }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_DTableSelect.default, {
       value: selectedSummaryMethodOption,
       onChange: onChangeSummaryMethod.bind(this, index),
       options: this.summaryMethodOptions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-statistic",
-  "version": "4.3.9",
+  "version": "4.3.10",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
   "author": "seafile",
@@ -12,7 +12,8 @@
     "@seafile/seafile-calendar": "0.0.24",
     "comlink": "^4.3.1",
     "dayjs": "1.10.7",
-    "dtable-utils": "4.3.3",
+    "dtable-ui-component": "4.3.3",
+    "dtable-utils": "4.3.5",
     "dtable-web-api": "4.3.5",
     "glamor": "^2.20.40",
     "html2canvas": "^1.4.1",
@@ -22,7 +23,6 @@
     "react-dom": "17.0.2",
     "react-grid-layout": "^1.2.5",
     "react-intl-universal": "^2.4.8",
-    "react-select": "5.7.0",
     "reactstrap": "8.9.0"
   },
   "peerDependencies": {
@@ -77,6 +77,7 @@
     "postcss-loader": "^6.2.1",
     "postcss-normalize": "^10.0.1",
     "postcss-preset-env": "^7.0.1",
+    "react-i18next": "^10.12.2",
     "prompts": "^2.4.2",
     "react-app-polyfill": "^3.0.0",
     "react-dev-utils": "^12.0.1",

package/es/components/dtable-select.js

@@ -1,95 +0,0 @@
-"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 _react = _interopRequireDefault(require("react"));
-var _reactSelect = _interopRequireWildcard(require("react-select"));
-var _constants = require("../constants");
-const DropdownIndicator = props => {
-  return _reactSelect.components.DropdownIndicator && /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-font dtable-icon-drop-down",
-    style: {
-      fontSize: '12px'
-    }
-  }));
-};
-const MenuList = props => /*#__PURE__*/_react.default.createElement("div", {
-  onClick: e => e.nativeEvent.stopImmediatePropagation(),
-  onMouseDown: e => e.nativeEvent.stopImmediatePropagation()
-}, /*#__PURE__*/_react.default.createElement(_reactSelect.components.MenuList, props, props.children));
-const Option = props => {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    style: props.data.style
-  }, /*#__PURE__*/_react.default.createElement(_reactSelect.components.Option, props));
-};
-class DTableSelect extends _react.default.Component {
-  constructor() {
-    super(...arguments);
-    this.getMenuPortalTarget = () => {
-      let {
-        menuPortalTarget
-      } = this.props;
-      return document.querySelector(menuPortalTarget);
-    };
-  }
-  render() {
-    const {
-      options,
-      onChange,
-      value,
-      isSearchable,
-      placeholder,
-      isMulti,
-      menuPosition,
-      isClearable,
-      noOptionsMessage,
-      classNamePrefix,
-      innerRef,
-      isDisabled,
-      customFilterOption
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
-      value: value,
-      isDisabled: isDisabled,
-      ref: innerRef,
-      onChange: onChange,
-      options: options,
-      filterOption: customFilterOption,
-      isMulti: isMulti,
-      classNamePrefix: classNamePrefix,
-      styles: _constants.MenuSelectStyle,
-      components: {
-        Option,
-        DropdownIndicator,
-        MenuList
-      },
-      placeholder: placeholder,
-      isSearchable: isSearchable,
-      isClearable: isClearable,
-      menuPosition: menuPosition || 'fixed' // when use default menuPosition(absolute), menuPortalTarget is unnecessary.
-      ,
-      menuShouldScrollIntoView: true,
-      menuPortalTarget: this.getMenuPortalTarget(),
-      captureMenuScroll: false,
-      noOptionsMessage: noOptionsMessage
-    });
-  }
-}
-DTableSelect.defaultProps = {
-  options: [],
-  value: {},
-  isDisabled: false,
-  isSearchable: false,
-  isClearable: false,
-  placeholder: '',
-  isMulti: false,
-  menuPortalTarget: '.modal',
-  noOptionsMessage: () => {
-    return null;
-  }
-};
-var _default = exports.default = DTableSelect;

package/es/constants/dtable-select-style.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UserSelectStyle = exports.MenuSelectStyle = void 0;
-const MenuSelectStyle = exports.MenuSelectStyle = {
-  option: (provided, state) => {
-    const {
-      isDisabled,
-      isSelected,
-      isFocused
-    } = state;
-    return {
-      ...provided,
-      cursor: isDisabled ? 'default' : 'pointer',
-      backgroundColor: isSelected ? '#20a0ff' : isFocused ? '#f5f5f5' : '#fff',
-      '.header-icon .dtable-font': {
-        color: isSelected ? '#fff' : '#aaa'
-      }
-    };
-  },
-  control: provided => ({
-    ...provided,
-    fontSize: '14px',
-    cursor: 'pointer',
-    lineHeight: '1.5'
-  }),
-  menuPortal: base => ({
-    ...base,
-    zIndex: 9999
-  }),
-  indicatorSeparator: () => {}
-};
-const UserSelectStyle = exports.UserSelectStyle = {
-  option: (provided, state) => {
-    const {
-      isDisabled,
-      isFocused
-    } = state;
-    return {
-      ...provided,
-      cursor: isDisabled ? 'default' : 'pointer',
-      backgroundColor: isFocused ? '#f5f5f5' : '#fff'
-    };
-  },
-  control: provided => ({
-    ...provided,
-    fontSize: '14px',
-    cursor: 'pointer',
-    lineHeight: '1.5'
-  }),
-  indicatorSeparator: () => ({
-    display: 'none'
-  }),
-  dropdownIndicator: () => ({
-    display: 'none'
-  }),
-  clearIndicator: () => ({
-    display: 'none'
-  })
-};