dtable-ui-component 4.4.4 → 4.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/lib/AutoNumberFormatter/index.js +14 -7
  2. package/lib/ButtonFormatter/index.js +16 -9
  3. package/lib/CTimeFormatter/index.js +16 -9
  4. package/lib/CheckboxEditor/index.js +15 -8
  5. package/lib/CheckboxFormatter/index.js +15 -8
  6. package/lib/CollaboratorEditor/index.js +29 -21
  7. package/lib/CollaboratorEditor/mb-collaborator-editor-popover/index.js +32 -25
  8. package/lib/CollaboratorEditor/pc-collaborator-editor-popover/index.js +25 -18
  9. package/lib/CollaboratorFormatter/index.js +19 -12
  10. package/lib/CollaboratorItem/index.js +17 -10
  11. package/lib/CreatorFormatter/index.js +19 -12
  12. package/lib/DTableCommonAddTool/index.js +13 -6
  13. package/lib/DTableCustomizeCollaboratorSelect/index.js +26 -18
  14. package/lib/DTableCustomizeSelect/index.js +23 -15
  15. package/lib/DTableFiltersPopover/constants/index.js +38 -33
  16. package/lib/DTableFiltersPopover/index.js +38 -31
  17. package/lib/DTableFiltersPopover/utils/filter-item-utils.js +53 -46
  18. package/lib/DTableFiltersPopover/utils/index.js +128 -99
  19. package/lib/DTableFiltersPopover/widgets/collaborator-filter/index.js +34 -26
  20. package/lib/DTableFiltersPopover/widgets/department-select-filter/department-multiple-select-filter.js +33 -25
  21. package/lib/DTableFiltersPopover/widgets/department-select-filter/department-single-select-filter.js +34 -26
  22. package/lib/DTableFiltersPopover/widgets/filter-calendar.js +34 -26
  23. package/lib/DTableFiltersPopover/widgets/filter-item.js +128 -120
  24. package/lib/DTableFiltersPopover/widgets/filter-list/index.js +26 -18
  25. package/lib/DTableFiltersPopover/widgets/rate-item.js +15 -8
  26. package/lib/DTablePopover/index.js +15 -8
  27. package/lib/DTablePopover/utils.js +9 -2
  28. package/lib/DTableRadio/index.js +17 -10
  29. package/lib/DTableSearchInput/index.js +21 -13
  30. package/lib/DTableSearchInput/utils.js +9 -2
  31. package/lib/DTableSelect/dtable-select-label.js +13 -6
  32. package/lib/DTableSelect/index.js +18 -10
  33. package/lib/DTableSelect/utils.js +20 -10
  34. package/lib/DTableSwitch/index.js +14 -7
  35. package/lib/DateEditor/index.js +30 -22
  36. package/lib/DateEditor/mb-date-editor-popover/index.js +55 -47
  37. package/lib/DateEditor/pc-date-editor-popover.js +27 -20
  38. package/lib/DateFormatter/index.js +16 -9
  39. package/lib/Department-editor/constants.js +7 -1
  40. package/lib/Department-editor/department-multiple-select/index.js +32 -24
  41. package/lib/Department-editor/department-single-select.js +41 -33
  42. package/lib/Department-editor/index.js +22 -14
  43. package/lib/Department-editor/selected-departments/index.js +32 -25
  44. package/lib/Department-editor/utils.js +11 -3
  45. package/lib/DepartmentSingleSelectFormatter/index.js +16 -9
  46. package/lib/DigitalSignFormatter/index.js +23 -15
  47. package/lib/DigitalSignFormatter/utils.js +11 -3
  48. package/lib/DurationFormatter/index.js +16 -9
  49. package/lib/EditEditorButton/index.js +12 -5
  50. package/lib/EmailFormatter/index.js +14 -7
  51. package/lib/FieldDisplaySetting/field-item.js +21 -14
  52. package/lib/FieldDisplaySetting/index.js +27 -19
  53. package/lib/FileEditor/index.js +15 -8
  54. package/lib/FileEditor/pc-files-addition/index.js +1 -0
  55. package/lib/FileEditor/pc-files-addition/pc-file-uploaded-item.js +1 -0
  56. package/lib/FileEditor/pc-files-preview/index.js +1 -0
  57. package/lib/FileEditor/pc-files-preview/pc-file-item-preview.js +1 -0
  58. package/lib/FileFormatter/index.js +19 -11
  59. package/lib/FileItemFormatter/index.js +14 -6
  60. package/lib/FileItemFormatter/utils.js +9 -2
  61. package/lib/FileUploader/index.js +11 -4
  62. package/lib/FormulaFormatter/cell-value-validator.js +24 -18
  63. package/lib/FormulaFormatter/index.js +39 -32
  64. package/lib/FormulaFormatter/utils.js +29 -13
  65. package/lib/GeolocationFormatter/index.js +16 -9
  66. package/lib/HtmlLongTextFormatter/index.js +17 -9
  67. package/lib/ImageFormatter/images-lazy-load.js +16 -9
  68. package/lib/ImageFormatter/index.js +24 -16
  69. package/lib/ImageFormatter/utils.js +9 -2
  70. package/lib/ImagePreviewerLightbox/index.js +19 -12
  71. package/lib/ImagePreviewerLightbox/utils.js +11 -3
  72. package/lib/LastModifierFormatter/index.js +19 -12
  73. package/lib/LinkEditor/index.js +33 -25
  74. package/lib/LinkEditor/link-editor-option.js +15 -8
  75. package/lib/LinkEditor/mb-link-editor-popover/index.js +30 -23
  76. package/lib/LinkEditor/pc-link-editor-popover/index.js +24 -17
  77. package/lib/LinkFormatter/index.js +20 -13
  78. package/lib/Loading/index.js +11 -4
  79. package/lib/LongTextFormatter/index.js +13 -6
  80. package/lib/MBEditorHeader/index.js +14 -7
  81. package/lib/MTimeFormatter/index.js +16 -9
  82. package/lib/ModalPortal/index.js +12 -5
  83. package/lib/MultipleSelectEditor/index.js +25 -17
  84. package/lib/MultipleSelectFormatter/index.js +17 -10
  85. package/lib/NotificationPopover/index.js +24 -16
  86. package/lib/NumberEditor/index.js +25 -18
  87. package/lib/NumberFormatter/index.js +16 -9
  88. package/lib/RateFormatter/index.js +15 -8
  89. package/lib/RoleStatusEditor/index.js +22 -14
  90. package/lib/RowExpandEmailFormatter/index.js +17 -10
  91. package/lib/RowExpandFileFormatter/index.js +16 -8
  92. package/lib/RowExpandFileFormatter/row-expand-file-item-formatter.js +27 -18
  93. package/lib/RowExpandFormatter/index.js +86 -78
  94. package/lib/RowExpandFormulaFormatter/index.js +42 -34
  95. package/lib/RowExpandImageFormatter/index.js +19 -10
  96. package/lib/RowExpandImageFormatter/row-expand-image-item-formatter.js +27 -18
  97. package/lib/RowExpandImageFormatter/utils.js +9 -2
  98. package/lib/RowExpandLinkFormatter/collaborator-item-formatter.js +16 -7
  99. package/lib/RowExpandLinkFormatter/index.js +46 -37
  100. package/lib/RowExpandLinkFormatter/utils.js +17 -6
  101. package/lib/RowExpandLinkFormatter/value-display-utils.js +12 -5
  102. package/lib/RowExpandRateFormatter/index.js +15 -8
  103. package/lib/RowExpandUrlFormatter/index.js +21 -14
  104. package/lib/SelectItem/index.js +12 -4
  105. package/lib/SelectOptionGroup/KeyCodes.js +7 -1
  106. package/lib/SelectOptionGroup/index.js +28 -20
  107. package/lib/SelectOptionGroup/option.js +11 -4
  108. package/lib/SimpleLongTextFormatter/index.js +27 -20
  109. package/lib/SimpleLongTextFormatter/normalize-long-text-value.js +7 -1
  110. package/lib/SimpleLongTextFormatter/widgets/LongTextPreview.js +15 -8
  111. package/lib/SimpleLongTextFormatter/widgets/dtable-markdown-viewer.js +14 -7
  112. package/lib/SingleSelectEditor/index.js +26 -18
  113. package/lib/SingleSelectFormatter/index.js +16 -9
  114. package/lib/TextEditor/index.js +14 -7
  115. package/lib/TextFormatter/index.js +14 -7
  116. package/lib/UrlFormatter/index.js +14 -7
  117. package/lib/cellFormatterFactory/index.js +11 -4
  118. package/lib/common/ClickOutside.js +12 -4
  119. package/lib/common/delete-tip.js +20 -12
  120. package/lib/common/modal-portal.js +13 -5
  121. package/lib/constants/index.js +28 -9
  122. package/lib/css/mb-cell-editor.css +1 -1
  123. package/lib/data/dtable-value.js +11 -6
  124. package/lib/formatterConfig/base-formatter-config.js +53 -46
  125. package/lib/formatterConfig/index.js +16 -9
  126. package/lib/hooks/common-hooks.js +11 -4
  127. package/lib/index.js +432 -75
  128. package/lib/lang/index.js +24 -13
  129. package/lib/locals/de.js +7 -1
  130. package/lib/locals/en.js +7 -1
  131. package/lib/locals/fr.js +7 -1
  132. package/lib/locals/zh-CN.js +7 -1
  133. package/lib/select-editor/index.js +27 -4
  134. package/lib/select-editor/mb-select-editor-popover/index.js +41 -33
  135. package/lib/select-editor/pc-select-editor-popover/index.js +26 -19
  136. package/lib/select-editor/select-editor-option.js +15 -8
  137. package/lib/toaster/alert.js +18 -11
  138. package/lib/toaster/index.js +10 -3
  139. package/lib/toaster/toast.js +16 -8
  140. package/lib/toaster/toastManager.js +13 -5
  141. package/lib/toaster/toaster.js +15 -7
  142. package/lib/utils/dayjs.js +11 -4
  143. package/lib/utils/editor-utils.js +15 -5
  144. package/lib/utils/event-bus.js +7 -1
  145. package/lib/utils/utils.js +17 -6
  146. package/package.json +80 -68
