dtable-statistic 4.3.4 → 4.3.6
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 +72 -70
- 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 +69 -67
- package/es/utils/trend-utils.js +40 -32
- package/package.json +3 -3
|
@@ -1,17 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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 _typeSettings = _interopRequireDefault(require("./type-settings"));
|
|
12
|
+
var _components = require("../../../components");
|
|
13
|
+
var _chartService = _interopRequireDefault(require("../../../service/chart-service"));
|
|
14
|
+
var _constants = require("../../../constants");
|
|
15
|
+
class BaseSettings extends _react.Component {
|
|
8
16
|
constructor(_props) {
|
|
9
17
|
super(_props);
|
|
10
18
|
this.getTablesOptions = () => {
|
|
11
19
|
const tables = this.props.getTables();
|
|
12
20
|
return Array.isArray(tables) && tables.map(table => {
|
|
13
21
|
return {
|
|
14
|
-
label: /*#__PURE__*/
|
|
22
|
+
label: /*#__PURE__*/_react.default.createElement("span", {
|
|
15
23
|
className: "select-option-name"
|
|
16
24
|
}, table.name),
|
|
17
25
|
value: {
|
|
@@ -32,11 +40,11 @@ class BaseSettings extends Component {
|
|
|
32
40
|
return views.map(view => {
|
|
33
41
|
const isArchiveView = view.type === 'archive';
|
|
34
42
|
return {
|
|
35
|
-
label: /*#__PURE__*/
|
|
43
|
+
label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
36
44
|
className: "header-icon"
|
|
37
|
-
}, /*#__PURE__*/
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
38
46
|
className: isArchiveView ? 'dtable-font dtable-icon-archive-view' : 'dtable-font dtable-icon-main-view'
|
|
39
|
-
})), /*#__PURE__*/
|
|
47
|
+
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
40
48
|
className: "select-option-name"
|
|
41
49
|
}, view.name)),
|
|
42
50
|
value: {
|
|
@@ -72,7 +80,7 @@ class BaseSettings extends Component {
|
|
|
72
80
|
this.props.updateStatItem(Object.assign({}, statItem, {
|
|
73
81
|
table_id: selectedTable._id,
|
|
74
82
|
view_id,
|
|
75
|
-
...INIT_STAT_ITEM[type]
|
|
83
|
+
..._constants.INIT_STAT_ITEM[type]
|
|
76
84
|
}));
|
|
77
85
|
};
|
|
78
86
|
this.onSelectView = option => {
|
|
@@ -108,8 +116,8 @@ class BaseSettings extends Component {
|
|
|
108
116
|
};
|
|
109
117
|
this.tablesOptions = this.getTablesOptions();
|
|
110
118
|
this.viewsOptions = this.getViewsOptions(_props);
|
|
111
|
-
const defaultChartTitle =
|
|
112
|
-
this.charService = new
|
|
119
|
+
const defaultChartTitle = _reactIntlUniversal.default.get('Untitled');
|
|
120
|
+
this.charService = new _chartService.default({
|
|
113
121
|
defaultChartTitle
|
|
114
122
|
});
|
|
115
123
|
}
|
|
@@ -124,22 +132,22 @@ class BaseSettings extends Component {
|
|
|
124
132
|
} = this.props;
|
|
125
133
|
const selectedTableOption = this.getSelectedTableOption();
|
|
126
134
|
const selectedViewOption = this.getSelectedViewOption();
|
|
127
|
-
return /*#__PURE__*/
|
|
135
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_typeSettings.default, {
|
|
128
136
|
chart: statItem,
|
|
129
137
|
onChange: this.onChangeType
|
|
130
|
-
}), /*#__PURE__*/
|
|
138
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
131
139
|
className: "statistic-chart-parameter-item"
|
|
132
|
-
}, /*#__PURE__*/
|
|
140
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Table')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
|
|
133
141
|
value: selectedTableOption,
|
|
134
142
|
options: this.tablesOptions,
|
|
135
143
|
onChange: this.onSelectTable
|
|
136
|
-
})), /*#__PURE__*/
|
|
144
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
137
145
|
className: "statistic-chart-parameter-item"
|
|
138
|
-
}, /*#__PURE__*/
|
|
146
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Views')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
|
|
139
147
|
value: selectedViewOption,
|
|
140
148
|
options: this.viewsOptions,
|
|
141
149
|
onChange: this.onSelectView
|
|
142
150
|
})));
|
|
143
151
|
}
|
|
144
152
|
}
|
|
145
|
-
|
|
153
|
+
var _default = exports.default = BaseSettings;
|
|
@@ -1,13 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
10
|
+
var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
|
|
11
|
+
var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Picker"));
|
|
12
|
+
var _seafileCalendar = _interopRequireDefault(require("@seafile/seafile-calendar"));
|
|
13
|
+
var _utils = require("../../../utils");
|
|
14
|
+
require("dayjs/locale/zh-cn");
|
|
15
|
+
require("dayjs/locale/en-gb");
|
|
16
|
+
require("@seafile/seafile-calendar/assets/index.css");
|
|
17
|
+
class DateEditorPopover extends _react.default.Component {
|
|
11
18
|
constructor(props) {
|
|
12
19
|
super(props);
|
|
13
20
|
// event trigger sequence: onOpenChange --> onChange
|
|
@@ -54,26 +61,26 @@ class DateEditorPopover extends React.Component {
|
|
|
54
61
|
dateFormat,
|
|
55
62
|
showHourAndMinute
|
|
56
63
|
} = this.props;
|
|
57
|
-
let defaultValue =
|
|
58
|
-
return /*#__PURE__*/
|
|
64
|
+
let defaultValue = (0, _dayjs.default)().clone();
|
|
65
|
+
return /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
|
|
59
66
|
showDateInput: true,
|
|
60
67
|
focusablePanel: false,
|
|
61
|
-
locale: translateCalendar(),
|
|
68
|
+
locale: (0, _utils.translateCalendar)(),
|
|
62
69
|
style: {
|
|
63
70
|
zIndex: 1001
|
|
64
71
|
},
|
|
65
72
|
format: dateFormat,
|
|
66
73
|
defaultValue: defaultValue,
|
|
67
74
|
showHourAndMinute: showHourAndMinute,
|
|
68
|
-
dateInputPlaceholder:
|
|
75
|
+
dateInputPlaceholder: _reactIntlUniversal.default.get('Enter_date'),
|
|
69
76
|
onClear: this.onClear
|
|
70
77
|
});
|
|
71
78
|
};
|
|
72
79
|
this.state = {
|
|
73
80
|
open: true,
|
|
74
|
-
datePickerValue: props.value ?
|
|
81
|
+
datePickerValue: props.value ? (0, _dayjs.default)(props.value) : null
|
|
75
82
|
};
|
|
76
|
-
this.calendarContainerRef =
|
|
83
|
+
this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
|
|
77
84
|
}
|
|
78
85
|
render() {
|
|
79
86
|
const {
|
|
@@ -84,7 +91,7 @@ class DateEditorPopover extends React.Component {
|
|
|
84
91
|
datePickerValue
|
|
85
92
|
} = this.state;
|
|
86
93
|
const calendar = this.getCalender();
|
|
87
|
-
return /*#__PURE__*/
|
|
94
|
+
return /*#__PURE__*/_react.default.createElement(_Picker.default, {
|
|
88
95
|
open: open,
|
|
89
96
|
value: datePickerValue,
|
|
90
97
|
style: {
|
|
@@ -99,20 +106,20 @@ class DateEditorPopover extends React.Component {
|
|
|
99
106
|
value
|
|
100
107
|
} = _ref;
|
|
101
108
|
value = value && value.format(dateFormat);
|
|
102
|
-
return /*#__PURE__*/
|
|
109
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
103
110
|
tabIndex: "0",
|
|
104
111
|
onFocus: this.onFocusDatePicker
|
|
105
|
-
}, /*#__PURE__*/
|
|
112
|
+
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
106
113
|
readOnly: true,
|
|
107
114
|
tabIndex: "-1",
|
|
108
115
|
className: "form-control",
|
|
109
|
-
placeholder:
|
|
116
|
+
placeholder: _reactIntlUniversal.default.get('Please_select'),
|
|
110
117
|
value: value || '',
|
|
111
118
|
onMouseDown: this.handleMouseDown
|
|
112
|
-
}), /*#__PURE__*/
|
|
119
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
113
120
|
ref: this.calendarContainerRef
|
|
114
121
|
}));
|
|
115
122
|
});
|
|
116
123
|
}
|
|
117
124
|
}
|
|
118
|
-
|
|
125
|
+
var _default = exports.default = DateEditorPopover;
|
|
@@ -1,17 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
|
|
10
|
+
var _components = require("../../../components");
|
|
4
11
|
function ColumnSettings(props) {
|
|
5
12
|
const {
|
|
6
13
|
columnsOptions,
|
|
7
14
|
selectedColumnOption,
|
|
8
15
|
onChangeSelectedColumn
|
|
9
16
|
} = props;
|
|
10
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
|
|
11
18
|
value: selectedColumnOption,
|
|
12
19
|
options: columnsOptions,
|
|
13
|
-
placeholder:
|
|
20
|
+
placeholder: _reactIntlUniversal.default.get('Select_a_column'),
|
|
14
21
|
onChange: onChangeSelectedColumn
|
|
15
22
|
});
|
|
16
23
|
}
|
|
17
|
-
|
|
24
|
+
var _default = exports.default = ColumnSettings;
|
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _reactstrap = require("reactstrap");
|
|
10
|
+
var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
|
|
11
|
+
var _statisticCustomTitleModule = _interopRequireDefault(require("../../../assets/css/statistic-custom-title.module.css"));
|
|
12
|
+
class CustomTitleSetting extends _react.default.Component {
|
|
6
13
|
constructor(props) {
|
|
7
14
|
super(props);
|
|
8
15
|
this.onKeyDown = event => {
|
|
@@ -41,9 +48,9 @@ class CustomTitleSetting extends React.Component {
|
|
|
41
48
|
const {
|
|
42
49
|
titleName
|
|
43
50
|
} = this.state;
|
|
44
|
-
return /*#__PURE__*/
|
|
45
|
-
className:
|
|
46
|
-
}, /*#__PURE__*/
|
|
51
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
52
|
+
className: _statisticCustomTitleModule.default['custom-title']
|
|
53
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Custom_title')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
|
|
47
54
|
autoComplete: "off",
|
|
48
55
|
value: titleName,
|
|
49
56
|
onChange: this.onChange,
|
|
@@ -52,4 +59,4 @@ class CustomTitleSetting extends React.Component {
|
|
|
52
59
|
}));
|
|
53
60
|
}
|
|
54
61
|
}
|
|
55
|
-
|
|
62
|
+
var _default = exports.default = CustomTitleSetting;
|
|
@@ -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 _components = require("../../../components");
|
|
12
|
+
var _constants = require("../../../constants");
|
|
13
|
+
class DataSort extends _react.Component {
|
|
6
14
|
constructor(props) {
|
|
7
15
|
super(props);
|
|
8
16
|
this.onChangeSortType = type => {
|
|
@@ -17,7 +25,7 @@ class DataSort extends Component {
|
|
|
17
25
|
sortType: type
|
|
18
26
|
}, () => {
|
|
19
27
|
this.props.updateStatItem(Object.assign({}, statItem, {
|
|
20
|
-
sort_type: type === DATA_SORT_TYPE.NOT_SORTED ? '' : type
|
|
28
|
+
sort_type: type === _constants.DATA_SORT_TYPE.NOT_SORTED ? '' : type
|
|
21
29
|
}));
|
|
22
30
|
});
|
|
23
31
|
};
|
|
@@ -28,26 +36,26 @@ class DataSort extends Component {
|
|
|
28
36
|
sort_type: _sort_type
|
|
29
37
|
} = _statItem;
|
|
30
38
|
this.state = {
|
|
31
|
-
sortType: _sort_type || DATA_SORT_TYPE.NOT_SORTED
|
|
39
|
+
sortType: _sort_type || _constants.DATA_SORT_TYPE.NOT_SORTED
|
|
32
40
|
};
|
|
33
41
|
}
|
|
34
42
|
render() {
|
|
35
43
|
const {
|
|
36
44
|
sortType
|
|
37
45
|
} = this.state;
|
|
38
|
-
return /*#__PURE__*/
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
39
47
|
className: "statistic-chart-parameter-item"
|
|
40
|
-
}, /*#__PURE__*/
|
|
48
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Data_sorting')), _constants.DATA_SORT_TYPES.map((item, index) => {
|
|
41
49
|
let isChecked = sortType === item;
|
|
42
|
-
return /*#__PURE__*/
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
43
51
|
key: 'chart-group-item-' + index,
|
|
44
52
|
className: 'chart-group-item'
|
|
45
|
-
}, /*#__PURE__*/
|
|
53
|
+
}, /*#__PURE__*/_react.default.createElement(_components.SeaTableRadio, {
|
|
46
54
|
isChecked: isChecked,
|
|
47
55
|
onCheckedChange: this.onChangeSortType.bind(this, item),
|
|
48
|
-
label:
|
|
56
|
+
label: _reactIntlUniversal.default.get(_constants.DATA_SORT_TYPE_LABEL[item])
|
|
49
57
|
}));
|
|
50
58
|
}));
|
|
51
59
|
}
|
|
52
60
|
}
|
|
53
|
-
|
|
61
|
+
var _default = exports.default = DataSort;
|
|
@@ -1,5 +1,12 @@
|
|
|
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
|
+
class IndToggleSetting extends _react.Component {
|
|
3
10
|
render() {
|
|
4
11
|
const {
|
|
5
12
|
handleToggleChange,
|
|
@@ -7,22 +14,22 @@ class IndToggleSetting extends Component {
|
|
|
7
14
|
label
|
|
8
15
|
} = this.props;
|
|
9
16
|
const value = isChecked || false;
|
|
10
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
11
18
|
className: "statistic-toggle-parameter individual-toggle-parameter d-block"
|
|
12
|
-
}, /*#__PURE__*/
|
|
19
|
+
}, /*#__PURE__*/_react.default.createElement("label", {
|
|
13
20
|
className: "custom-switch d-flex justify-content-between align-items-start"
|
|
14
|
-
}, /*#__PURE__*/
|
|
21
|
+
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
15
22
|
type: "checkbox",
|
|
16
23
|
className: "custom-switch-input",
|
|
17
24
|
checked: value,
|
|
18
25
|
value: value,
|
|
19
26
|
onChange: handleToggleChange,
|
|
20
27
|
name: "custom-switch-checkbox"
|
|
21
|
-
}), /*#__PURE__*/
|
|
28
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
22
29
|
className: "custom-switch-description m-0"
|
|
23
|
-
}, label), /*#__PURE__*/
|
|
30
|
+
}, label), /*#__PURE__*/_react.default.createElement("span", {
|
|
24
31
|
className: "custom-switch-indicator ml-2"
|
|
25
32
|
})));
|
|
26
33
|
}
|
|
27
34
|
}
|
|
28
|
-
|
|
35
|
+
var _default = exports.default = IndToggleSetting;
|
|
@@ -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 _reactstrap = require("reactstrap");
|
|
11
|
+
var _reactIntlUniversal = _interopRequireDefault(require("react-intl-universal"));
|
|
12
|
+
class MinMaxSetting extends _react.Component {
|
|
5
13
|
constructor(props) {
|
|
6
14
|
super(props);
|
|
7
15
|
this.onMinChange = e => {
|
|
@@ -28,20 +36,20 @@ class MinMaxSetting extends Component {
|
|
|
28
36
|
min,
|
|
29
37
|
max
|
|
30
38
|
} = this.state;
|
|
31
|
-
return /*#__PURE__*/
|
|
39
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.Form, {
|
|
32
40
|
className: "mt-2"
|
|
33
|
-
}, /*#__PURE__*/
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, {
|
|
34
42
|
className: "mb-2"
|
|
35
|
-
}, /*#__PURE__*/
|
|
43
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
|
|
36
44
|
for: "min"
|
|
37
|
-
},
|
|
45
|
+
}, _reactIntlUniversal.default.get('Min')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
|
|
38
46
|
id: "min",
|
|
39
47
|
type: "number",
|
|
40
48
|
value: min,
|
|
41
49
|
onChange: this.onMinChange
|
|
42
|
-
})), /*#__PURE__*/
|
|
50
|
+
})), /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
|
|
43
51
|
for: "max"
|
|
44
|
-
},
|
|
52
|
+
}, _reactIntlUniversal.default.get('Max')), /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
|
|
45
53
|
id: "max",
|
|
46
54
|
type: "number",
|
|
47
55
|
value: max,
|
|
@@ -49,4 +57,4 @@ class MinMaxSetting extends Component {
|
|
|
49
57
|
})));
|
|
50
58
|
}
|
|
51
59
|
}
|
|
52
|
-
|
|
60
|
+
var _default = exports.default = MinMaxSetting;
|
|
@@ -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
|
+
var _statisticNumericColumnItemModule = _interopRequireDefault(require("../../../assets/css/statistic-numeric-column-item.module.css"));
|
|
14
|
+
class NumericSummaryItem extends _react.Component {
|
|
7
15
|
constructor(_props) {
|
|
8
16
|
super(_props);
|
|
9
17
|
this.getSelectedColumnOption = props => {
|
|
@@ -23,7 +31,7 @@ class NumericSummaryItem extends Component {
|
|
|
23
31
|
summaryMethodOptions
|
|
24
32
|
} = props;
|
|
25
33
|
const selectedColumnOption = this.getSelectedColumnOption(props);
|
|
26
|
-
if (selectedColumnOption && TIME_COLUMN_LIST.includes(selectedColumnOption.value.type)) {
|
|
34
|
+
if (selectedColumnOption && _constants.TIME_COLUMN_LIST.includes(selectedColumnOption.value.type)) {
|
|
27
35
|
return summaryMethodOptions.filter(option => {
|
|
28
36
|
return option.value !== 'Mean' && option.value !== 'Sum';
|
|
29
37
|
});
|
|
@@ -76,40 +84,40 @@ class NumericSummaryItem extends Component {
|
|
|
76
84
|
const {
|
|
77
85
|
isExpand
|
|
78
86
|
} = this.state;
|
|
79
|
-
return /*#__PURE__*/
|
|
87
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
80
88
|
style: {
|
|
81
89
|
paddingBottom: isExpand ? '14px' : '7px'
|
|
82
90
|
},
|
|
83
|
-
className: "".concat(
|
|
84
|
-
}, /*#__PURE__*/
|
|
85
|
-
className:
|
|
86
|
-
}, /*#__PURE__*/
|
|
91
|
+
className: "".concat(_statisticNumericColumnItemModule.default['container'], " statistic-chart-parameter-item")
|
|
92
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
93
|
+
className: _statisticNumericColumnItemModule.default['item-title']
|
|
94
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
87
95
|
className: "title-item title-left"
|
|
88
|
-
}, /*#__PURE__*/
|
|
96
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
89
97
|
onClick: this.onToggleExpand,
|
|
90
|
-
className: "".concat(
|
|
91
|
-
}), /*#__PURE__*/
|
|
98
|
+
className: "".concat(_statisticNumericColumnItemModule.default['icon'], " dtable-font ").concat(isExpand ? 'dtable-icon-drop-down' : 'dtable-icon-right-slide')
|
|
99
|
+
}), /*#__PURE__*/_react.default.createElement("label", null, (statItem.type === _constants.STAT_TYPE.PIVOT_TABLE ? _reactIntlUniversal.default.get('Summary_column') : _reactIntlUniversal.default.get('Numeric_column')) + (1 + index))), /*#__PURE__*/_react.default.createElement("span", {
|
|
92
100
|
className: "title-item title-right"
|
|
93
|
-
}, index !== 0 && /*#__PURE__*/
|
|
101
|
+
}, index !== 0 && /*#__PURE__*/_react.default.createElement("i", {
|
|
94
102
|
onClick: () => this.onDeleteNumericColumnItem(index),
|
|
95
|
-
className: "".concat(
|
|
96
|
-
}))), /*#__PURE__*/
|
|
97
|
-
className: isExpand ?
|
|
98
|
-
}, /*#__PURE__*/
|
|
99
|
-
className: "".concat(
|
|
100
|
-
}, /*#__PURE__*/
|
|
103
|
+
className: "".concat(_statisticNumericColumnItemModule.default['close-icon'], " dtable-font dtable-icon-fork-number")
|
|
104
|
+
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
105
|
+
className: isExpand ? _statisticNumericColumnItemModule.default['expanded-numeric-summary-content'] : _statisticNumericColumnItemModule.default['collapsed-numeric-summary-content']
|
|
106
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
107
|
+
className: "".concat(_statisticNumericColumnItemModule.default['select-item'], " numeric-column")
|
|
108
|
+
}, /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
|
|
101
109
|
className: 'number-column-selector',
|
|
102
110
|
value: selectedColumnOption,
|
|
103
|
-
placeholder:
|
|
111
|
+
placeholder: _reactIntlUniversal.default.get('Select_a_column'),
|
|
104
112
|
onChange: onChangeColumnOption.bind(this, index),
|
|
105
113
|
options: numericColumnsOptions
|
|
106
|
-
})), /*#__PURE__*/
|
|
107
|
-
className: "".concat(
|
|
108
|
-
}, /*#__PURE__*/
|
|
114
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
115
|
+
className: "".concat(_statisticNumericColumnItemModule.default['select-item'], " ").concat(_statisticNumericColumnItemModule.default['summary-method'])
|
|
116
|
+
}, /*#__PURE__*/_react.default.createElement("label", null, _reactIntlUniversal.default.get('Summary_method')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
|
|
109
117
|
value: selectedSummaryMethodOption,
|
|
110
118
|
onChange: onChangeSummaryMethod.bind(this, index),
|
|
111
119
|
options: this.summaryMethodOptions
|
|
112
120
|
}))));
|
|
113
121
|
}
|
|
114
122
|
}
|
|
115
|
-
|
|
123
|
+
var _default = exports.default = NumericSummaryItem;
|
|
@@ -1,26 +1,33 @@
|
|
|
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
|
+
class ToggleSetting extends _react.Component {
|
|
3
10
|
render() {
|
|
4
11
|
const {
|
|
5
12
|
handleToggleChange,
|
|
6
13
|
isChecked,
|
|
7
14
|
label
|
|
8
15
|
} = this.props;
|
|
9
|
-
return /*#__PURE__*/
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
10
17
|
className: "statistic-toggle-parameter"
|
|
11
|
-
}, /*#__PURE__*/
|
|
18
|
+
}, /*#__PURE__*/_react.default.createElement("label", {
|
|
12
19
|
className: "custom-switch"
|
|
13
|
-
}, /*#__PURE__*/
|
|
20
|
+
}, /*#__PURE__*/_react.default.createElement("input", {
|
|
14
21
|
type: "checkbox",
|
|
15
22
|
className: "custom-switch-input",
|
|
16
23
|
checked: isChecked,
|
|
17
24
|
onChange: handleToggleChange,
|
|
18
25
|
name: "custom-switch-checkbox"
|
|
19
|
-
}), /*#__PURE__*/
|
|
26
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
20
27
|
className: "custom-switch-indicator"
|
|
21
|
-
}), /*#__PURE__*/
|
|
28
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
22
29
|
className: "custom-switch-description text-truncate"
|
|
23
30
|
}, label)));
|
|
24
31
|
}
|
|
25
32
|
}
|
|
26
|
-
|
|
33
|
+
var _default = exports.default = ToggleSetting;
|