dtable-statistic 4.3.6 → 4.3.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/es/calculator/base-calculator.js +16 -5
  2. package/es/calculator/basic-chart-calculator.js +17 -31
  3. package/es/calculator/combination-calculator.js +20 -34
  4. package/es/calculator/compare-bar-calculator.js +9 -20
  5. package/es/calculator/completeness-calculator.js +10 -24
  6. package/es/calculator/dashboard-calculator.js +6 -20
  7. package/es/calculator/heat-map-calculator.js +6 -20
  8. package/es/calculator/horizontal-bar-calculator.js +2 -13
  9. package/es/calculator/index.js +2 -0
  10. package/es/calculator/map-calculator.js +7 -21
  11. package/es/calculator/mirror-calculator.js +8 -22
  12. package/es/calculator/number-card-calculator.js +4 -18
  13. package/es/calculator/pivot-table-calculator.js +40 -54
  14. package/es/calculator/scatter-calculator.js +6 -20
  15. package/es/calculator/thread-manager.js +41 -41
  16. package/es/calculator/trend-calculator.js +6 -20
  17. package/es/calculator/workers/basic-chart-calculator-worker.js +77 -45
  18. package/es/calculator/workers/calculator.worker.js +5 -2
  19. package/es/calculator/workers/card-calculator-worker.js +13 -9
  20. package/es/calculator/workers/combination-calculator-worker.js +20 -16
  21. package/es/calculator/workers/compare-bar-chart-calculator-worker.js +12 -8
  22. package/es/calculator/workers/completeness-calculator-worker.js +21 -17
  23. package/es/calculator/workers/dashboard-calculator-worker.js +16 -12
  24. package/es/calculator/workers/mirror-calculator-worker.js +14 -10
  25. package/es/calculator/workers/pivot-table-calculator-worker.js +53 -35
  26. package/es/calculator/workers/scatter-calculator-worker.js +15 -11
  27. package/es/calculator/workers/trend-calculator-worker.js +14 -10
  28. package/es/calculator/world-map-calculator.js +6 -20
  29. package/es/components/dialog/chart-addition-edit-dialog.js +1 -1
  30. package/es/components/dialog/chart-addition-widgets/chart-selector.js +1 -1
  31. package/es/components/dialog/statistic-record-dialog/index.js +21 -11
  32. package/es/components/dropdown-menu/statistic-dropdown-menu.js +1 -1
  33. package/es/components/popover/color-rules/rule-filters/number-input.js +5 -5
  34. package/es/components/popover/color-rules-popover.js +2 -2
  35. package/es/components/select/select.js +3 -3
  36. package/es/components/toast/alert.js +2 -0
  37. package/es/components/toast/toastManager.js +1 -0
  38. package/es/constants/color-rules.js +3 -3
  39. package/es/constants/index.js +9 -9
  40. package/es/dashboard.js +7 -13
  41. package/es/desktop-dashboard.js +1 -1
  42. package/es/locale/lang/de.js +10 -10
  43. package/es/locale/lang/en.js +8 -8
  44. package/es/locale/lang/fr.js +10 -10
  45. package/es/locale/lang/zh_CN.js +8 -8
  46. package/es/model/basic-number-card.js +3 -3
  47. package/es/model/compare-bar.js +2 -2
  48. package/es/model/generic-model.js +11 -11
  49. package/es/model/heat-map.js +2 -2
  50. package/es/model/horizontal-bar.js +2 -2
  51. package/es/model/index.js +3 -2
  52. package/es/model/map.js +3 -3
  53. package/es/model/mirror.js +2 -2
  54. package/es/model/trend.js +2 -2
  55. package/es/model/world-map.js +3 -3
  56. package/es/stat-editor/stat-settings/advance-chart-settings/combination-settings.js +7 -7
  57. package/es/stat-editor/stat-settings/advance-chart-settings/index.js +2 -2
  58. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/combination-style-setting.js +2 -2
  59. package/es/stat-editor/stat-settings/advance-chart-settings/summary-settings.js +1 -1
  60. package/es/stat-editor/stat-settings/basic-chart-settings/bar-settings.js +1 -1
  61. package/es/stat-editor/stat-settings/basic-chart-settings/completeness-chart-settings.js +7 -7
  62. package/es/stat-editor/stat-settings/basic-chart-settings/groupby-settings.js +6 -6
  63. package/es/stat-editor/stat-settings/basic-chart-settings/index.js +4 -4
  64. package/es/stat-editor/stat-settings/basic-chart-settings/pivot-table-settings.js +5 -5
  65. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/bar-chart-style-setting.js +3 -3
  66. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/horizontal-bar-chart-style.js +3 -3
  67. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/pie-chart-style-settings.js +3 -3
  68. package/es/stat-editor/stat-settings/basic-chart-settings/summary-method-setting.js +1 -1
  69. package/es/stat-editor/stat-settings/basic-chart-settings/summary-settings.js +1 -1
  70. package/es/stat-editor/stat-settings/basic-chart-settings/time-comparison-settings.js +4 -18
  71. package/es/stat-editor/stat-settings/color-setting/color-picker.js +1 -0
  72. package/es/stat-editor/stat-settings/public-setting/column-settings.js +1 -1
  73. package/es/stat-editor/stat-settings/public-setting/numeric-summary-item.js +1 -1
  74. package/es/stat-view/area-chart.js +4 -4
  75. package/es/stat-view/bar-chart.js +4 -4
  76. package/es/stat-view/base-chart.js +2 -2
  77. package/es/stat-view/basic-number-card.js +49 -49
  78. package/es/stat-view/combination-chart.js +69 -69
  79. package/es/stat-view/compare-chart.js +4 -4
  80. package/es/stat-view/completeness-chart.js +3 -3
  81. package/es/stat-view/custom-bar.js +2 -2
  82. package/es/stat-view/dashboard-chart.js +50 -50
  83. package/es/stat-view/heat-map.js +2 -2
  84. package/es/stat-view/horizontal-bar-chart.js +4 -4
  85. package/es/stat-view/line-chart.js +4 -4
  86. package/es/stat-view/map.js +3 -3
  87. package/es/stat-view/mirror.js +2 -2
  88. package/es/stat-view/pivot-table/index.js +6 -6
  89. package/es/stat-view/pivot-table/one-dimension-table-no-numeric-columns.js +5 -5
  90. package/es/stat-view/pivot-table/one-dimension-table-with-numeric-columns.js +3 -3
  91. package/es/stat-view/pivot-table/pivot-table-display-name.js +19 -19
  92. package/es/stat-view/pivot-table/two-dimension-table.js +7 -7
  93. package/es/stat-view/ring-chart.js +2 -2
  94. package/es/stat-view/scatter-chart.js +56 -56
  95. package/es/stat-view/treemap-chart.js +50 -49
  96. package/es/stat-view/trend-chart.js +52 -52
  97. package/es/stat-view/world-map.js +3 -3
  98. package/es/utils/cell-format.js +16 -16
  99. package/es/utils/cell-value.js +3 -3
  100. package/es/utils/color-utils.js +3 -3
  101. package/es/utils/column-utils.js +10 -10
  102. package/es/utils/column.js +2 -2
  103. package/es/utils/common-utils.js +10 -8
  104. package/es/utils/export-table-utils.js +38 -38
  105. package/es/utils/object.js +3 -3
  106. package/es/utils/pivot-table.js +3 -3
  107. package/es/utils/row-utils.js +17 -17
  108. package/es/utils/search.js +14 -14
  109. package/es/utils/sql-utils.js +23 -20
  110. package/es/utils/stat-utils.js +52 -52
  111. package/es/utils/trend-utils.js +1 -0
  112. package/package.json +6 -3
