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.
- package/es/api/dtable-db-api.js +10 -3
- package/es/calculator/base-calculator.js +20 -12
- package/es/calculator/basic-chart-calculator.js +72 -65
- package/es/calculator/combination-calculator.js +64 -57
- package/es/calculator/compare-bar-calculator.js +33 -26
- package/es/calculator/completeness-calculator.js +37 -30
- package/es/calculator/copy-value.js +7 -1
- package/es/calculator/dashboard-calculator.js +20 -13
- package/es/calculator/heat-map-calculator.js +25 -18
- package/es/calculator/horizontal-bar-calculator.js +15 -8
- package/es/calculator/index.js +42 -35
- package/es/calculator/map-calculator.js +29 -22
- package/es/calculator/mirror-calculator.js +27 -20
- package/es/calculator/number-card-calculator.js +17 -10
- package/es/calculator/pivot-table-calculator.js +65 -58
- package/es/calculator/scatter-calculator.js +21 -14
- package/es/calculator/thread-manager.js +7 -1
- package/es/calculator/trend-calculator.js +29 -22
- package/es/calculator/workers/basic-chart-calculator-worker.js +83 -76
- package/es/calculator/workers/calculator.worker.js +33 -30
- package/es/calculator/workers/card-calculator-worker.js +19 -13
- package/es/calculator/workers/combination-calculator-worker.js +53 -46
- package/es/calculator/workers/compare-bar-chart-calculator-worker.js +29 -22
- package/es/calculator/workers/completeness-calculator-worker.js +41 -34
- package/es/calculator/workers/dashboard-calculator-worker.js +24 -18
- package/es/calculator/workers/mirror-calculator-worker.js +29 -22
- package/es/calculator/workers/pivot-table-calculator-worker.js +84 -77
- package/es/calculator/workers/scatter-calculator-worker.js +27 -20
- package/es/calculator/workers/trend-calculator-worker.js +34 -27
- package/es/calculator/world-map-calculator.js +24 -17
- package/es/components/common-add-tool.js +12 -5
- package/es/components/dialog/chart-addition-edit-dialog.js +20 -12
- package/es/components/dialog/chart-addition-widgets/chart-selector.js +108 -101
- package/es/components/dialog/color-theme-dialog.js +22 -15
- package/es/components/dialog/delete-confirmation-dialog.js +18 -11
- package/es/components/dialog/enlarged-chart-dialog.js +28 -20
- package/es/components/dialog/new-table-dialog.js +23 -16
- package/es/components/dialog/new-view-dialog.js +21 -14
- package/es/components/dialog/rename-view-dialog.js +22 -14
- package/es/components/dialog/statistic-record-dialog/index.js +45 -37
- package/es/components/dialog/statistic-types-dialog/index.js +22 -14
- package/es/components/dialog/table-select-dialog.js +23 -15
- package/es/components/dropdown-menu/statistic-dropdown-menu.js +49 -41
- package/es/components/dtable-popover.js +19 -12
- package/es/components/dtable-search-input.js +21 -13
- package/es/components/dtable-select.js +20 -12
- package/es/components/icon.js +11 -4
- package/es/components/index.js +76 -11
- package/es/components/loading.js +10 -3
- package/es/components/modal-portal.js +12 -5
- package/es/components/popover/color-rules/color-rule.js +33 -25
- package/es/components/popover/color-rules/index.js +14 -6
- package/es/components/popover/color-rules/rule-filters/filter.js +34 -27
- package/es/components/popover/color-rules/rule-filters/index.js +25 -17
- package/es/components/popover/color-rules/rule-filters/number-input.js +17 -9
- package/es/components/popover/color-rules-popover.js +32 -24
- package/es/components/popover/color-selector-popover.js +17 -10
- package/es/components/seatable-radio/index.js +16 -9
- package/es/components/select/index.js +9 -2
- package/es/components/select/option-group.js +27 -19
- package/es/components/select/option.js +14 -6
- package/es/components/select/select.js +25 -17
- package/es/components/toast/alert.js +31 -24
- package/es/components/toast/index.js +10 -3
- package/es/components/toast/toast.js +20 -12
- package/es/components/toast/toastManager.js +17 -9
- package/es/components/toast/toaster.js +14 -6
- package/es/constants/color-rules.js +12 -6
- package/es/constants/dtable-select-style.js +9 -4
- package/es/constants/event-types.js +10 -4
- package/es/constants/index.js +96 -67
- package/es/constants/key-codes.js +2 -0
- package/es/constants/map.js +8 -2
- package/es/constants/model.js +26 -20
- package/es/constants/regions.js +8 -3
- package/es/constants/zIndexes.js +7 -1
- package/es/custom-g2.js +236 -208
- package/es/dashboard.js +58 -50
- package/es/desktop-dashboard.js +55 -47
- package/es/index.js +6 -3
- package/es/locale/index.js +13 -10
- package/es/locale/lang/de.js +7 -1
- package/es/locale/lang/en.js +7 -1
- package/es/locale/lang/fr.js +7 -1
- package/es/locale/lang/zh_CN.js +7 -1
- package/es/mobile-dashboard.js +46 -38
- package/es/model/bar-group.js +19 -11
- package/es/model/bar.js +18 -10
- package/es/model/base-model.js +9 -2
- package/es/model/basic-number-card.js +16 -8
- package/es/model/collaborators.js +9 -2
- package/es/model/combination.js +20 -12
- package/es/model/compare-bar.js +24 -16
- package/es/model/completeness-group.js +16 -8
- package/es/model/completeness.js +13 -5
- package/es/model/custom-bar.js +14 -6
- package/es/model/dashboard.js +14 -6
- package/es/model/generic-model.js +141 -133
- package/es/model/heat-map.js +19 -11
- package/es/model/horizontal-bar-group.js +18 -10
- package/es/model/horizontal-bar.js +18 -10
- package/es/model/index.js +185 -53
- package/es/model/map.js +23 -15
- package/es/model/mirror.js +21 -13
- package/es/model/pie.js +18 -10
- package/es/model/ring.js +19 -11
- package/es/model/scatter.js +14 -6
- package/es/model/statistic-dashboard.js +9 -2
- package/es/model/table.js +18 -10
- package/es/model/trend.js +20 -12
- package/es/model/world-map.js +21 -13
- package/es/service/chart-service.js +14 -7
- package/es/service/dashboard-service.js +41 -34
- package/es/service/map-json.js +14 -8
- package/es/stat-editor/chart-name-editor.js +15 -8
- package/es/stat-editor/index.js +24 -16
- package/es/stat-editor/stat-settings/advance-chart-settings/basic-number-card-settings.js +29 -21
- package/es/stat-editor/stat-settings/advance-chart-settings/combination-settings.js +57 -49
- package/es/stat-editor/stat-settings/advance-chart-settings/dashboard-chart-settings.js +31 -23
- package/es/stat-editor/stat-settings/advance-chart-settings/geo-granularity-settings.js +11 -4
- package/es/stat-editor/stat-settings/advance-chart-settings/heat-map-settings.js +27 -19
- package/es/stat-editor/stat-settings/advance-chart-settings/index.js +51 -43
- package/es/stat-editor/stat-settings/advance-chart-settings/map-settings.js +31 -23
- package/es/stat-editor/stat-settings/advance-chart-settings/mirror-settings.js +31 -23
- package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/combination-style-setting.js +45 -37
- package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/heat-map-settings.js +27 -19
- package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/map-setting.js +34 -26
- package/es/stat-editor/stat-settings/advance-chart-settings/summary-settings.js +55 -47
- package/es/stat-editor/stat-settings/advance-chart-settings/trend-chart-settings.js +30 -22
- package/es/stat-editor/stat-settings/advance-chart-settings/world-map-settings.js +26 -18
- package/es/stat-editor/stat-settings/basic-chart-settings/advance-bar-chart-settings.js +35 -27
- package/es/stat-editor/stat-settings/basic-chart-settings/bar-settings.js +32 -24
- package/es/stat-editor/stat-settings/basic-chart-settings/completeness-chart-settings.js +41 -33
- package/es/stat-editor/stat-settings/basic-chart-settings/custom-bar-settings.js +30 -22
- package/es/stat-editor/stat-settings/basic-chart-settings/groupby-settings.js +26 -18
- package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-axis-group-settings.js +54 -46
- package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-bar-settings.js +31 -23
- package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-group-chart-settings.js +34 -26
- package/es/stat-editor/stat-settings/basic-chart-settings/index.js +85 -77
- package/es/stat-editor/stat-settings/basic-chart-settings/pie-settings.js +29 -21
- package/es/stat-editor/stat-settings/basic-chart-settings/pivot-table-settings.js +81 -73
- package/es/stat-editor/stat-settings/basic-chart-settings/scatter-settings.js +24 -16
- package/es/stat-editor/stat-settings/basic-chart-settings/stack-item-settings.js +27 -19
- package/es/stat-editor/stat-settings/basic-chart-settings/stacks-settings.js +26 -18
- package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/bar-chart-style-setting.js +57 -49
- package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/completeness-style.js +25 -17
- package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/horizontal-bar-chart-style.js +55 -47
- package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/label-font-size-editor.js +19 -11
- package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/pie-chart-style-settings.js +53 -45
- package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/time-compare-style.js +17 -9
- package/es/stat-editor/stat-settings/basic-chart-settings/summary-method-setting.js +28 -20
- package/es/stat-editor/stat-settings/basic-chart-settings/summary-settings.js +38 -30
- package/es/stat-editor/stat-settings/basic-chart-settings/time-comparison-settings.js +58 -50
- package/es/stat-editor/stat-settings/basic-chart-settings/timer-picker.js +25 -17
- package/es/stat-editor/stat-settings/basic-chart-settings/y-axis-group-settings.js +55 -47
- package/es/stat-editor/stat-settings/color-setting/color-group-selector.js +19 -11
- package/es/stat-editor/stat-settings/color-setting/color-picker.js +19 -12
- package/es/stat-editor/stat-settings/color-setting/color-use-type-selector.js +70 -62
- package/es/stat-editor/stat-settings/map/map-level.js +20 -13
- package/es/stat-editor/stat-settings/map/map-province-city.js +27 -20
- package/es/stat-editor/stat-settings/public-setting/axis-label-position-setting.js +19 -11
- package/es/stat-editor/stat-settings/public-setting/base-settings.js +28 -20
- package/es/stat-editor/stat-settings/public-setting/calender.js +29 -22
- package/es/stat-editor/stat-settings/public-setting/column-settings.js +13 -6
- package/es/stat-editor/stat-settings/public-setting/custom-title-setting.js +16 -9
- package/es/stat-editor/stat-settings/public-setting/data-sort-setting.js +21 -13
- package/es/stat-editor/stat-settings/public-setting/ind-toggle-setting.js +15 -8
- package/es/stat-editor/stat-settings/public-setting/min-max-setting.js +19 -11
- package/es/stat-editor/stat-settings/public-setting/numeric-summary-item.js +35 -27
- package/es/stat-editor/stat-settings/public-setting/toggle-setting.js +15 -8
- package/es/stat-editor/stat-settings/public-setting/type-settings/index.js +26 -18
- package/es/stat-list/chart-preview.js +28 -20
- package/es/stat-list/index.js +35 -27
- package/es/stat-view/area-chart.js +50 -43
- package/es/stat-view/bar-chart.js +54 -47
- package/es/stat-view/base-chart.js +32 -24
- package/es/stat-view/basic-number-card.js +26 -19
- package/es/stat-view/combination-chart.js +56 -49
- package/es/stat-view/compare-chart.js +46 -39
- package/es/stat-view/completeness-chart.js +35 -28
- package/es/stat-view/custom-bar.js +38 -31
- package/es/stat-view/dashboard-chart.js +22 -15
- package/es/stat-view/heat-map.js +50 -43
- package/es/stat-view/horizontal-bar-chart.js +58 -51
- package/es/stat-view/index.js +80 -73
- package/es/stat-view/line-chart.js +46 -39
- package/es/stat-view/map.js +40 -33
- package/es/stat-view/mirror.js +28 -21
- package/es/stat-view/pie-chart.js +36 -29
- package/es/stat-view/pivot-table/index.js +39 -32
- package/es/stat-view/pivot-table/one-dimension-table-no-numeric-columns.js +39 -31
- package/es/stat-view/pivot-table/one-dimension-table-with-numeric-columns.js +37 -29
- package/es/stat-view/pivot-table/pivot-table-display-name.js +54 -46
- package/es/stat-view/pivot-table/two-dimension-table.js +70 -62
- package/es/stat-view/ring-chart.js +45 -38
- package/es/stat-view/scatter-chart.js +37 -30
- package/es/stat-view/treemap-chart.js +44 -37
- package/es/stat-view/trend-chart.js +39 -32
- package/es/stat-view/world-map.js +40 -33
- package/es/tabs/index.js +40 -32
- package/es/tabs/tab.js +34 -26
- package/es/utils/basic-chart-utils.js +9 -2
- package/es/utils/cell-format.js +22 -14
- package/es/utils/cell-value.js +14 -7
- package/es/utils/collaborator.js +13 -4
- package/es/utils/color-utils.js +29 -18
- package/es/utils/column-utils.js +29 -18
- package/es/utils/column.js +11 -4
- package/es/utils/common-utils.js +65 -41
- package/es/utils/date-format.js +8 -2
- package/es/utils/export-table-utils.js +91 -82
- package/es/utils/index.js +100 -11
- package/es/utils/map.js +36 -26
- package/es/utils/model.js +14 -6
- package/es/utils/object.js +15 -6
- package/es/utils/pivot-table.js +23 -16
- package/es/utils/row-utils.js +33 -23
- package/es/utils/search.js +29 -21
- package/es/utils/sql-utils.js +75 -65
- package/es/utils/stat-utils.js +66 -60
- package/es/utils/trend-utils.js +40 -32
- package/package.json +3 -3
|
@@ -1,32 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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 _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
|
|
15
|
+
var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
|
|
16
|
+
var _combinationStyleSetting = _interopRequireDefault(require("./style-setting/combination-style-setting"));
|
|
17
|
+
var _toggleSetting = _interopRequireDefault(require("../public-setting/toggle-setting"));
|
|
18
|
+
var _summarySettings = _interopRequireDefault(require("./summary-settings"));
|
|
19
|
+
var _constants = require("../../../constants");
|
|
12
20
|
const DATE_COLUMN_OPTIONS = ['date', 'mtime', 'ctime'];
|
|
13
|
-
const DATE_GRANULARITY_LIST = [DATE_GRANULARITY.DAY, DATE_GRANULARITY.WEEK, DATE_GRANULARITY.MONTH, DATE_GRANULARITY.QUARTER, DATE_GRANULARITY.YEAR];
|
|
14
|
-
const GEOLOCATION_GRANULARITY_LIST = [GEOLOCATION_GRANULARITY.PROVINCE, GEOLOCATION_GRANULARITY.CITY, GEOLOCATION_GRANULARITY.DISTRICT];
|
|
21
|
+
const DATE_GRANULARITY_LIST = [_constants.DATE_GRANULARITY.DAY, _constants.DATE_GRANULARITY.WEEK, _constants.DATE_GRANULARITY.MONTH, _constants.DATE_GRANULARITY.QUARTER, _constants.DATE_GRANULARITY.YEAR];
|
|
22
|
+
const GEOLOCATION_GRANULARITY_LIST = [_constants.GEOLOCATION_GRANULARITY.PROVINCE, _constants.GEOLOCATION_GRANULARITY.CITY, _constants.GEOLOCATION_GRANULARITY.DISTRICT];
|
|
15
23
|
const GROUP_TYPES = {
|
|
16
24
|
COUNT: 'count',
|
|
17
25
|
SINGLE_NUMERIC_COLUMN: 'single_numeric_column',
|
|
18
26
|
MULTIPLE_NUMERIC_COLUMN: 'multiple_numeric_column'
|
|
19
27
|
};
|
|
20
|
-
class CombinationSettings extends Component {
|
|
28
|
+
class CombinationSettings extends _react.Component {
|
|
21
29
|
constructor(props) {
|
|
22
30
|
super(props);
|
|
23
31
|
this.getGranularityOptions = options => {
|
|
24
32
|
return options.map(g => {
|
|
25
33
|
return {
|
|
26
34
|
value: g,
|
|
27
|
-
label: /*#__PURE__*/
|
|
35
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
28
36
|
className: 'select-module select-module-name'
|
|
29
|
-
},
|
|
37
|
+
}, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[g]))
|
|
30
38
|
};
|
|
31
39
|
});
|
|
32
40
|
};
|
|
@@ -35,9 +43,9 @@ class CombinationSettings extends Component {
|
|
|
35
43
|
statItem
|
|
36
44
|
} = this.props;
|
|
37
45
|
let selectedDateGranularity = this.getSelectedDateGranularity(statItem.x_axis_date_granularity);
|
|
38
|
-
return /*#__PURE__*/
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
39
47
|
className: "mt-1"
|
|
40
|
-
}, /*#__PURE__*/
|
|
48
|
+
}, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
|
|
41
49
|
value: selectedDateGranularity,
|
|
42
50
|
onChange: this.onSelectGroupbyDateGranularity,
|
|
43
51
|
options: this.dateGranularityOptions
|
|
@@ -56,9 +64,9 @@ class CombinationSettings extends Component {
|
|
|
56
64
|
} = this.props;
|
|
57
65
|
let selectedGeolocationGranularity = this.getSelectedGeolocationGranularity(statItem.x_axis_geolocation_granularity);
|
|
58
66
|
if (this.geolocationGranularityOptions.length === 0) return null;
|
|
59
|
-
return /*#__PURE__*/
|
|
67
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
60
68
|
className: "mt-1"
|
|
61
|
-
}, /*#__PURE__*/
|
|
69
|
+
}, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
|
|
62
70
|
value: selectedGeolocationGranularity,
|
|
63
71
|
onChange: this.onSelectGroupbyGeolocationGranularity,
|
|
64
72
|
options: this.geolocationGranularityOptions
|
|
@@ -79,7 +87,7 @@ class CombinationSettings extends Component {
|
|
|
79
87
|
};
|
|
80
88
|
this.getAvailableColumns = columns => {
|
|
81
89
|
if (!columns || !Array.isArray(columns)) return [];
|
|
82
|
-
return columns.filter(c => BASIC_CHART_COLUMN_LIST.includes(c.type));
|
|
90
|
+
return columns.filter(c => _constants.BASIC_CHART_COLUMN_LIST.includes(c.type));
|
|
83
91
|
};
|
|
84
92
|
this.getSelectedStatColumnOption = () => {
|
|
85
93
|
return this.columnsOptions.find(option => option.value.key === this.props.statItem.x_axis_column_key);
|
|
@@ -101,12 +109,12 @@ class CombinationSettings extends Component {
|
|
|
101
109
|
type,
|
|
102
110
|
key
|
|
103
111
|
} = option.value;
|
|
104
|
-
if (type === CellType.DATE) {
|
|
112
|
+
if (type === _dtableStore.CellType.DATE) {
|
|
105
113
|
x_axis_date_granularity = this.dateGranularityOptions[2].value;
|
|
106
114
|
} else {
|
|
107
115
|
x_axis_date_granularity = null;
|
|
108
116
|
}
|
|
109
|
-
if (type === CellType.GEOLOCATION) {
|
|
117
|
+
if (type === _dtableStore.CellType.GEOLOCATION) {
|
|
110
118
|
const selectedTable = getTableById(selectedTableId);
|
|
111
119
|
const geoColumn = selectedTable.columns.find(column => column.key === key) || {};
|
|
112
120
|
const {
|
|
@@ -131,11 +139,11 @@ class CombinationSettings extends Component {
|
|
|
131
139
|
}));
|
|
132
140
|
};
|
|
133
141
|
this.getSummaryMethodsOptions = () => {
|
|
134
|
-
return SUMMARY_METHOD.map(method => {
|
|
142
|
+
return _constants.SUMMARY_METHOD.map(method => {
|
|
135
143
|
return {
|
|
136
|
-
label: /*#__PURE__*/
|
|
144
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
137
145
|
className: "select-option-name"
|
|
138
|
-
},
|
|
146
|
+
}, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[method])),
|
|
139
147
|
value: method
|
|
140
148
|
};
|
|
141
149
|
});
|
|
@@ -155,9 +163,9 @@ class CombinationSettings extends Component {
|
|
|
155
163
|
const {
|
|
156
164
|
statName
|
|
157
165
|
} = this.state;
|
|
158
|
-
return /*#__PURE__*/
|
|
166
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
159
167
|
className: "statistic-chart-parameter-item"
|
|
160
|
-
}, /*#__PURE__*/
|
|
168
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
|
|
161
169
|
type: "text",
|
|
162
170
|
onBlur: this.onSaveName,
|
|
163
171
|
onChange: this.onChangeName,
|
|
@@ -178,10 +186,10 @@ class CombinationSettings extends Component {
|
|
|
178
186
|
y_axis_left_summary_method,
|
|
179
187
|
y_axis_left_group_by_numeric_columns
|
|
180
188
|
} = statItem;
|
|
181
|
-
let newSummaryType = option === GROUP_TYPES.COUNT ? SUMMARY_TYPE.COUNT : SUMMARY_TYPE.ADVANCED;
|
|
189
|
+
let newSummaryType = option === GROUP_TYPES.COUNT ? _constants.SUMMARY_TYPE.COUNT : _constants.SUMMARY_TYPE.ADVANCED;
|
|
182
190
|
if (position === 'left') {
|
|
183
|
-
if (newSummaryType === SUMMARY_TYPE.COUNT && y_axis_left_summary_type === SUMMARY_TYPE.COUNT) return;
|
|
184
|
-
if (option === GROUP_TYPES.SINGLE_NUMERIC_COLUMN && !y_axis_left_group_by_multiple_numeric_column && y_axis_left_summary_type !== SUMMARY_TYPE.COUNT) return;
|
|
191
|
+
if (newSummaryType === _constants.SUMMARY_TYPE.COUNT && y_axis_left_summary_type === _constants.SUMMARY_TYPE.COUNT) return;
|
|
192
|
+
if (option === GROUP_TYPES.SINGLE_NUMERIC_COLUMN && !y_axis_left_group_by_multiple_numeric_column && y_axis_left_summary_type !== _constants.SUMMARY_TYPE.COUNT) return;
|
|
185
193
|
if (option === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN && y_axis_left_group_by_multiple_numeric_column) return;
|
|
186
194
|
if (option === GROUP_TYPES.COUNT) {
|
|
187
195
|
y_axis_left_summary_column = null;
|
|
@@ -191,13 +199,13 @@ class CombinationSettings extends Component {
|
|
|
191
199
|
}
|
|
192
200
|
if (option === GROUP_TYPES.SINGLE_NUMERIC_COLUMN) {
|
|
193
201
|
y_axis_left_summary_column = null;
|
|
194
|
-
y_axis_left_summary_method = SUMMARY_METHOD[0];
|
|
202
|
+
y_axis_left_summary_method = _constants.SUMMARY_METHOD[0];
|
|
195
203
|
y_axis_left_group_by_multiple_numeric_column = false;
|
|
196
204
|
y_axis_left_group_by_numeric_columns = [];
|
|
197
205
|
}
|
|
198
206
|
if (option === GROUP_TYPES.MULTIPLE_NUMERIC_COLUMN) {
|
|
199
207
|
y_axis_left_summary_column = null;
|
|
200
|
-
y_axis_left_summary_method = SUMMARY_METHOD[0];
|
|
208
|
+
y_axis_left_summary_method = _constants.SUMMARY_METHOD[0];
|
|
201
209
|
y_axis_left_group_by_multiple_numeric_column = true;
|
|
202
210
|
y_axis_left_group_by_numeric_columns = [];
|
|
203
211
|
}
|
|
@@ -212,8 +220,8 @@ class CombinationSettings extends Component {
|
|
|
212
220
|
}
|
|
213
221
|
if (y_axis_right_summary_type === newSummaryType) return;
|
|
214
222
|
y_axis_right_summary_type = newSummaryType;
|
|
215
|
-
let y_axis_right_summary_method = SUMMARY_METHOD[0];
|
|
216
|
-
if (newSummaryType === SUMMARY_TYPE.COUNT) {
|
|
223
|
+
let y_axis_right_summary_method = _constants.SUMMARY_METHOD[0];
|
|
224
|
+
if (newSummaryType === _constants.SUMMARY_TYPE.COUNT) {
|
|
217
225
|
y_axis_right_summary_column = null;
|
|
218
226
|
y_axis_right_summary_method = null;
|
|
219
227
|
}
|
|
@@ -296,12 +304,12 @@ class CombinationSettings extends Component {
|
|
|
296
304
|
let {
|
|
297
305
|
x_axis_include_empty
|
|
298
306
|
} = statItem || {};
|
|
299
|
-
return /*#__PURE__*/
|
|
307
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
300
308
|
className: "mt-1"
|
|
301
|
-
}, /*#__PURE__*/
|
|
309
|
+
}, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
|
|
302
310
|
isChecked: x_axis_include_empty || false,
|
|
303
311
|
handleToggleChange: this.onToggleIncludeEmpty,
|
|
304
|
-
label:
|
|
312
|
+
label: _reactIntlUniversal.default.get('Including_empty_cell')
|
|
305
313
|
}));
|
|
306
314
|
};
|
|
307
315
|
const {
|
|
@@ -351,19 +359,19 @@ class CombinationSettings extends Component {
|
|
|
351
359
|
y_axis_right_summary_column
|
|
352
360
|
} = statItem;
|
|
353
361
|
const selectedTable = getTableById(selectedTableId);
|
|
354
|
-
let groupbyColumn = x_axis_column_key && TableUtils.getTableColumnByKey(selectedTable, x_axis_column_key);
|
|
362
|
+
let groupbyColumn = x_axis_column_key && _dtableStore.TableUtils.getTableColumnByKey(selectedTable, x_axis_column_key);
|
|
355
363
|
let {
|
|
356
364
|
type: groupbyColumnType
|
|
357
365
|
} = groupbyColumn || {};
|
|
358
366
|
if (settingType === 'style') {
|
|
359
|
-
return /*#__PURE__*/
|
|
367
|
+
return /*#__PURE__*/_react.default.createElement(_combinationStyleSetting.default, {
|
|
360
368
|
selectedTableId: selectedTableId,
|
|
361
369
|
statItem: statItem,
|
|
362
370
|
eventBus: eventBus,
|
|
363
371
|
updateStatItem: updateStatItem
|
|
364
372
|
});
|
|
365
373
|
}
|
|
366
|
-
return /*#__PURE__*/
|
|
374
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
|
|
367
375
|
statItem: statItem,
|
|
368
376
|
selectedTableId: selectedTableId,
|
|
369
377
|
selectedViewId: statItem.view_id,
|
|
@@ -372,18 +380,18 @@ class CombinationSettings extends Component {
|
|
|
372
380
|
getTableById: this.props.getTableById,
|
|
373
381
|
getConvertedChart: this.props.getConvertedChart,
|
|
374
382
|
updateStatItem: updateStatItem
|
|
375
|
-
}), /*#__PURE__*/
|
|
383
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
376
384
|
className: "statistic-chart-parameter-divider"
|
|
377
|
-
}), /*#__PURE__*/
|
|
385
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
378
386
|
className: "statistic-chart-parameter-item"
|
|
379
|
-
}, /*#__PURE__*/
|
|
387
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('X-axis')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
|
|
380
388
|
columnsOptions: this.columnsOptions,
|
|
381
389
|
selectedColumnOption: selectedColumnOption,
|
|
382
390
|
onChangeSelectedColumn: this.onSelectStatColumn
|
|
383
|
-
}), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), this.renderIncludeEmpty()), /*#__PURE__*/
|
|
391
|
+
}), DATE_COLUMN_OPTIONS.includes(groupbyColumnType) && this.renderGroupbyDateGranularity(), groupbyColumnType === _dtableStore.CellType.GEOLOCATION && this.renderGroupbyGeolocationGranularity(), this.renderIncludeEmpty()), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
|
|
384
392
|
useMultipleSummaryColumns: true,
|
|
385
393
|
chartType: 'combination_chart',
|
|
386
|
-
label:
|
|
394
|
+
label: _reactIntlUniversal.default.get('Y-axis(left side)'),
|
|
387
395
|
statItem: statItem,
|
|
388
396
|
selectedTableId: selectedTableId,
|
|
389
397
|
summaryType: y_axis_left_summary_type,
|
|
@@ -395,9 +403,9 @@ class CombinationSettings extends Component {
|
|
|
395
403
|
onSelectSummaryColumn: option => this.onSelectSummaryColumn(option, 'left'),
|
|
396
404
|
onSelectSummaryMethod: option => this.onSelectSummaryMethod(option, 'left'),
|
|
397
405
|
updateStatItem: updateStatItem
|
|
398
|
-
}), /*#__PURE__*/
|
|
406
|
+
}), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
|
|
399
407
|
chartType: 'combination_chart',
|
|
400
|
-
label:
|
|
408
|
+
label: _reactIntlUniversal.default.get('Y-axis(right side)'),
|
|
401
409
|
statItem: statItem,
|
|
402
410
|
selectedTableId: selectedTableId,
|
|
403
411
|
summaryType: y_axis_right_summary_type,
|
|
@@ -411,4 +419,4 @@ class CombinationSettings extends Component {
|
|
|
411
419
|
}));
|
|
412
420
|
}
|
|
413
421
|
}
|
|
414
|
-
|
|
422
|
+
var _default = exports.default = CombinationSettings;
|
|
@@ -1,11 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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 _components = require("../../../components");
|
|
13
|
+
var _baseSettings = _interopRequireDefault(require("../public-setting/base-settings"));
|
|
14
|
+
var _columnSettings = _interopRequireDefault(require("../public-setting/column-settings"));
|
|
15
|
+
var _constants = require("../../../constants");
|
|
16
|
+
class DashboardChartSettings extends _react.Component {
|
|
9
17
|
constructor(props) {
|
|
10
18
|
super(props);
|
|
11
19
|
this.onSelectTargetValueColumn = option => {
|
|
@@ -29,12 +37,12 @@ class DashboardChartSettings extends Component {
|
|
|
29
37
|
}));
|
|
30
38
|
};
|
|
31
39
|
this.getSummaryMethodsOptions = () => {
|
|
32
|
-
let numberCardSummaryMethod = ['Row_count', ...SUMMARY_METHOD];
|
|
40
|
+
let numberCardSummaryMethod = ['Row_count', ..._constants.SUMMARY_METHOD];
|
|
33
41
|
return numberCardSummaryMethod.map(method => {
|
|
34
42
|
return {
|
|
35
|
-
label: /*#__PURE__*/
|
|
43
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
36
44
|
className: "select-option-name"
|
|
37
|
-
},
|
|
45
|
+
}, _reactIntlUniversal.default.get(_constants.STATISTICS_COUNT_SHOW[method])),
|
|
38
46
|
value: method
|
|
39
47
|
};
|
|
40
48
|
});
|
|
@@ -79,9 +87,9 @@ class DashboardChartSettings extends Component {
|
|
|
79
87
|
onSelectSummaryMethod = this.onSelectTotalValueColumnSummaryMethod;
|
|
80
88
|
}
|
|
81
89
|
const selectedMethodOption = this.getSelectedMethodOption(summary_method, this.summaryMethodsOptions);
|
|
82
|
-
return /*#__PURE__*/
|
|
90
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
83
91
|
className: "statistic-chart-parameter-item"
|
|
84
|
-
}, /*#__PURE__*/
|
|
92
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
|
|
85
93
|
value: selectedMethodOption,
|
|
86
94
|
onChange: onSelectSummaryMethod,
|
|
87
95
|
options: this.summaryMethodsOptions
|
|
@@ -111,9 +119,9 @@ class DashboardChartSettings extends Component {
|
|
|
111
119
|
const {
|
|
112
120
|
statName
|
|
113
121
|
} = this.state;
|
|
114
|
-
return /*#__PURE__*/
|
|
122
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
115
123
|
className: "statistic-chart-parameter-item"
|
|
116
|
-
}, /*#__PURE__*/
|
|
124
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Label')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
|
|
117
125
|
type: "text",
|
|
118
126
|
value: statName || '',
|
|
119
127
|
placeholder: statItem.name,
|
|
@@ -160,7 +168,7 @@ class DashboardChartSettings extends Component {
|
|
|
160
168
|
} = statItem;
|
|
161
169
|
const selectedTargetValueColumnOption = this.numericColumnOptions.filter(option => option.value.key === target_value_column)[0];
|
|
162
170
|
const selectedTotalValueColumnOption = this.numericColumnOptions.filter(option => option.value.key === total_value_column)[0];
|
|
163
|
-
return /*#__PURE__*/
|
|
171
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
|
|
164
172
|
statItem: statItem,
|
|
165
173
|
selectedTableId: selectedTableId,
|
|
166
174
|
selectedViewId: statItem.view_id,
|
|
@@ -169,21 +177,21 @@ class DashboardChartSettings extends Component {
|
|
|
169
177
|
getTableById: this.props.getTableById,
|
|
170
178
|
getConvertedChart: this.props.getConvertedChart,
|
|
171
179
|
updateStatItem: updateStatItem
|
|
172
|
-
}), /*#__PURE__*/
|
|
180
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
173
181
|
className: "statistic-chart-parameter-divider"
|
|
174
|
-
}), /*#__PURE__*/
|
|
182
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
175
183
|
className: "statistic-chart-parameter-item"
|
|
176
|
-
}, /*#__PURE__*/
|
|
184
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Current_value_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
|
|
177
185
|
columnsOptions: this.numericColumnOptions,
|
|
178
186
|
selectedColumnOption: selectedTargetValueColumnOption,
|
|
179
187
|
onChangeSelectedColumn: this.onSelectTargetValueColumn
|
|
180
188
|
})), this.renderSummaryMethod({
|
|
181
189
|
targetColumn: 'target_value_column'
|
|
182
|
-
}), /*#__PURE__*/
|
|
190
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
183
191
|
className: "statistic-chart-parameter-divider"
|
|
184
|
-
}), /*#__PURE__*/
|
|
192
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
185
193
|
className: "statistic-chart-parameter-item"
|
|
186
|
-
}, /*#__PURE__*/
|
|
194
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Total_value_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
|
|
187
195
|
columnsOptions: this.numericColumnOptions,
|
|
188
196
|
selectedColumnOption: selectedTotalValueColumnOption,
|
|
189
197
|
onChangeSelectedColumn: this.onSelectTotalValueColumn
|
|
@@ -192,4 +200,4 @@ class DashboardChartSettings extends Component {
|
|
|
192
200
|
}));
|
|
193
201
|
}
|
|
194
202
|
}
|
|
195
|
-
|
|
203
|
+
var _default = exports.default = DashboardChartSettings;
|
|
@@ -1,15 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _components = require("../../../components");
|
|
3
10
|
function GeoGranularitySettings(props) {
|
|
4
11
|
const {
|
|
5
12
|
geoGranularityOptions,
|
|
6
13
|
selectedGeoGranularityOption,
|
|
7
14
|
onChangeGeoGranularity
|
|
8
15
|
} = props;
|
|
9
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
|
|
10
17
|
value: selectedGeoGranularityOption,
|
|
11
18
|
options: geoGranularityOptions,
|
|
12
19
|
onChange: onChangeGeoGranularity
|
|
13
20
|
}));
|
|
14
21
|
}
|
|
15
|
-
|
|
22
|
+
var _default = exports.default = GeoGranularitySettings;
|
|
@@ -1,11 +1,19 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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 _heatMapSettings = _interopRequireDefault(require("./style-setting/heat-map-settings"));
|
|
15
|
+
var _columnUtils = require("../../../utils/column-utils");
|
|
16
|
+
class HeatMapSettings extends _react.Component {
|
|
9
17
|
constructor(props) {
|
|
10
18
|
super(props);
|
|
11
19
|
this.getSelectedDateColumnOption = () => {
|
|
@@ -25,7 +33,7 @@ class HeatMapSettings extends Component {
|
|
|
25
33
|
columns,
|
|
26
34
|
getColumnsOptions
|
|
27
35
|
} = props;
|
|
28
|
-
const dateColumns = columns.filter(column => isStatisticDateColumn(column));
|
|
36
|
+
const dateColumns = columns.filter(column => (0, _columnUtils.isStatisticDateColumn)(column));
|
|
29
37
|
this.dateColumnsOptions = getColumnsOptions(dateColumns);
|
|
30
38
|
}
|
|
31
39
|
componentWillReceiveProps(nextProps) {
|
|
@@ -34,7 +42,7 @@ class HeatMapSettings extends Component {
|
|
|
34
42
|
columns,
|
|
35
43
|
getColumnsOptions
|
|
36
44
|
} = nextProps;
|
|
37
|
-
const dateColumns = columns.filter(column => isStatisticDateColumn(column));
|
|
45
|
+
const dateColumns = columns.filter(column => (0, _columnUtils.isStatisticDateColumn)(column));
|
|
38
46
|
this.dateColumnsOptions = getColumnsOptions(dateColumns);
|
|
39
47
|
}
|
|
40
48
|
}
|
|
@@ -53,13 +61,13 @@ class HeatMapSettings extends Component {
|
|
|
53
61
|
} = statItem;
|
|
54
62
|
const selectedDateColumnOption = this.getSelectedDateColumnOption();
|
|
55
63
|
if (settingType === 'style') {
|
|
56
|
-
return /*#__PURE__*/
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement(_heatMapSettings.default, {
|
|
57
65
|
statItem: statItem,
|
|
58
66
|
onChangeColor: this.props.onChangeColor,
|
|
59
67
|
updateStatItem: this.props.updateStatItem
|
|
60
68
|
});
|
|
61
69
|
}
|
|
62
|
-
return /*#__PURE__*/
|
|
70
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_baseSettings.default, {
|
|
63
71
|
statItem: statItem,
|
|
64
72
|
selectedTableId: selectedTableId,
|
|
65
73
|
selectedViewId: selectedViewId,
|
|
@@ -68,18 +76,18 @@ class HeatMapSettings extends Component {
|
|
|
68
76
|
getTableById: this.props.getTableById,
|
|
69
77
|
getConvertedChart: this.props.getConvertedChart,
|
|
70
78
|
updateStatItem: this.props.updateStatItem
|
|
71
|
-
}), /*#__PURE__*/
|
|
79
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
72
80
|
className: "statistic-chart-parameter-divider"
|
|
73
|
-
}), /*#__PURE__*/
|
|
81
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
74
82
|
className: "statistic-chart-parameter-item"
|
|
75
|
-
}, /*#__PURE__*/
|
|
83
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Time_field')), /*#__PURE__*/_react.default.createElement(_columnSettings.default, {
|
|
76
84
|
columnsOptions: this.dateColumnsOptions,
|
|
77
85
|
selectedColumnOption: selectedDateColumnOption,
|
|
78
86
|
onChangeSelectedColumn: this.onSelectDateColumn
|
|
79
|
-
})), /*#__PURE__*/
|
|
87
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
80
88
|
className: "statistic-chart-parameter-divider"
|
|
81
|
-
}), /*#__PURE__*/
|
|
82
|
-
label:
|
|
89
|
+
}), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
|
|
90
|
+
label: _reactIntlUniversal.default.get('Summary_method'),
|
|
83
91
|
statItem: statItem,
|
|
84
92
|
selectedTableId: selectedTableId,
|
|
85
93
|
numericColumns: numericColumns,
|
|
@@ -93,4 +101,4 @@ class HeatMapSettings extends Component {
|
|
|
93
101
|
}));
|
|
94
102
|
}
|
|
95
103
|
}
|
|
96
|
-
|
|
104
|
+
var _default = exports.default = HeatMapSettings;
|