dtable-statistic 4.3.2 → 4.3.3

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 +110 -103
  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 +22 -15
  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 +56 -43
  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 +35 -28
  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 +42 -35
  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 +30 -22
  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 +32 -24
  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 +48 -40
  126. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/heat-map-settings.js +29 -21
  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 +25 -17
  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 +59 -51
  146. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/completeness-style.js +27 -19
  147. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/horizontal-bar-chart-style.js +57 -49
  148. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/label-font-size-editor.js +20 -12
  149. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/pie-chart-style-settings.js +56 -48
  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 +29 -21
  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 +56 -47
  156. package/es/stat-editor/stat-settings/color-setting/color-group-selector.js +20 -12
  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 +33 -20
  173. package/es/stat-list/index.js +36 -28
  174. package/es/stat-view/area-chart.js +51 -44
  175. package/es/stat-view/bar-chart.js +55 -48
  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 +57 -50
  179. package/es/stat-view/compare-chart.js +47 -40
  180. package/es/stat-view/completeness-chart.js +37 -30
  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 +59 -52
  185. package/es/stat-view/index.js +80 -73
  186. package/es/stat-view/line-chart.js +47 -40
  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 +46 -39
  196. package/es/stat-view/scatter-chart.js +37 -30
  197. package/es/stat-view/treemap-chart.js +45 -38
  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 +35 -27
  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 +67 -43
  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 +34 -24
  218. package/es/utils/search.js +29 -21
  219. package/es/utils/sql-utils.js +75 -65
  220. package/es/utils/stat-utils.js +67 -60
  221. package/es/utils/trend-utils.js +40 -32
  222. package/package.json +82 -125
@@ -1,16 +1,24 @@
1
- import React, { Component, Fragment } from 'react';
2
- import intl from 'react-intl-universal';
3
- import BaseSettings from '../public-setting/base-settings';
4
- import ColumnSettings from '../public-setting/column-settings';
5
- import SummarySettings from './summary-settings';
6
- import MapStyleSetting from './style-setting/map-setting';
7
- import { isWorldMapColumn } from '../../../utils/column-utils';
8
- class WordMapSettings 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 _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
12
+ var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
13
+ var _summarySettings = _interopRequireDefault(require("./summary-settings"));
14
+ var _mapSetting = _interopRequireDefault(require("./style-setting/map-setting"));
15
+ var _columnUtils = require("../../../utils/column-utils");
16
+ class WordMapSettings extends _react.Component {
9
17
  constructor(props) {
10
18
  super(props);
11
19
  this.getColumns = columns => {
12
20
  if (!Array.isArray(columns) || columns.length === 0) return [];
13
- return columns.filter(column => isWorldMapColumn(column));
21
+ return columns.filter(column => (0, _columnUtils.isWorldMapColumn)(column));
14
22
  };
15
23
  this.getSelectedTextColumnOption = () => {
16
24
  return this.textColumnsOptions.find(option => option.value.key === this.props.statItem.column);
@@ -57,14 +65,14 @@ class WordMapSettings extends Component {
57
65
  view_id: selectedViewId
58
66
  } = statItem;
59
67
  if (settingType === 'style') {
60
- return /*#__PURE__*/React.createElement(MapStyleSetting, {
68
+ return /*#__PURE__*/_react.default.createElement(_mapSetting.default, {
61
69
  statItem: statItem,
62
70
  currentColor: statItem.data_color,
63
71
  onChangeColor: this.props.onChangeColor,
64
72
  updateStatItem: this.props.updateStatItem
65
73
  });
66
74
  }
67
- return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
75
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
68
76
  statItem: statItem,
69
77
  selectedTableId: selectedTableId,
70
78
  selectedViewId: selectedViewId,
@@ -73,18 +81,18 @@ class WordMapSettings extends Component {
73
81
  getTableById: this.props.getTableById,
74
82
  getConvertedChart: this.props.getConvertedChart,
75
83
  updateStatItem: this.props.updateStatItem
76
- }), /*#__PURE__*/React.createElement("div", {
84
+ }), /*#__PURE__*/_react.default.createElement("div", {
77
85
  className: "statistic-chart-parameter-divider"
78
- }), /*#__PURE__*/React.createElement("div", {
86
+ }), /*#__PURE__*/_react.default.createElement("div", {
79
87
  className: "statistic-chart-parameter-item"
80
- }, /*#__PURE__*/React.createElement("label", null, intl.get('Location_field')), /*#__PURE__*/React.createElement(ColumnSettings, {
88
+ }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Location_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
81
89
  columnsOptions: this.textColumnsOptions,
82
90
  selectedColumnOption: selectedTextColumnOption,
83
91
  onChangeSelectedColumn: this.onSelectTextColumn
84
- })), /*#__PURE__*/React.createElement("div", {
92
+ })), /*#__PURE__*/_react.default.createElement("div", {
85
93
  className: "statistic-chart-parameter-divider"
86
- }), /*#__PURE__*/React.createElement(SummarySettings, {
87
- label: intl.get('Summary_method'),
94
+ }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
95
+ label: _reactIntlUniversal.default.get('Summary_method'),
88
96
  statItem: statItem,
89
97
  selectedTableId: selectedTableId,
90
98
  numericColumns: numericColumns,
@@ -98,4 +106,4 @@ class WordMapSettings extends Component {
98
106
  }));
99
107
  }
