dtable-statistic 4.3.4 → 4.3.5

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 (222) hide show
  1. package/es/api/dtable-db-api.js +10 -3
  2. package/es/calculator/base-calculator.js +20 -12
  3. package/es/calculator/basic-chart-calculator.js +72 -65
  4. package/es/calculator/combination-calculator.js +64 -57
  5. package/es/calculator/compare-bar-calculator.js +33 -26
  6. package/es/calculator/completeness-calculator.js +37 -30
  7. package/es/calculator/copy-value.js +7 -1
  8. package/es/calculator/dashboard-calculator.js +20 -13
  9. package/es/calculator/heat-map-calculator.js +25 -18
  10. package/es/calculator/horizontal-bar-calculator.js +15 -8
  11. package/es/calculator/index.js +42 -35
  12. package/es/calculator/map-calculator.js +29 -22
  13. package/es/calculator/mirror-calculator.js +27 -20
  14. package/es/calculator/number-card-calculator.js +17 -10
  15. package/es/calculator/pivot-table-calculator.js +65 -58
  16. package/es/calculator/scatter-calculator.js +21 -14
  17. package/es/calculator/thread-manager.js +7 -1
  18. package/es/calculator/trend-calculator.js +29 -22
  19. package/es/calculator/workers/basic-chart-calculator-worker.js +83 -76
  20. package/es/calculator/workers/calculator.worker.js +33 -30
  21. package/es/calculator/workers/card-calculator-worker.js +19 -13
  22. package/es/calculator/workers/combination-calculator-worker.js +53 -46
  23. package/es/calculator/workers/compare-bar-chart-calculator-worker.js +29 -22
  24. package/es/calculator/workers/completeness-calculator-worker.js +41 -34
  25. package/es/calculator/workers/dashboard-calculator-worker.js +24 -18
  26. package/es/calculator/workers/mirror-calculator-worker.js +29 -22
  27. package/es/calculator/workers/pivot-table-calculator-worker.js +84 -77
  28. package/es/calculator/workers/scatter-calculator-worker.js +27 -20
  29. package/es/calculator/workers/trend-calculator-worker.js +34 -27
  30. package/es/calculator/world-map-calculator.js +24 -17
  31. package/es/components/common-add-tool.js +12 -5
  32. package/es/components/dialog/chart-addition-edit-dialog.js +20 -12
  33. package/es/components/dialog/chart-addition-widgets/chart-selector.js +108 -101
  34. package/es/components/dialog/color-theme-dialog.js +22 -15
  35. package/es/components/dialog/delete-confirmation-dialog.js +18 -11
  36. package/es/components/dialog/enlarged-chart-dialog.js +28 -20
  37. package/es/components/dialog/new-table-dialog.js +23 -16
  38. package/es/components/dialog/new-view-dialog.js +21 -14
  39. package/es/components/dialog/rename-view-dialog.js +22 -14
  40. package/es/components/dialog/statistic-record-dialog/index.js +45 -37
  41. package/es/components/dialog/statistic-types-dialog/index.js +22 -14
  42. package/es/components/dialog/table-select-dialog.js +23 -15
  43. package/es/components/dropdown-menu/statistic-dropdown-menu.js +49 -41
  44. package/es/components/dtable-popover.js +19 -12
  45. package/es/components/dtable-search-input.js +21 -13
  46. package/es/components/dtable-select.js +20 -12
  47. package/es/components/icon.js +11 -4
  48. package/es/components/index.js +76 -11
  49. package/es/components/loading.js +10 -3
  50. package/es/components/modal-portal.js +12 -5
  51. package/es/components/popover/color-rules/color-rule.js +33 -25
  52. package/es/components/popover/color-rules/index.js +14 -6
  53. package/es/components/popover/color-rules/rule-filters/filter.js +34 -27
  54. package/es/components/popover/color-rules/rule-filters/index.js +25 -17
  55. package/es/components/popover/color-rules/rule-filters/number-input.js +17 -9
  56. package/es/components/popover/color-rules-popover.js +32 -24
  57. package/es/components/popover/color-selector-popover.js +17 -10
  58. package/es/components/seatable-radio/index.js +16 -9
  59. package/es/components/select/index.js +9 -2
  60. package/es/components/select/option-group.js +27 -19
  61. package/es/components/select/option.js +14 -6
  62. package/es/components/select/select.js +25 -17
  63. package/es/components/toast/alert.js +31 -24
  64. package/es/components/toast/index.js +10 -3
  65. package/es/components/toast/toast.js +20 -12
  66. package/es/components/toast/toastManager.js +17 -9
  67. package/es/components/toast/toaster.js +14 -6
  68. package/es/constants/color-rules.js +12 -6
  69. package/es/constants/dtable-select-style.js +9 -4
  70. package/es/constants/event-types.js +10 -4
  71. package/es/constants/index.js +96 -67
  72. package/es/constants/key-codes.js +2 -0
  73. package/es/constants/map.js +8 -2
  74. package/es/constants/model.js +26 -20
  75. package/es/constants/regions.js +8 -3
  76. package/es/constants/zIndexes.js +7 -1
  77. package/es/custom-g2.js +236 -208
  78. package/es/dashboard.js +58 -50
  79. package/es/desktop-dashboard.js +55 -47
  80. package/es/index.js +6 -3
  81. package/es/locale/index.js +13 -10
  82. package/es/locale/lang/de.js +7 -1
  83. package/es/locale/lang/en.js +7 -1
  84. package/es/locale/lang/fr.js +7 -1
  85. package/es/locale/lang/zh_CN.js +7 -1
  86. package/es/mobile-dashboard.js +46 -38
  87. package/es/model/bar-group.js +19 -11
  88. package/es/model/bar.js +18 -10
  89. package/es/model/base-model.js +9 -2
  90. package/es/model/basic-number-card.js +16 -8
  91. package/es/model/collaborators.js +9 -2
  92. package/es/model/combination.js +20 -12
  93. package/es/model/compare-bar.js +24 -16
  94. package/es/model/completeness-group.js +16 -8
  95. package/es/model/completeness.js +13 -5
  96. package/es/model/custom-bar.js +14 -6
  97. package/es/model/dashboard.js +14 -6
  98. package/es/model/generic-model.js +141 -133
  99. package/es/model/heat-map.js +19 -11
  100. package/es/model/horizontal-bar-group.js +18 -10
  101. package/es/model/horizontal-bar.js +18 -10
  102. package/es/model/index.js +185 -53
  103. package/es/model/map.js +23 -15
  104. package/es/model/mirror.js +21 -13
  105. package/es/model/pie.js +18 -10
  106. package/es/model/ring.js +19 -11
  107. package/es/model/scatter.js +14 -6
  108. package/es/model/statistic-dashboard.js +9 -2
  109. package/es/model/table.js +18 -10
  110. package/es/model/trend.js +20 -12
  111. package/es/model/world-map.js +21 -13
  112. package/es/service/chart-service.js +14 -7
  113. package/es/service/dashboard-service.js +41 -34
  114. package/es/service/map-json.js +14 -8
  115. package/es/stat-editor/chart-name-editor.js +15 -8
  116. package/es/stat-editor/index.js +24 -16
  117. package/es/stat-editor/stat-settings/advance-chart-settings/basic-number-card-settings.js +29 -21
  118. package/es/stat-editor/stat-settings/advance-chart-settings/combination-settings.js +57 -49
  119. package/es/stat-editor/stat-settings/advance-chart-settings/dashboard-chart-settings.js +31 -23
  120. package/es/stat-editor/stat-settings/advance-chart-settings/geo-granularity-settings.js +11 -4
  121. package/es/stat-editor/stat-settings/advance-chart-settings/heat-map-settings.js +27 -19
  122. package/es/stat-editor/stat-settings/advance-chart-settings/index.js +51 -43
  123. package/es/stat-editor/stat-settings/advance-chart-settings/map-settings.js +31 -23
  124. package/es/stat-editor/stat-settings/advance-chart-settings/mirror-settings.js +31 -23
  125. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/combination-style-setting.js +45 -37
  126. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/heat-map-settings.js +27 -19
  127. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/map-setting.js +34 -26
  128. package/es/stat-editor/stat-settings/advance-chart-settings/summary-settings.js +55 -47
  129. package/es/stat-editor/stat-settings/advance-chart-settings/trend-chart-settings.js +30 -22
  130. package/es/stat-editor/stat-settings/advance-chart-settings/world-map-settings.js +26 -18
  131. package/es/stat-editor/stat-settings/basic-chart-settings/advance-bar-chart-settings.js +35 -27
  132. package/es/stat-editor/stat-settings/basic-chart-settings/bar-settings.js +32 -24
  133. package/es/stat-editor/stat-settings/basic-chart-settings/completeness-chart-settings.js +41 -33
  134. package/es/stat-editor/stat-settings/basic-chart-settings/custom-bar-settings.js +30 -22
  135. package/es/stat-editor/stat-settings/basic-chart-settings/groupby-settings.js +26 -18
  136. package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-axis-group-settings.js +54 -46
  137. package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-bar-settings.js +31 -23
  138. package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-group-chart-settings.js +34 -26
  139. package/es/stat-editor/stat-settings/basic-chart-settings/index.js +85 -77
  140. package/es/stat-editor/stat-settings/basic-chart-settings/pie-settings.js +29 -21
  141. package/es/stat-editor/stat-settings/basic-chart-settings/pivot-table-settings.js +81 -73
  142. package/es/stat-editor/stat-settings/basic-chart-settings/scatter-settings.js +24 -16
  143. package/es/stat-editor/stat-settings/basic-chart-settings/stack-item-settings.js +27 -19
  144. package/es/stat-editor/stat-settings/basic-chart-settings/stacks-settings.js +26 -18
  145. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/bar-chart-style-setting.js +57 -49
  146. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/completeness-style.js +25 -17
  147. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/horizontal-bar-chart-style.js +55 -47
  148. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/label-font-size-editor.js +19 -11
  149. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/pie-chart-style-settings.js +53 -45
  150. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/time-compare-style.js +17 -9
  151. package/es/stat-editor/stat-settings/basic-chart-settings/summary-method-setting.js +28 -20
  152. package/es/stat-editor/stat-settings/basic-chart-settings/summary-settings.js +38 -30
  153. package/es/stat-editor/stat-settings/basic-chart-settings/time-comparison-settings.js +58 -50
  154. package/es/stat-editor/stat-settings/basic-chart-settings/timer-picker.js +25 -17
  155. package/es/stat-editor/stat-settings/basic-chart-settings/y-axis-group-settings.js +55 -47
  156. package/es/stat-editor/stat-settings/color-setting/color-group-selector.js +19 -11
  157. package/es/stat-editor/stat-settings/color-setting/color-picker.js +19 -12
  158. package/es/stat-editor/stat-settings/color-setting/color-use-type-selector.js +70 -62
  159. package/es/stat-editor/stat-settings/map/map-level.js +20 -13
  160. package/es/stat-editor/stat-settings/map/map-province-city.js +27 -20
  161. package/es/stat-editor/stat-settings/public-setting/axis-label-position-setting.js +19 -11
  162. package/es/stat-editor/stat-settings/public-setting/base-settings.js +28 -20
  163. package/es/stat-editor/stat-settings/public-setting/calender.js +29 -22
  164. package/es/stat-editor/stat-settings/public-setting/column-settings.js +13 -6
  165. package/es/stat-editor/stat-settings/public-setting/custom-title-setting.js +16 -9
  166. package/es/stat-editor/stat-settings/public-setting/data-sort-setting.js +21 -13
  167. package/es/stat-editor/stat-settings/public-setting/ind-toggle-setting.js +15 -8
  168. package/es/stat-editor/stat-settings/public-setting/min-max-setting.js +19 -11
  169. package/es/stat-editor/stat-settings/public-setting/numeric-summary-item.js +35 -27
  170. package/es/stat-editor/stat-settings/public-setting/toggle-setting.js +15 -8
  171. package/es/stat-editor/stat-settings/public-setting/type-settings/index.js +26 -18
  172. package/es/stat-list/chart-preview.js +28 -20
  173. package/es/stat-list/index.js +35 -27
  174. package/es/stat-view/area-chart.js +50 -43
  175. package/es/stat-view/bar-chart.js +54 -47
  176. package/es/stat-view/base-chart.js +32 -24
  177. package/es/stat-view/basic-number-card.js +26 -19
  178. package/es/stat-view/combination-chart.js +56 -49
  179. package/es/stat-view/compare-chart.js +46 -39
  180. package/es/stat-view/completeness-chart.js +35 -28
  181. package/es/stat-view/custom-bar.js +38 -31
  182. package/es/stat-view/dashboard-chart.js +22 -15
  183. package/es/stat-view/heat-map.js +50 -43
  184. package/es/stat-view/horizontal-bar-chart.js +58 -51
  185. package/es/stat-view/index.js +80 -73
  186. package/es/stat-view/line-chart.js +46 -39
  187. package/es/stat-view/map.js +40 -33
  188. package/es/stat-view/mirror.js +28 -21
  189. package/es/stat-view/pie-chart.js +36 -29
  190. package/es/stat-view/pivot-table/index.js +39 -32
  191. package/es/stat-view/pivot-table/one-dimension-table-no-numeric-columns.js +39 -31
  192. package/es/stat-view/pivot-table/one-dimension-table-with-numeric-columns.js +37 -29
  193. package/es/stat-view/pivot-table/pivot-table-display-name.js +54 -46
  194. package/es/stat-view/pivot-table/two-dimension-table.js +70 -62
  195. package/es/stat-view/ring-chart.js +45 -38
  196. package/es/stat-view/scatter-chart.js +37 -30
  197. package/es/stat-view/treemap-chart.js +44 -37
  198. package/es/stat-view/trend-chart.js +39 -32
  199. package/es/stat-view/world-map.js +40 -33
  200. package/es/tabs/index.js +40 -32
  201. package/es/tabs/tab.js +34 -26
  202. package/es/utils/basic-chart-utils.js +9 -2
  203. package/es/utils/cell-format.js +22 -14
  204. package/es/utils/cell-value.js +14 -7
  205. package/es/utils/collaborator.js +13 -4
  206. package/es/utils/color-utils.js +29 -18
  207. package/es/utils/column-utils.js +29 -18
  208. package/es/utils/column.js +11 -4
  209. package/es/utils/common-utils.js +65 -41
  210. package/es/utils/date-format.js +8 -2
  211. package/es/utils/export-table-utils.js +91 -82
  212. package/es/utils/index.js +100 -11
  213. package/es/utils/map.js +36 -26
  214. package/es/utils/model.js +14 -6
  215. package/es/utils/object.js +15 -6
  216. package/es/utils/pivot-table.js +23 -16
  217. package/es/utils/row-utils.js +33 -23
  218. package/es/utils/search.js +29 -21
  219. package/es/utils/sql-utils.js +75 -65
  220. package/es/utils/stat-utils.js +66 -60
  221. package/es/utils/trend-utils.js +40 -32
  222. package/package.json +3 -3