package/es/model/trend.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _dtableStore = require("dtable-store");
8
+ var _dtableUtils = require("dtable-utils");
9
9
  var _baseModel = _interopRequireDefault(require("./base-model"));
10
10
  var _columnUtils = require("../utils/column-utils");
11
11
  var _constants = require("../constants");
@@ -15,7 +15,7 @@ class Trend extends _baseModel.default {
15
15
  this.date_column = object.x_axis_column_key;
16
16
  this.date_granularity = object.x_axis_date_granularity || _constants.DATE_GRANULARITY.MONTH;
17
17
  if (this.date_column) {
18
- const column = _dtableStore.TableUtils.getTableColumnByKey(table, this.date_column);
18
+ const column = (0, _dtableUtils.getTableColumnByKey)(table, this.date_column);
19
19
  if (!(0, _columnUtils.isStatisticDateColumn)(column)) {
20
20
  this.date_column = null;
21
21
  this.date_granularity = null;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
- var _dtableStore = require("dtable-store");
8
+ var _dtableUtils = require("dtable-utils");
9
9
  var _baseModel = _interopRequireDefault(require("./base-model"));
10
10
  var _columnUtils = require("../utils/column-utils");
11
11
  var _constants = require("../constants");
@@ -14,7 +14,7 @@ class WorldMap extends _baseModel.default {
14
14
  super(object);
15
15
  this.column = object.x_axis_column_key;
16
16
  if (this.column) {
17
- const column = _dtableStore.TableUtils.getTableColumnByKey(table, this.column);
17
+ const column = (0, _dtableUtils.getTableColumnByKey)(table, this.column);
18
18
  if (!(0, _columnUtils.isWorldMapColumn)(column)) {
19
19
  this.column = null;
20
20
  }
@@ -26,7 +26,7 @@ class WorldMap extends _baseModel.default {
26
26
  this.summary_method = _constants.SUMMARY_METHOD_MAP.Max;
27
27
  }
28
28
  this.legend_direction = object.legend_direction || _constants.LEGEND_DIRECTION_MAP.VERTICAL;
29
- this.legend_size = (0, _dtableStore.isNumber)(object.legend_size) ? object.legend_size : 1;
29
+ this.legend_size = (0, _dtableUtils.isNumber)(object.legend_size) ? object.legend_size : 1;
30
30
  this.data_color = object.data_color;
31
31
  this.bubble_color = object.bubble_color;
32
32
  }
@@ -9,7 +9,7 @@ exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _reactstrap = require("reactstrap");
11
11
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
12
- var _dtableStore = require("dtable-store");
12
+ var _dtableUtils = require("dtable-utils");
13
13
  var _components = require("../../../components");
14
14
  var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
15
15
  var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
@@ -109,12 +109,12 @@ class CombinationSettings extends _react.Component {
109
109
  type,
110
110
  key
111
111
  } = option.value;
112
- if (type === _dtableStore.CellType.DATE) {
112
+ if (type === _dtableUtils.CellType.DATE) {
113
113
  x_axis_date_granularity = this.dateGranularityOptions[2].value;
114
114
  } else {
115
115
  x_axis_date_granularity = null;
116
116
  }
117
- if (type === _dtableStore.CellType.GEOLOCATION) {
117
+ if (type === _dtableUtils.CellType.GEOLOCATION) {
118
118
  const selectedTable = getTableById(selectedTableId);
119
119
  const geoColumn = selectedTable.columns.find(column => column.key === key) || {};
120
120
  const {
@@ -359,7 +359,7 @@ class CombinationSettings extends _react.Component {
359
359
  y_axis_right_summary_column
360
360
  } = statItem;
361
361
  const selectedTable = getTableById(selectedTableId);
362
- let groupbyColumn = x_axis_column_key && _dtableStore.TableUtils.getTableColumnByKey(selectedTable, x_axis_column_key);
362
+ let groupbyColumn = x_axis_column_key && (0, _dtableUtils.getTableColumnByKey)(selectedTable, x_axis_column_key);
363
363
  let {
364
364
  type: groupbyColumnType
365
365
  } = groupbyColumn || {};
@@ -388,10 +388,10 @@ class CombinationSettings extends _react.Component {
388
388
  columnsOptions: this.columnsOptions,
389
389
  selectedColumnOption: selectedColumnOption,
390
390
  onChangeSelectedColumn: this.onSelectStatColumn
391
- }), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === _dtableStore.CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), this.renderIncludeEmpty()), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
391
+ }), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === _dtableUtils.CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), this.renderIncludeEmpty()), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
392
392
  useMultipleSummaryColumns: true,
393
393
  chartType: 'combination_chart',
394
- label: _reactIntlUniversal.default.get('Y-axis(left side)'),
394
+ label: _reactIntlUniversal.default.get('Y-axis(primary)'),
395
395
  statItem: statItem,
396
396
  selectedTableId: selectedTableId,
397
397
  summaryType: y_axis_left_summary_type,
@@ -405,7 +405,7 @@ class CombinationSettings extends _react.Component {
405
405
  updateStatItem: updateStatItem
406
406
  }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
407
407
  chartType: 'combination_chart',
408
- label: _reactIntlUniversal.default.get('Y-axis(right side)'),
408
+ label: _reactIntlUniversal.default.get('Y-axis(secondary)'),
409
409
  statItem: statItem,
410
410
  selectedTableId: selectedTableId,
411
411
  summaryType: y_axis_right_summary_type,
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
- var _dtableStore = require("dtable-store");
11
+ var _dtableUtils = require("dtable-utils");
12
12
  var _mapSettings = _interopRequireDefault(require("./map-settings"));
13
13
  var _worldMapSettings = _interopRequireDefault(require("./world-map-settings"));
14
14
  var _heatMapSettings = _interopRequireDefault(require("./heat-map-settings"));
@@ -28,7 +28,7 @@ class AdvancedChartSettings extends _react.default.Component {
28
28
  super(props);
29
29
  this.getNumericColumns = columns => {
30
30
  if (!columns) return [];
31
- return columns.filter(column => column && (0, _dtableStore.isNumericColumn)(column));
31
+ return columns.filter(column => column && (0, _dtableUtils.isNumericColumn)(column));
32
32
  };
33
33
  this.getSettingsByType = () => {
34
34
  const {
@@ -212,13 +212,13 @@ class CombinationChartStyle extends _react.Component {
212
212
  className: "statistic-chart-parameter-divider"
213
213
  }), /*#__PURE__*/_react.default.createElement("div", {
214
214
  className: "statistic-chart-parameter-item"
215
- }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis(left side)')), this.renderShowAxisLabel('y', 'left'), show_y_axis_left_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
215
+ }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis(primary)')), this.renderShowAxisLabel('y', 'left'), show_y_axis_left_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
216
216
  statItem: statItem,
217
217
  axisType: 'y_left',
218
218
  onSelectAxisLabelPosition: (type, option) => this.onSelectAxisLabelPosition(type, option, 'left')
219
219
  }), this.renderLeftAutoRange()), /*#__PURE__*/_react.default.createElement("div", {
220
220
  className: "statistic-chart-parameter-item"
221
- }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis(right side)')), this.renderShowAxisLabel('y', 'right'), show_y_axis_right_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
221
+ }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis(secondary)')), this.renderShowAxisLabel('y', 'right'), show_y_axis_right_label && /*#__PURE__*/_react.default.createElement(_axisLabelPositionSetting.default, {
222
222
  statItem: statItem,
