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