@@ -1,22 +1,30 @@
1
- import React, { Component, Fragment } from 'react';
2
- import { Form, FormGroup, Label } from 'reactstrap';
3
- import intl from 'react-intl-universal';
4
- import { CellType, TableUtils } from 'dtable-store';
5
- import { DTableSelect } from '../../../../components';
6
- import ToggleSetting from '../../public-setting/toggle-setting';
7
- import ColorUseTypeSelector from '../../color-setting/color-use-type-selector';
8
- import LabelFontSizeEditor from './label-font-size-editor';
9
- import { DEFAULT_ANNOTATION_SIZE, LABEL_FORMATS, LABEL_FORMATS_MAP, LABEL_POSITIONS, LABEL_POSITIONS_MAP, STAT_TYPE } from '../../../../constants';
10
- class PieStyleSettings extends Component {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+ var _react = _interopRequireWildcard(require("react"));
10
+ var _reactstrap = require("reactstrap");
11
+ var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
12
+ var _dtableStore = require("dtable-store");
13
+ var _components = require("../../../../components");
14
+ var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
15
+ var _colorUseTypeSelector = _interopRequireDefault(require("../../color-setting/color-use-type-selector"));
16
+ var _labelFontSizeEditor = _interopRequireDefault(require("./label-font-size-editor"));
17
+ var _constants = require("../../../../constants");
18
+ class PieStyleSettings extends _react.Component {
11
19
  constructor(props) {
12
20
  super(props);
13
21
  this.renderShowLegend = () => {
14
- return /*#__PURE__*/React.createElement("div", {
22
+ return /*#__PURE__*/_react.default.createElement("div", {
15
23
  className: "statistic-chart-parameter-item"
16
- }, /*#__PURE__*/React.createElement(ToggleSetting, {
24
+ }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
17
25
  isChecked: this.props.statItem.show_legend || false,
18
26
  handleToggleChange: this.onToggleShowLegend,
19
- label: intl.get('Display_legend')
27
+ label: _reactIntlUniversal.default.get('Display_legend')
20
28
  }));
21
29
  };
22
30
  this.replaceNumberNotAllowInput = value => {
@@ -31,11 +39,11 @@ class PieStyleSettings extends Component {
31
39
  const {
32
40
  minimumSlicePercent
33
41
  } = this.state;
34
- return /*#__PURE__*/React.createElement("div", {
42
+ return /*#__PURE__*/_react.default.createElement("div", {
35
43
  className: "statistic-chart-parameter-item"
36
- }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(Label, {
44
+ }, /*#__PURE__*/_react.default.createElement(_reactstrap.Form, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
37
45
  for: "percent"
38
- }, intl.get('Minimum_slice_percent')), /*#__PURE__*/React.createElement("input", {
46
+ }, _reactIntlUniversal.default.get('Minimum_slice_percent')), /*#__PURE__*/_react.default.createElement("input", {
39
47
  className: "form-control",
40
48
  id: "percent",
41
49
  ref: ref => this.inputRef = ref,
@@ -54,9 +62,9 @@ class PieStyleSettings extends Component {
54
62
  const {
55
63
  label_font_size
56
64
  } = statItem;
57
- return /*#__PURE__*/React.createElement("div", {
65
+ return /*#__PURE__*/_react.default.createElement("div", {
58
66
  className: "statistic-chart-parameter-item"
59
- }, /*#__PURE__*/React.createElement(LabelFontSizeEditor, {
67
+ }, /*#__PURE__*/_react.default.createElement(_labelFontSizeEditor.default, {
60
68
  fontSize: label_font_size,
61
69
  onChangeFontSize: this.onChangeLabelFontSize
62
70
  }));
@@ -114,12 +122,12 @@ class PieStyleSettings extends Component {
114
122
  }));
115
123
  };
116
124
  this.getLabelFormatOptions = () => {
117
- const options = LABEL_FORMATS.map(item => {
125
+ const options = _constants.LABEL_FORMATS.map(item => {
118
126
  return {
119
127
  value: item,
120
- label: /*#__PURE__*/React.createElement("span", {
128
+ label: /*#__PURE__*/_react.default.createElement("span", {
121
129
  className: 'select-module select-module-name'
122
- }, intl.get(LABEL_FORMATS_MAP[item]))
130
+ }, _reactIntlUniversal.default.get(_constants.LABEL_FORMATS_MAP[item]))
123
131
  };
124
132
  });
125
133
  return options;
@@ -157,21 +165,21 @@ class PieStyleSettings extends Component {
157
165
  };
158
166
  this.renderLabelFormatSelector = () => {
159
167
  let selectedOption = this.getSelectedLabelFormat();
160
- return /*#__PURE__*/React.createElement("div", {
168
+ return /*#__PURE__*/_react.default.createElement("div", {
161
169
  className: "statistic-chart-parameter-item"
162
- }, /*#__PURE__*/React.createElement("label", null, intl.get('Label_format')), /*#__PURE__*/React.createElement(DTableSelect, {
170
+ }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label_format')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
163
171
  value: selectedOption,
164
172
  onChange: this.onSelectLabelFormat,
165
173
  options: this.labelFormatOptions
166
174
  }));
167
175
  };
168
176
  this.getLabelPositionOptions = () => {
169
- const options = LABEL_POSITIONS.map(item => {
177
+ const options = _constants.LABEL_POSITIONS.map(item => {
170
178
  return {
171
179
  value: item,
172
- label: /*#__PURE__*/React.createElement("span", {
180
+ label: /*#__PURE__*/_react.default.createElement("span", {
173
181
  className: 'select-module select-module-name'
174
- }, intl.get(LABEL_POSITIONS_MAP[item]))
182
+ }, _reactIntlUniversal.default.get(_constants.LABEL_POSITIONS_MAP[item]))
175
183
  };
176
184
  });
177
185
  return options;
@@ -194,9 +202,9 @@ class PieStyleSettings extends Component {
194
202
  };
195
203
  this.renderLabelPositionSelector = () => {
196
204
  let selectedOption = this.getSelectedLabelPosition();
197
- return /*#__PURE__*/React.createElement("div", {
205
+ return /*#__PURE__*/_react.default.createElement("div", {
198
206
  className: "statistic-chart-parameter-item"
199
- }, /*#__PURE__*/React.createElement("label", null, intl.get('Label_position')), /*#__PURE__*/React.createElement(DTableSelect, {
207
+ }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label_position')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
200
208
  value: selectedOption,
201
209
  onChange: this.onSelectLabelPosition,
202
210
  options: this.labelPositionOptions
@@ -236,12 +244,12 @@ class PieStyleSettings extends Component {
236
244
  if (show_percent) {
237
245
  display_label = true;
238
246
  }
239
- return /*#__PURE__*/React.createElement("div", {
247
+ return /*#__PURE__*/_react.default.createElement("div", {
240
248
  className: "statistic-chart-parameter-item"
241
- }, /*#__PURE__*/React.createElement(ToggleSetting, {
249
+ }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
242
250
  isChecked: display_label || false,
243
251
  handleToggleChange: this.onToggleDisplayLabel,
244
- label: intl.get('Display_label')
252
+ label: _reactIntlUniversal.default.get('Display_label')
245
253
  }));
246
254
  };
247
255
  this.displayColorSelector = () => {
@@ -257,23 +265,23 @@ class PieStyleSettings extends Component {
257
265
  return false;
258
266
  }
259
267
  const table = getTableById(table_id);
260
- const groupByColumn = TableUtils.getTableColumnByKey(table, groupby_column_key);
268
+ const groupByColumn = _dtableStore.TableUtils.getTableColumnByKey(table, groupby_column_key);
261
269
  const {
262
270
  type: columnType
263
271
  } = groupByColumn;
264
- if (columnType === CellType.SINGLE_SELECT) {
272
+ if (columnType === _dtableStore.CellType.SINGLE_SELECT) {
265
273
  return true;
266
274
  }
267
275
  return false;
268
276
  };
269
277
  this.renderDisplayAnnotation = () => {
270
278
  const display_annotation = this.getDisplayAnnotation();
271
- return /*#__PURE__*/React.createElement("div", {
279
+ return /*#__PURE__*/_react.default.createElement("div", {
272
280
  className: "statistic-chart-parameter-item"
273
- }, /*#__PURE__*/React.createElement(ToggleSetting, {
281
+ }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
274
282
  isChecked: display_annotation,
275
283
  handleToggleChange: this.onToggleDisplayAnnotation,
276
- label: intl.get('Display_annotation')
284
+ label: _reactIntlUniversal.default.get('Display_annotation')
277
285
  }));
278
286
  };
279
287
  this.onToggleDisplayAnnotation = e => {
@@ -304,12 +312,12 @@ class PieStyleSettings extends Component {
304
312
  const {
305
313
  annotation_font_size
306
314
  } = statItem;
307
- return /*#__PURE__*/React.createElement("div", {
315
+ return /*#__PURE__*/_react.default.createElement("div", {
308
316
  className: "statistic-chart-parameter-item"
309
- }, /*#__PURE__*/React.createElement(LabelFontSizeEditor, {
317
+ }, /*#__PURE__*/_react.default.createElement(_labelFontSizeEditor.default, {
310
318
  id: 'annotation-font-size',
311
- labelText: intl.get('Font_size'),
312
- fontSize: annotation_font_size || DEFAULT_ANNOTATION_SIZE,
319
+ labelText: _reactIntlUniversal.default.get('Font_size'),
320
+ fontSize: annotation_font_size || _constants.DEFAULT_ANNOTATION_SIZE,
313
321
  onChangeFontSize: this.onChangeAnnotationFontSize
314
322
  }));
315
323
  };
@@ -336,16 +344,16 @@ class PieStyleSettings extends Component {
336
344
  show_percent,
337
345
  display_label
338
346
  } = statItem;
339
- return /*#__PURE__*/React.createElement(Fragment, null, this.renderShowLegend(), /*#__PURE__*/React.createElement("div", {
347
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderShowLegend(), /*#__PURE__*/_react.default.createElement("div", {
340
348
  className: "statistic-chart-parameter-divider"
341
- }), this.renderDisplayLabel(), (show_percent || display_label) && /*#__PURE__*/React.createElement(Fragment, null, this.renderLabelPositionSelector(), this.renderLabelFormatSelector(), this.renderMinimumPercent(), this.labelFontSizeEditor()), statItem.type === STAT_TYPE.RING && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
349
+ }), this.renderDisplayLabel(), (show_percent || display_label) && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderLabelPositionSelector(), this.renderLabelFormatSelector(), this.renderMinimumPercent(), this.labelFontSizeEditor()), statItem.type === _constants.STAT_TYPE.RING && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
342
350
  className: "statistic-chart-parameter-divider"
343
- }), this.renderDisplayAnnotation(), this.getDisplayAnnotation() && this.renderAnnotationFontSizeEditor()), this.displayColorSelector() && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
351
+ }), this.renderDisplayAnnotation(), this.getDisplayAnnotation() && this.renderAnnotationFontSizeEditor()), this.displayColorSelector() && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
344
352
  className: "statistic-chart-parameter-divider"
345
- }), /*#__PURE__*/React.createElement(ColorUseTypeSelector, {
353
+ }), /*#__PURE__*/_react.default.createElement(_colorUseTypeSelector.default, {
346
354
  chart: statItem,
347
355
  updateChart: this.props.updateStatisticsSettings
348
356
  })));
349
357
  }
350
358
  }
351
- export default PieStyleSettings;
359
+ var _default = exports.default = PieStyleSettings;
@@ -1,7 +1,15 @@
1
- import React, { Component } from 'react';
2
- import intl from 'react-intl-universal';
3
- import ToggleSetting from '../../public-setting/toggle-setting';
4
- class TimeCompareStyle extends Component {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+ var _react = _interopRequireWildcard(require("react"));
10
+ var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
+ var _toggleSetting = _interopRequireDefault(require("../../public-setting/toggle-setting"));
12
+ class TimeCompareStyle extends _react.Component {
5
13
  constructor() {
6
14
  super(...arguments);
7
15
  this.onToggleIncreaseLabel = () => {
@@ -26,15 +34,15 @@ class TimeCompareStyle extends Component {
26
34
  display_increase_percentage
27
35
  } = statItem;
28
36
  if (!display_increase) return null;
29
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
37
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
30
38
  className: "statistic-chart-parameter-divider"
31
- }), /*#__PURE__*/React.createElement("div", {
39
+ }), /*#__PURE__*/_react.default.createElement("div", {
32
40
  className: "statistic-chart-parameter-item"
33
- }, /*#__PURE__*/React.createElement(ToggleSetting, {
41
+ }, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
34
42
  isChecked: display_increase_percentage || false,
35
43
  handleToggleChange: this.onToggleIncreaseLabel,
36
- label: intl.get('Display_percentage_increase')
44
+ label: _reactIntlUniversal.default.get('Display_percentage_increase')
37
45
  })));
38
46
  }
39
47
  }
40
- export default TimeCompareStyle;
48
+ var _default = exports.default = TimeCompareStyle;
@@ -1,9 +1,17 @@
1
- import React, { Component, Fragment } from 'react';
2
- import intl from 'react-intl-universal';
3
- import { DTableSelect } from '../../../components';
4
- import { STATISTICS_COUNT_SHOW, STATISTICS_COUNT_TYPE, STAT_TYPE, SUMMARY_METHOD, TIME_COLUMN_LIST } from '../../../constants';
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+ var _react = _interopRequireWildcard(require("react"));
10
+ var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
+ var _components = require("../../../components");
12
+ var _constants = require("../../../constants");
5
13
  const DATE_COLUMN_SUMMARY_METHOD = ['Max', 'Min'];
6
- class SummaryMethodSettings extends Component {
14
+ class SummaryMethodSettings extends _react.Component {
7
15
  constructor(props) {
8
16
  super(props);
9
17
  this.renderNumericColumn = () => {
@@ -13,15 +21,15 @@ class SummaryMethodSettings extends Component {
13
21
  statItem
14
22
  } = this.props;
15
23
  let selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
16
- return /*#__PURE__*/React.createElement("div", {
24
+ return /*#__PURE__*/_react.default.createElement("div", {
17
25
  className: "statistic-chart-parameter-item"
18
- }, /*#__PURE__*/React.createElement("label", null, statItem.type === STAT_TYPE.PIVOT_TABLE ? intl.get('Summary_column') : intl.get('Numeric_column')), /*#__PURE__*/React.createElement(DTableSelect, {
26
+ }, /*#__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, {
19
27
  value: selectedColumnOption,
20
28
  onChange: this.onSelectNumericColumn,
21
29
  options: numericColumnsOptions,
22
- placeholder: intl.get('Select_a_column'),
30
+ placeholder: _reactIntlUniversal.default.get('Select_a_column'),
23
31
  noOptionsMessage: () => {
24
- return /*#__PURE__*/React.createElement("span", null, intl.get('No_options'));
32
+ return /*#__PURE__*/_react.default.createElement("span", null, _reactIntlUniversal.default.get('No_options'));
25
33
  }
26
34
  }));
27
35
  };
@@ -34,26 +42,26 @@ class SummaryMethodSettings extends Component {
34
42
  let selectedMethodOption = this.getSelectedMethodOption(summaryMethod, this.summaryMethodsOptions);
35
43
  let summaryMethodOption = this.summaryMethodsOptions;
36
44
  let selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
37
- if (selectedColumnOption && TIME_COLUMN_LIST.includes(selectedColumnOption.value.type)) {
45
+ if (selectedColumnOption && _constants.TIME_COLUMN_LIST.includes(selectedColumnOption.value.type)) {
38
46
  summaryMethodOption = summaryMethodOption.filter(option => {
39
47
  return option.value === DATE_COLUMN_SUMMARY_METHOD[0] || option.value === DATE_COLUMN_SUMMARY_METHOD[1];
40
48
  });
41
49
  }
42
- return /*#__PURE__*/React.createElement("div", {
50
+ return /*#__PURE__*/_react.default.createElement("div", {
43
51
  className: "statistic-chart-parameter-item"
44
- }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
52
+ }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
45
53
  value: selectedMethodOption,
46
54
  onChange: this.onSelectSummaryMethod,
47
55
  options: summaryMethodOption
48
56
  }));
49
57
  };
50
58
  this.getSummaryMethodsOptions = () => {
51
- return SUMMARY_METHOD.map(m => {
59
+ return _constants.SUMMARY_METHOD.map(m => {
52
60
  return {
53
61
  value: m,
54
- label: /*#__PURE__*/React.createElement("span", {
62
+ label: /*#__PURE__*/_react.default.createElement("span", {
55
63
  className: 'select-module select-module-name'
56
- }, intl.get(STATISTICS_COUNT_SHOW[m]))
64
+ }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[m]))
57
65
  };
58
66
  });
59
67
  };
@@ -71,9 +79,9 @@ class SummaryMethodSettings extends Component {
71
79
  }
72
80
  let summaryColumnKey = null;
73
81
  let summaryMethod = null;
74
- if (type === STATISTICS_COUNT_TYPE.ADVANCED && Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0) {
82
+ if (type === _constants.STATISTICS_COUNT_TYPE.ADVANCED && Array.isArray(numericColumnsOptions) && numericColumnsOptions.length > 0) {
75
83
  summaryColumnKey = numericColumnsOptions[0].value.key;
76
- summaryMethod = SUMMARY_METHOD[0];
84
+ summaryMethod = _constants.SUMMARY_METHOD[0];
77
85
  }
78
86
  this.props.onChangeSummaryType(type, summaryColumnKey, summaryMethod);
79
87
  };
@@ -88,7 +96,7 @@ class SummaryMethodSettings extends Component {
88
96
  onSelectNumericColumn
89
97
  } = this.props;
90
98
  const newSummaryColumnType = columnOption.value.type;
91
- if (TIME_COLUMN_LIST.includes(newSummaryColumnType) && !DATE_COLUMN_SUMMARY_METHOD.includes(this.props.summaryMethod)) {
99
+ if (_constants.TIME_COLUMN_LIST.includes(newSummaryColumnType) && !DATE_COLUMN_SUMMARY_METHOD.includes(this.props.summaryMethod)) {
92
100
  updateStatItem(Object.assign({}, statItem, {
93
101
  summary_method: DATE_COLUMN_SUMMARY_METHOD[1],
94
102
  summary_column_key: newSummaryColumnKey
@@ -107,7 +115,7 @@ class SummaryMethodSettings extends Component {
107
115
  this.summaryMethodsOptions = this.getSummaryMethodsOptions();
108
116
  }
109
117
  render() {
110
- return /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod());
118
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod());
111
119
  }
112
120
  }
113
- export default SummaryMethodSettings;
121
+ var _default = exports.default = SummaryMethodSettings;
@@ -1,9 +1,17 @@
1
- import React, { Component, Fragment } from 'react';
2
- import intl from 'react-intl-universal';
3
- import { DTableSelect } from '../../../components';
4
- import { STATISTICS_COUNT_SHOW, STATISTICS_COUNT_TYPE, STAT_TYPE, SUMMARY_METHOD, SUMMARY_TYPE } from '../../../constants';
5
- const SUMMARY_TYPES = [SUMMARY_TYPE.COUNT, SUMMARY_TYPE.ADVANCED];
6
- class SummarySettings extends Component {
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+ var _react = _interopRequireWildcard(require("react"));
10
+ var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
11
+ var _components = require("../../../components");
12
+ var _constants = require("../../../constants");
13
+ const SUMMARY_TYPES = [_constants.SUMMARY_TYPE.COUNT, _constants.SUMMARY_TYPE.ADVANCED];
14
+ class SummarySettings extends _react.Component {
7
15
  constructor(props) {
8
16
  super(props);
9
17
  this.getSummaryTypeOptions = () => {
@@ -11,9 +19,9 @@ class SummarySettings extends Component {
11
19
  return SUMMARY_TYPES.map((type, index) => {
12
20
  return {
13
21
  value: type,
14
- label: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
22
+ label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
15
23
  className: 'select-module select-module-name'
16
- }, intl.get(STATISTICS_COUNT_SHOW[type])), /*#__PURE__*/React.createElement("div", {
24
+ }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[type])), /*#__PURE__*/_react.default.createElement("div", {
17
25
  className: "summary-type-explanation"
18
26
  }, summaryExplanation[type]))
19
27
  };
@@ -26,20 +34,20 @@ class SummarySettings extends Component {
26
34
  const {
27
35
  type
28
36
  } = statItem;
29
- if (type === STAT_TYPE.PIE || type === STAT_TYPE.RING || type === STAT_TYPE.TREEMAP) {
37
+ if (type === _constants.STAT_TYPE.PIE || type === _constants.STAT_TYPE.RING || type === _constants.STAT_TYPE.TREEMAP) {
30
38
  return {
31
- count: intl.get('Count_the_number_of_records_in_each_group'),
32
- advanced: intl.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')
39
+ count: _reactIntlUniversal.default.get('Count_the_number_of_records_in_each_group'),
40
+ advanced: _reactIntlUniversal.default.get('Compute_the_sum_maximum_or_minimum_value_of_records_in_each_group_by_a_field')
33
41
  };
34
- } else if (type === STAT_TYPE.HORIZONTAL_BAR) {
42
+ } else if (type === _constants.STAT_TYPE.HORIZONTAL_BAR) {
35
43
  return {
36
- count: intl.get('Group_the_records_according_to_the_vertical_axis_and_count_the_records_in_each_group'),
37
- advanced: intl.get('Group_the_records_according_to_the_vertical_axis_and_compute_the_sum_maximum_or_minimum_of_records_in_each_group_by_a_field')
44
+ count: _reactIntlUniversal.default.get('Group_the_records_according_to_the_vertical_axis_and_count_the_records_in_each_group'),
45
+ advanced: _reactIntlUniversal.default.get('Group_the_records_according_to_the_vertical_axis_and_compute_the_sum_maximum_or_minimum_of_records_in_each_group_by_a_field')
38
46
  };
39
47
  }
40
48
  return {
41
- count: intl.get('Count_the_records'),
42
- advanced: intl.get('Compute_sum_max_min')
49
+ count: _reactIntlUniversal.default.get('Count_the_records'),
50
+ advanced: _reactIntlUniversal.default.get('Compute_sum_max_min')
43
51
  };
44
52
  };
45
53
  this.renderSummaryTypes = () => {
@@ -49,9 +57,9 @@ class SummarySettings extends Component {
49
57
  } = this.props;
50
58
  summaryType = summaryType || 'count';
51
59
  const selectedSummaryMethod = this.summaryTypeOptions.find(item => item.value === summaryType) || this.summaryTypeOptions[0];
52
- return /*#__PURE__*/React.createElement("div", {
60
+ return /*#__PURE__*/_react.default.createElement("div", {
53
61
  className: "statistic-chart-parameter-item"
54
- }, /*#__PURE__*/React.createElement("label", null, label), /*#__PURE__*/React.createElement(DTableSelect, {
62
+ }, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
55
63
  classNamePrefix: 'statistic-chart-summary-types',
56
64
  value: selectedSummaryMethod,
57
65
  onChange: this.onChangeSummaryType,
@@ -64,35 +72,35 @@ class SummarySettings extends Component {
64
72
  numericColumnsOptions
65
73
  } = this.props;
66
74
  const selectedColumnOption = this.props.getSelectedColumnOption(summaryColumnKey, numericColumnsOptions);
67
- return /*#__PURE__*/React.createElement("div", {
75
+ return /*#__PURE__*/_react.default.createElement("div", {
68
76
  className: "statistic-chart-parameter-item"
69
- }, /*#__PURE__*/React.createElement("label", null, intl.get('Numeric_column')), /*#__PURE__*/React.createElement(DTableSelect, {
77
+ }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Numeric_column')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
70
78
  value: selectedColumnOption,
71
79
  onChange: this.onSelectNumericColumn,
72
80
  options: numericColumnsOptions,
73
- placeholder: intl.get('Select_a_column'),
81
+ placeholder: _reactIntlUniversal.default.get('Select_a_column'),
74
82
  noOptionsMessage: () => {
75
- return /*#__PURE__*/React.createElement("span", null, intl.get('No_options'));
83
+ return /*#__PURE__*/_react.default.createElement("span", null, _reactIntlUniversal.default.get('No_options'));
76
84
  }
77
85
  }));
78
86
  };
79
87
  this.renderSummaryMethod = () => {
80
88
  const selectedMethodOption = this.getSelectedMethodOption(this.props.summaryMethod, this.summaryMethodsOptions);
81
- return /*#__PURE__*/React.createElement("div", {
89
+ return /*#__PURE__*/_react.default.createElement("div", {
82
90
  className: "statistic-chart-parameter-item"
83
- }, /*#__PURE__*/React.createElement("label", null, intl.get('Summary_method')), /*#__PURE__*/React.createElement(DTableSelect, {
91
+ }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
84
92
  value: selectedMethodOption,
85
93
  onChange: this.onSelectSummaryMethod,
86
94
  options: this.summaryMethodsOptions
87
95
  }));
88
96
  };
89
97
  this.getSummaryMethodsOptions = () => {
90
- return SUMMARY_METHOD.map(m => {
98
+ return _constants.SUMMARY_METHOD.map(m => {
91
99
  return {
92
100
  value: m,
93
- label: /*#__PURE__*/React.createElement("span", {
101
+ label: /*#__PURE__*/_react.default.createElement("span", {
94
102
  className: 'select-module select-module-name'
95
- }, intl.get(STATISTICS_COUNT_SHOW[m]))
103
+ }, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[m]))
96
104
  };
97
105
  });
98
106
  };
@@ -108,7 +116,7 @@ class SummarySettings extends Component {
108
116
  return;
109
117
  }
110
118
  const summaryColumnKey = null;
111
- const summaryMethod = type === STATISTICS_COUNT_TYPE.ADVANCED ? SUMMARY_METHOD[0] : null;
119
+ const summaryMethod = type === _constants.STATISTICS_COUNT_TYPE.ADVANCED ? _constants.SUMMARY_METHOD[0] : null;
112
120
  this.props.onChangeSummaryType(type, summaryColumnKey, summaryMethod);
113
121
  };
114
122
  this.onSelectNumericColumn = columnOption => {
@@ -129,7 +137,7 @@ class SummarySettings extends Component {
129
137
  this.summaryTypeOptions = this.getSummaryTypeOptions();
130
138
  }
131
139
  render() {
132
- return /*#__PURE__*/React.createElement(Fragment, null, this.renderSummaryTypes(), this.props.summaryType === STATISTICS_COUNT_TYPE.ADVANCED && /*#__PURE__*/React.createElement(Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()));
140
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderSummaryTypes(), this.props.summaryType === _constants.STATISTICS_COUNT_TYPE.ADVANCED && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod()));
133
141
  }
134
142
  }
135
- export default SummarySettings;
143
+ var _default = exports.default = SummarySettings;