100
108
  }
101
- export default WordMapSettings;
109
+ var _default = exports.default = WordMapSettings;
@@ -1,12 +1,20 @@
1
- import React, { Component, Fragment } from 'react';
2
- import intl from 'react-intl-universal';
3
- import BaseSettings from '../public-setting/base-settings';
4
- import DataSort from '../public-setting/data-sort-setting';
5
- import BarChartStyle from './style-setting/bar-chart-style-setting';
6
- import GroupbySettings from './groupby-settings';
7
- import YAxisGroupSettings from './y-axis-group-settings';
8
- import { GROUPBY_TYPE, STAT_TYPE } from '../../../constants';
9
- class AdvanceBarChartSettings 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 _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
12
+ var _dataSortSetting = _interopRequireDefault(require("../public-setting/data-sort-setting"));
13
+ var _barChartStyleSetting = _interopRequireDefault(require("./style-setting/bar-chart-style-setting"));
14
+ var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
15
+ var _yAxisGroupSettings = _interopRequireDefault(require("./y-axis-group-settings"));
16
+ var _constants = require("../../../constants");
17
+ class AdvanceBarChartSettings extends _react.Component {
10
18
  constructor() {
11
19
  super(...arguments);
12
20
  this.onSelectGroupbyColumn = (type, groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity) => {
@@ -80,8 +88,8 @@ class AdvanceBarChartSettings extends Component {
80
88
  y_axis_summary_method
81
89
  } = statItem || {};
82
90
  if (settingType === 'style') {
83
- return /*#__PURE__*/React.createElement(BarChartStyle, {
84
- showRangeSetting: type !== STAT_TYPE.BAR_STACK,
91
+ return /*#__PURE__*/_react.default.createElement(_barChartStyleSetting.default, {
92
+ showRangeSetting: type !== _constants.STAT_TYPE.BAR_STACK,
85
93
  statItem: statItem,
86
94
  labelColorConfigs: labelColorConfigs,
87
95
  eventBus: eventBus,
@@ -89,7 +97,7 @@ class AdvanceBarChartSettings extends Component {
89
97
  updateStatItem: this.props.updateStatItem
90
98
  });
91
99
  }
92
- return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
100
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
93
101
  statItem: statItem,
94
102
  selectedTableId: selectedTableId,
95
103
  selectedViewId: selectedViewId,
@@ -98,26 +106,26 @@ class AdvanceBarChartSettings extends Component {
98
106
  getTableById: this.props.getTableById,
99
107
  getConvertedChart: this.props.getConvertedChart,
100
108
  updateStatItem: this.props.updateStatItem
101
- }), /*#__PURE__*/React.createElement("div", {
109
+ }), /*#__PURE__*/_react.default.createElement("div", {
102
110
  className: "statistic-chart-parameter-divider"
103
- }), /*#__PURE__*/React.createElement(GroupbySettings, {
111
+ }), /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
104
112
  selectedTable: selectedTable,
105
113
  columnsOptions: generalColumnsOptions,
106
114
  dateGranularityOptions: dateGranularityOptions,
107
115
  geolocationGranularityOptions: geolocationGranularityOptions,
108
- label: intl.get('X-axis'),
116
+ label: _reactIntlUniversal.default.get('X-axis'),
109
117
  groupbyColumnKey: x_axis_column_key,
110
118
  groupbyDateGranularity: x_axis_date_granularity,
111
119
  groupbyGeolocationGranularity: x_axis_geolocation_granularity,
112
120
  getSelectedColumnOption: this.props.getSelectedColumnOption,
113
- onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.ROW),
114
- onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.ROW),
115
- onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.ROW),
121
+ onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, _constants.GROUPBY_TYPE.ROW),
122
+ onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, _constants.GROUPBY_TYPE.ROW),
123
+ onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, _constants.GROUPBY_TYPE.ROW),
116
124
  renderIncludeEmpty: renderIncludeEmpty