223
223
  axisType: 'y_right',
224
224
  onSelectAxisLabelPosition: (type, option) => this.onSelectAxisLabelPosition(type, option, 'right')
@@ -148,7 +148,7 @@ class SummarySettings extends _react.Component {
148
148
  value: selectedColumnOption,
149
149
  onChange: this.onSelectSummaryColumn,
150
150
  options: this.numericColumnsOptions,
151
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
151
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
152
152
  noOptionsMessage: () => {
153
153
  return /*#__PURE__*/_react.default.createElement("span", null, _reactIntlUniversal.default.get('No_options'));
154
154
  }
@@ -111,7 +111,7 @@ class BarSettings extends _react.Component {
111
111
  dateGranularityOptions: dateGranularityOptions,
112
112
  geolocationGranularityOptions: geolocationGranularityOptions,
113
113
  label: _reactIntlUniversal.default.get('X-axis'),
114
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
114
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
115
115
  groupbyColumnKey: x_axis_column_key,
116
116
  groupbyDateGranularity: x_axis_date_granularity,
117
117
  groupbyGeolocationGranularity: x_axis_geolocation_granularity,
@@ -8,14 +8,14 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
- var _dtableStore = require("dtable-store");
11
+ var _dtableUtils = require("dtable-utils");
12
12
  var _components = require("../../../components");
13
13
  var _completenessStyle = _interopRequireDefault(require("./style-setting/completeness-style"));
14
14
  var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
15
15
  var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
16
16
  var _dataSortSetting = _interopRequireDefault(require("../public-setting/data-sort-setting"));
17
17
  var _constants = require("../../../constants");
18
- const COLUMN_TYPES = [_dtableStore.CellType.TEXT, _dtableStore.CellType.COLLABORATOR, _dtableStore.CellType.SINGLE_SELECT];
18
+ const COLUMN_TYPES = [_dtableUtils.CellType.TEXT, _dtableUtils.CellType.COLLABORATOR, _dtableUtils.CellType.SINGLE_SELECT];
19
19
  class CompletenessSetting extends _react.Component {
20
20
  constructor(props) {
21
21
  super(props);
@@ -31,7 +31,7 @@ class CompletenessSetting extends _react.Component {
31
31
  return /*#__PURE__*/_react.default.createElement("div", {
32
32
  className: "statistic-chart-parameter-item"
33
33
  }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Name_field')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
34
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
34
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
35
35
  value: selectedItem,
36
36
  onChange: this.onSelectGroupColumn,
37
37
  options: this.columnOptions
@@ -57,7 +57,7 @@ class CompletenessSetting extends _react.Component {
57
57
  return /*#__PURE__*/_react.default.createElement("div", {
58
58
  className: "statistic-chart-parameter-item"
59
59
  }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Completion_value_field')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
60
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
60
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
61
61
  value: selectedItem,
62
62
  onChange: this.onSelectCompletionColumn,
63
63
  options: this.props.numericColumnsOptions
@@ -98,12 +98,12 @@ class CompletenessSetting extends _react.Component {
98
98
  selectedTable
99
99
  } = this.props;
100
100
  if (key === statItem.group_column) return;
101
- const selectedColumn = _dtableStore.TableUtils.getTableColumnByKey(selectedTable, key);
101
+ const selectedColumn = (0, _dtableUtils.getTableColumnByKey)(selectedTable, key);
102
102
  const newStatItem = {};
103
103
  if (selectedColumn && _constants.TIME_COLUMN_LIST.includes(selectedColumn.type)) {
104
104
  newStatItem.date_granularity = 'month';
105
105
  }
106
- if (selectedColumn.type === _dtableStore.CellType.GEOLOCATION) {
106
+ if (selectedColumn.type === _dtableUtils.CellType.GEOLOCATION) {
107
107
  newStatItem.geolocation_granularity = 'district';
108
108
  }
109
109
  newStatItem.group_column = key;
@@ -147,7 +147,7 @@ class CompletenessSetting extends _react.Component {
147
147
  return /*#__PURE__*/_react.default.createElement("div", {
148
148
  className: "statistic-chart-parameter-item"
149
149
  }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Total_value_field')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
150
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
150
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
151
151
  value: selectedItem,
152
152
  onChange: this.onSelectTotalColumn,
153
153
  options: this.props.numericColumnsOptions
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
- var _dtableStore = require("dtable-store");
11
+ var _dtableUtils = require("dtable-utils");
12
12
  var _components = require("../../../components");
13
13
  class GroupbySettings extends _react.Component {
14
14
  constructor() {
@@ -28,7 +28,7 @@ class GroupbySettings extends _react.Component {
28
28
  const selectedColumnOption = this.props.getSelectedColumnOption(groupbyColumnKey, columnsOptions);
29
29
  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
30
30
  isSearchable: true,
31
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
31
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
32
32
  value: selectedColumnOption,
33
33
  onChange: this.onSelectGroupbyColumn,
34
34
  options: columnsOptions,
@@ -118,10 +118,10 @@ class GroupbySettings extends _react.Component {
118
118
  }
119
119
  if (key !== 'Groupby_null') {
120
120
  groupbyColumnKey = key;
121
- if (type === _dtableStore.CellType.DATE) {
121
+ if (type === _dtableUtils.CellType.DATE) {
122
122
  groupbyDateGranularity = dateGranularityOptions[2].value;
123
123
  }
124
- if (type === _dtableStore.CellType.GEOLOCATION) {
124
+ if (type === _dtableUtils.CellType.GEOLOCATION) {
125
125
  const geoColumn = selectedTable.columns.find(column => column.key === key) || {};
126
126
  const {
127
127
  geo_format
@@ -160,13 +160,13 @@ class GroupbySettings extends _react.Component {
160
160
  groupbyColumnKey,
161
161
  renderIncludeEmpty
162
162
  } = this.props;
163
- const groupbyColumn = groupbyColumnKey && _dtableStore.TableUtils.getTableColumnByKey(selectedTable, groupbyColumnKey);
163
+ const groupbyColumn = groupbyColumnKey && (0, _dtableUtils.getTableColumnByKey)(selectedTable, groupbyColumnKey);
164
164
  const {
165
165
  type: groupbyColumnType
166
166
  } = groupbyColumn || {};
167
167
  return /*#__PURE__*/_react.default.createElement("div", {
168
168
  className: "statistic-chart-parameter-item"
169
- }, this.renderGroupby(), _dtableStore.DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === _dtableStore.CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), renderIncludeEmpty && renderIncludeEmpty());
169
+ }, this.renderGroupby(), _dtableUtils.DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === _dtableUtils.CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), renderIncludeEmpty && renderIncludeEmpty());
170
170
  }
171
171
  }
172
172
  var _default = exports.default = GroupbySettings;
@@ -9,7 +9,7 @@ exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
11
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
12
- var _dtableStore = require("dtable-store");
12
+ var _dtableUtils = require("dtable-utils");
13
13
  var _toggleSetting = _interopRequireDefault(require("../public-setting/toggle-setting"));
14
14
  var _pieSettings = _interopRequireDefault(require("./pie-settings"));
15
15
  var _scatterSettings = _interopRequireDefault(require("./scatter-settings"));
@@ -68,14 +68,14 @@ class BasicChartSettings extends _react.Component {
68
68
  };
69
69
  this.getPivotTableSummaryColumnOptions = columns => {
70
70
  const summaryColumns = columns.filter(column => {
71
- return column && ((0, _dtableStore.isNumericColumn)(column) || _constants.TIME_COLUMN_LIST.includes(column.type));
71
+ return column && ((0, _dtableUtils.isNumericColumn)(column) || _constants.TIME_COLUMN_LIST.includes(column.type));
72
72
  });
73
73
  return this.getColumnsOptions(summaryColumns);
74
74
  };
75
75
  this.getColumnsOptions = columns => {
76
76
  if (!Array.isArray(columns)) return [];
77
77
  return columns.map(column => {
78
- let option = _dtableStore.COLUMN_OPTIONS.find(o => o.type === column.type) || {};
78
+ let option = _dtableUtils.COLUMN_OPTIONS.find(o => o.type === column.type) || {};
79
79
  const {
80
80
  name,
81
81
  key,
@@ -126,7 +126,7 @@ class BasicChartSettings extends _react.Component {
126
126
  };
127
127
  this.getNumericColumns = columns => {
128
128
  if (!columns) return [];
129
- return columns.filter(column => column && (0, _dtableStore.isNumericColumn)(column));
129
+ return columns.filter(column => column && (0, _dtableUtils.isNumericColumn)(column));
130
130
  };
131
131
  this.getSelectedColumnOption = (key, columnsOptions) => {
132
132
  if (!key || !Array.isArray(columnsOptions) || columnsOptions.length === 0) {
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
- var _dtableStore = require("dtable-store");
11
+ var _dtableUtils = require("dtable-utils");
12
12
  var _components = require("../../../components");
13
13
  var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
14
14
  var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
@@ -221,8 +221,8 @@ class PivotSettings extends _react.Component {
221
221
  if (!table) return [];
222
222
  const newPivotTableSummaryColumnOptions = [];
223
223
  pivotTableSummaryColumnOptions.forEach(item => {
224
- const column = _dtableStore.TableUtils.getTableColumnByKey(table, item.value.key) || {};
225
- if ((0, _dtableStore.isNumericColumn)(column)) {
224
+ const column = (0, _dtableUtils.getTableColumnByKey)(table, item.value.key) || {};
225
+ if ((0, _dtableUtils.isNumericColumn)(column)) {
226
226
  newPivotTableSummaryColumnOptions.push(item);
227
227
  }
228
228
  });
@@ -474,7 +474,7 @@ class PivotSettings extends _react.Component {
474
474
  dateGranularityOptions: dateGranularityOptions,
475
475
  geolocationGranularityOptions: geolocationGranularityOptions,
476
476
  label: _reactIntlUniversal.default.get('Row_grouping_field'),
477
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
477
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
478
478
  groupbyColumnKey: groupby_column_key,
479
479
  groupbyDateGranularity: groupby_date_granularity,
480
480
  groupbyGeolocationGranularity: groupby_geolocation_granularity,
@@ -489,7 +489,7 @@ class PivotSettings extends _react.Component {
489
489
  dateGranularityOptions: dateGranularityOptions,
490
490
  geolocationGranularityOptions: geolocationGranularityOptions,
491
491
  label: _reactIntlUniversal.default.get('Column_grouping_field'),
492
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
492
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
493
493
  groupbyColumnKey: column_groupby_column_key,
494
494
  groupbyDateGranularity: column_groupby_date_granularity,
495
495
  groupbyGeolocationGranularity: column_groupby_geolocation_granularity,
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
- var _dtableStore = require("dtable-store");
11
+ var _dtableUtils = require("dtable-utils");
12
12
  var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
13
13
  var _indToggleSetting = _interopRequireDefault(require("../../public-setting/ind-toggle-setting"));
14
14
  var _axisLabelPositionSetting = _interopRequireDefault(require("../../public-setting/axis-label-position-setting"));
@@ -194,11 +194,11 @@ class BarChartStyle extends _react.Component {
194
194
  return false;
195
195
  }
196
196
  const table = getTableById(table_id);
197
- const groupByColumn = _dtableStore.TableUtils.getTableColumnByKey(table, column_groupby_column_key);
197
+ const groupByColumn = (0, _dtableUtils.getTableColumnByKey)(table, column_groupby_column_key);
198
198
  const {
199
199
  type: columnType
200
200
  } = groupByColumn;
201
- if (columnType === _dtableStore.CellType.SINGLE_SELECT) {
201
+ if (columnType === _dtableUtils.CellType.SINGLE_SELECT) {
202
202
  return true;
203
203
  }
204
204
  return false;
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
- var _dtableStore = require("dtable-store");
11
+ var _dtableUtils = require("dtable-utils");
12
12
  var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
13
13
  var _indToggleSetting = _interopRequireDefault(require("../../public-setting/ind-toggle-setting"));
14
14
  var _axisLabelPositionSetting = _interopRequireDefault(require("../../public-setting/axis-label-position-setting"));
@@ -179,11 +179,11 @@ class HorizontalBarChartStyle extends _react.Component {
179
179
  return false;
180
180
  }
181
181
  const table = getTableById(table_id);
182
- const groupByColumn = _dtableStore.TableUtils.getTableColumnByKey(table, column_groupby_column_key);
182
+ const groupByColumn = (0, _dtableUtils.getTableColumnByKey)(table, column_groupby_column_key);
183
183
  const {
184
184
  type: columnType
185
185
  } = groupByColumn;
186
- if (columnType === _dtableStore.CellType.SINGLE_SELECT) {
186
+ if (columnType === _dtableUtils.CellType.SINGLE_SELECT) {
187
187
  return true;
188
188
  }
189
189
  return false;
@@ -9,7 +9,7 @@ exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _reactstrap = require("reactstrap");
11
11
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
12
- var _dtableStore = require("dtable-store");
12
+ var _dtableUtils = require("dtable-utils");
13
13
  var _components = require("../../../../components");
14
14
  var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
15
15
  var _colorUseTypeSelector = _interopRequireDefault(require("../../color-setting/color-use-type-selector"));
@@ -265,11 +265,11 @@ class PieStyleSettings extends _react.Component {
265
265
  return false;
266
266
  }
267
267
  const table = getTableById(table_id);
268
- const groupByColumn = _dtableStore.TableUtils.getTableColumnByKey(table, groupby_column_key);
268
+ const groupByColumn = (0, _dtableUtils.getTableColumnByKey)(table, groupby_column_key);
269
269
  const {
270
270
  type: columnType
271
271
  } = groupByColumn;
272
- if (columnType === _dtableStore.CellType.SINGLE_SELECT) {
272
+ if (columnType === _dtableUtils.CellType.SINGLE_SELECT) {
273
273
  return true;
274
274
  }
275
275
  return false;
@@ -27,7 +27,7 @@ class SummaryMethodSettings extends _react.Component {
27
27
  value: selectedColumnOption,
28
28
  onChange: this.onSelectNumericColumn,
29
29
  options: numericColumnsOptions,
30
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
30
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
31
31
  noOptionsMessage: () => {
32
32
  return /*#__PURE__*/_react.default.createElement("span", null, _reactIntlUniversal.default.get('No_options'));
33
33
  }
@@ -78,7 +78,7 @@ class SummarySettings extends _react.Component {
78
78
  value: selectedColumnOption,
79
79
  onChange: this.onSelectNumericColumn,
80
80
  options: numericColumnsOptions,
81
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
81
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
82
82
  noOptionsMessage: () => {
83
83
  return /*#__PURE__*/_react.default.createElement("span", null, _reactIntlUniversal.default.get('No_options'));
84
84
  }
@@ -24,9 +24,10 @@ class TimeComparisonSettings extends _react.Component {
24
24
  this.renderGroupbyDateGranularity = () => {
25
25
  let {
26
26
  dateGranularityOptions,
27
- groupbyDateGranularity
27
+ statItem
28
28
  } = this.props;
29
- let selectedDateGranularity = this.getSelectedDateGranularity(groupbyDateGranularity);
29
+ dateGranularityOptions = dateGranularityOptions.filter(item => item.value !== 'year');
30
+ let selectedDateGranularity = this.getSelectedDateGranularity(statItem.x_axis_date_granularity);
30
31
  return /*#__PURE__*/_react.default.createElement("div", {
31
32
  className: "statistic-chart-parameter-item"
32
33
  }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
@@ -46,27 +47,12 @@ class TimeComparisonSettings extends _react.Component {
46
47
  return /*#__PURE__*/_react.default.createElement("div", {
47
48
  className: "statistic-chart-parameter-item"
48
49
  }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
49
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
50
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
50
51
  value: selectedColumnOption,
51
52
  onChange: this.onSelectGroupbyColumn,
52
53
  options: this.columnsOptions
53
54
  }));
54
55
  };
55
- this.renderGroupbyDateGranularity = () => {
56
- let {
57
- dateGranularityOptions,
58
- statItem
59
- } = this.props;
60
- dateGranularityOptions = dateGranularityOptions.filter(item => item.value !== 'year');
61
- let selectedDateGranularity = this.getSelectedDateGranularity(statItem.x_axis_date_granularity);
62
- return /*#__PURE__*/_react.default.createElement("div", {
63
- className: "statistic-chart-parameter-item"
64
- }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
65
- value: selectedDateGranularity,
66
- onChange: this.onSelectGroupbyDateGranularity,
67
- options: dateGranularityOptions
68
- }));
69
- };
70
56
  this.onSelectGroupbyDateGranularity = dateGranularity => {
71
57
  let updated = {
72
58
  x_axis_date_granularity: dateGranularity.value
@@ -21,6 +21,7 @@ class ColorPicker extends _react.default.PureComponent {
21
21
  this.onInputChanged = event => {
22
22
  const value = event.target.value;
23
23
  if (value === this.state.activeColor) return;
24
+
24
25
  // todo valid color
25
26
  this.updateColor(value);
26
27
  this.setState({
@@ -17,7 +17,7 @@ function ColumnSettings(props) {
17
17
  return /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
18
18
  value: selectedColumnOption,
19
19
  options: columnsOptions,
20
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
20
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
21
21
  onChange: onChangeSelectedColumn
22
22
  });
23
23
  }
@@ -108,7 +108,7 @@ class NumericSummaryItem extends _react.Component {
108
108
  }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
109
109
  className: 'number-column-selector',
110
110
  value: selectedColumnOption,
111
- placeholder: _reactIntlUniversal.default.get('Select_a_column'),
111
+ placeholder: _reactIntlUniversal.default.get('Select_column'),
112
112
  onChange: onChangeColumnOption.bind(this, index),
113
113
  options: numericColumnsOptions
114
114
  })), /*#__PURE__*/_react.default.createElement("div", {
@@ -8,7 +8,7 @@ exports.default = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
10
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
- var _dtableStore = require("dtable-store");
11
+ var _dtableUtils = require("dtable-utils");
12
12
  var _baseChart = _interopRequireDefault(require("./base-chart"));
13
13
  var _customG = require("../custom-g2");
14
14
  var _commonUtils = require("../utils/common-utils");
@@ -54,7 +54,7 @@ class AreaChart extends _baseChart.default {
54
54
  let summaryColumnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
55
55
  if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
56
56
  const table = getTableById(table_id);
57
- const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
57
+ const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_column_key) || {};
58
58
  summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
59
59
  }
60
60
  let groupColorMapping = null;
@@ -394,7 +394,7 @@ class AreaChart extends _baseChart.default {
394
394
  const div = document.createElement('div');
395
395
  div.id = xAxisID;
396
396
  div.className = 'statistic-chart-axis-label';
397
- const column = _dtableStore.TableUtils.getTableColumnByKey(table, x_axis_column_key);
397
+ const column = (0, _dtableUtils.getTableColumnByKey)(table, x_axis_column_key);
398
398
  div.innerHTML = "".concat(column ? column.name : '');
399
399
  div.setAttribute('style', "color:".concat(textColor, "; width: 100%; padding-left: ").concat(autoPadding.left, "px; text-align: ").concat(x_axis_label_position, "; bottom: -20px"));
400
400
  chartContainer.appendChild(div);
@@ -415,7 +415,7 @@ class AreaChart extends _baseChart.default {
415
415
  if (y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
416
416
  div.innerHTML = _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT);
417
417
  } else {
418
- const column = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
418
+ const column = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_column_key) || {};
419
419
  div.innerHTML = column.name || '';
420
420
  }
421
421
  const containerHeight = chartContainer.offsetHeight;
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
10
  var _dataSet = _interopRequireDefault(require("@antv/data-set"));
11
11
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
12
- var _dtableStore = require("dtable-store");
12
+ var _dtableUtils = require("dtable-utils");
13
13
  var _baseChart = _interopRequireDefault(require("./base-chart"));
14
14
  var _customG = require("../custom-g2");
15
15
  var _commonUtils = require("../utils/common-utils");
@@ -62,7 +62,7 @@ class BarChart extends _baseChart.default {
62
62
  let summaryMethod = summary_method;
63
63
  if (y_axis_summary_type === _constants.SUMMARY_TYPE.ADVANCED) {
64
64
  const table = getTableById(table_id);
65
- const summaryColumn = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
65
+ const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_column_key) || {};
66
66
  summaryColumnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
67
67
  }
68
68
  if (!summaryType && y_axis_summary_type) {
@@ -419,7 +419,7 @@ class BarChart extends _baseChart.default {
419
419
  const div = document.createElement('div');
420
420
  div.id = xAxisID;
421
421
  div.className = 'statistic-chart-axis-label';
422
- const column = _dtableStore.TableUtils.getTableColumnByKey(table, x_axis_column_key);
422
+ const column = (0, _dtableUtils.getTableColumnByKey)(table, x_axis_column_key);
423
423
  div.innerHTML = "".concat(column ? column.name : '');
424
424
  div.setAttribute('style', "color:".concat(textColor, "; width: 100%; padding-left: ").concat(autoPadding.left, "px; text-align: ").concat(x_axis_label_position, "; bottom: -20px"));
425
425
  chartContainer.appendChild(div);
@@ -440,7 +440,7 @@ class BarChart extends _baseChart.default {
440
440
  if (y_axis_summary_type === _constants.SUMMARY_TYPE.COUNT) {
441
441
  div.innerHTML = _reactIntlUniversal.default.get(_constants.TITLE_AMOUNT);
442
442
  } else {
443
- const column = _dtableStore.TableUtils.getTableColumnByKey(table, y_axis_column_key) || {};
443
+ const column = (0, _dtableUtils.getTableColumnByKey)(table, y_axis_column_key) || {};
444
444
  div.innerHTML = column.name || '';
445
445
  if (type === _constants.STAT_TYPE.BAR_STACK) {
446
446
  div.innerHTML = title_name || '';
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  exports.default = void 0;
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
- var _dtableStore = require("dtable-store");
11
+ var _dtableUtils = require("dtable-utils");
12
12
  var _components = require("../components");
13
13
  var _commonUtils = require("../utils/common-utils");
14
14
  var _basicChartUtils = require("../utils/basic-chart-utils");
@@ -115,7 +115,7 @@ class BaseChart extends _react.Component {
115
115
  if (summaryMethod === _constants.SUMMARY_METHOD_MAP.Distinct_values) {
116
116
  return value;
117
117
  }
118
- return (0, _dtableStore.getNumberDisplayString)(value, columnData);
118
+ return (0, _dtableUtils.getNumberDisplayString)(value, columnData);
119
119
  };
120
120
  this.renderLoading = () => {
121
121
  return /*#__PURE__*/_react.default.createElement("div", {