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,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 _reactstrap = require("reactstrap");
|
|
12
|
+
var _components = require("../../components");
|
|
13
|
+
var _constants = require("../../constants");
|
|
14
|
+
class TableSelectDialog extends _react.Component {
|
|
7
15
|
constructor(props) {
|
|
8
16
|
super(props);
|
|
9
17
|
this.createTableOptions = tables => {
|
|
@@ -13,7 +21,7 @@ class TableSelectDialog extends Component {
|
|
|
13
21
|
name,
|
|
14
22
|
_id: value
|
|
15
23
|
} = table;
|
|
16
|
-
const label = /*#__PURE__*/
|
|
24
|
+
const label = /*#__PURE__*/_react.default.createElement("span", {
|
|
17
25
|
className: "select-module select-module-name"
|
|
18
26
|
}, name);
|
|
19
27
|
return {
|
|
@@ -23,7 +31,7 @@ class TableSelectDialog extends Component {
|
|
|
23
31
|
});
|
|
24
32
|
};
|
|
25
33
|
this.onHotKey = e => {
|
|
26
|
-
if (e.keyCode === KeyCodes.Enter) {
|
|
34
|
+
if (e.keyCode === _constants.KeyCodes.Enter) {
|
|
27
35
|
e.preventDefault();
|
|
28
36
|
this.handleSubmit();
|
|
29
37
|
}
|
|
@@ -61,24 +69,24 @@ class TableSelectDialog extends Component {
|
|
|
61
69
|
const {
|
|
62
70
|
title
|
|
63
71
|
} = this.props;
|
|
64
|
-
return /*#__PURE__*/
|
|
72
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
|
|
65
73
|
isOpen: true,
|
|
66
74
|
toggle: this.toggle,
|
|
67
75
|
autoFocus: false
|
|
68
|
-
}, /*#__PURE__*/
|
|
76
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
|
|
69
77
|
toggle: this.toggle
|
|
70
|
-
}, title), /*#__PURE__*/
|
|
78
|
+
}, title), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, null, /*#__PURE__*/_react.default.createElement(_reactstrap.FormGroup, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, _reactIntlUniversal.default.get('Select_table')), /*#__PURE__*/_react.default.createElement(_components.DTableSelect, {
|
|
71
79
|
options: this.tables,
|
|
72
80
|
value: this.state.selectedTable,
|
|
73
81
|
onChange: this.onSelectTable,
|
|
74
82
|
menuPortalTarget: '#wrapper'
|
|
75
|
-
}))), /*#__PURE__*/
|
|
83
|
+
}))), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
|
|
76
84
|
color: "secondary",
|
|
77
85
|
onClick: this.toggle
|
|
78
|
-
},
|
|
86
|
+
}, _reactIntlUniversal.default.get('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
|
|
79
87
|
color: "primary",
|
|
80
88
|
onClick: this.handleSubmit
|
|
81
|
-
},
|
|
89
|
+
}, _reactIntlUniversal.default.get('Submit'))));
|
|
82
90
|
}
|
|
83
91
|
}
|
|
84
|
-
|
|
92
|
+
var _default = exports.default = TableSelectDialog;
|
|
@@ -1,11 +1,23 @@
|
|
|
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 _reactstrap = require("reactstrap");
|
|
12
|
+
var _constants = require("../../constants");
|
|
13
|
+
var _icon = _interopRequireDefault(require("../icon"));
|
|
14
|
+
class StatisticDropdownMenu extends _react.default.Component {
|
|
7
15
|
constructor(props) {
|
|
8
16
|
super(props);
|
|
17
|
+
this.onMouseDown = event => {
|
|
18
|
+
event.preventDefault();
|
|
19
|
+
event.stopPropagation();
|
|
20
|
+
};
|
|
9
21
|
this.onDropdownToggleClick = e => {
|
|
10
22
|
if (e.target && this.viewsDropdownToggle && this.viewsDropdownToggle.contains(e.target)) {
|
|
11
23
|
return;
|
|
@@ -52,50 +64,51 @@ class StatisticDropdownMenu extends React.Component {
|
|
|
52
64
|
} = this.props;
|
|
53
65
|
const otherViews = this.props.getOtherStatistics();
|
|
54
66
|
const hasOtherViews = otherViews && otherViews.length > 0;
|
|
55
|
-
return /*#__PURE__*/
|
|
67
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
|
|
68
|
+
className: "dtable-dropdown-menu",
|
|
56
69
|
isOpen: this.state.isItemMenuShow,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}, /*#__PURE__*/
|
|
70
|
+
onMouseDown: this.onMouseDown,
|
|
71
|
+
toggle: this.onDropdownToggleClick
|
|
72
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
|
|
60
73
|
tag: "span",
|
|
61
74
|
"data-toggle": "dropdown",
|
|
62
75
|
"aria-expanded": this.state.isItemMenuShow
|
|
63
|
-
}, /*#__PURE__*/
|
|
76
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
64
77
|
className: "toggle-icon dtable-font dtable-icon-more-level"
|
|
65
|
-
})), /*#__PURE__*/
|
|
78
|
+
})), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
|
|
66
79
|
className: "stat-item-dropdown-menu",
|
|
67
80
|
right: true
|
|
68
|
-
}, !isTableReadOnly && /*#__PURE__*/
|
|
81
|
+
}, !isTableReadOnly && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
|
|
69
82
|
onMouseDown: this.editStatItem
|
|
70
|
-
}, /*#__PURE__*/
|
|
83
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
71
84
|
className: "item-icon dtable-font dtable-icon-rename"
|
|
72
|
-
}), /*#__PURE__*/
|
|
85
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
73
86
|
className: "item-text"
|
|
74
|
-
},
|
|
87
|
+
}, _reactIntlUniversal.default.get('Edit'))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
|
|
75
88
|
onMouseDown: this.props.copyStatItem
|
|
76
|
-
}, /*#__PURE__*/
|
|
89
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
77
90
|
className: "item-icon dtable-font dtable-icon-copy"
|
|
78
|
-
}), /*#__PURE__*/
|
|
91
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
79
92
|
className: "item-text"
|
|
80
|
-
},
|
|
93
|
+
}, _reactIntlUniversal.default.get('Copy')))), chartType === _constants.STAT_TYPE.PIVOT_TABLE && !isTableReadOnly && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
|
|
81
94
|
onClick: this.props.onNewTableDialogToggle
|
|
82
|
-
}, /*#__PURE__*/
|
|
95
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
83
96
|
className: "item-icon dtable-font dtable-icon-export"
|
|
84
|
-
}), /*#__PURE__*/
|
|
97
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
85
98
|
className: "item-text"
|
|
86
|
-
},
|
|
99
|
+
}, _reactIntlUniversal.default.get('Export_to_a_new_table'))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
|
|
87
100
|
onClick: this.props.onUpdateTableDialogToggle
|
|
88
|
-
}, /*#__PURE__*/
|
|
101
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
89
102
|
className: "item-icon dtable-font dtable-icon-update"
|
|
90
|
-
}), /*#__PURE__*/
|
|
103
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
91
104
|
className: "item-text"
|
|
92
|
-
},
|
|
105
|
+
}, _reactIntlUniversal.default.get('Update_to_a_table')))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
|
|
93
106
|
onMouseDown: this.props.onExportChart
|
|
94
|
-
}, /*#__PURE__*/
|
|
107
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
95
108
|
className: "item-icon dtable-font dtable-icon-download"
|
|
96
|
-
}), /*#__PURE__*/
|
|
109
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
97
110
|
className: "item-text"
|
|
98
|
-
},
|
|
111
|
+
}, _reactIntlUniversal.default.get('Export_as_picture'))), !isTableReadOnly && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, hasOtherViews && /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
|
|
99
112
|
className: "pr-2 btn-move-to-statistic-view",
|
|
100
113
|
tag: "div",
|
|
101
114
|
onClick: evt => {
|
|
@@ -105,26 +118,26 @@ class StatisticDropdownMenu extends React.Component {
|
|
|
105
118
|
},
|
|
106
119
|
onMouseEnter: this.onShowViewsMenu,
|
|
107
120
|
onMouseLeave: this.onHideViewsMenu
|
|
108
|
-
}, /*#__PURE__*/
|
|
121
|
+
}, /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
|
|
109
122
|
className: "statistic-views-dropdown",
|
|
110
123
|
direction: "right",
|
|
111
124
|
isOpen: this.state.isShowViewsMenu,
|
|
112
125
|
toggle: this.onToggleViewsMenu
|
|
113
|
-
}, /*#__PURE__*/
|
|
126
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
114
127
|
className: "statistic-views-dropdown-toggle",
|
|
115
128
|
ref: ref => this.viewsDropdownToggle = ref
|
|
116
|
-
}, /*#__PURE__*/
|
|
129
|
+
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
117
130
|
symbol: "move-to",
|
|
118
131
|
className: "statistic-type-move-to item-icon"
|
|
119
|
-
}), /*#__PURE__*/
|
|
132
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
120
133
|
className: "item-text"
|
|
121
|
-
},
|
|
134
|
+
}, _reactIntlUniversal.default.get('Move_to')), /*#__PURE__*/_react.default.createElement("span", {
|
|
122
135
|
className: "icon-dropdown-toggle"
|
|
123
|
-
}, /*#__PURE__*/
|
|
136
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
124
137
|
className: "item-icon dtable-font dtable-icon-right-slide"
|
|
125
|
-
})), /*#__PURE__*/
|
|
138
|
+
})), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
|
|
126
139
|
className: "move-to-statistic-views-toggle"
|
|
127
|
-
})), this.state.isShowViewsMenu && /*#__PURE__*/
|
|
140
|
+
})), this.state.isShowViewsMenu && /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
|
|
128
141
|
className: "statistic-views-dropdown-menu",
|
|
129
142
|
flip: false,
|
|
130
143
|
positionFixed: true,
|
|
@@ -138,20 +151,20 @@ class StatisticDropdownMenu extends React.Component {
|
|
|
138
151
|
_id,
|
|
139
152
|
name
|
|
140
153
|
} = view;
|
|
141
|
-
return /*#__PURE__*/
|
|
154
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
|
|
142
155
|
key: "move-to-statistic-view-".concat(_id),
|
|
143
156
|
onClick: this.onMoveChartToView.bind(this, _id)
|
|
144
|
-
}, /*#__PURE__*/
|
|
157
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
145
158
|
className: "statistic-view-name text-truncate",
|
|
146
159
|
title: name
|
|
147
160
|
}, name));
|
|
148
|
-
})))), /*#__PURE__*/
|
|
161
|
+
})))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
|
|
149
162
|
onMouseDown: this.deleteStatItem
|
|
150
|
-
}, /*#__PURE__*/
|
|
163
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
151
164
|
className: "item-icon dtable-font dtable-icon-delete"
|
|
152
|
-
}), /*#__PURE__*/
|
|
165
|
+
}), /*#__PURE__*/_react.default.createElement("span", {
|
|
153
166
|
className: "item-text"
|
|
154
|
-
},
|
|
167
|
+
}, _reactIntlUniversal.default.get('Delete')))))));
|
|
155
168
|
}
|
|
156
169
|
}
|
|
157
|
-
|
|
170
|
+
var _default = exports.default = StatisticDropdownMenu;
|
|
@@ -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 _utils = require("../utils");
|
|
11
|
+
var _constants = require("../constants");
|
|
12
|
+
class DTablePopover extends _react.default.Component {
|
|
6
13
|
constructor() {
|
|
7
14
|
super(...arguments);
|
|
8
15
|
this.dtablePopoverRef = null;
|
|
@@ -16,10 +23,10 @@ class DTablePopover extends React.Component {
|
|
|
16
23
|
canHideDTablePopover,
|
|
17
24
|
hideDTablePopoverWithEsc
|
|
18
25
|
} = this.props;
|
|
19
|
-
if (e.keyCode === KeyCodes.Escape && typeof hideDTablePopoverWithEsc === 'function' && !this.isSelectOpen) {
|
|
26
|
+
if (e.keyCode === _constants.KeyCodes.Escape && typeof hideDTablePopoverWithEsc === 'function' && !this.isSelectOpen) {
|
|
20
27
|
e.preventDefault();
|
|
21
28
|
hideDTablePopoverWithEsc();
|
|
22
|
-
} else if (e.keyCode === KeyCodes.Enter) {
|
|
29
|
+
} else if (e.keyCode === _constants.KeyCodes.Enter) {
|
|
23
30
|
// Resolve the default behavior of the enter key when entering formulas is blocked
|
|
24
31
|
if (canHideDTablePopover) return;
|
|
25
32
|
e.stopImmediatePropagation();
|
|
@@ -33,7 +40,7 @@ class DTablePopover extends React.Component {
|
|
|
33
40
|
canHideDTablePopover
|
|
34
41
|
} = this.props;
|
|
35
42
|
if (!canHideDTablePopover) return;
|
|
36
|
-
if (this.dtablePopoverRef && e && getEventClassName(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
|
|
43
|
+
if (this.dtablePopoverRef && e && (0, _utils.getEventClassName)(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
|
|
37
44
|
this.props.hideDTablePopover(e);
|
|
38
45
|
}
|
|
39
46
|
};
|
|
@@ -45,7 +52,7 @@ class DTablePopover extends React.Component {
|
|
|
45
52
|
document.addEventListener('mousedown', this.onMouseDown);
|
|
46
53
|
document.addEventListener('keydown', this.onKeyDown);
|
|
47
54
|
window.addEventListener('popstate', this.onHistoryState);
|
|
48
|
-
this.unsubscribeOpenSelect = window.app.eventBus.subscribe(CommonEventTypes.OPEN_SELECT, this.setSelectStatus);
|
|
55
|
+
this.unsubscribeOpenSelect = window.app.eventBus.subscribe(_constants.CommonEventTypes.OPEN_SELECT, this.setSelectStatus);
|
|
49
56
|
}
|
|
50
57
|
componentWillUnmount() {
|
|
51
58
|
document.removeEventListener('mousedown', this.onMouseDown);
|
|
@@ -67,7 +74,7 @@ class DTablePopover extends React.Component {
|
|
|
67
74
|
if (boundariesElement) {
|
|
68
75
|
additionalProps.boundariesElement = boundariesElement;
|
|
69
76
|
}
|
|
70
|
-
return /*#__PURE__*/
|
|
77
|
+
return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, Object.assign({
|
|
71
78
|
placement: placement,
|
|
72
79
|
isOpen: true,
|
|
73
80
|
target: target,
|
|
@@ -76,7 +83,7 @@ class DTablePopover extends React.Component {
|
|
|
76
83
|
innerClassName: innerClassName,
|
|
77
84
|
className: popoverClassName,
|
|
78
85
|
modifiers: modifiers
|
|
79
|
-
}, additionalProps), /*#__PURE__*/
|
|
86
|
+
}, additionalProps), /*#__PURE__*/_react.default.createElement("div", {
|
|
80
87
|
ref: ref => this.dtablePopoverRef = ref,
|
|
81
88
|
onClick: this.onPopoverInsideClick
|
|
82
89
|
}, this.props.children));
|
|
@@ -87,4 +94,4 @@ DTablePopover.defaultProps = {
|
|
|
87
94
|
hideArrow: true,
|
|
88
95
|
canHideDTablePopover: true
|
|
89
96
|
};
|
|
90
|
-
|
|
97
|
+
var _default = exports.default = DTablePopover;
|
|
@@ -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 _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
+
var _utils = require("../utils");
|
|
12
|
+
class DtableSearchInput extends _react.Component {
|
|
5
13
|
constructor(props) {
|
|
6
14
|
super(props);
|
|
7
15
|
this.onCompositionStart = () => {
|
|
@@ -58,17 +66,17 @@ class DtableSearchInput extends Component {
|
|
|
58
66
|
const {
|
|
59
67
|
ClearIndicator
|
|
60
68
|
} = components;
|
|
61
|
-
if (
|
|
62
|
-
return
|
|
69
|
+
if ( /*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
|
|
70
|
+
return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
|
|
63
71
|
clearValue: this.clearSearch
|
|
64
72
|
});
|
|
65
|
-
} else if (isFunction(ClearIndicator)) {
|
|
66
|
-
return /*#__PURE__*/
|
|
73
|
+
} else if ((0, _utils.isFunction)(ClearIndicator)) {
|
|
74
|
+
return /*#__PURE__*/_react.default.createElement(ClearIndicator, {
|
|
67
75
|
clearValue: this.clearSearch
|
|
68
76
|
});
|
|
69
77
|
}
|
|
70
|
-
return /*#__PURE__*/
|
|
71
|
-
className:
|
|
78
|
+
return /*#__PURE__*/_react.default.createElement("i", {
|
|
79
|
+
className: (0, _classnames.default)('search-text-clear input-icon-addon', clearClassName),
|
|
72
80
|
onClick: this.clearSearch
|
|
73
81
|
}, "\xD7");
|
|
74
82
|
};
|
|
@@ -103,10 +111,10 @@ class DtableSearchInput extends Component {
|
|
|
103
111
|
const {
|
|
104
112
|
searchValue
|
|
105
113
|
} = this.state;
|
|
106
|
-
return /*#__PURE__*/
|
|
114
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
|
|
107
115
|
type: "text",
|
|
108
116
|
value: searchValue,
|
|
109
|
-
className:
|
|
117
|
+
className: (0, _classnames.default)('form-control', className),
|
|
110
118
|
onChange: this.onChange,
|
|
111
119
|
autoFocus: autoFocus,
|
|
112
120
|
placeholder: placeholder,
|
|
@@ -124,4 +132,4 @@ DtableSearchInput.defaultProps = {
|
|
|
124
132
|
disabled: false,
|
|
125
133
|
value: ''
|
|
126
134
|
};
|
|
127
|
-
|
|
135
|
+
var _default = exports.default = DtableSearchInput;
|
|
@@ -1,24 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _reactSelect = _interopRequireWildcard(require("react-select"));
|
|
11
|
+
var _constants = require("../constants");
|
|
4
12
|
const DropdownIndicator = props => {
|
|
5
|
-
return components.DropdownIndicator && /*#__PURE__*/
|
|
13
|
+
return _reactSelect.components.DropdownIndicator && /*#__PURE__*/_react.default.createElement(_reactSelect.components.DropdownIndicator, props, /*#__PURE__*/_react.default.createElement("span", {
|
|
6
14
|
className: "dtable-font dtable-icon-drop-down",
|
|
7
15
|
style: {
|
|
8
16
|
fontSize: '12px'
|
|
9
17
|
}
|
|
10
18
|
}));
|
|
11
19
|
};
|
|
12
|
-
const MenuList = props => /*#__PURE__*/
|
|
20
|
+
const MenuList = props => /*#__PURE__*/_react.default.createElement("div", {
|
|
13
21
|
onClick: e => e.nativeEvent.stopImmediatePropagation(),
|
|
14
22
|
onMouseDown: e => e.nativeEvent.stopImmediatePropagation()
|
|
15
|
-
}, /*#__PURE__*/
|
|
23
|
+
}, /*#__PURE__*/_react.default.createElement(_reactSelect.components.MenuList, props, props.children));
|
|
16
24
|
const Option = props => {
|
|
17
|
-
return /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
18
26
|
style: props.data.style
|
|
19
|
-
}, /*#__PURE__*/
|
|
27
|
+
}, /*#__PURE__*/_react.default.createElement(_reactSelect.components.Option, props));
|
|
20
28
|
};
|
|
21
|
-
class DTableSelect extends
|
|
29
|
+
class DTableSelect extends _react.default.Component {
|
|
22
30
|
constructor() {
|
|
23
31
|
super(...arguments);
|
|
24
32
|
this.getMenuPortalTarget = () => {
|
|
@@ -43,7 +51,7 @@ class DTableSelect extends React.Component {
|
|
|
43
51
|
innerRef,
|
|
44
52
|
isDisabled
|
|
45
53
|
} = this.props;
|
|
46
|
-
return /*#__PURE__*/
|
|
54
|
+
return /*#__PURE__*/_react.default.createElement(_reactSelect.default, {
|
|
47
55
|
value: value,
|
|
48
56
|
isDisabled: isDisabled,
|
|
49
57
|
ref: innerRef,
|
|
@@ -51,7 +59,7 @@ class DTableSelect extends React.Component {
|
|
|
51
59
|
options: options,
|
|
52
60
|
isMulti: isMulti,
|
|
53
61
|
classNamePrefix: classNamePrefix,
|
|
54
|
-
styles: MenuSelectStyle,
|
|
62
|
+
styles: _constants.MenuSelectStyle,
|
|
55
63
|
components: {
|
|
56
64
|
Option,
|
|
57
65
|
DropdownIndicator,
|
|
@@ -82,4 +90,4 @@ DTableSelect.defaultProps = {
|
|
|
82
90
|
return null;
|
|
83
91
|
}
|
|
84
92
|
};
|
|
85
|
-
|
|
93
|
+
var _default = exports.default = DTableSelect;
|
package/es/components/icon.js
CHANGED
|
@@ -1,14 +1,21 @@
|
|
|
1
|
-
|
|
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"));
|
|
2
9
|
function Icon(props) {
|
|
3
10
|
const {
|
|
4
11
|
className,
|
|
5
12
|
symbol
|
|
6
13
|
} = props;
|
|
7
14
|
const iconClass = "multicolor-icon multicolor-icon-".concat(symbol, " ").concat(className || '');
|
|
8
|
-
return /*#__PURE__*/
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
9
16
|
className: iconClass
|
|
10
|
-
}, /*#__PURE__*/
|
|
17
|
+
}, /*#__PURE__*/_react.default.createElement("use", {
|
|
11
18
|
xlinkHref: "#".concat(symbol)
|
|
12
19
|
}));
|
|
13
20
|
}
|
|
14
|
-
|
|
21
|
+
var _default = exports.default = Icon;
|
package/es/components/index.js
CHANGED
|
@@ -1,11 +1,76 @@
|
|
|
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
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "CommonAddTool", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _commonAddTool.default;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
Object.defineProperty(exports, "DTablePopover", {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () {
|
|
16
|
+
return _dtablePopover.default;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "DTableSelect", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () {
|
|
22
|
+
return _dtableSelect.default;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
Object.defineProperty(exports, "DtableSearchInput", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
get: function () {
|
|
28
|
+
return _dtableSearchInput.default;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
Object.defineProperty(exports, "Loading", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function () {
|
|
34
|
+
return _loading.default;
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
Object.defineProperty(exports, "ModalPortal", {
|
|
38
|
+
enumerable: true,
|
|
39
|
+
get: function () {
|
|
40
|
+
return _modalPortal.default;
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
Object.defineProperty(exports, "NewTableDialog", {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
get: function () {
|
|
46
|
+
return _newTableDialog.default;
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
Object.defineProperty(exports, "SeaTableRadio", {
|
|
50
|
+
enumerable: true,
|
|
51
|
+
get: function () {
|
|
52
|
+
return _seatableRadio.default;
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
Object.defineProperty(exports, "Select", {
|
|
56
|
+
enumerable: true,
|
|
57
|
+
get: function () {
|
|
58
|
+
return _select.default;
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
Object.defineProperty(exports, "toaster", {
|
|
62
|
+
enumerable: true,
|
|
63
|
+
get: function () {
|
|
64
|
+
return _toast.default;
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
var _commonAddTool = _interopRequireDefault(require("./common-add-tool"));
|
|
68
|
+
var _dtablePopover = _interopRequireDefault(require("./dtable-popover"));
|
|
69
|
+
var _dtableSearchInput = _interopRequireDefault(require("./dtable-search-input"));
|
|
70
|
+
var _dtableSelect = _interopRequireDefault(require("./dtable-select"));
|
|
71
|
+
var _loading = _interopRequireDefault(require("./loading"));
|
|
72
|
+
var _modalPortal = _interopRequireDefault(require("./modal-portal"));
|
|
73
|
+
var _newTableDialog = _interopRequireDefault(require("./dialog/new-table-dialog"));
|
|
74
|
+
var _seatableRadio = _interopRequireDefault(require("./seatable-radio"));
|
|
75
|
+
var _select = _interopRequireDefault(require("./select"));
|
|
76
|
+
var _toast = _interopRequireDefault(require("./toast"));
|
package/es/components/loading.js
CHANGED
|
@@ -1,8 +1,15 @@
|
|
|
1
|
-
|
|
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"));
|
|
2
9
|
function Loading() {
|
|
3
10
|
let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
4
|
-
return /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/_react.default.createElement("span", Object.assign({}, props, {
|
|
5
12
|
className: "loading-icon loading-tip"
|
|
6
13
|
}));
|
|
7
14
|
}
|
|
8
|
-
|
|
15
|
+
var _default = exports.default = Loading;
|
|
@@ -1,7 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 _reactDom = _interopRequireDefault(require("react-dom"));
|
|
3
10
|
const modalRoot = document.getElementById('modal-wrapper');
|
|
4
|
-
class ModalPortal extends
|
|
11
|
+
class ModalPortal extends _react.default.Component {
|
|
5
12
|
constructor(props) {
|
|
6
13
|
super(props);
|
|
7
14
|
this.el = document.createElement('div');
|
|
@@ -13,7 +20,7 @@ class ModalPortal extends React.Component {
|
|
|
13
20
|
modalRoot.removeChild(this.el);
|
|
14
21
|
}
|
|
15
22
|
render() {
|
|
16
|
-
return
|
|
23
|
+
return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
|
|
17
24
|
}
|
|
18
25
|
}
|
|
19
|
-
|
|
26
|
+
var _default = exports.default = ModalPortal;
|