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
package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/pie-chart-style-settings.js
CHANGED
|
@@ -1,22 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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__*/
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
15
23
|
className: "statistic-chart-parameter-item"
|
|
16
|
-
}, /*#__PURE__*/
|
|
24
|
+
}, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
|
|
17
25
|
isChecked: this.props.statItem.show_legend || false,
|
|
18
26
|
handleToggleChange: this.onToggleShowLegend,
|
|
19
|
-
label:
|
|
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__*/
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
35
43
|
className: "statistic-chart-parameter-item"
|
|
36
|
-
}, /*#__PURE__*/
|
|
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
|
-
},
|
|
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__*/
|
|
65
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
58
66
|
className: "statistic-chart-parameter-item"
|
|
59
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
128
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
121
129
|
className: 'select-module select-module-name'
|
|
122
|
-
},
|
|
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__*/
|
|
168
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
161
169
|
className: "statistic-chart-parameter-item"
|
|
162
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
180
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
173
181
|
className: 'select-module select-module-name'
|
|
174
|
-
},
|
|
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__*/
|
|
205
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
198
206
|
className: "statistic-chart-parameter-item"
|
|
199
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
247
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
240
248
|
className: "statistic-chart-parameter-item"
|
|
241
|
-
}, /*#__PURE__*/
|
|
249
|
+
}, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
|
|
242
250
|
isChecked: display_label || false,
|
|
243
251
|
handleToggleChange: this.onToggleDisplayLabel,
|
|
244
|
-
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__*/
|
|
279
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
272
280
|
className: "statistic-chart-parameter-item"
|
|
273
|
-
}, /*#__PURE__*/
|
|
281
|
+
}, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
|
|
274
282
|
isChecked: display_annotation,
|
|
275
283
|
handleToggleChange: this.onToggleDisplayAnnotation,
|
|
276
|
-
label:
|
|
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__*/
|
|
315
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
308
316
|
className: "statistic-chart-parameter-item"
|
|
309
|
-
}, /*#__PURE__*/
|
|
317
|
+
}, /*#__PURE__*/_react.default.createElement(_labelFontSizeEditor.default, {
|
|
310
318
|
id: 'annotation-font-size',
|
|
311
|
-
labelText:
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
353
|
+
}), /*#__PURE__*/_react.default.createElement(_colorUseTypeSelector.default, {
|
|
346
354
|
chart: statItem,
|
|
347
355
|
updateChart: this.props.updateStatisticsSettings
|
|
348
356
|
})));
|
|
349
357
|
}
|
|
350
358
|
}
|
|
351
|
-
|
|
359
|
+
var _default = exports.default = PieStyleSettings;
|
package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/time-compare-style.js
CHANGED
|
@@ -1,7 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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__*/
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
30
38
|
className: "statistic-chart-parameter-divider"
|
|
31
|
-
}), /*#__PURE__*/
|
|
39
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
32
40
|
className: "statistic-chart-parameter-item"
|
|
33
|
-
}, /*#__PURE__*/
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement(_toggleSetting.default, {
|
|
34
42
|
isChecked: display_increase_percentage || false,
|
|
35
43
|
handleToggleChange: this.onToggleIncreaseLabel,
|
|
36
|
-
label:
|
|
44
|
+
label: _reactIntlUniversal.default.get('Display_percentage_increase')
|
|
37
45
|
})));
|
|
38
46
|
}
|
|
39
47
|
}
|
|
40
|
-
|
|
48
|
+
var _default = exports.default = TimeCompareStyle;
|
|
@@ -1,9 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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__*/
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
17
25
|
className: "statistic-chart-parameter-item"
|
|
18
|
-
}, /*#__PURE__*/
|
|
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:
|
|
30
|
+
placeholder: _reactIntlUniversal.default.get('Select_a_column'),
|
|
23
31
|
noOptionsMessage: () => {
|
|
24
|
-
return /*#__PURE__*/
|
|
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__*/
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
43
51
|
className: "statistic-chart-parameter-item"
|
|
44
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
62
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
55
63
|
className: 'select-module select-module-name'
|
|
56
|
-
},
|
|
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__*/
|
|
118
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, this.renderNumericColumn(), this.renderSummaryMethod());
|
|
111
119
|
}
|
|
112
120
|
}
|
|
113
|
-
|
|
121
|
+
var _default = exports.default = SummaryMethodSettings;
|
|
@@ -1,9 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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__*/
|
|
22
|
+
label: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
15
23
|
className: 'select-module select-module-name'
|
|
16
|
-
},
|
|
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:
|
|
32
|
-
advanced:
|
|
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:
|
|
37
|
-
advanced:
|
|
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:
|
|
42
|
-
advanced:
|
|
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__*/
|
|
60
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
53
61
|
className: "statistic-chart-parameter-item"
|
|
54
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
75
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
68
76
|
className: "statistic-chart-parameter-item"
|
|
69
|
-
}, /*#__PURE__*/
|
|
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:
|
|
81
|
+
placeholder: _reactIntlUniversal.default.get('Select_a_column'),
|
|
74
82
|
noOptionsMessage: () => {
|
|
75
|
-
return /*#__PURE__*/
|
|
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__*/
|
|
89
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
82
90
|
className: "statistic-chart-parameter-item"
|
|
83
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
101
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
94
102
|
className: 'select-module select-module-name'
|
|
95
|
-
},
|
|
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__*/
|
|
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
|
-
|
|
143
|
+
var _default = exports.default = SummarySettings;
|