117
- }), /*#__PURE__*/React.createElement("div", {
125
+ }), /*#__PURE__*/_react.default.createElement("div", {
118
126
  className: "statistic-chart-parameter-divider"
119
- }), /*#__PURE__*/React.createElement(YAxisGroupSettings, {
120
- label: intl.get('Y-axis'),
127
+ }), /*#__PURE__*/_react.default.createElement(_yAxisGroupSettings.default, {
128
+ label: _reactIntlUniversal.default.get('Y-axis'),
121
129
  statItem: statItem,
122
130
  selectedTable: selectedTable,
123
131
  summaryType: y_axis_summary_type,
@@ -129,17 +137,17 @@ class AdvanceBarChartSettings extends Component {
129
137
  numericColumnsOptions: numericColumnsOptions,
130
138
  getSelectedColumnOption: this.props.getSelectedColumnOption,
131
139
  onChangeColumnGroupbyType: this.updateColumnGroupby,
132
- onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.COLUMN),
133
- onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.COLUMN),
134
- onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.COLUMN),
140
+ onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, _constants.GROUPBY_TYPE.COLUMN),
141
+ onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, _constants.GROUPBY_TYPE.COLUMN),
142
+ onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, _constants.GROUPBY_TYPE.COLUMN),
135
143
  updatedColumnGroupbyNumericColumns: this.updatedColumnGroupbyNumericColumns,
136
144
  updateStatItem: this.props.updateStatItem
137
- }), type === STAT_TYPE.BAR_STACK && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
145
+ }), type === _constants.STAT_TYPE.BAR_STACK && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
138
146
  className: "statistic-chart-parameter-divider"
139
- }), /*#__PURE__*/React.createElement(DataSort, {
147
+ }), /*#__PURE__*/_react.default.createElement(_dataSortSetting.default, {
140
148
  statItem: statItem,
141
149
  updateStatItem: this.props.updateStatItem
142
150
  })));
143
151
  }
144
152
  }