@@ -1,5 +1,12 @@
1
- import React from 'react';
2
- class MBEditorHeader extends React.Component {
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
+ class MBEditorHeader extends _react.default.Component {
3
10
  render() {
4
11
  let {
5
12
  title,
@@ -9,14 +16,14 @@ class MBEditorHeader extends React.Component {
9
16
  onLeftClick,
10
17
  onRightClick
11
18
  } = this.props;
12
- return /*#__PURE__*/React.createElement("div", {
19
+ return /*#__PURE__*/_react.default.createElement("div", {
13
20
  className: "dtable-ui-mb-editor-header ".concat(titleClass ? titleClass : '')
14
- }, /*#__PURE__*/React.createElement("span", {
21
+ }, /*#__PURE__*/_react.default.createElement("span", {
15
22
  className: "editor-header-left-content",
16
23
  onClick: onLeftClick
17
- }, leftContent), /*#__PURE__*/React.createElement("span", {
24
+ }, leftContent), /*#__PURE__*/_react.default.createElement("span", {
18
25
  className: "editor-header-title"
19
- }, title), /*#__PURE__*/React.createElement("span", {
26
+ }, title), /*#__PURE__*/_react.default.createElement("span", {
20
27
  className: "editor-header-right-content",
21
28
  onClick: onRightClick,
22
29
  style: {
@@ -25,4 +32,4 @@ class MBEditorHeader extends React.Component {
25
32
  }, rightContent));
26
33
  }
27
34
  }
28
- export default MBEditorHeader;
35
+ var _default = exports.default = MBEditorHeader;
@@ -1,12 +1,19 @@
1
- import React from 'react';
2
- import classnames from 'classnames';
3
- import dayjs from 'dayjs';
4
- import './index.css';
5
- class MTimeFormatter extends React.Component {
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 _classnames = _interopRequireDefault(require("classnames"));
10
+ var _dayjs = _interopRequireDefault(require("dayjs"));
11
+ require("./index.css");
12
+ class MTimeFormatter extends _react.default.Component {
6
13
  constructor() {
7
14
  super(...arguments);
8
15
  this.formatDate = date => {
9
- return dayjs(date).format('YYYY-MM-DD HH:mm:ss');
16
+ return (0, _dayjs.default)(date).format('YYYY-MM-DD HH:mm:ss');
10
17
  };
11
18
  }
12
19
  render() {
@@ -14,11 +21,11 @@ class MTimeFormatter extends React.Component {
14
21
  value: date,
15
22
  containerClassName
16
23
  } = this.props;
17
- let classname = classnames('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
24
+ let classname = (0, _classnames.default)('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
18
25
  if (date) {
19
26
  date = this.formatDate(date);
20
27
  }
21
- return /*#__PURE__*/React.createElement("div", {
28
+ return /*#__PURE__*/_react.default.createElement("div", {
22
29
  className: classname
23
30
  }, date);
24
31
  }
@@ -27,4 +34,4 @@ MTimeFormatter.defaultProps = {
27
34
  value: '',
28
35
  containerClassName: ''
29
36
  };
30
- export default MTimeFormatter;
37
+ var _default = exports.default = MTimeFormatter;
@@ -1,7 +1,14 @@
1
- import React from 'react';
2
- import ReactDOM from 'react-dom';
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 React.Component {
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 ReactDOM.createPortal(this.props.children, this.el);
23
+ return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.el);
17
24
  }
18
25
  }
19
- export default ModalPortal;
26
+ var _default = exports.default = ModalPortal;
@@ -1,10 +1,18 @@
1
- import React, { Fragment } from 'react';
2
- import MediaQuery from 'react-responsive';
3
- import { getLocale } from '../lang';
4
- import EditEditorButton from '../EditEditorButton';
5
- import { SelectEditorOption, PCSelectEditorPopover, MBSelectEditorPopover } from '../select-editor';
6
- import './index.css';
7
- class MultipleSelectEditor extends React.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 _reactResponsive = _interopRequireDefault(require("react-responsive"));
11
+ var _lang = require("../lang");
12
+ var _EditEditorButton = _interopRequireDefault(require("../EditEditorButton"));
13
+ var _selectEditor = require("../select-editor");
14
+ require("./index.css");
15
+ class MultipleSelectEditor extends _react.default.Component {
8
16
  constructor(props) {
9
17
  super(props);
10
18
  this.onMouseDown = e => {
@@ -133,34 +141,34 @@ class MultipleSelectEditor extends React.Component {
133
141
  } = this.state;
134
142
  let options = this.options;
135
143
  let selectedOptions = this.getFormattedOptions();
136
- return /*#__PURE__*/React.createElement("div", {
144
+ return /*#__PURE__*/_react.default.createElement("div", {
137
145
  ref: this.setEditorContainerRef,
138
146
  className: "cell-editor dtable-ui-multiple-select-editor"
139
- }, /*#__PURE__*/React.createElement("div", {
147
+ }, /*#__PURE__*/_react.default.createElement("div", {
140
148
  ref: this.setEditorRef,
141
149
  className: "dtable-ui-select-editor-container",
142
150
  onClick: this.onAddOptionToggle
143
- }, selectedOptions.length === 0 && /*#__PURE__*/React.createElement(EditEditorButton, {
144
- text: getLocale('Add_an_option')
151
+ }, selectedOptions.length === 0 && /*#__PURE__*/_react.default.createElement(_EditEditorButton.default, {
152
+ text: (0, _lang.getLocale)('Add_an_option')
145
153
  }), selectedOptions.length !== 0 && selectedOptions.map(option => {
146
- return /*#__PURE__*/React.createElement(SelectEditorOption, {
154
+ return /*#__PURE__*/_react.default.createElement(_selectEditor.SelectEditorOption, {
147
155
  key: option.id,
148
156
  option: option,
149
157
  isShowRemoveIcon: true,
150
158
  onDeleteSelectOption: this.onDeleteOption
151
159
  });
152
- })), isPopoverShow && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(MediaQuery, {
160
+ })), isPopoverShow && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
153
161
  query: "(min-width: 768px)"
154
- }, /*#__PURE__*/React.createElement(PCSelectEditorPopover, {
162
+ }, /*#__PURE__*/_react.default.createElement(_selectEditor.PCSelectEditorPopover, {
155
163
  popoverPosition: popoverPosition,
156
164
  options: options,
157
165
  selectedOptions: selectedOptions,
158
166
  onOptionItemToggle: this.onOptionItemToggle,
159
167
  isSupportNewOption: this.props.isSupportNewOption,
160
168
  onAddNewOption: this.onAddNewOption
161
- })), /*#__PURE__*/React.createElement(MediaQuery, {
169
+ })), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
162
170
  query: "(max-width: 767.8px)"
163
- }, /*#__PURE__*/React.createElement(MBSelectEditorPopover, {
171
+ }, /*#__PURE__*/_react.default.createElement(_selectEditor.MBSelectEditorPopover, {
164
172
  isReadOnly: this.props.isReadOnly,
165
173
  value: this.state.newValue,
166
174
  column: this.props.column,
@@ -177,4 +185,4 @@ MultipleSelectEditor.defaultProps = {
177
185
  isReadOnly: false,
178
186
  value: []
179
187
  };
180
- export default MultipleSelectEditor;
188
+ var _default = exports.default = MultipleSelectEditor;
@@ -1,8 +1,15 @@
1
- import React from 'react';
2
- import classnames from 'classnames';
3
- import SelectItem from '../SelectItem';
4
- import './index.css';
5
- class MultipleSelectFormatter 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 _classnames = _interopRequireDefault(require("classnames"));
10
+ var _SelectItem = _interopRequireDefault(require("../SelectItem"));
11
+ require("./index.css");
12
+ class MultipleSelectFormatter extends _react.default.PureComponent {
6
13
  constructor() {
7
14
  super(...arguments);
8
15
  this.getOptions = () => {
@@ -14,7 +21,7 @@ class MultipleSelectFormatter extends React.PureComponent {
14
21
  let selectedOptions = options.filter(option => value.includes(option.id) || value.includes(option.name));
15
22
  if (selectedOptions.length === 0) return [];
16
23
  return selectedOptions.map(option => {
17
- return /*#__PURE__*/React.createElement(SelectItem, {
24
+ return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
18
25
  key: "multiple-".concat(option.id),
19
26
  option: option
20
27
  });
@@ -26,14 +33,14 @@ class MultipleSelectFormatter extends React.PureComponent {
26
33
  value,
27
34
  containerClassName
28
35
  } = this.props;
29
- let classname = classnames('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
36
+ let classname = (0, _classnames.default)('dtable-ui cell-formatter-container multiple-select-formatter', containerClassName);
30
37
  if (!value || Array.isArray(value) && value.length === 0) {
31
- return /*#__PURE__*/React.createElement("div", {
38
+ return /*#__PURE__*/_react.default.createElement("div", {
32
39
  className: classname
33
40
  });
34
41
  }
35
42
  let options = this.getOptions();
36
- return /*#__PURE__*/React.createElement("div", {
43
+ return /*#__PURE__*/_react.default.createElement("div", {
37
44
  className: classname
38
45
  }, options);
39
46
  }
@@ -41,4 +48,4 @@ class MultipleSelectFormatter extends React.PureComponent {
41
48
  MultipleSelectFormatter.defaultProps = {
42
49
  options: []
43
50
  };
44
- export default MultipleSelectFormatter;
51
+ var _default = exports.default = MultipleSelectFormatter;
@@ -1,7 +1,14 @@
1
- import React from 'react';
2
- import { Popover } from 'reactstrap';
3
- import './index.css';
4
- export default class NotificationPopover extends React.Component {
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
+ require("./index.css");
11
+ class NotificationPopover extends _react.default.Component {
5
12
  constructor() {
6
13
  super(...arguments);
7
14
  this.onMouseDown = e => {
@@ -39,45 +46,46 @@ export default class NotificationPopover extends React.Component {
39
46
  bodyText,
40
47
  footerText
41
48
  } = this.props;
42
- return /*#__PURE__*/React.createElement(Popover, {
49
+ return /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
43
50
  className: "notification-wrapper",
44
51
  target: "notification-popover",
45
52
  isOpen: true,
46
53
  fade: false,
47
54
  hideArrow: true,
48
55
  placement: "bottom"
49
- }, /*#__PURE__*/React.createElement("div", {
56
+ }, /*#__PURE__*/_react.default.createElement("div", {
50
57
  className: "notification-container",
51
58
  ref: ref => this.notificationContainerRef = ref
52
- }, /*#__PURE__*/React.createElement("div", {
59
+ }, /*#__PURE__*/_react.default.createElement("div", {
53
60
  className: "notification-header"
54
- }, headerText, /*#__PURE__*/React.createElement("span", {
61
+ }, headerText, /*#__PURE__*/_react.default.createElement("span", {
55
62
  className: "dtable-font dtable-icon-x notification-close-icon",
56
63
  onClick: this.props.onNotificationListToggle
57
- })), /*#__PURE__*/React.createElement("div", {
64
+ })), /*#__PURE__*/_react.default.createElement("div", {
58
65
  className: "notification-body"
59
- }, this.props.enableWeixin && /*#__PURE__*/React.createElement("div", {
66
+ }, this.props.enableWeixin && /*#__PURE__*/_react.default.createElement("div", {
60
67
  className: "show-weixin-qrcode",
61
68
  onClick: this.onWeixinQRCodeDialogToggle
62
- }, /*#__PURE__*/React.createElement("i", {
69
+ }, /*#__PURE__*/_react.default.createElement("i", {
63
70
  className: "dtable-font dtable-icon-wechat weixin-icon"
64
- }), /*#__PURE__*/React.createElement("span", {
71
+ }), /*#__PURE__*/_react.default.createElement("span", {
65
72
  className: "ml-2"
66
- }, "\u5173\u6CE8\u516C\u4F17\u53F7\u83B7\u53D6\u5B9E\u65F6\u901A\u77E5")), /*#__PURE__*/React.createElement("div", {
73
+ }, "\u5173\u6CE8\u516C\u4F17\u53F7\u83B7\u53D6\u5B9E\u65F6\u901A\u77E5")), /*#__PURE__*/_react.default.createElement("div", {
67
74
  className: "mark-notifications",
68
75
  onClick: this.props.onMarkAllNotifications
69
- }, bodyText), /*#__PURE__*/React.createElement("div", {
76
+ }, bodyText), /*#__PURE__*/_react.default.createElement("div", {
70
77
  className: "notification-list-container",
71
78
  onScroll: this.onHandleScroll,
72
79
  ref: ref => this.notificationListRef = ref
73
- }, /*#__PURE__*/React.createElement("div", {
80
+ }, /*#__PURE__*/_react.default.createElement("div", {
74
81
  ref: ref => this.notificationsWrapperRef = ref
75
- }, this.props.children)), /*#__PURE__*/React.createElement("div", {
82
+ }, this.props.children)), /*#__PURE__*/_react.default.createElement("div", {
76
83
  className: "notification-footer",
77
84
  onClick: this.onNotificationDialogToggle
78
85
  }, footerText))));
79
86
  }
80
87
  }
88
+ exports.default = NotificationPopover;
81
89
  NotificationPopover.defaultProps = {
82
90
  headerText: '',
83
91
  bodyText: '',
@@ -1,9 +1,16 @@
1
- import React from 'react';
2
- import isHotkey from 'is-hotkey';
3
- import { getNumberDisplayString, formatStringToNumber, replaceNumberNotAllowInput } from 'dtable-utils';
4
- import { NUMBER_TYPES } from '../constants';
5
- import { isMac } from '../utils/utils';
6
- class NumberEditor extends React.Component {
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 _isHotkey = _interopRequireDefault(require("is-hotkey"));
10
+ var _dtableUtils = require("dtable-utils");
11
+ var _constants = require("../constants");
12
+ var _utils = require("../utils/utils");
13
+ class NumberEditor extends _react.default.Component {
7
14
  constructor(props) {
8
15
  super(props);
9
16
  this.onEditorHandle = () => {
@@ -23,10 +30,10 @@ class NumberEditor extends React.Component {
23
30
  column
24
31
  } = this.props;
25
32
  let inputValue = this.state.inputValue ? this.state.inputValue.toString() : '';
26
- let value = inputValue ? formatStringToNumber(inputValue) : ''; // format the number to submit
33
+ let value = inputValue ? (0, _dtableUtils.formatStringToNumber)(inputValue) : ''; // format the number to submit
27
34
  updated[column.key] = value;
28
35
  this.props.onCommit(updated);
29
- let newValue = getNumberDisplayString(value, column.data); // format the number to display
36
+ let newValue = (0, _dtableUtils.getNumberDisplayString)(value, column.data); // format the number to display
30
37
  this.setState({
31
38
  isEditorShow: false,
32
39
  textValue: newValue
@@ -43,8 +50,8 @@ class NumberEditor extends React.Component {
43
50
  }
44
51
 
45
52
  //Prevent the repetition of periods bug in the Chinese input method of the Windows system
46
- if (!isMac() && value.indexOf('.。') > -1) return;
47
- value = replaceNumberNotAllowInput(value, this.dataFormat, currency_symbol);
53
+ if (!(0, _utils.isMac)() && value.indexOf('.。') > -1) return;
54
+ value = (0, _dtableUtils.replaceNumberNotAllowInput)(value, this.dataFormat, currency_symbol);
48
55
  if (value === this.state.inputValue) return;
49
56
  this.setState({
50
57
  inputValue: value
@@ -59,7 +66,7 @@ class NumberEditor extends React.Component {
59
66
  selectionEnd,
60
67
  value
61
68
  } = event.currentTarget;
62
- if (isHotkey('enter', event)) {
69
+ if ((0, _isHotkey.default)('enter', event)) {
63
70
  event.preventDefault();
64
71
  this.onBlur();
65
72
  } else if (event.keyCode === 37 && selectionStart === 0 || event.keyCode === 39 && selectionEnd === value.length) {
@@ -87,8 +94,8 @@ class NumberEditor extends React.Component {
87
94
  column: _column
88
95
  } = this.props;
89
96
  let dataFormat = _column.data && _column.data.format;
90
- this.dataFormat = dataFormat || NUMBER_TYPES.NUMBER;
91
- let initValue = getNumberDisplayString(_value, _column.data); // format the number to display
97
+ this.dataFormat = dataFormat || _constants.NUMBER_TYPES.NUMBER;
98
+ let initValue = (0, _dtableUtils.getNumberDisplayString)(_value, _column.data); // format the number to display
92
99
 
93
100
  this.state = {
94
101
  inputValue: initValue,
@@ -98,15 +105,15 @@ class NumberEditor extends React.Component {
98
105
  }
99
106
  render() {
100
107
  let style = this.getStyle();
101
- return /*#__PURE__*/React.createElement("div", {
108
+ return /*#__PURE__*/_react.default.createElement("div", {
102
109
  className: "cell-editor number-editor"
103
- }, /*#__PURE__*/React.createElement("div", {
110
+ }, /*#__PURE__*/_react.default.createElement("div", {
104
111
  className: "number-editor-container"
105
- }, !this.state.isEditorShow && /*#__PURE__*/React.createElement("div", {
112
+ }, !this.state.isEditorShow && /*#__PURE__*/_react.default.createElement("div", {
106
113
  className: "form-control",
107
114
  style: style,
108
115
  onClick: this.onEditorHandle
109
- }, this.state.textValue), this.state.isEditorShow && /*#__PURE__*/React.createElement("input", {
116
+ }, this.state.textValue), this.state.isEditorShow && /*#__PURE__*/_react.default.createElement("input", {
110
117
  ref: this.setInputRef,
111
118
  type: "text",
112
119
  className: "form-control",
@@ -124,4 +131,4 @@ NumberEditor.defaultProps = {
124
131
  isReadOnly: false,
125
132
  value: ''
126
133
  };
127
- export default NumberEditor;
134
+ var _default = exports.default = NumberEditor;
@@ -1,19 +1,26 @@
1
- import React from 'react';
2
- import classnames from 'classnames';
3
- import { getNumberDisplayString } from 'dtable-utils';
4
- import './index.css';
5
- class NumberFormatter extends React.Component {
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 _classnames = _interopRequireDefault(require("classnames"));
10
+ var _dtableUtils = require("dtable-utils");
11
+ require("./index.css");
12
+ class NumberFormatter extends _react.default.Component {
6
13
  render() {
7
14
  let {
8
15
  value: number,
9
16
  data,
10
17
  containerClassName
11
18
  } = this.props;
12
- let classname = classnames('dtable-ui cell-formatter-container number-formatter', containerClassName);
19
+ let classname = (0, _classnames.default)('dtable-ui cell-formatter-container number-formatter', containerClassName);
13
20
  if (number || number === 0) {
14
- number = getNumberDisplayString(number, data);
21
+ number = (0, _dtableUtils.getNumberDisplayString)(number, data);
15
22
  }
16
- return /*#__PURE__*/React.createElement("div", {
23
+ return /*#__PURE__*/_react.default.createElement("div", {
17
24
  className: classname
18
25
  }, number);
19
26
  }
@@ -22,4 +29,4 @@ NumberFormatter.defaultProps = {
22
29
  value: '',
23
30
  containerClassName: ''
24
31
  };
25
- export default NumberFormatter;
32
+ var _default = exports.default = NumberFormatter;
@@ -1,7 +1,14 @@
1
- import React from 'react';
2
- import classnames from 'classnames';
3
- import './index.css';
4
- class RateFormatter extends React.Component {
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 _classnames = _interopRequireDefault(require("classnames"));
10
+ require("./index.css");
11
+ class RateFormatter extends _react.default.Component {
5
12
  constructor() {
6
13
  super(...arguments);
7
14
  this.getRateList = () => {
@@ -17,7 +24,7 @@ class RateFormatter extends React.Component {
17
24
  const validValue = Math.min(rate_max_number, value);
18
25
  let rateList = [];
19
26
  for (let i = 0; i < validValue; i++) {
20
- rateList.push( /*#__PURE__*/React.createElement("i", {
27
+ rateList.push( /*#__PURE__*/_react.default.createElement("i", {
21
28
  key: "dtable-ui-component-rate-".concat(i),
22
29
  className: "dtable-font ".concat(rate_style_type),
23
30
  style: {
@@ -33,10 +40,10 @@ class RateFormatter extends React.Component {
33
40
  value: number,
34
41
  containerClassName
35
42
  } = this.props;
36
- const className = classnames('dtable-ui cell-formatter-container rate-formatter', containerClassName);
43
+ const className = (0, _classnames.default)('dtable-ui cell-formatter-container rate-formatter', containerClassName);
37
44
  if (!number) return null;
38
45
  const rateList = this.getRateList();
39
- return /*#__PURE__*/React.createElement("div", {
46
+ return /*#__PURE__*/_react.default.createElement("div", {
40
47
  className: className
41
48
  }, rateList);
42
49
  }
@@ -45,4 +52,4 @@ RateFormatter.defaultProps = {
45
52
  value: '',
46
53
  containerClassName: ''
47
54
  };
48
- export default RateFormatter;
55
+ var _default = exports.default = RateFormatter;
@@ -1,7 +1,15 @@
1
- import React, { useState } from 'react';
2
- import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
3
- import classnames from 'classnames';
4
- import './index.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 _reactstrap = require("reactstrap");
11
+ var _classnames = _interopRequireDefault(require("classnames"));
12
+ require("./index.css");
5
13
  const RoleStatusEditor = _ref => {
6
14
  let {
7
15
  isShowDropdownIcon,
@@ -10,7 +18,7 @@ const RoleStatusEditor = _ref => {
10
18
  onChangeOption,
11
19
  closeShowDropdownIcon
12
20
  } = _ref;
13
- const [isOpen, setIsOpen] = useState(false);
21
+ const [isOpen, setIsOpen] = (0, _react.useState)(false);
14
22
  const handleClickMenuOption = menuOption => {
15
23
  const {
16
24
  value
@@ -19,20 +27,20 @@ const RoleStatusEditor = _ref => {
19
27
  if (value === currentOption.value) return;
20
28
  onChangeOption(value);
21
29
  };
22
- return /*#__PURE__*/React.createElement(Dropdown, {
30
+ return /*#__PURE__*/_react.default.createElement(_reactstrap.Dropdown, {
23
31
  isOpen: isOpen,
24
32
  className: "role-status-editor",
25
33
  toggle: () => setIsOpen(!isOpen)
26
- }, /*#__PURE__*/React.createElement(DropdownToggle, {
34
+ }, /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownToggle, {
27
35
  className: "dropdown-toggle-button d-flex align-items-center",
28
36
  tag: "div"
29
- }, currentOption.label, /*#__PURE__*/React.createElement("div", {
37
+ }, currentOption.label, /*#__PURE__*/_react.default.createElement("div", {
30
38
  className: "dropdown-icon-container ml-1"
31
- }, /*#__PURE__*/React.createElement("span", {
32
- className: classnames('dtable-font dtable-icon-drop-down', {
39
+ }, /*#__PURE__*/_react.default.createElement("span", {
40
+ className: (0, _classnames.default)('dtable-font dtable-icon-drop-down', {
33
41
  'hide': !isShowDropdownIcon
34
42
  })
35
- }))), /*#__PURE__*/React.createElement(DropdownMenu, {
43
+ }))), /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownMenu, {
36
44
  positionFixed: true,
37
45
  modifiers: {
38
46
  preventOverflow: {
@@ -44,12 +52,12 @@ const RoleStatusEditor = _ref => {
44
52
  value,
45
53
  label
46
54
  } = option;
47
- return /*#__PURE__*/React.createElement(DropdownItem, {
55
+ return /*#__PURE__*/_react.default.createElement(_reactstrap.DropdownItem, {
48
56
  key: "item-".concat(value),
49
57
  onClick: () => handleClickMenuOption(option)
50
- }, label, value === currentOption.value && /*#__PURE__*/React.createElement("i", {
58
+ }, label, value === currentOption.value && /*#__PURE__*/_react.default.createElement("i", {
51
59
  className: "dtable-font dtable-icon-check-mark ml-2"
52
60
  }));
53
61
  })));
54
62
  };
55
- export default RoleStatusEditor;
63
+ var _default = exports.default = RoleStatusEditor;
@@ -1,8 +1,15 @@
1
- import React from 'react';
2
- import classnames from 'classnames';
3
- import { getTrimmedString } from '../utils/editor-utils';
4
- import './index.css';
5
- class RowExpandEmailFormatter extends React.Component {
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 _classnames = _interopRequireDefault(require("classnames"));
10
+ var _editorUtils = require("../utils/editor-utils");
11
+ require("./index.css");
12
+ class RowExpandEmailFormatter extends _react.default.Component {
6
13
  constructor() {
7
14
  super(...arguments);
8
15
  this.onOpenEmailLink = () => {
@@ -18,15 +25,15 @@ class RowExpandEmailFormatter extends React.Component {
18
25
  containerClassName,
19
26
  value
20
27
  } = this.props;
21
- let classname = classnames('dtable-ui cell-formatter-container email-formatter', containerClassName);
22
- return /*#__PURE__*/React.createElement("div", {
28
+ let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
29
+ return /*#__PURE__*/_react.default.createElement("div", {
23
30
  className: classname
24
- }, /*#__PURE__*/React.createElement("span", {
31
+ }, /*#__PURE__*/_react.default.createElement("span", {
25
32
  className: "email-formatter-value text-truncate"
26
- }, value), getTrimmedString(value) && /*#__PURE__*/React.createElement("span", {
33
+ }, value), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/_react.default.createElement("span", {
27
34
  className: "dtable-font dtable-icon-email row-expand-jump-link",
28
35
  onClick: this.onOpenEmailLink
29
36
  }));
30
37
  }
31
38
  }
32
- export default RowExpandEmailFormatter;
39
+ var _default = exports.default = RowExpandEmailFormatter;