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.
- 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 +110 -103
- 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 +22 -15
- 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 +56 -43
- 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 +35 -28
- 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 +42 -35
- 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 +30 -22
- 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 +32 -24
- 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 +48 -40
- package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/heat-map-settings.js +29 -21
- 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 +25 -17
- 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 +59 -51
- package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/completeness-style.js +27 -19
- package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/horizontal-bar-chart-style.js +57 -49
- package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/label-font-size-editor.js +20 -12
- package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/pie-chart-style-settings.js +56 -48
- 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 +29 -21
- 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 +56 -47
- package/es/stat-editor/stat-settings/color-setting/color-group-selector.js +20 -12
- 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 +33 -20
- package/es/stat-list/index.js +36 -28
- package/es/stat-view/area-chart.js +51 -44
- package/es/stat-view/bar-chart.js +55 -48
- 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 +57 -50
- package/es/stat-view/compare-chart.js +47 -40
- package/es/stat-view/completeness-chart.js +37 -30
- 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 +59 -52
- package/es/stat-view/index.js +80 -73
- package/es/stat-view/line-chart.js +47 -40
- 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 +46 -39
- package/es/stat-view/scatter-chart.js +37 -30
- package/es/stat-view/treemap-chart.js +45 -38
- 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 +35 -27
- 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 +67 -43
- 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 +34 -24
- package/es/utils/search.js +29 -21
- package/es/utils/sql-utils.js +75 -65
- package/es/utils/stat-utils.js +67 -60
- package/es/utils/trend-utils.js +40 -32
- package/package.json +82 -125
|
@@ -1,16 +1,24 @@
|
|
|
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 _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__*/
|
|
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__*/
|
|
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__*/
|
|
84
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
77
85
|
className: "statistic-chart-parameter-divider"
|
|
78
|
-
}), /*#__PURE__*/
|
|
86
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
79
87
|
className: "statistic-chart-parameter-item"
|
|
80
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
92
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
85
93
|
className: "statistic-chart-parameter-divider"
|
|
86
|
-
}), /*#__PURE__*/
|
|
87
|
-
label:
|
|
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
|
-
|
|
109
|
+
var _default = exports.default = WordMapSettings;
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
109
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
102
110
|
className: "statistic-chart-parameter-divider"
|
|
103
|
-
}), /*#__PURE__*/
|
|
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:
|
|
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__*/
|
|
125
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
118
126
|
className: "statistic-chart-parameter-divider"
|
|
119
|
-
}), /*#__PURE__*/
|
|
120
|
-
label:
|
|
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__*/
|
|
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__*/
|
|
147
|
+
}), /*#__PURE__*/_react.default.createElement(_dataSortSetting.default, {
|
|
140
148
|
statItem: statItem,
|
|
141
149
|
updateStatItem: this.props.updateStatItem
|
|
142
150
|
})));
|
|
143
151
|
}
|
|
144
152
|
}
|
|
145
|
-
|
|
153
|
+
var _default = exports.default = AdvanceBarChartSettings;
|
|
@@ -1,12 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
106
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
99
107
|
className: "statistic-chart-parameter-divider"
|
|
100
|
-
}), /*#__PURE__*/
|
|
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:
|
|
106
|
-
placeholder:
|
|
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__*/
|
|
123
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
116
124
|
className: "statistic-chart-parameter-divider"
|
|
117
|
-
}), /*#__PURE__*/
|
|
125
|
+
}), /*#__PURE__*/_react.default.createElement(_summarySettings.default, {
|
|
118
126
|
statItem: statItem,
|
|
119
|
-
label:
|
|
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__*/
|
|
136
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
129
137
|
className: "statistic-chart-parameter-divider"
|
|
130
|
-
}), /*#__PURE__*/
|
|
138
|
+
}), /*#__PURE__*/_react.default.createElement(_dataSortSetting.default, {
|
|
131
139
|
statItem: statItem,
|
|
132
140
|
updateStatItem: this.props.updateStatItem
|
|
133
141
|
}));
|
|
134
142
|
}
|
|
135
143
|
}
|
|
136
|
-
|
|
144
|
+
var _default = exports.default = BarSettings;
|
|
@@ -1,14 +1,22 @@
|
|
|
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 _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__*/
|
|
31
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
24
32
|
className: "statistic-chart-parameter-item"
|
|
25
|
-
}, /*#__PURE__*/
|
|
26
|
-
placeholder:
|
|
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__*/
|
|
57
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
50
58
|
className: "statistic-chart-parameter-item"
|
|
51
|
-
}, /*#__PURE__*/
|
|
52
|
-
placeholder:
|
|
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__*/
|
|
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:
|
|
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__*/
|
|
147
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
140
148
|
className: "statistic-chart-parameter-item"
|
|
141
|
-
}, /*#__PURE__*/
|
|
142
|
-
placeholder:
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
202
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
195
203
|
className: "statistic-chart-parameter-divider"
|
|
196
|
-
}), this.renderNameSettings(), /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
208
|
+
}), /*#__PURE__*/_react.default.createElement(_dataSortSetting.default, {
|
|
201
209
|
statItem: statItem,
|
|
202
210
|
updateStatItem: this.props.updateStatItem
|
|
203
211
|
})));
|
|
204
212
|
}
|
|
205
213
|
}
|
|
206
|
-
|
|
214
|
+
var _default = exports.default = CompletenessSetting;
|
|
@@ -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 _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__*/
|
|
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__*/
|
|
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__*/
|
|
92
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
85
93
|
className: "statistic-chart-parameter-divider"
|
|
86
|
-
}), /*#__PURE__*/
|
|
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:
|
|
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__*/
|
|
108
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
101
109
|
className: "statistic-chart-parameter-divider"
|
|
102
|
-
}), /*#__PURE__*/
|
|
110
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
103
111
|
className: "statistic-chart-parameter-item"
|
|
104
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
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
|
-
|
|
121
|
+
var _default = exports.default = CustomBarSettings;
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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__*/
|
|
16
|
-
placeholder:
|
|
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__*/
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
29
37
|
className: "mt-1"
|
|
30
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
45
53
|
className: "mt-1"
|
|
46
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
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
|
-
|
|
163
|
+
var _default = exports.default = GroupbySettings;
|