145
- export default AdvanceBarChartSettings;
153
+ var _default = exports.default = AdvanceBarChartSettings;
@@ -1,12 +1,20 @@
1
- import React, { Component, Fragment } from 'react';
2
- import intl from 'react-intl-universal';
3
- import BaseSettings from '../public-setting/base-settings';
4
- import BarChartStyle from './style-setting/bar-chart-style-setting';
5
- import GroupbySettings from './groupby-settings';
6
- import SummarySettings from './summary-settings';
7
- import DataSort from '../public-setting/data-sort-setting';
8
- import { GROUPBY_TYPE } from '../../../constants';
9
- class BarSettings 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 _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
12
+ var _barChartStyleSetting = _interopRequireDefault(require("./style-setting/bar-chart-style-setting"));
13
+ var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
14
+ var _summarySettings = _interopRequireDefault(require("./summary-settings"));
15
+ var _dataSortSetting = _interopRequireDefault(require("../public-setting/data-sort-setting"));
16
+ var _constants = require("../../../constants");
17
+ class BarSettings extends _react.Component {
10
18
  constructor() {
11
19
  super(...arguments);
12
20
  this.onSelectGroupbyColumn = (type, groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity) => {
@@ -78,7 +86,7 @@ class BarSettings extends Component {
78
86
  y_axis_summary_method
79
87
  } = statItem || {};
80
88
  if (settingType === 'style') {
81
- return /*#__PURE__*/React.createElement(BarChartStyle, {
89
+ return /*#__PURE__*/_react.default.createElement(_barChartStyleSetting.default, {
82
90
  statItem: statItem,
83
91
  labelColorConfigs: labelColorConfigs,
84
92
  eventBus: eventBus,
@@ -86,7 +94,7 @@ class BarSettings extends Component {
86
94
  updateStatItem: this.props.updateStatItem
87
95
  });
88
96
  }
89
- return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
97
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
90
98
  statItem: statItem,
91
99
  selectedTableId: selectedTableId,
92
100
  selectedViewId: selectedViewId,
@@ -95,28 +103,28 @@ class BarSettings extends Component {
95
103
  getTableById: this.props.getTableById,
96
104
  getConvertedChart: this.props.getConvertedChart,
97
105
  updateStatItem: this.props.updateStatItem
98
- }), /*#__PURE__*/React.createElement("div", {
106
+ }), /*#__PURE__*/_react.default.createElement("div", {
99
107
  className: "statistic-chart-parameter-divider"
100
- }), /*#__PURE__*/React.createElement(GroupbySettings, {
108
+ }), /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
101
109
  selectedTable: selectedTable,
102
110
  columnsOptions: generalColumnsOptions,
103
111
  dateGranularityOptions: dateGranularityOptions,
104
112
  geolocationGranularityOptions: geolocationGranularityOptions,
105
- label: intl.get('X-axis'),
106
- placeholder: intl.get('Select_a_column'),
113
+ label: _reactIntlUniversal.default.get('X-axis'),
114
+ placeholder: _reactIntlUniversal.default.get('Select_a_column'),
107
115
  groupbyColumnKey: x_axis_column_key,
108
116
  groupbyDateGranularity: x_axis_date_granularity,
109
117
  groupbyGeolocationGranularity: x_axis_geolocation_granularity,
110
118
  getSelectedColumnOption: this.props.getSelectedColumnOption,
111
- onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.ROW),
112
- onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.ROW),
113
- onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.ROW),
119
+ onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, _constants.GROUPBY_TYPE.ROW),
120
+ onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, _constants.GROUPBY_TYPE.ROW),
121
+ onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, _constants.GROUPBY_TYPE.ROW),
114
122
  renderIncludeEmpty: renderIncludeEmpty
115
- }), /*#__PURE__*/React.createElement("div", {
123
+ }), /*#__PURE__*/_react.default.createElement("div", {
116
124
  className: "statistic-chart-parameter-divider"
117
- }), /*#__PURE__*/React.createElement(SummarySettings, {
125
+ }), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
118
126
  statItem: statItem,
119
- label: intl.get('Y-axis'),
127
+ label: _reactIntlUniversal.default.get('Y-axis'),
120
128
  numericColumnsOptions: numericColumnsOptions,
121
129
  summaryType: y_axis_summary_type,
122
130
  summaryColumnKey: y_axis_column_key,
@@ -125,12 +133,12 @@ class BarSettings extends Component {
125
133
  onChangeSummaryType: this.updatedSummaryType,
126
134
  onSelectNumericColumn: this.updateSummaryColumn,
127
135
  onSelectSummaryMethod: this.updateSummaryMethod
128
- }), /*#__PURE__*/React.createElement("div", {
136
+ }), /*#__PURE__*/_react.default.createElement("div", {
129
137
  className: "statistic-chart-parameter-divider"
130
- }), /*#__PURE__*/React.createElement(DataSort, {
138
+ }), /*#__PURE__*/_react.default.createElement(_dataSortSetting.default, {
131
139
  statItem: statItem,
132
140
  updateStatItem: this.props.updateStatItem
133
141
  }));
134
142
  }
135
143
  }
