dtable-statistic 4.3.3 → 4.3.4

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.
Files changed (222) hide show
  1. package/es/api/dtable-db-api.js +3 -10
  2. package/es/calculator/base-calculator.js +12 -20
  3. package/es/calculator/basic-chart-calculator.js +65 -72
  4. package/es/calculator/combination-calculator.js +57 -64
  5. package/es/calculator/compare-bar-calculator.js +26 -33
  6. package/es/calculator/completeness-calculator.js +30 -37
  7. package/es/calculator/copy-value.js +1 -7
  8. package/es/calculator/dashboard-calculator.js +13 -20
  9. package/es/calculator/heat-map-calculator.js +18 -25
  10. package/es/calculator/horizontal-bar-calculator.js +8 -15
  11. package/es/calculator/index.js +35 -42
  12. package/es/calculator/map-calculator.js +22 -29
  13. package/es/calculator/mirror-calculator.js +20 -27
  14. package/es/calculator/number-card-calculator.js +10 -17
  15. package/es/calculator/pivot-table-calculator.js +58 -65
  16. package/es/calculator/scatter-calculator.js +14 -21
  17. package/es/calculator/thread-manager.js +1 -7
  18. package/es/calculator/trend-calculator.js +22 -29
  19. package/es/calculator/workers/basic-chart-calculator-worker.js +76 -83
  20. package/es/calculator/workers/calculator.worker.js +30 -33
  21. package/es/calculator/workers/card-calculator-worker.js +13 -19
  22. package/es/calculator/workers/combination-calculator-worker.js +46 -53
  23. package/es/calculator/workers/compare-bar-chart-calculator-worker.js +22 -29
  24. package/es/calculator/workers/completeness-calculator-worker.js +34 -41
  25. package/es/calculator/workers/dashboard-calculator-worker.js +18 -24
  26. package/es/calculator/workers/mirror-calculator-worker.js +22 -29
  27. package/es/calculator/workers/pivot-table-calculator-worker.js +77 -84
  28. package/es/calculator/workers/scatter-calculator-worker.js +20 -27
  29. package/es/calculator/workers/trend-calculator-worker.js +27 -34
  30. package/es/calculator/world-map-calculator.js +17 -24
  31. package/es/components/common-add-tool.js +5 -12
  32. package/es/components/dialog/chart-addition-edit-dialog.js +12 -20
  33. package/es/components/dialog/chart-addition-widgets/chart-selector.js +101 -108
  34. package/es/components/dialog/color-theme-dialog.js +15 -22
  35. package/es/components/dialog/delete-confirmation-dialog.js +11 -18
  36. package/es/components/dialog/enlarged-chart-dialog.js +20 -28
  37. package/es/components/dialog/new-table-dialog.js +16 -23
  38. package/es/components/dialog/new-view-dialog.js +14 -21
  39. package/es/components/dialog/rename-view-dialog.js +14 -22
  40. package/es/components/dialog/statistic-record-dialog/index.js +37 -45
  41. package/es/components/dialog/statistic-types-dialog/index.js +14 -22
  42. package/es/components/dialog/table-select-dialog.js +15 -23
  43. package/es/components/dropdown-menu/statistic-dropdown-menu.js +41 -49
  44. package/es/components/dtable-popover.js +12 -19
  45. package/es/components/dtable-search-input.js +13 -21
  46. package/es/components/dtable-select.js +15 -21
  47. package/es/components/icon.js +4 -11
  48. package/es/components/index.js +11 -76
  49. package/es/components/loading.js +3 -10
  50. package/es/components/modal-portal.js +5 -12
  51. package/es/components/popover/color-rules/color-rule.js +25 -33
  52. package/es/components/popover/color-rules/index.js +6 -14
  53. package/es/components/popover/color-rules/rule-filters/filter.js +27 -34
  54. package/es/components/popover/color-rules/rule-filters/index.js +17 -25
  55. package/es/components/popover/color-rules/rule-filters/number-input.js +9 -17
  56. package/es/components/popover/color-rules-popover.js +24 -32
  57. package/es/components/popover/color-selector-popover.js +10 -17
  58. package/es/components/seatable-radio/index.js +9 -16
  59. package/es/components/select/index.js +2 -9
  60. package/es/components/select/option-group.js +19 -27
  61. package/es/components/select/option.js +6 -14
  62. package/es/components/select/select.js +17 -25
  63. package/es/components/toast/alert.js +24 -31
  64. package/es/components/toast/index.js +3 -10
  65. package/es/components/toast/toast.js +12 -20
  66. package/es/components/toast/toastManager.js +9 -17
  67. package/es/components/toast/toaster.js +6 -14
  68. package/es/constants/color-rules.js +6 -12
  69. package/es/constants/dtable-select-style.js +4 -9
  70. package/es/constants/event-types.js +4 -10
  71. package/es/constants/index.js +67 -96
  72. package/es/constants/key-codes.js +0 -2
  73. package/es/constants/map.js +2 -8
  74. package/es/constants/model.js +20 -26
  75. package/es/constants/regions.js +3 -8
  76. package/es/constants/zIndexes.js +1 -7
  77. package/es/custom-g2.js +208 -236
  78. package/es/dashboard.js +50 -58
  79. package/es/desktop-dashboard.js +47 -55
  80. package/es/index.js +3 -6
  81. package/es/locale/index.js +10 -13
  82. package/es/locale/lang/de.js +1 -7
  83. package/es/locale/lang/en.js +1 -7
  84. package/es/locale/lang/fr.js +1 -7
  85. package/es/locale/lang/zh_CN.js +1 -7
  86. package/es/mobile-dashboard.js +38 -46
  87. package/es/model/bar-group.js +11 -19
  88. package/es/model/bar.js +10 -18
  89. package/es/model/base-model.js +2 -9
  90. package/es/model/basic-number-card.js +8 -16
  91. package/es/model/collaborators.js +2 -9
  92. package/es/model/combination.js +12 -20
  93. package/es/model/compare-bar.js +16 -24
  94. package/es/model/completeness-group.js +8 -16
  95. package/es/model/completeness.js +5 -13
  96. package/es/model/custom-bar.js +6 -14
  97. package/es/model/dashboard.js +6 -14
  98. package/es/model/generic-model.js +133 -141
  99. package/es/model/heat-map.js +11 -19
  100. package/es/model/horizontal-bar-group.js +10 -18
  101. package/es/model/horizontal-bar.js +10 -18
  102. package/es/model/index.js +53 -185
  103. package/es/model/map.js +15 -23
  104. package/es/model/mirror.js +13 -21
  105. package/es/model/pie.js +10 -18
  106. package/es/model/ring.js +11 -19
  107. package/es/model/scatter.js +6 -14
  108. package/es/model/statistic-dashboard.js +2 -9
  109. package/es/model/table.js +10 -18
  110. package/es/model/trend.js +12 -20
  111. package/es/model/world-map.js +13 -21
  112. package/es/service/chart-service.js +7 -14
  113. package/es/service/dashboard-service.js +34 -41
  114. package/es/service/map-json.js +8 -14
  115. package/es/stat-editor/chart-name-editor.js +8 -15
  116. package/es/stat-editor/index.js +16 -24
  117. package/es/stat-editor/stat-settings/advance-chart-settings/basic-number-card-settings.js +21 -29
  118. package/es/stat-editor/stat-settings/advance-chart-settings/combination-settings.js +49 -57
  119. package/es/stat-editor/stat-settings/advance-chart-settings/dashboard-chart-settings.js +23 -31
  120. package/es/stat-editor/stat-settings/advance-chart-settings/geo-granularity-settings.js +4 -11
  121. package/es/stat-editor/stat-settings/advance-chart-settings/heat-map-settings.js +19 -27
  122. package/es/stat-editor/stat-settings/advance-chart-settings/index.js +43 -51
  123. package/es/stat-editor/stat-settings/advance-chart-settings/map-settings.js +23 -31
  124. package/es/stat-editor/stat-settings/advance-chart-settings/mirror-settings.js +23 -31
  125. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/combination-style-setting.js +37 -45
  126. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/heat-map-settings.js +19 -27
  127. package/es/stat-editor/stat-settings/advance-chart-settings/style-setting/map-setting.js +26 -34
  128. package/es/stat-editor/stat-settings/advance-chart-settings/summary-settings.js +47 -55
  129. package/es/stat-editor/stat-settings/advance-chart-settings/trend-chart-settings.js +22 -30
  130. package/es/stat-editor/stat-settings/advance-chart-settings/world-map-settings.js +18 -26
  131. package/es/stat-editor/stat-settings/basic-chart-settings/advance-bar-chart-settings.js +27 -35
  132. package/es/stat-editor/stat-settings/basic-chart-settings/bar-settings.js +24 -32
  133. package/es/stat-editor/stat-settings/basic-chart-settings/completeness-chart-settings.js +33 -41
  134. package/es/stat-editor/stat-settings/basic-chart-settings/custom-bar-settings.js +22 -30
  135. package/es/stat-editor/stat-settings/basic-chart-settings/groupby-settings.js +27 -26
  136. package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-axis-group-settings.js +46 -54
  137. package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-bar-settings.js +23 -31
  138. package/es/stat-editor/stat-settings/basic-chart-settings/horizontal-group-chart-settings.js +26 -34
  139. package/es/stat-editor/stat-settings/basic-chart-settings/index.js +77 -85
  140. package/es/stat-editor/stat-settings/basic-chart-settings/pie-settings.js +21 -29
  141. package/es/stat-editor/stat-settings/basic-chart-settings/pivot-table-settings.js +73 -81
  142. package/es/stat-editor/stat-settings/basic-chart-settings/scatter-settings.js +16 -24
  143. package/es/stat-editor/stat-settings/basic-chart-settings/stack-item-settings.js +19 -27
  144. package/es/stat-editor/stat-settings/basic-chart-settings/stacks-settings.js +18 -26
  145. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/bar-chart-style-setting.js +49 -57
  146. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/completeness-style.js +17 -25
  147. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/horizontal-bar-chart-style.js +47 -55
  148. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/label-font-size-editor.js +11 -19
  149. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/pie-chart-style-settings.js +45 -53
  150. package/es/stat-editor/stat-settings/basic-chart-settings/style-setting/time-compare-style.js +9 -17
  151. package/es/stat-editor/stat-settings/basic-chart-settings/summary-method-setting.js +20 -28
  152. package/es/stat-editor/stat-settings/basic-chart-settings/summary-settings.js +30 -38
  153. package/es/stat-editor/stat-settings/basic-chart-settings/time-comparison-settings.js +50 -58
  154. package/es/stat-editor/stat-settings/basic-chart-settings/timer-picker.js +17 -25
  155. package/es/stat-editor/stat-settings/basic-chart-settings/y-axis-group-settings.js +47 -55
  156. package/es/stat-editor/stat-settings/color-setting/color-group-selector.js +11 -19
  157. package/es/stat-editor/stat-settings/color-setting/color-picker.js +12 -19
  158. package/es/stat-editor/stat-settings/color-setting/color-use-type-selector.js +62 -70
  159. package/es/stat-editor/stat-settings/map/map-level.js +13 -20
  160. package/es/stat-editor/stat-settings/map/map-province-city.js +20 -27
  161. package/es/stat-editor/stat-settings/public-setting/axis-label-position-setting.js +11 -19
  162. package/es/stat-editor/stat-settings/public-setting/base-settings.js +20 -28
  163. package/es/stat-editor/stat-settings/public-setting/calender.js +22 -29
  164. package/es/stat-editor/stat-settings/public-setting/column-settings.js +6 -13
  165. package/es/stat-editor/stat-settings/public-setting/custom-title-setting.js +9 -16
  166. package/es/stat-editor/stat-settings/public-setting/data-sort-setting.js +13 -21
  167. package/es/stat-editor/stat-settings/public-setting/ind-toggle-setting.js +8 -15
  168. package/es/stat-editor/stat-settings/public-setting/min-max-setting.js +11 -19
  169. package/es/stat-editor/stat-settings/public-setting/numeric-summary-item.js +27 -35
  170. package/es/stat-editor/stat-settings/public-setting/toggle-setting.js +8 -15
  171. package/es/stat-editor/stat-settings/public-setting/type-settings/index.js +18 -26
  172. package/es/stat-list/chart-preview.js +20 -28
  173. package/es/stat-list/index.js +27 -35
  174. package/es/stat-view/area-chart.js +43 -50
  175. package/es/stat-view/bar-chart.js +47 -54
  176. package/es/stat-view/base-chart.js +24 -32
  177. package/es/stat-view/basic-number-card.js +19 -26
  178. package/es/stat-view/combination-chart.js +49 -56
  179. package/es/stat-view/compare-chart.js +39 -46
  180. package/es/stat-view/completeness-chart.js +28 -35
  181. package/es/stat-view/custom-bar.js +31 -38
  182. package/es/stat-view/dashboard-chart.js +15 -22
  183. package/es/stat-view/heat-map.js +43 -50
  184. package/es/stat-view/horizontal-bar-chart.js +51 -58
  185. package/es/stat-view/index.js +73 -80
  186. package/es/stat-view/line-chart.js +39 -46
  187. package/es/stat-view/map.js +33 -40
  188. package/es/stat-view/mirror.js +21 -28
  189. package/es/stat-view/pie-chart.js +29 -36
  190. package/es/stat-view/pivot-table/index.js +32 -39
  191. package/es/stat-view/pivot-table/one-dimension-table-no-numeric-columns.js +31 -39
  192. package/es/stat-view/pivot-table/one-dimension-table-with-numeric-columns.js +29 -37
  193. package/es/stat-view/pivot-table/pivot-table-display-name.js +46 -54
  194. package/es/stat-view/pivot-table/two-dimension-table.js +62 -70
  195. package/es/stat-view/ring-chart.js +38 -45
  196. package/es/stat-view/scatter-chart.js +30 -37
  197. package/es/stat-view/treemap-chart.js +37 -44
  198. package/es/stat-view/trend-chart.js +32 -39
  199. package/es/stat-view/world-map.js +33 -40
  200. package/es/tabs/index.js +32 -40
  201. package/es/tabs/tab.js +26 -34
  202. package/es/utils/basic-chart-utils.js +2 -9
  203. package/es/utils/cell-format.js +14 -22
  204. package/es/utils/cell-value.js +7 -14
  205. package/es/utils/collaborator.js +4 -13
  206. package/es/utils/color-utils.js +18 -29
  207. package/es/utils/column-utils.js +18 -29
  208. package/es/utils/column.js +4 -11
  209. package/es/utils/common-utils.js +41 -65
  210. package/es/utils/date-format.js +2 -8
  211. package/es/utils/export-table-utils.js +82 -91
  212. package/es/utils/index.js +11 -100
  213. package/es/utils/map.js +26 -36
  214. package/es/utils/model.js +6 -14
  215. package/es/utils/object.js +6 -15
  216. package/es/utils/pivot-table.js +16 -23
  217. package/es/utils/row-utils.js +23 -33
  218. package/es/utils/search.js +21 -29
  219. package/es/utils/sql-utils.js +65 -75
  220. package/es/utils/stat-utils.js +60 -66
  221. package/es/utils/trend-utils.js +32 -40
  222. package/package.json +1 -1
@@ -1,9 +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 _select = _interopRequireDefault(require("./select"));
9
- var _default = exports.default = _select.default;
1
+ import Select from './select';
2
+ export default Select;
@@ -1,18 +1,10 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _dtableSearchInput = _interopRequireDefault(require("../dtable-search-input"));
11
- var _option = _interopRequireDefault(require("./option"));
12
- var _constants = require("../../constants");
13
- require("./option-group.css");
1
+ import React, { Component } from 'react';
2
+ import DtableSearchInput from '../dtable-search-input';
3
+ import Option from './option';
4
+ import { CommonEventTypes, KeyCodes } from '../../constants';
5
+ import './option-group.css';
14
6
  const OPTION_HEIGHT = 32;
15
- class OptGroup extends _react.Component {
7
+ class OptGroup extends Component {
16
8
  constructor(props) {
17
9
  super(props);
18
10
  this.resetMenuStyle = () => {
@@ -38,11 +30,11 @@ class OptGroup extends _react.Component {
38
30
  };
39
31
  this.onHotKey = event => {
40
32
  const keyCode = event.keyCode;
41
- if (keyCode === _constants.KeyCodes.UpArrow) {
33
+ if (keyCode === KeyCodes.UpArrow) {
42
34
  this.onPressUp();
43
- } else if (keyCode === _constants.KeyCodes.DownArrow) {
35
+ } else if (keyCode === KeyCodes.DownArrow) {
44
36
  this.onPressDown();
45
- } else if (keyCode === _constants.KeyCodes.Enter) {
37
+ } else if (keyCode === KeyCodes.Enter) {
46
38
  let option = this.filterOptions && this.filterOptions[this.state.activeIndex];
47
39
  if (option) {
48
40
  this.props.onSelectOption(option.value);
@@ -50,9 +42,9 @@ class OptGroup extends _react.Component {
50
42
  this.props.closeSelect();
51
43
  }
52
44
  }
53
- } else if (keyCode === _constants.KeyCodes.Tab || keyCode === _constants.KeyCodes.Escape) {
45
+ } else if (keyCode === KeyCodes.Tab || keyCode === KeyCodes.Escape) {
54
46
  this.props.closeSelect();
55
- window.app.eventBus.dispatch(_constants.CommonEventTypes.OPEN_SELECT, false);
47
+ window.app.eventBus.dispatch(CommonEventTypes.OPEN_SELECT, false);
56
48
  }
57
49
  };
58
50
  this.onPressUp = () => {
@@ -117,14 +109,14 @@ class OptGroup extends _react.Component {
117
109
  } = this.props;
118
110
  this.filterOptions = this.props.getFilterOptions(searchVal);
119
111
  if (this.filterOptions.length === 0) {
120
- return /*#__PURE__*/_react.default.createElement("div", {
112
+ return /*#__PURE__*/React.createElement("div", {
121
113
  className: "none-search-result"
122
114
  }, noOptionsPlaceholder);
123
115
  }
124
116
  return this.filterOptions.map((opt, i) => {
125
117
  let key = opt.value.column ? opt.value.column.key : i;
126
118
  let isActive = this.state.activeIndex === i;
127
- return /*#__PURE__*/_react.default.createElement(_option.default, {
119
+ return /*#__PURE__*/React.createElement(Option, {
128
120
  key: key,
129
121
  index: i,
130
122
  isActive: isActive,
@@ -192,24 +184,24 @@ class OptGroup extends _react.Component {
192
184
  opacity: 0
193
185
  };
194
186
  }
195
- return /*#__PURE__*/_react.default.createElement("div", {
187
+ return /*#__PURE__*/React.createElement("div", {
196
188
  className: "option-group ".concat(isShowSelected ? 'pt-0' : '', " ").concat(className ? 'option-group-' + className : ''),
197
189
  ref: ref => this.optionGroupRef = ref,
198
190
  style: style
199
- }, isShowSelected && /*#__PURE__*/_react.default.createElement("div", {
191
+ }, isShowSelected && /*#__PURE__*/React.createElement("div", {
200
192
  className: "editor-list-delete mb-2",
201
193
  onClick: e => e.stopPropagation()
202
- }, value.label || ''), searchable && /*#__PURE__*/_react.default.createElement("div", {
194
+ }, value.label || ''), searchable && /*#__PURE__*/React.createElement("div", {
203
195
  className: "option-group-search"
204
- }, /*#__PURE__*/_react.default.createElement(_dtableSearchInput.default, {
196
+ }, /*#__PURE__*/React.createElement(DtableSearchInput, {
205
197
  className: "option-search-control",
206
198
  placeholder: searchPlaceholder,
207
199
  onChange: this.onChangeSearch,
208
200
  autoFocus: true
209
- })), /*#__PURE__*/_react.default.createElement("div", {
201
+ })), /*#__PURE__*/React.createElement("div", {
210
202
  className: "option-group-content",
211
203
  ref: ref => this.optionGroupContentRef = ref
212
204
  }, this.renderOptGroup(searchVal)));
213
205
  }
214
206
  }
215
- var _default = exports.default = OptGroup;
207
+ export default OptGroup;
@@ -1,14 +1,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 _classnames = _interopRequireDefault(require("classnames"));
11
- class Option extends _react.Component {
1
+ import React, { Component } from 'react';
2
+ import classnames from 'classnames';
3
+ class Option extends Component {
12
4
  constructor() {
13
5
  super(...arguments);
14
6
  this.onSelectOption = (value, event) => {
@@ -32,8 +24,8 @@ class Option extends _react.Component {
32
24
  const {
33
25
  isActive
34
26
  } = this.props;
35
- return /*#__PURE__*/_react.default.createElement("div", {
36
- className: (0, _classnames.default)('option', {
27
+ return /*#__PURE__*/React.createElement("div", {
28
+ className: classnames('option', {
37
29
  'option-active': isActive
38
30
  }),
39
31
  onClick: this.onSelectOption.bind(this, this.props.value),
@@ -42,4 +34,4 @@ class Option extends _react.Component {
42
34
  }, this.props.children);
43
35
  }
44
36
  }
45
- var _default = exports.default = Option;
37
+ export default Option;
@@ -1,18 +1,10 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = void 0;
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
- var _modalPortal = _interopRequireDefault(require("../modal-portal"));
12
- var _optionGroup = _interopRequireDefault(require("./option-group"));
13
- var _constants = require("../../constants");
14
- require("./select.css");
15
- class Select extends _react.Component {
1
+ import React, { Component } from 'react';
2
+ import classnames from 'classnames';
3
+ import ModalPortal from '../modal-portal';
4
+ import OptGroup from './option-group';
5
+ import { CommonEventTypes } from '../../constants';
6
+ import './select.css';
7
+ class Select extends Component {
16
8
  constructor(props) {
17
9
  super(props);
18
10
  this.onSelectToggle = event => {
@@ -29,7 +21,7 @@ class Select extends _react.Component {
29
21
  this.setState({
30
22
  isShowSelectOptions: !this.state.isShowSelectOptions
31
23
  });
32
- window.app.eventBus.dispatch(_constants.CommonEventTypes.OPEN_SELECT, !this.state.isShowSelectOptions);
24
+ window.app.eventBus.dispatch(CommonEventTypes.OPEN_SELECT, !this.state.isShowSelectOptions);
33
25
  };
34
26
  this.onClick = event => {
35
27
  if (this.props.isShowSelected && event.target.className.includes('icon-fork-number')) {
@@ -101,23 +93,23 @@ class Select extends _react.Component {
101
93
  isLocked,
102
94
  isInModal
103
95
  } = this.props;
104
- return /*#__PURE__*/_react.default.createElement("div", {
96
+ return /*#__PURE__*/React.createElement("div", {
105
97
  ref: node => this.selector = node,
106
- className: (0, _classnames.default)('dtable-select custom-select', {
98
+ className: classnames('dtable-select custom-select', {
107
99
  'focus': this.state.isShowSelectOptions
108
100
  }, {
109
101
  'disabled': isLocked
110
102
  }, className),
111
103
  onClick: this.onSelectToggle
112
- }, /*#__PURE__*/_react.default.createElement("div", {
104
+ }, /*#__PURE__*/React.createElement("div", {
113
105
  className: "selected-option"
114
- }, value.label ? /*#__PURE__*/_react.default.createElement("span", {
106
+ }, value.label ? /*#__PURE__*/React.createElement("span", {
115
107
  className: "selected-option-show"
116
- }, value.label) : /*#__PURE__*/_react.default.createElement("span", {
108
+ }, value.label) : /*#__PURE__*/React.createElement("span", {
117
109
  className: "select-placeholder"
118
- }, placeholder), !isLocked && /*#__PURE__*/_react.default.createElement("i", {
110
+ }, placeholder), !isLocked && /*#__PURE__*/React.createElement("i", {
119
111
  className: "dtable-font dtable-icon-drop-down"
120
- })), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/_react.default.createElement(_optionGroup.default, {
112
+ })), this.state.isShowSelectOptions && !isInModal && /*#__PURE__*/React.createElement(OptGroup, {
121
113
  value: value,
122
114
  isShowSelected: this.props.isShowSelected,
123
115
  top: this.getSelectedOptionTop(),
@@ -129,7 +121,7 @@ class Select extends _react.Component {
129
121
  closeSelect: this.closeSelect,
130
122
  getFilterOptions: this.getFilterOptions,
131
123
  supportMultipleSelect: this.props.supportMultipleSelect
132
- }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/_react.default.createElement(_modalPortal.default, null, /*#__PURE__*/_react.default.createElement(_optionGroup.default, {
124
+ }), this.state.isShowSelectOptions && isInModal && /*#__PURE__*/React.createElement(ModalPortal, null, /*#__PURE__*/React.createElement(OptGroup, {
133
125
  className: className,
134
126
  value: value,
135
127
  isShowSelected: this.props.isShowSelected,
@@ -147,4 +139,4 @@ class Select extends _react.Component {
147
139
  })));
148
140
  }
149
141
  }
150
- var _default = exports.default = Select;
142
+ export default Select;
@@ -1,16 +1,9 @@
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 _glamor = require("glamor");
10
- class Alert extends _react.default.PureComponent {
1
+ import React from 'react';
2
+ import { css } from 'glamor';
3
+ class Alert extends React.PureComponent {
11
4
  constructor(props) {
12
5
  super(props);
13
- this.containerStyle = (0, _glamor.css)({
6
+ this.containerStyle = css({
14
7
  borderRadius: '3px',
15
8
  backgroundColor: '#fff',
16
9
  padding: '10px 16px',
@@ -20,30 +13,30 @@ class Alert extends _react.default.PureComponent {
20
13
  justifyContent: 'space-between',
21
14
  flexDirection: 'row'
22
15
  });
23
- this.containerBorderSuccess = (0, _glamor.css)({
16
+ this.containerBorderSuccess = css({
24
17
  borderLeft: '3px solid rgb(71, 184, 129)'
25
18
  });
26
- this.containerBorderWarn = (0, _glamor.css)({
19
+ this.containerBorderWarn = css({
27
20
  borderLeft: '3px solid rgb(217, 130, 43)'
28
21
  });
29
- this.containerBorderDanger = (0, _glamor.css)({
22
+ this.containerBorderDanger = css({
30
23
  borderLeft: '3px solid rgb(236, 76, 71)'
31
24
  });
32
- this.containerBorderNotify = (0, _glamor.css)({
25
+ this.containerBorderNotify = css({
33
26
  borderLeft: '3px solid rgb(16, 112, 202)'
34
27
  });
35
- this.toastTextTitle = (0, _glamor.css)({
28
+ this.toastTextTitle = css({
36
29
  fontWeight: '600',
37
30
  fontSize: '14px',
38
31
  color: '#435a6f',
39
32
  margin: '0'
40
33
  });
41
- this.toastTextChild = (0, _glamor.css)({
34
+ this.toastTextChild = css({
42
35
  fontSize: '14px',
43
36
  color: '#999',
44
37
  margin: '0'
45
38
  });
46
- this.toastClose = (0, _glamor.css)({
39
+ this.toastClose = css({
47
40
  marginLeft: '15px',
48
41
  height: '24px',
49
42
  width: '24px',
@@ -58,7 +51,7 @@ class Alert extends _react.default.PureComponent {
58
51
  opacity: 1
59
52
  }
60
53
  });
61
- this.toastIcon = (0, _glamor.css)({
54
+ this.toastIcon = css({
62
55
  marginRight: '10px',
63
56
  width: '14px',
64
57
  height: '20px',
@@ -70,7 +63,7 @@ class Alert extends _react.default.PureComponent {
70
63
  case 'success':
71
64
  return {
72
65
  borderStyle: this.containerBorderSuccess,
73
- iconColor: (0, _glamor.css)({
66
+ iconColor: css({
74
67
  color: 'rgb(71, 184, 129)'
75
68
  }),
76
69
  iconClass: 'dtable-font dtable-icon-check-circle'
@@ -78,7 +71,7 @@ class Alert extends _react.default.PureComponent {
78
71
  case 'warning':
79
72
  return {
80
73
  borderStyle: this.containerBorderWarn,
81
- iconColor: (0, _glamor.css)({
74
+ iconColor: css({
82
75
  color: 'rgb(217, 130, 43)'
83
76
  }),
84
77
  iconClass: 'dtable-font dtable-icon-exclamation-triangle'
@@ -86,7 +79,7 @@ class Alert extends _react.default.PureComponent {
86
79
  case 'none':
87
80
  return {
88
81
  borderStyle: this.containerBorderNotify,
89
- iconColor: (0, _glamor.css)({
82
+ iconColor: css({
90
83
  color: 'rgb(16, 112, 202)'
91
84
  }),
92
85
  iconClass: 'dtable-font dtable-icon-description'
@@ -94,7 +87,7 @@ class Alert extends _react.default.PureComponent {
94
87
  case 'danger':
95
88
  return {
96
89
  borderStyle: this.containerBorderDanger,
97
- iconColor: (0, _glamor.css)({
90
+ iconColor: css({
98
91
  color: 'rgb(236, 76, 71)'
99
92
  }),
100
93
  iconClass: 'dtable-font dtable-icon-exclamation-circle'
@@ -103,20 +96,20 @@ class Alert extends _react.default.PureComponent {
103
96
  }
104
97
  render() {
105
98
  const toastStyle = this.getContainerStyle(this.props.intent);
106
- return /*#__PURE__*/_react.default.createElement("div", (0, _glamor.css)(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/_react.default.createElement("div", {
99
+ return /*#__PURE__*/React.createElement("div", css(toastStyle.borderStyle, this.containerStyle), /*#__PURE__*/React.createElement("div", {
107
100
  className: this.toastIcon
108
- }, /*#__PURE__*/_react.default.createElement("i", Object.assign({
101
+ }, /*#__PURE__*/React.createElement("i", Object.assign({
109
102
  className: toastStyle.iconClass
110
- }, toastStyle.iconColor))), /*#__PURE__*/_react.default.createElement("div", {
103
+ }, toastStyle.iconColor))), /*#__PURE__*/React.createElement("div", {
111
104
  className: this.toastTextContainer
112
- }, /*#__PURE__*/_react.default.createElement("p", {
105
+ }, /*#__PURE__*/React.createElement("p", {
113
106
  className: this.toastTextTitle
114
- }, this.props.title), this.props.children ? /*#__PURE__*/_react.default.createElement("p", {
107
+ }, this.props.title), this.props.children ? /*#__PURE__*/React.createElement("p", {
115
108
  className: this.toastTextChild
116
- }, this.props.children) : null), this.props.isRemoveable && /*#__PURE__*/_react.default.createElement("div", {
109
+ }, this.props.children) : null), this.props.isRemoveable && /*#__PURE__*/React.createElement("div", {
117
110
  onClick: this.props.onRemove,
118
111
  className: this.toastClose
119
- }, /*#__PURE__*/_react.default.createElement("span", null, "\xD7")));
112
+ }, /*#__PURE__*/React.createElement("span", null, "\xD7")));
120
113
  }
121
114
  }
122
- var _default = exports.default = Alert;
115
+ export default Alert;
@@ -1,10 +1,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 _toaster = _interopRequireDefault(require("./toaster"));
9
- const toaster = new _toaster.default();
10
- var _default = exports.default = toaster;
1
+ import Toaster from './toaster';
2
+ const toaster = new Toaster();
3
+ export default toaster;
@@ -1,21 +1,14 @@
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 _glamor = require("glamor");
10
- var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
11
- var _alert = _interopRequireDefault(require("./alert"));
1
+ import React from 'react';
2
+ import { css } from 'glamor';
3
+ import Transition from 'react-transition-group/Transition';
4
+ import Alert from './alert';
12
5
  const animationEasing = {
13
6
  deceleration: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
14
7
  acceleration: 'cubic-bezier(0.4, 0.0, 1, 1)',
15
8
  spring: 'cubic-bezier(0.175, 0.885, 0.320, 1.175)'
16
9
  };
17
10
  const ANIMATION_DURATION = 240;
18
- const openAnimation = _glamor.css.keyframes('openAnimation', {
11
+ const openAnimation = css.keyframes('openAnimation', {
19
12
  from: {
20
13
  opacity: 0,
21
14
  transform: 'translateY(-120%)'
@@ -24,7 +17,7 @@ const openAnimation = _glamor.css.keyframes('openAnimation', {
24
17
  transform: 'translateY(0)'
25
18
  }
26
19
  });
27
- const closeAnimation = _glamor.css.keyframes('closeAnimation', {
20
+ const closeAnimation = css.keyframes('closeAnimation', {
28
21
  from: {
29
22
  transform: 'scale(1)',
30
23
  opacity: 1
@@ -34,7 +27,7 @@ const closeAnimation = _glamor.css.keyframes('closeAnimation', {
34
27
  opacity: 0
35
28
  }
36
29
  });
37
- const animationStyles = (0, _glamor.css)({
30
+ const animationStyles = css({
38
31
  display: 'flex',
39
32
  flexDirection: 'column',
40
33
  alignItems: 'center',
@@ -47,7 +40,7 @@ const animationStyles = (0, _glamor.css)({
47
40
  animation: "".concat(closeAnimation, " 120ms ").concat(animationEasing.acceleration, " both")
48
41
  }
49
42
  });
50
- class Toast extends _react.default.PureComponent {
43
+ export default class Toast extends React.PureComponent {
51
44
  constructor() {
52
45
  super(...arguments);
53
46
  this.state = {
@@ -108,13 +101,13 @@ class Toast extends _react.default.PureComponent {
108
101
  this.clearCloseTimer();
109
102
  }
110
103
  render() {
111
- return /*#__PURE__*/_react.default.createElement(_Transition.default, {
104
+ return /*#__PURE__*/React.createElement(Transition, {
112
105
  appear: true,
113
106
  unmountOnExit: true,
114
107
  timeout: ANIMATION_DURATION,
115
108
  in: this.state.isShown,
116
109
  onExited: this.props.onRemove
117
- }, state => /*#__PURE__*/_react.default.createElement("div", {
110
+ }, state => /*#__PURE__*/React.createElement("div", {
118
111
  "data-state": state,
119
112
  className: animationStyles,
120
113
  onMouseEnter: this.handleMouseEnter,
@@ -124,12 +117,12 @@ class Toast extends _react.default.PureComponent {
124
117
  zIndex: this.props.zIndex,
125
118
  marginBottom: this.state.isShown ? 0 : -this.state.height
126
119
  }
127
- }, /*#__PURE__*/_react.default.createElement("div", {
120
+ }, /*#__PURE__*/React.createElement("div", {
128
121
  ref: this.onRef,
129
122
  style: {
130
123
  padding: 8
131
124
  }
132
- }, /*#__PURE__*/_react.default.createElement(_alert.default, {
125
+ }, /*#__PURE__*/React.createElement(Alert, {
133
126
  intent: this.props.intent,
134
127
  title: this.props.title,
135
128
  "aria-label": this.props.title,
@@ -139,7 +132,6 @@ class Toast extends _react.default.PureComponent {
139
132
  }))));
140
133
  }
141
134
  }
142
- exports.default = Toast;
143
135
  Toast.defaultProps = {
144
136
  intent: 'none'
145
137
  };
@@ -1,25 +1,18 @@
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 _glamor = require("glamor");
10
- var _toast = _interopRequireDefault(require("./toast"));
11
- var _zIndexes = require("../../constants/zIndexes");
12
- const wrapperClass = (0, _glamor.css)({
1
+ import React from 'react';
2
+ import { css } from 'glamor';
3
+ import Toast from './toast';
4
+ import { TOAST_MANAGER } from '../../constants/zIndexes';
5
+ const wrapperClass = css({
13
6
  maxWidth: 560,
14
7
  margin: '0 auto',
15
8
  top: 0,
16
9
  left: 0,
17
10
  right: 0,
18
11
  position: 'fixed',
19
- zIndex: _zIndexes.TOAST_MANAGER
12
+ zIndex: TOAST_MANAGER
20
13
  });
21
14
  const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id');
22
- class ToastManager extends _react.default.PureComponent {
15
+ export default class ToastManager extends React.PureComponent {
23
16
  constructor(props, context) {
24
17
  super(props, context);
25
18
  this.getToasts = () => {
@@ -103,7 +96,7 @@ class ToastManager extends _react.default.PureComponent {
103
96
  };
104
97
  }
105
98
  render() {
106
- return /*#__PURE__*/_react.default.createElement("span", {
99
+ return /*#__PURE__*/React.createElement("span", {
107
100
  className: wrapperClass
108
101
  }, this.state.toasts.map(_ref => {
109
102
  let {
@@ -111,12 +104,11 @@ class ToastManager extends _react.default.PureComponent {
111
104
  description,
112
105
  ...props
113
106
  } = _ref;
114
- return /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({
107
+ return /*#__PURE__*/React.createElement(Toast, Object.assign({
115
108
  key: id,
116
109
  onRemove: () => this.removeToast(id)
117
110
  }, props), description);
118
111
  }));
119
112
  }
120
113
  }
121
- exports.default = ToastManager;
122
114
  ToastManager.idCounter = 0;
@@ -1,20 +1,13 @@
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"));
10
- var _toastManager = _interopRequireDefault(require("./toastManager"));
1
+ import React from 'react';
2
+ import ReactDOM from 'react-dom';
3
+ import ToastManager from './toastManager';
11
4
  const isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
12
5
 
13
6
  /**
14
7
  * The Toaster manages the interactionsb between
15
8
  * the ToasterManger and the toast API.
16
9
  */
17
- class Toaster {
10
+ export default class Toaster {
18
11
  constructor() {
19
12
  var _this = this;
20
13
  this._bindNotify = handler => {
@@ -64,11 +57,10 @@ class Toaster {
64
57
  const container = document.createElement('div');
65
58
  container.setAttribute('data-evergreen-toaster-container', '');
66
59
  document.body.appendChild(container);
67
- _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
60
+ ReactDOM.render( /*#__PURE__*/React.createElement(ToastManager, {
68
61
  bindNotify: this._bindNotify,
69
62
  bindGetToasts: this._bindGetToasts,
70
63
  bindCloseAll: this._bindCloseAll
71
64
  }), container);
72
65
  }
73
- }
74
- exports.default = Toaster;
66
+ }
@@ -1,17 +1,11 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.FILTER_TYPE_2_CELL_TYPE = exports.EMPTY_PREDICATE = exports.DISPLAY_COLOR_RULE_FILTER_TYPE = exports.COLOR_RULE_FILTER_TYPE_MAP = void 0;
7
- var _dtableStore = require("dtable-store");
8
- const COLOR_RULE_FILTER_TYPE_MAP = exports.COLOR_RULE_FILTER_TYPE_MAP = {
1
+ import { CellType, FILTER_PREDICATE_TYPE } from 'dtable-store';
2
+ export const COLOR_RULE_FILTER_TYPE_MAP = {
9
3
  NUMERIC_VALUE: 'numeric_value'
10
4
  };
11
- const DISPLAY_COLOR_RULE_FILTER_TYPE = exports.DISPLAY_COLOR_RULE_FILTER_TYPE = {
5
+ export const DISPLAY_COLOR_RULE_FILTER_TYPE = {
12
6
  [COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE]: 'Numeric_value'
13
7
  };
14
- const FILTER_TYPE_2_CELL_TYPE = exports.FILTER_TYPE_2_CELL_TYPE = {
15
- [COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE]: _dtableStore.CellType.NUMBER
8
+ export const FILTER_TYPE_2_CELL_TYPE = {
9
+ [COLOR_RULE_FILTER_TYPE_MAP.NUMERIC_VALUE]: CellType.NUMBER
16
10
  };
17
- const EMPTY_PREDICATE = exports.EMPTY_PREDICATE = [_dtableStore.FILTER_PREDICATE_TYPE.EMPTY, _dtableStore.FILTER_PREDICATE_TYPE.NOT_EMPTY];
11
+ export const EMPTY_PREDICATE = [FILTER_PREDICATE_TYPE.EMPTY, FILTER_PREDICATE_TYPE.NOT_EMPTY];
@@ -1,10 +1,4 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.UserSelectStyle = exports.MenuSelectStyle = void 0;
7
- const MenuSelectStyle = exports.MenuSelectStyle = {
1
+ const MenuSelectStyle = {
8
2
  option: (provided, state) => {
9
3
  const {
10
4
  isDisabled,
@@ -32,7 +26,7 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
32
26
  }),
33
27
  indicatorSeparator: () => {}
34
28
  };
35
- const UserSelectStyle = exports.UserSelectStyle = {
29
+ const UserSelectStyle = {
36
30
  option: (provided, state) => {
37
31
  const {
38
32
  isDisabled,
@@ -59,4 +53,5 @@ const UserSelectStyle = exports.UserSelectStyle = {
59
53
  clearIndicator: () => ({
60
54
  display: 'none'
61
55
  })
62
- };
56
+ };
57
+ export { MenuSelectStyle, UserSelectStyle };
@@ -1,10 +1,4 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.REFRESH_CHARTS = exports.OPEN_SELECT = exports.EXPAND_ROW_UPDATED = exports.EXPAND_ROW_DELETED = void 0;
7
- const OPEN_SELECT = exports.OPEN_SELECT = 'OPEN_SELECT';
8
- const EXPAND_ROW_UPDATED = exports.EXPAND_ROW_UPDATED = 'EXPAND_ROW_UPDATED';
9
- const EXPAND_ROW_DELETED = exports.EXPAND_ROW_DELETED = 'EXPAND_ROW_DELETED';
10
- const REFRESH_CHARTS = exports.REFRESH_CHARTS = 'REFRESH_CHARTS';
1
+ export const OPEN_SELECT = 'OPEN_SELECT';
2
+ export const EXPAND_ROW_UPDATED = 'EXPAND_ROW_UPDATED';
3
+ export const EXPAND_ROW_DELETED = 'EXPAND_ROW_DELETED';
4
+ export const REFRESH_CHARTS = 'REFRESH_CHARTS';