136
- export default BarSettings;
144
+ var _default = exports.default = BarSettings;
@@ -1,14 +1,22 @@
1
- import React, { Component, Fragment } from 'react';
2
- import intl from 'react-intl-universal';
3
- import { CellType, TableUtils } from 'dtable-store';
4
- import { DTableSelect } from '../../../components';
5
- import CompletenessStyle from './style-setting/completeness-style';
6
- import GroupbySettings from './groupby-settings';
7
- import BaseSettings from '../public-setting/base-settings';
8
- import DataSort from '../public-setting/data-sort-setting';
9
- import { TIME_COLUMN_LIST, STAT_TYPE } from '../../../constants';
10
- const COLUMN_TYPES = [CellType.TEXT, CellType.COLLABORATOR, CellType.SINGLE_SELECT];
11
- class CompletenessSetting 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 _dtableStore = require("dtable-store");
12
+ var _components = require("../../../components");
13
+ var _completenessStyle = _interopRequireDefault(require("./style-setting/completeness-style"));
14
+ var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
15
+ var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
16
+ var _dataSortSetting = _interopRequireDefault(require("../public-setting/data-sort-setting"));
17
+ var _constants = require("../../../constants");
18
+ const COLUMN_TYPES = [_dtableStore.CellType.TEXT, _dtableStore.CellType.COLLABORATOR, _dtableStore.CellType.SINGLE_SELECT];
19
+ class CompletenessSetting extends _react.Component {
12
20
  constructor(props) {
13
21
  super(props);
14
22
  this.renderNameSettings = () => {
@@ -20,10 +28,10 @@ class CompletenessSetting extends Component {
20
28
  name_column
21
29
  } = statItem;
22
30
  const selectedItem = getSelectedColumnOption(name_column, this.columnOptions);
23
- return /*#__PURE__*/React.createElement("div", {
31
+ return /*#__PURE__*/_react.default.createElement("div", {
24
32
  className: "statistic-chart-parameter-item"
25
- }, /*#__PURE__*/React.createElement("label", null, intl.get('Name_field')), /*#__PURE__*/React.createElement(DTableSelect, {
26
- placeholder: intl.get('Select_a_column'),
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'),
27
35
  value: selectedItem,
28
36
  onChange: this.onSelectGroupColumn,
29
37
  options: this.columnOptions
@@ -46,10 +54,10 @@ class CompletenessSetting extends Component {
46
54
  completed_column
47
55
  } = statItem;
48
56
  const selectedItem = getSelectedColumnOption(completed_column, this.props.numericColumnsOptions);
49
- return /*#__PURE__*/React.createElement("div", {
57
+ return /*#__PURE__*/_react.default.createElement("div", {
50
58
  className: "statistic-chart-parameter-item"
51
- }, /*#__PURE__*/React.createElement("label", null, intl.get('Completion_value_field')), /*#__PURE__*/React.createElement(DTableSelect, {
52
- placeholder: intl.get('Select_a_column'),
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'),
53
61
  value: selectedItem,
54
62
  onChange: this.onSelectCompletionColumn,
55
63
  options: this.props.numericColumnsOptions
@@ -69,12 +77,12 @@ class CompletenessSetting extends Component {
69
77
  date_granularity,
70
78
  geolocation_granularity
71
79
  } = statItem;
72
- return /*#__PURE__*/React.createElement(GroupbySettings, {
80
+ return /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
73
81
  selectedTable: selectedTable,
74
82
  columnsOptions: columnGroupbyColumnsOptions,
75
83
  dateGranularityOptions: dateGranularityOptions,
76
84
  geolocationGranularityOptions: geolocationGranularityOptions,
77
- label: intl.get('Group_by'),
85
+ label: _reactIntlUniversal.default.get('Group_by'),
78
86
  groupbyColumnKey: group_column,
79
87
  groupbyDateGranularity: date_granularity,
80
88
  groupbyGeolocationGranularity: geolocation_granularity,
@@ -90,12 +98,12 @@ class CompletenessSetting extends Component {
90
98
  selectedTable
91
99
  } = this.props;
92
100
  if (key === statItem.group_column) return;
93
- const selectedColumn = TableUtils.getTableColumnByKey(selectedTable, key);
101
+ const selectedColumn = _dtableStore.TableUtils.getTableColumnByKey(selectedTable, key);
94
102
  const newStatItem = {};
95
- if (selectedColumn && TIME_COLUMN_LIST.includes(selectedColumn.type)) {
103
+ if (selectedColumn && _constants.TIME_COLUMN_LIST.includes(selectedColumn.type)) {
96
104
  newStatItem.date_granularity = 'month';
97
105
  }
98
- if (selectedColumn.type === CellType.GEOLOCATION) {
106
+ if (selectedColumn.type === _dtableStore.CellType.GEOLOCATION) {
99
107
  newStatItem.geolocation_granularity = 'district';
100
108
  }
101
109
  newStatItem.group_column = key;
@@ -136,10 +144,10 @@ class CompletenessSetting extends Component {
136
144
  target_column
137
145
  } = statItem;
138
146
  const selectedItem = getSelectedColumnOption(target_column, this.props.numericColumnsOptions);
139
- return /*#__PURE__*/React.createElement("div", {
147
+ return /*#__PURE__*/_react.default.createElement("div", {
140
148
  className: "statistic-chart-parameter-item"
141
- }, /*#__PURE__*/React.createElement("label", null, intl.get('Total_value_field')), /*#__PURE__*/React.createElement(DTableSelect, {
142
- placeholder: intl.get('Select_a_column'),
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'),
143
151
  value: selectedItem,
144
152
  onChange: this.onSelectTotalColumn,
145
153
  options: this.props.numericColumnsOptions
@@ -175,14 +183,14 @@ class CompletenessSetting extends Component {
175
183
  table_id: selectedTableId,
176
184
  view_id: selectedViewId
177
185
  } = statItem || {};
178
- const isGroupChart = statItem.type === STAT_TYPE.GROUP_COMPLETENESS_CHART;
186
+ const isGroupChart = statItem.type === _constants.STAT_TYPE.GROUP_COMPLETENESS_CHART;
179
187
  if (settingType === 'style') {
180
- return /*#__PURE__*/React.createElement(CompletenessStyle, {
188
+ return /*#__PURE__*/_react.default.createElement(_completenessStyle.default, {
181
189
  statItem: statItem,
182
190
  updateStatItem: this.props.updateStatItem
183
191
  });
184
192
  }
185
- return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
193
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
186
194
  statItem: statItem,
187
195
  selectedTableId: selectedTableId,
188
196
  selectedViewId: selectedViewId,
@@ -191,16 +199,16 @@ class CompletenessSetting extends Component {
191
199
  getTableById: this.props.getTableById,
192
200
  getConvertedChart: this.props.getConvertedChart,
193
201
  updateStatItem: this.props.updateStatItem
194
- }), /*#__PURE__*/React.createElement("div", {
202
+ }), /*#__PURE__*/_react.default.createElement("div", {
195
203
  className: "statistic-chart-parameter-divider"
196
- }), this.renderNameSettings(), /*#__PURE__*/React.createElement("div", {
204
+ }), this.renderNameSettings(), /*#__PURE__*/_react.default.createElement("div", {
197
205
  className: "statistic-chart-parameter-divider"
198
- }), this.renderCompletionSettings(), this.renderTotalValueSettings(), isGroupChart && this.renderGroupSettings(), !isGroupChart && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
206
+ }), this.renderCompletionSettings(), this.renderTotalValueSettings(), isGroupChart && this.renderGroupSettings(), !isGroupChart && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
199
207
  className: "statistic-chart-parameter-divider"
200
- }), /*#__PURE__*/React.createElement(DataSort, {
208
+ }), /*#__PURE__*/_react.default.createElement(_dataSortSetting.default, {
201
209
  statItem: statItem,
202
210
  updateStatItem: this.props.updateStatItem
203
211
  })));
204
212
  }
205
213
  }
206
- export default CompletenessSetting;
214
+ var _default = exports.default = CompletenessSetting;
@@ -1,11 +1,19 @@
1
- import React, { Component, Fragment } from 'react';
2
- import intl from 'react-intl-universal';
3
- import BaseSettings from '../public-setting/base-settings';
4
- import GroupbySettings from './groupby-settings';
5
- import StacksSettings from './stacks-settings';
6
- import BarChartStyle from './style-setting/bar-chart-style-setting';
7
- import { GROUPBY_TYPE, STAT_TYPE } from '../../../constants';
8
- class CustomBarSettings 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 _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
12
+ var _groupbySettings = _interopRequireDefault(require("./groupby-settings"));
13
+ var _stacksSettings = _interopRequireDefault(require("./stacks-settings"));
14
+ var _barChartStyleSetting = _interopRequireDefault(require("./style-setting/bar-chart-style-setting"));
15
+ var _constants = require("../../../constants");
16
+ class CustomBarSettings extends _react.Component {
9
17
  constructor() {
10
18
  super(...arguments);
11
19
  this.onSelectGroupbyColumn = (type, groupbyColumnKey, groupbyDateGranularity, groupbyGeolocationGranularity) => {
@@ -32,7 +40,7 @@ class CustomBarSettings extends Component {
32
40
  const {
33
41
  y_axises
34
42
  } = this.props.statItem;
35
- return Array.isArray(y_axises) && y_axises.some(yAxis => yAxis.type === STAT_TYPE.BAR_STACK);
43
+ return Array.isArray(y_axises) && y_axises.some(yAxis => yAxis.type === _constants.STAT_TYPE.BAR_STACK);
36
44
  };
37
45
  }
38
46
  render() {
@@ -60,7 +68,7 @@ class CustomBarSettings extends Component {
60
68
  } = statItem || {};
61
69
  const hasYAxisStack = this.hasYAxisStack();
62
70
  if (settingType === 'style') {
63
- return /*#__PURE__*/React.createElement(BarChartStyle, {
71
+ return /*#__PURE__*/_react.default.createElement(_barChartStyleSetting.default, {
64
72
  showRangeSetting: false,
65
73
  hideDisplayDataSetting: true,
66
74
  enableYAxisCustomTitle: hasYAxisStack,
@@ -72,7 +80,7 @@ class CustomBarSettings extends Component {
72
80
  updateStatItem: this.props.updateStatItem
73
81
  });
74
82
  }
75
- return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(BaseSettings, {
83
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
76
84
  statItem: statItem,
77
85
  selectedTableId: table_id,
78
86
  selectedViewId: view_id,
@@ -81,33 +89,33 @@ class CustomBarSettings extends Component {
81
89
  getViews: getViews,
82
90
  getConvertedChart: this.props.getConvertedChart,
83
91
  updateStatItem: this.props.updateStatItem
84
- }), /*#__PURE__*/React.createElement("div", {
92
+ }), /*#__PURE__*/_react.default.createElement("div", {
85
93
  className: "statistic-chart-parameter-divider"
86
- }), /*#__PURE__*/React.createElement(GroupbySettings, {
94
+ }), /*#__PURE__*/_react.default.createElement(_groupbySettings.default, {
87
95
  selectedTable: selectedTable,
88
96
  columnsOptions: generalColumnsOptions,
89
97
  dateGranularityOptions: dateGranularityOptions,
90
98
  geolocationGranularityOptions: geolocationGranularityOptions,
91
- label: intl.get('X-axis'),
99
+ label: _reactIntlUniversal.default.get('X-axis'),
92
100
  groupbyColumnKey: x_axis_column_key,
93
101
  groupbyDateGranularity: x_axis_date_granularity,
94
102
  groupbyGeolocationGranularity: x_axis_geolocation_granularity,
95
103
  getSelectedColumnOption: this.props.getSelectedColumnOption,
96
- onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, GROUPBY_TYPE.ROW),
97
- onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, GROUPBY_TYPE.ROW),
98
- onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, GROUPBY_TYPE.ROW),
104
+ onSelectGroupbyColumn: this.onSelectGroupbyColumn.bind(this, _constants.GROUPBY_TYPE.ROW),
105
+ onSelectGroupbyDateGranularity: this.onSelectGroupbyDateGranularity.bind(this, _constants.GROUPBY_TYPE.ROW),
106
+ onSelectGroupbyGeolocationGranularity: this.onSelectGroupbyGeolocationGranularity.bind(this, _constants.GROUPBY_TYPE.ROW),
99
107
  renderIncludeEmpty: renderIncludeEmpty
100
- }), /*#__PURE__*/React.createElement("div", {
108
+ }), /*#__PURE__*/_react.default.createElement("div", {
101
109
  className: "statistic-chart-parameter-divider"
102
- }), /*#__PURE__*/React.createElement("div", {
110
+ }), /*#__PURE__*/_react.default.createElement("div", {
103
111
  className: "statistic-chart-parameter-item"
104
- }, /*#__PURE__*/React.createElement("label", null, intl.get('Y-axis')), /*#__PURE__*/React.createElement("div", {
112
+ }, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Y-axis')), /*#__PURE__*/_react.default.createElement("div", {
105
113
  className: "statistic-custom-bar-setting-y-axises"
106
- }, /*#__PURE__*/React.createElement(StacksSettings, {
114
+ }, /*#__PURE__*/_react.default.createElement(_stacksSettings.default, {
107
115
  statItem: statItem,
108
116
  numericColumnsOptions: numericColumnsOptions,
109
117
  updateStatItem: this.props.updateStatItem
110
118
  }))));
111
119
  }
112
120
  }
113
- export default CustomBarSettings;
121
+ var _default = exports.default = CustomBarSettings;
@@ -1,8 +1,16 @@
1
- import React, { Component, Fragment } from 'react';
2
- import intl from 'react-intl-universal';
3
- import { CellType, DATE_COLUMN_OPTIONS, TableUtils } from 'dtable-store';
4
- import { DTableSelect } from '../../../components';
5
- class GroupbySettings 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 _dtableStore = require("dtable-store");
12
+ var _components = require("../../../components");
13
+ class GroupbySettings extends _react.Component {
6
14
  constructor() {
7
15
  super(...arguments);
8
16
  this.renderGroupby = () => {
@@ -12,8 +20,8 @@ class GroupbySettings extends Component {
12
20
  label
13
21
  } = this.props;
14
22
  const selectedColumnOption = this.props.getSelectedColumnOption(groupbyColumnKey, columnsOptions);
15
- return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("label", null, label), /*#__PURE__*/React.createElement(DTableSelect, {
16
- placeholder: intl.get('Select_a_column'),
23
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("label", null, label), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
24
+ placeholder: _reactIntlUniversal.default.get('Select_a_column'),
17
25
  value: selectedColumnOption,
18
26
  onChange: this.onSelectGroupbyColumn,
19
27
  options: columnsOptions
@@ -25,9 +33,9 @@ class GroupbySettings extends Component {
25
33
  groupbyDateGranularity
26
34
  } = this.props;
27
35
  let selectedDateGranularity = this.getSelectedDateGranularity(groupbyDateGranularity);
28
- return /*#__PURE__*/React.createElement("div", {
36
+ return /*#__PURE__*/_react.default.createElement("div", {
29
37
  className: "mt-1"
30
- }, /*#__PURE__*/React.createElement(DTableSelect, {
38
+ }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
31
39
  value: selectedDateGranularity,
32
40
  onChange: this.onSelectGroupbyDateGranularity,
33
41
  options: dateGranularityOptions
@@ -41,9 +49,9 @@ class GroupbySettings extends Component {
41
49
  geolocationGranularityOptions = this.getGeolocationGranularity();
42
50
  let selectedGeolocationGranularity = this.getSelectedGeolocationGranularity(groupbyGeolocationGranularity);
43
51
  if (geolocationGranularityOptions.length === 0) return null;
44
- return /*#__PURE__*/React.createElement("div", {
52
+ return /*#__PURE__*/_react.default.createElement("div", {
45
53
  className: "mt-1"
46
- }, /*#__PURE__*/React.createElement(DTableSelect, {
54
+ }, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
47
55
  value: selectedGeolocationGranularity,
48
56
  onChange: this.onSelectGroupbyGeolocationGranularity,
49
57
  options: geolocationGranularityOptions
@@ -101,10 +109,10 @@ class GroupbySettings extends Component {
101
109
  }
102
110
  if (key !== 'Groupby_null') {
103
111
  groupbyColumnKey = key;
104
- if (type === CellType.DATE) {
112
+ if (type === _dtableStore.CellType.DATE) {
105
113
  groupbyDateGranularity = dateGranularityOptions[2].value;
106
114
  }
107
- if (type === CellType.GEOLOCATION) {
115
+ if (type === _dtableStore.CellType.GEOLOCATION) {
108
116
  const geoColumn = selectedTable.columns.find(column => column.key === key) || {};
109
117
  const {
110
118
  geo_format
@@ -143,13 +151,13 @@ class GroupbySettings extends Component {
143
151
  groupbyColumnKey,
144
152
  renderIncludeEmpty
145
153
  } = this.props;
146
- const groupbyColumn = groupbyColumnKey && TableUtils.getTableColumnByKey(selectedTable, groupbyColumnKey);
154
+ const groupbyColumn = groupbyColumnKey && _dtableStore.TableUtils.getTableColumnByKey(selectedTable, groupbyColumnKey);
147
155
  const {
148
156
  type: groupbyColumnType
149
157
  } = groupbyColumn || {};
150
- return /*#__PURE__*/React.createElement("div", {
158
+ return /*#__PURE__*/_react.default.createElement("div", {
151
159
  className: "statistic-chart-parameter-item"
152
- }, this.renderGroupby(), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), renderIncludeEmpty && renderIncludeEmpty());
160
+ }, this.renderGroupby(), _dtableStore.DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === _dtableStore.CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), renderIncludeEmpty && renderIncludeEmpty());
153
161
  }
154
162
  }
155
- export default GroupbySettings;
163
+ var _default = exports.default = GroupbySettings;