dtable-ui-component 0.1.75-beta1 → 0.1.75-beta5

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 (227) hide show
  1. package/lib/AutoNumberFormatter/index.css +1 -0
  2. package/{es/components/cell-formatter/auto-number-formatter.js → lib/AutoNumberFormatter/index.js} +1 -0
  3. package/lib/ButtonFormatter/index.css +13 -0
  4. package/{es/components/cell-formatter/button-formatter.js → lib/ButtonFormatter/index.js} +1 -0
  5. package/lib/CTimeFormatter/index.css +1 -0
  6. package/{es/components/cell-formatter/ctime-formatter.js → lib/CTimeFormatter/index.js} +1 -0
  7. package/lib/CheckboxFormatter/index.css +1 -0
  8. package/{es/components/cell-formatter/checkbox-formatter.js → lib/CheckboxFormatter/index.js} +1 -0
  9. package/lib/CollaboratorFormatter/index.css +1 -0
  10. package/{es/components/cell-formatter/collaborator-formatter.js → lib/CollaboratorFormatter/index.js} +3 -2
  11. package/lib/CollaboratorItem/index.css +49 -0
  12. package/{es/components/common/collaborator-item.js → lib/CollaboratorItem/index.js} +1 -0
  13. package/lib/CreatorFormatter/index.css +1 -0
  14. package/{es/components/cell-formatter/creator-formatter.js → lib/CreatorFormatter/index.js} +3 -2
  15. package/lib/DateFormatter/index.css +1 -0
  16. package/{es/components/cell-formatter/date-formatter.js → lib/DateFormatter/index.js} +2 -1
  17. package/lib/DurationFormatter/index.css +1 -0
  18. package/{es/components/cell-formatter/duration-formatter.js → lib/DurationFormatter/index.js} +2 -1
  19. package/lib/EmailFormatter/index.css +5 -0
  20. package/{es/components/cell-formatter/email-formatter.js → lib/EmailFormatter/index.js} +1 -0
  21. package/lib/FileFormatter/index.css +29 -0
  22. package/{es/components/cell-formatter/file-formatter.js → lib/FileFormatter/index.js} +2 -1
  23. package/{es/components/cell-formatter/widgets/file-item-formatter.js → lib/FileItemFormatter/index.js} +3 -2
  24. package/{es/components/file-uploader → lib/FileUploader}/index.js +0 -0
  25. package/lib/FormulaFormatter/index.css +19 -0
  26. package/{es/components/cell-formatter/formula-formatter.js → lib/FormulaFormatter/index.js} +8 -8
  27. package/lib/GeolocationFormatter/index.css +1 -0
  28. package/{es/components/cell-formatter/geolocation-formatter.js → lib/GeolocationFormatter/index.js} +2 -1
  29. package/{es/components/common → lib/ImageFormatter}/images-lazy-load.js +2 -2
  30. package/lib/ImageFormatter/index.css +34 -0
  31. package/{es/components/cell-formatter/image-formatter.js → lib/ImageFormatter/index.js} +4 -3
  32. package/{es/css/image-previewer-ligntbox.css → lib/ImagePreviewerLightbox/index.css} +0 -0
  33. package/{es/components/cell-formatter/widgets/image-previewer-lightbox.js → lib/ImagePreviewerLightbox/index.js} +3 -3
  34. package/lib/LastModifierFormatter/index.css +1 -0
  35. package/{es/components/cell-formatter/last-modifier-formatter.js → lib/LastModifierFormatter/index.js} +5 -4
  36. package/lib/LinkFormatter/index.css +27 -0
  37. package/{es/components/cell-formatter/link-formatter.js → lib/LinkFormatter/index.js} +2 -2
  38. package/{es/css/loading.css → lib/Loading/index.css} +0 -0
  39. package/{es/components/loading.js → lib/Loading/index.js} +1 -1
  40. package/{es/components/cell-formatter/widgets/long-text-formatter → lib/LongTextFormatter}/html-long-text-formatter.js +1 -1
  41. package/lib/LongTextFormatter/index.css +63 -0
  42. package/{es/components/cell-formatter/long-text-formatter.js → lib/LongTextFormatter/index.js} +3 -2
  43. package/{es/components/cell-formatter/widgets/long-text-formatter → lib/LongTextFormatter}/simple-long-text-formatter.js +1 -1
  44. package/lib/MTimeFormatter/index.css +1 -0
  45. package/{es/components/cell-formatter/mtime-formatter.js → lib/MTimeFormatter/index.js} +1 -0
  46. package/{es/components/common/modal-portal.js → lib/ModalPortal/index.js} +0 -0
  47. package/lib/MultipleSelectFormatter/index.css +1 -0
  48. package/{es/components/cell-formatter/multiple-select-formatter.js → lib/MultipleSelectFormatter/index.js} +2 -1
  49. package/lib/NumberFormatter/index.css +1 -0
  50. package/{es/components/cell-formatter/number-formatter.js → lib/NumberFormatter/index.js} +2 -1
  51. package/lib/RateFormatter/index.css +1 -0
  52. package/{es/components/cell-formatter/rate-formatter.js → lib/RateFormatter/index.js} +1 -0
  53. package/{es/components/common/select-item.js → lib/SelectItem/index.js} +0 -0
  54. package/lib/SingleSelectFormatter/index.css +1 -0
  55. package/{es/components/cell-formatter/single-select-formatter.js → lib/SingleSelectFormatter/index.js} +2 -1
  56. package/lib/TextFormatter/index.css +1 -0
  57. package/{es/components/cell-formatter/text-formatter.js → lib/TextFormatter/index.js} +1 -0
  58. package/lib/UrlFormatter/index.css +5 -0
  59. package/{es/components/cell-formatter/url-formatter.js → lib/UrlFormatter/index.js} +1 -0
  60. package/lib/app.js +75 -80
  61. package/{es/components/cell-factory/cell-formatter-factory.js → lib/cellFormatterFactory/index.js} +3 -3
  62. package/lib/components/cell-editor/checkbox-editor.js +59 -66
  63. package/lib/components/cell-editor/collaborator-editor.js +113 -126
  64. package/lib/components/cell-editor/date-editor.js +99 -119
  65. package/lib/components/cell-editor/index.js +9 -40
  66. package/lib/components/cell-editor/link-editor.js +122 -140
  67. package/lib/components/cell-editor/multiple-select-editor.js +114 -127
  68. package/lib/components/cell-editor/number-editor.js +78 -86
  69. package/lib/components/cell-editor/single-select-editor.js +106 -120
  70. package/lib/components/cell-editor/text-editor.js +65 -72
  71. package/lib/components/cell-editor-dialog/pc-file-editor-dialog.js +31 -51
  72. package/lib/components/cell-editor-dialog/pc-files-addition/index.js +0 -1
  73. package/lib/components/cell-editor-dialog/pc-files-addition/pc-file-uploaded-item.js +0 -1
  74. package/lib/components/cell-editor-dialog/pc-files-preview/index.js +0 -1
  75. package/lib/components/cell-editor-dialog/pc-files-preview/pc-file-item-preview.js +0 -1
  76. package/lib/components/cell-editor-popover/mb-collaborator-editor-popover.js +105 -111
  77. package/lib/components/cell-editor-popover/mb-date-editor-popover.js +140 -157
  78. package/lib/components/cell-editor-popover/mb-link-editor-popover.js +103 -109
  79. package/lib/components/cell-editor-popover/mb-select-editor-popover.js +142 -155
  80. package/lib/components/cell-editor-popover/pc-collaborator-editor-popover.js +74 -89
  81. package/lib/components/cell-editor-popover/pc-date-editor-popover.js +88 -102
  82. package/lib/components/cell-editor-popover/pc-link-editor-popover.js +77 -91
  83. package/lib/components/cell-editor-popover/pc-select-editor-popover.js +91 -105
  84. package/lib/components/common/collaborator-item.js +43 -59
  85. package/lib/components/common/edit-editor-button.js +28 -39
  86. package/lib/components/common/link-editor-option.js +63 -71
  87. package/lib/components/common/mobile/mb-editor-header.js +39 -52
  88. package/lib/components/common/select-editor-option.js +58 -74
  89. package/lib/constants/cell-types.js +25 -54
  90. package/lib/constants/index.js +5 -26
  91. package/lib/css/cell-formatter.css +0 -243
  92. package/lib/formatterConfig/index.js +31 -0
  93. package/lib/index.js +31 -64
  94. package/lib/lang/index.js +11 -27
  95. package/lib/locals/de.js +1 -6
  96. package/lib/locals/en.js +1 -6
  97. package/lib/locals/fr.js +1 -6
  98. package/lib/locals/zh-CN.js +1 -6
  99. package/{es/components/toast → lib/toaster}/alert.js +0 -0
  100. package/{es/components/toast → lib/toaster}/index.js +0 -0
  101. package/{es/components/toast → lib/toaster}/toast.js +0 -0
  102. package/{es/components/toast → lib/toaster}/toastManager.js +0 -0
  103. package/{es/components/toast → lib/toaster}/toaster.js +0 -0
  104. package/lib/utils/cell-value-validator.js +4 -14
  105. package/lib/utils/column-utils.js +5 -13
  106. package/lib/utils/editor-utils.js +3 -13
  107. package/lib/utils/markdown2html.js +1 -7
  108. package/lib/utils/normalize-long-text-value.js +1 -6
  109. package/lib/utils/number-precision.js +14 -31
  110. package/lib/utils/utils.js +8 -33
  111. package/lib/utils/value-format-utils.js +60 -108
  112. package/package.json +5 -5
  113. package/es/app.css +0 -20
  114. package/es/app.js +0 -91
  115. package/es/assets/images/avatar/default_avatar.png +0 -0
  116. package/es/assets/images/file/192/excel.png +0 -0
  117. package/es/assets/images/file/192/file.png +0 -0
  118. package/es/assets/images/file/192/music.png +0 -0
  119. package/es/assets/images/file/192/pdf.png +0 -0
  120. package/es/assets/images/file/192/pic.png +0 -0
  121. package/es/assets/images/file/192/ppt.png +0 -0
  122. package/es/assets/images/file/192/txt.png +0 -0
  123. package/es/assets/images/file/192/video.png +0 -0
  124. package/es/assets/images/file/192/word.png +0 -0
  125. package/es/assets/images/file/24/excel.png +0 -0
  126. package/es/assets/images/file/24/file.png +0 -0
  127. package/es/assets/images/file/24/music.png +0 -0
  128. package/es/assets/images/file/24/pdf.png +0 -0
  129. package/es/assets/images/file/24/pic.png +0 -0
  130. package/es/assets/images/file/24/ppt.png +0 -0
  131. package/es/assets/images/file/24/txt.png +0 -0
  132. package/es/assets/images/file/24/video.png +0 -0
  133. package/es/assets/images/file/24/word.png +0 -0
  134. package/es/assets/images/folder/folder-192.png +0 -0
  135. package/es/assets/images/folder/folder-24.png +0 -0
  136. package/es/components/cell-editor/checkbox-editor.js +0 -104
  137. package/es/components/cell-editor/collaborator-editor.js +0 -236
  138. package/es/components/cell-editor/date-editor.js +0 -151
  139. package/es/components/cell-editor/index.js +0 -9
  140. package/es/components/cell-editor/link-editor.js +0 -303
  141. package/es/components/cell-editor/multiple-select-editor.js +0 -237
  142. package/es/components/cell-editor/number-editor.js +0 -154
  143. package/es/components/cell-editor/single-select-editor.js +0 -202
  144. package/es/components/cell-editor/text-editor.js +0 -122
  145. package/es/components/cell-editor-dialog/pc-file-editor-dialog.js +0 -46
  146. package/es/components/cell-editor-dialog/pc-files-addition/index.js +0 -0
  147. package/es/components/cell-editor-dialog/pc-files-addition/pc-file-uploaded-item.js +0 -0
  148. package/es/components/cell-editor-dialog/pc-files-preview/index.js +0 -0
  149. package/es/components/cell-editor-dialog/pc-files-preview/pc-file-item-preview.js +0 -0
  150. package/es/components/cell-editor-popover/mb-collaborator-editor-popover.js +0 -177
  151. package/es/components/cell-editor-popover/mb-date-editor-popover.js +0 -245
  152. package/es/components/cell-editor-popover/mb-link-editor-popover.js +0 -170
  153. package/es/components/cell-editor-popover/mb-select-editor-popover.js +0 -230
  154. package/es/components/cell-editor-popover/pc-collaborator-editor-popover.js +0 -109
  155. package/es/components/cell-editor-popover/pc-date-editor-popover.js +0 -142
  156. package/es/components/cell-editor-popover/pc-link-editor-popover.js +0 -114
  157. package/es/components/cell-editor-popover/pc-select-editor-popover.js +0 -143
  158. package/es/components/cell-formatter/formatter-config.js +0 -31
  159. package/es/components/cell-formatter/index.js +0 -27
  160. package/es/components/common/edit-editor-button.js +0 -56
  161. package/es/components/common/link-editor-option.js +0 -113
  162. package/es/components/common/mobile/mb-editor-header.js +0 -48
  163. package/es/components/common/select-editor-option.js +0 -106
  164. package/es/constants/cell-types.js +0 -25
  165. package/es/constants/index.js +0 -48
  166. package/es/css/cell-editor.css +0 -614
  167. package/es/css/cell-formatter.css +0 -247
  168. package/es/css/custom-rc-calendar.css +0 -118
  169. package/es/index.js +0 -6
  170. package/es/lang/index.js +0 -50
  171. package/es/locals/de.js +0 -2
  172. package/es/locals/en.js +0 -17
  173. package/es/locals/fr.js +0 -2
  174. package/es/locals/zh-CN.js +0 -17
  175. package/es/utils/cell-value-validator.js +0 -32
  176. package/es/utils/column-utils.js +0 -7
  177. package/es/utils/editor-utils.js +0 -71
  178. package/es/utils/markdown2html.js +0 -62
  179. package/es/utils/normalize-long-text-value.js +0 -69
  180. package/es/utils/number-precision.js +0 -163
  181. package/es/utils/unified/index.js +0 -470
  182. package/es/utils/utils.js +0 -116
  183. package/es/utils/value-format-utils.js +0 -495
  184. package/es/utils/vfile/core.js +0 -172
  185. package/es/utils/vfile/index.js +0 -48
  186. package/lib/components/cell-factory/cell-formatter-factory.js +0 -28
  187. package/lib/components/cell-formatter/auto-number-formatter.js +0 -45
  188. package/lib/components/cell-formatter/button-formatter.js +0 -66
  189. package/lib/components/cell-formatter/checkbox-formatter.js +0 -56
  190. package/lib/components/cell-formatter/collaborator-formatter.js +0 -111
  191. package/lib/components/cell-formatter/creator-formatter.js +0 -105
  192. package/lib/components/cell-formatter/ctime-formatter.js +0 -70
  193. package/lib/components/cell-formatter/date-formatter.js +0 -73
  194. package/lib/components/cell-formatter/duration-formatter.js +0 -49
  195. package/lib/components/cell-formatter/email-formatter.js +0 -45
  196. package/lib/components/cell-formatter/file-formatter.js +0 -77
  197. package/lib/components/cell-formatter/formatter-config.js +0 -66
  198. package/lib/components/cell-formatter/formula-formatter.js +0 -189
  199. package/lib/components/cell-formatter/geolocation-formatter.js +0 -66
  200. package/lib/components/cell-formatter/image-formatter.js +0 -171
  201. package/lib/components/cell-formatter/index.js +0 -112
  202. package/lib/components/cell-formatter/last-modifier-formatter.js +0 -105
  203. package/lib/components/cell-formatter/link-formatter.js +0 -165
  204. package/lib/components/cell-formatter/long-text-formatter.js +0 -46
  205. package/lib/components/cell-formatter/mtime-formatter.js +0 -70
  206. package/lib/components/cell-formatter/multiple-select-formatter.js +0 -84
  207. package/lib/components/cell-formatter/number-formatter.js +0 -60
  208. package/lib/components/cell-formatter/rate-formatter.js +0 -93
  209. package/lib/components/cell-formatter/single-select-formatter.js +0 -84
  210. package/lib/components/cell-formatter/text-formatter.js +0 -67
  211. package/lib/components/cell-formatter/url-formatter.js +0 -45
  212. package/lib/components/cell-formatter/widgets/file-item-formatter.js +0 -63
  213. package/lib/components/cell-formatter/widgets/image-previewer-lightbox.js +0 -152
  214. package/lib/components/cell-formatter/widgets/long-text-formatter/html-long-text-formatter.js +0 -107
  215. package/lib/components/cell-formatter/widgets/long-text-formatter/simple-long-text-formatter.js +0 -110
  216. package/lib/components/common/images-lazy-load.js +0 -158
  217. package/lib/components/common/modal-portal.js +0 -51
  218. package/lib/components/common/select-item.js +0 -73
  219. package/lib/components/file-uploader/index.js +0 -63
  220. package/lib/components/loading.js +0 -16
  221. package/lib/components/toast/alert.js +0 -164
  222. package/lib/components/toast/index.js +0 -12
  223. package/lib/components/toast/toast.js +0 -223
  224. package/lib/components/toast/toastManager.js +0 -189
  225. package/lib/components/toast/toaster.js +0 -92
  226. package/lib/css/image-previewer-ligntbox.css +0 -87
  227. package/lib/css/loading.css +0 -54
@@ -1,62 +1,47 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports.default = void 0;
7
-
8
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
9
-
10
- var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _propTypes = _interopRequireDefault(require("prop-types"));
17
-
18
- var _lang = require("../../lang");
19
-
20
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
21
-
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
23
-
24
- var propTypes = {
25
- popoverPosition: _propTypes.default.object.isRequired,
26
- options: _propTypes.default.array.isRequired,
27
- selectedOptions: _propTypes.default.array.isRequired,
28
- onOptionItemToggle: _propTypes.default.func.isRequired,
29
- isSupportNewOption: _propTypes.default.bool,
30
- onAddNewOption: _propTypes.default.func
31
- };
1
+ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
3
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
5
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
6
+ import React from 'react';
7
+ import { getLocale } from '../../lang';
32
8
 
33
9
  var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
34
- (0, _inheritsLoose2.default)(PCSelectEditorPopover, _React$Component);
10
+ _inherits(PCSelectEditorPopover, _React$Component);
11
+
12
+ var _super = _createSuper(PCSelectEditorPopover);
35
13
 
36
14
  function PCSelectEditorPopover(props) {
37
15
  var _this;
38
16
 
39
- _this = _React$Component.call(this, props) || this;
40
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onValueChanged", function (event) {
17
+ _classCallCheck(this, PCSelectEditorPopover);
18
+
19
+ _this = _super.call(this, props);
20
+
21
+ _this.onValueChanged = function (event) {
41
22
  var value = event.target.value;
42
23
 
43
24
  _this.setState({
44
25
  searchValue: value
45
26
  });
46
- });
47
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputClick", function (event) {
27
+ };
28
+
29
+ _this.onInputClick = function (event) {
48
30
  event.nativeEvent.stopImmediatePropagation();
49
31
  event.stopPropagation();
50
- });
51
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onAddNewOption", function () {
32
+ };
33
+
34
+ _this.onAddNewOption = function () {
52
35
  var name = _this.state.searchValue.trim();
53
36
 
54
37
  _this.props.onAddNewOption(name);
55
- });
56
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onOptionItemToggle", function (item) {
38
+ };
39
+
40
+ _this.onOptionItemToggle = function (item) {
57
41
  _this.props.onOptionItemToggle(item);
58
- });
59
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getFilterOptions", function () {
42
+ };
43
+
44
+ _this.getFilterOptions = function () {
60
45
  var options = _this.props.options;
61
46
 
62
47
  var filter = _this.state.searchValue.toLowerCase();
@@ -68,8 +53,9 @@ var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
68
53
  return options.filter(function (option) {
69
54
  return option.name.toString().toLowerCase().indexOf(filter) > -1;
70
55
  });
71
- });
72
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptionStyle", function (option) {
56
+ };
57
+
58
+ _this.getOptionStyle = function (option) {
73
59
  var textColor = option.textColor || null;
74
60
  return {
75
61
  display: 'inline-block',
@@ -81,77 +67,77 @@ var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
81
67
  backgroundColor: option.color,
82
68
  color: textColor
83
69
  };
84
- });
70
+ };
71
+
85
72
  _this.state = {
86
73
  searchValue: ''
87
74
  };
88
75
  return _this;
89
76
  }
90
77
 
91
- var _proto = PCSelectEditorPopover.prototype;
92
-
93
- _proto.render = function render() {
94
- var _this2 = this;
95
-
96
- var options = this.getFilterOptions();
97
- var _this$props = this.props,
98
- popoverPosition = _this$props.popoverPosition,
99
- selectedOptions = _this$props.selectedOptions,
100
- isSupportNewOption = _this$props.isSupportNewOption;
101
- var searchValue = this.state.searchValue;
102
- var popoverStyle = Object.assign({}, _objectSpread({}, popoverPosition), {
103
- position: 'absolute'
104
- });
105
- return /*#__PURE__*/_react.default.createElement("div", {
106
- className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
107
- style: popoverStyle
108
- }, /*#__PURE__*/_react.default.createElement("div", {
109
- className: "select-options-search"
110
- }, /*#__PURE__*/_react.default.createElement("input", {
111
- className: "form-control",
112
- onChange: this.onValueChanged,
113
- onClick: this.onInputClick,
114
- placeholder: (0, _lang.getLocale)('Find_an_option')
115
- })), /*#__PURE__*/_react.default.createElement("div", {
116
- className: "select-options-container"
117
- }, options.length > 0 && options.map(function (option, index) {
118
- var optionStyle = _this2.getOptionStyle(option);
119
-
120
- var isSelect = selectedOptions.some(function (selectedOption) {
121
- return selectedOption.id === option.id;
78
+ _createClass(PCSelectEditorPopover, [{
79
+ key: "render",
80
+ value: function render() {
81
+ var _this2 = this;
82
+
83
+ var options = this.getFilterOptions();
84
+ var _this$props = this.props,
85
+ popoverPosition = _this$props.popoverPosition,
86
+ selectedOptions = _this$props.selectedOptions,
87
+ isSupportNewOption = _this$props.isSupportNewOption;
88
+ var searchValue = this.state.searchValue;
89
+ var popoverStyle = Object.assign({}, _objectSpread({}, popoverPosition), {
90
+ position: 'absolute'
122
91
  });
123
- return /*#__PURE__*/_react.default.createElement("div", {
124
- key: index,
125
- className: "select-option-item",
126
- onClick: _this2.onOptionItemToggle.bind(_this2, option)
127
- }, /*#__PURE__*/_react.default.createElement("div", {
128
- className: "option-info"
129
- }, /*#__PURE__*/_react.default.createElement("div", {
130
- className: "option-name",
131
- style: optionStyle
132
- }, option.name)), /*#__PURE__*/_react.default.createElement("div", {
133
- className: "option-checked"
134
- }, isSelect && /*#__PURE__*/_react.default.createElement("i", {
135
- className: "dtable-font dtable-icon-check-mark"
136
- })));
137
- }), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
138
- className: "search-option-null"
139
- }, (0, _lang.getLocale)('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/_react.default.createElement("div", {
140
- className: "select-options-add",
141
- onClick: this.onAddNewOption
142
- }, /*#__PURE__*/_react.default.createElement("i", {
143
- className: "dtable-font dtable-icon-add-table"
144
- }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_an_option'), ' ', searchValue)));
145
- };
92
+ return /*#__PURE__*/React.createElement("div", {
93
+ className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
94
+ style: popoverStyle
95
+ }, /*#__PURE__*/React.createElement("div", {
96
+ className: "select-options-search"
97
+ }, /*#__PURE__*/React.createElement("input", {
98
+ className: "form-control",
99
+ onChange: this.onValueChanged,
100
+ onClick: this.onInputClick,
101
+ placeholder: getLocale('Find_an_option')
102
+ })), /*#__PURE__*/React.createElement("div", {
103
+ className: "select-options-container"
104
+ }, options.length > 0 && options.map(function (option, index) {
105
+ var optionStyle = _this2.getOptionStyle(option);
106
+
107
+ var isSelect = selectedOptions.some(function (selectedOption) {
108
+ return selectedOption.id === option.id;
109
+ });
110
+ return /*#__PURE__*/React.createElement("div", {
111
+ key: index,
112
+ className: "select-option-item",
113
+ onClick: _this2.onOptionItemToggle.bind(_this2, option)
114
+ }, /*#__PURE__*/React.createElement("div", {
115
+ className: "option-info"
116
+ }, /*#__PURE__*/React.createElement("div", {
117
+ className: "option-name",
118
+ style: optionStyle
119
+ }, option.name)), /*#__PURE__*/React.createElement("div", {
120
+ className: "option-checked"
121
+ }, isSelect && /*#__PURE__*/React.createElement("i", {
122
+ className: "dtable-font dtable-icon-check-mark"
123
+ })));
124
+ }), options.length === 0 && /*#__PURE__*/React.createElement("div", {
125
+ className: "search-option-null"
126
+ }, getLocale('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/React.createElement("div", {
127
+ className: "select-options-add",
128
+ onClick: this.onAddNewOption
129
+ }, /*#__PURE__*/React.createElement("i", {
130
+ className: "dtable-font dtable-icon-add-table"
131
+ }), /*#__PURE__*/React.createElement("span", null, getLocale('Add_an_option'), ' ', searchValue)));
132
+ }
133
+ }]);
146
134
 
147
135
  return PCSelectEditorPopover;
148
- }(_react.default.Component);
136
+ }(React.Component);
149
137
 
150
- (0, _defineProperty2.default)(PCSelectEditorPopover, "defaultProps", {
138
+ PCSelectEditorPopover.defaultProps = {
151
139
  popoverPosition: {},
152
140
  options: [],
153
141
  isShowAddBtn: false
154
- });
155
- PCSelectEditorPopover.propTypes = propTypes;
156
- var _default = PCSelectEditorPopover;
157
- exports.default = _default;
142
+ };
143
+ export default PCSelectEditorPopover;
@@ -1,79 +1,63 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports.default = void 0;
7
-
8
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
9
-
10
- var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _propTypes = _interopRequireDefault(require("prop-types"));
17
-
18
- var propTypes = {
19
- collaborator: _propTypes.default.shape({
20
- name: _propTypes.default.string.isRequired,
21
- avatar_url: _propTypes.default.string.isRequired,
22
- email: _propTypes.default.string
23
- }),
24
- enableDeleteCollaborator: _propTypes.default.bool,
25
- onDeleteCollaborator: _propTypes.default.func
26
- };
1
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
2
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
3
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
4
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
5
+ import React from 'react';
27
6
 
28
7
  var CollaboratorItem = /*#__PURE__*/function (_React$Component) {
29
- (0, _inheritsLoose2.default)(CollaboratorItem, _React$Component);
8
+ _inherits(CollaboratorItem, _React$Component);
9
+
10
+ var _super = _createSuper(CollaboratorItem);
30
11
 
31
12
  function CollaboratorItem() {
32
13
  var _this;
33
14
 
15
+ _classCallCheck(this, CollaboratorItem);
16
+
34
17
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
35
18
  args[_key] = arguments[_key];
36
19
  }
37
20
 
38
- _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
39
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDeleteCollaborator", function () {
21
+ _this = _super.call.apply(_super, [this].concat(args));
22
+
23
+ _this.onDeleteCollaborator = function () {
40
24
  var collaborator = _this.props.collaborator;
41
25
 
42
26
  _this.props.onDeleteCollaborator(collaborator);
43
- });
27
+ };
28
+
44
29
  return _this;
45
30
  }
46
31
 
47
- var _proto = CollaboratorItem.prototype;
48
-
49
- _proto.render = function render() {
50
- var _this$props = this.props,
51
- collaborator = _this$props.collaborator,
52
- enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
53
- return /*#__PURE__*/_react.default.createElement("div", {
54
- className: "dtable-ui collaborator-item"
55
- }, /*#__PURE__*/_react.default.createElement("span", {
56
- className: "collaborator-avatar"
57
- }, /*#__PURE__*/_react.default.createElement("img", {
58
- className: "collaborator-avatar-icon",
59
- alt: collaborator.name,
60
- src: collaborator.avatar_url
61
- })), /*#__PURE__*/_react.default.createElement("span", {
62
- className: "collaborator-name"
63
- }, collaborator.name), enableDeleteCollaborator && /*#__PURE__*/_react.default.createElement("span", {
64
- className: "collaborator-remove",
65
- onClick: this.onDeleteCollaborator
66
- }, /*#__PURE__*/_react.default.createElement("i", {
67
- className: "dtable-font dtable-icon-fork-number"
68
- })));
69
- };
32
+ _createClass(CollaboratorItem, [{
33
+ key: "render",
34
+ value: function render() {
35
+ var _this$props = this.props,
36
+ collaborator = _this$props.collaborator,
37
+ enableDeleteCollaborator = _this$props.enableDeleteCollaborator;
38
+ return /*#__PURE__*/React.createElement("div", {
39
+ className: "dtable-ui collaborator-item"
40
+ }, /*#__PURE__*/React.createElement("span", {
41
+ className: "collaborator-avatar"
42
+ }, /*#__PURE__*/React.createElement("img", {
43
+ className: "collaborator-avatar-icon",
44
+ alt: collaborator.name,
45
+ src: collaborator.avatar_url
46
+ })), /*#__PURE__*/React.createElement("span", {
47
+ className: "collaborator-name"
48
+ }, collaborator.name), enableDeleteCollaborator && /*#__PURE__*/React.createElement("span", {
49
+ className: "collaborator-remove",
50
+ onClick: this.onDeleteCollaborator
51
+ }, /*#__PURE__*/React.createElement("i", {
52
+ className: "dtable-font dtable-icon-fork-number"
53
+ })));
54
+ }
55
+ }]);
70
56
 
71
57
  return CollaboratorItem;
72
- }(_react.default.Component);
58
+ }(React.Component);
73
59
 
74
- (0, _defineProperty2.default)(CollaboratorItem, "defaultProps", {
60
+ CollaboratorItem.defaultProps = {
75
61
  enableDelete: false
76
- });
77
- CollaboratorItem.propTypes = propTypes;
78
- var _default = CollaboratorItem;
79
- exports.default = _default;
62
+ };
63
+ export default CollaboratorItem;
@@ -1,37 +1,26 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports.default = void 0;
7
-
8
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
9
-
10
- var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _propTypes = _interopRequireDefault(require("prop-types"));
17
-
18
- var propTypes = {
19
- text: _propTypes.default.string.isRequired,
20
- onClick: _propTypes.default.func
21
- };
1
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
2
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
3
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
4
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
5
+ import React from 'react';
22
6
 
23
7
  var EditEditorButton = /*#__PURE__*/function (_React$Component) {
24
- (0, _inheritsLoose2.default)(EditEditorButton, _React$Component);
8
+ _inherits(EditEditorButton, _React$Component);
9
+
10
+ var _super = _createSuper(EditEditorButton);
25
11
 
26
12
  function EditEditorButton() {
27
13
  var _this;
28
14
 
15
+ _classCallCheck(this, EditEditorButton);
16
+
29
17
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
30
18
  args[_key] = arguments[_key];
31
19
  }
32
20
 
33
- _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
34
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getStyle", function () {
21
+ _this = _super.call.apply(_super, [this].concat(args));
22
+
23
+ _this.getStyle = function () {
35
24
  return {
36
25
  display: 'inline-block',
37
26
  padding: '0 12px',
@@ -44,24 +33,24 @@ var EditEditorButton = /*#__PURE__*/function (_React$Component) {
44
33
  cursor: 'pointer',
45
34
  userSelect: 'none'
46
35
  };
47
- });
36
+ };
37
+
48
38
  return _this;
49
39
  }
50
40
 
51
- var _proto = EditEditorButton.prototype;
52
-
53
- _proto.render = function render() {
54
- var text = this.props.text;
55
- var style = this.getStyle();
56
- return /*#__PURE__*/_react.default.createElement("span", {
57
- style: style,
58
- onClick: this.props.onClick
59
- }, text);
60
- };
41
+ _createClass(EditEditorButton, [{
42
+ key: "render",
43
+ value: function render() {
44
+ var text = this.props.text;
45
+ var style = this.getStyle();
46
+ return /*#__PURE__*/React.createElement("span", {
47
+ style: style,
48
+ onClick: this.props.onClick
49
+ }, text);
50
+ }
51
+ }]);
61
52
 
62
53
  return EditEditorButton;
63
- }(_react.default.Component);
54
+ }(React.Component);
64
55
 
65
- EditEditorButton.propTypes = propTypes;
66
- var _default = EditEditorButton;
67
- exports.default = _default;
56
+ export default EditEditorButton;
@@ -1,44 +1,33 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- exports.__esModule = true;
6
- exports.default = void 0;
7
-
8
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
9
-
10
- var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _react = _interopRequireDefault(require("react"));
15
-
16
- var _propTypes = _interopRequireDefault(require("prop-types"));
17
-
18
- var propTypes = {
19
- option: _propTypes.default.object.isRequired,
20
- isShowRemoveIcon: _propTypes.default.bool,
21
- onDeleteLinkOption: _propTypes.default.func
22
- };
1
+ import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
2
+ import _createClass from "@babel/runtime/helpers/esm/createClass";
3
+ import _inherits from "@babel/runtime/helpers/esm/inherits";
4
+ import _createSuper from "@babel/runtime/helpers/esm/createSuper";
5
+ import React from 'react';
23
6
 
24
7
  var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
25
- (0, _inheritsLoose2.default)(LinkEditorOption, _React$Component);
8
+ _inherits(LinkEditorOption, _React$Component);
9
+
10
+ var _super = _createSuper(LinkEditorOption);
26
11
 
27
12
  function LinkEditorOption() {
28
13
  var _this;
29
14
 
15
+ _classCallCheck(this, LinkEditorOption);
16
+
30
17
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
31
18
  args[_key] = arguments[_key];
32
19
  }
33
20
 
34
- _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
35
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDeleteOption", function (event) {
21
+ _this = _super.call.apply(_super, [this].concat(args));
22
+
23
+ _this.onDeleteOption = function (event) {
36
24
  event.nativeEvent.stopImmediatePropagation();
37
25
  event.stopPropagation();
38
26
 
39
27
  _this.props.onDeleteLinkOption(_this.props.option);
40
- });
41
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getContainerStyle", function () {
28
+ };
29
+
30
+ _this.getContainerStyle = function () {
42
31
  return {
43
32
  display: 'inline-flex',
44
33
  marginRight: '10px',
@@ -49,24 +38,27 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
49
38
  background: '#eceff4',
50
39
  cursor: 'pointer'
51
40
  };
52
- });
53
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptionStyle", function () {
41
+ };
42
+
43
+ _this.getOptionStyle = function () {
54
44
  return {
55
45
  flex: 1,
56
46
  display: 'flex',
57
47
  alignContent: 'center',
58
48
  margin: '0 4px 0 2px'
59
49
  };
60
- });
61
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptionNameStyle", function () {
50
+ };
51
+
52
+ _this.getOptionNameStyle = function () {
62
53
  return {
63
54
  maxWidth: '230px',
64
55
  overflow: 'hidden',
65
56
  whiteSpace: 'nowrap',
66
57
  textOverflow: 'ellipsis'
67
58
  };
68
- });
69
- (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOperationStyle", function () {
59
+ };
60
+
61
+ _this.getOperationStyle = function () {
70
62
  return {
71
63
  height: '20px',
72
64
  width: '16px',
@@ -74,48 +66,48 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
74
66
  color: '#909090',
75
67
  transform: 'scale(.8)'
76
68
  };
77
- });
69
+ };
70
+
78
71
  return _this;
79
72
  }
80
73
 
81
- var _proto = LinkEditorOption.prototype;
82
-
83
- _proto.render = function render() {
84
- var _this$props = this.props,
85
- option = _this$props.option,
86
- isShowRemoveIcon = _this$props.isShowRemoveIcon;
87
- var containerStyle = this.getContainerStyle();
88
- var optionStyle = this.getOptionStyle();
89
- var optionNameStyle = this.getOptionNameStyle();
90
- var operationStyle = this.getOperationStyle();
91
- return /*#__PURE__*/_react.default.createElement("div", {
92
- className: "dtable-ui link-option-item",
93
- style: containerStyle
94
- }, /*#__PURE__*/_react.default.createElement("div", {
95
- className: "option-info",
96
- style: optionStyle
97
- }, /*#__PURE__*/_react.default.createElement("div", {
98
- className: "option-name",
99
- style: optionNameStyle
100
- }, option.name)), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("div", {
101
- className: "option-remove",
102
- style: operationStyle,
103
- onClick: this.onDeleteOption
104
- }, /*#__PURE__*/_react.default.createElement("i", {
105
- className: "dtable-font dtable-icon-fork-number",
106
- style: {
107
- fontSize: '12px',
108
- lineHeight: '20px'
109
- }
110
- })));
111
- };
74
+ _createClass(LinkEditorOption, [{
75
+ key: "render",
76
+ value: function render() {
77
+ var _this$props = this.props,
78
+ option = _this$props.option,
79
+ isShowRemoveIcon = _this$props.isShowRemoveIcon;
80
+ var containerStyle = this.getContainerStyle();
81
+ var optionStyle = this.getOptionStyle();
82
+ var optionNameStyle = this.getOptionNameStyle();
83
+ var operationStyle = this.getOperationStyle();
84
+ return /*#__PURE__*/React.createElement("div", {
85
+ className: "dtable-ui link-option-item",
86
+ style: containerStyle
87
+ }, /*#__PURE__*/React.createElement("div", {
88
+ className: "option-info",
89
+ style: optionStyle
90
+ }, /*#__PURE__*/React.createElement("div", {
91
+ className: "option-name",
92
+ style: optionNameStyle
93
+ }, option.name)), isShowRemoveIcon && /*#__PURE__*/React.createElement("div", {
94
+ className: "option-remove",
95
+ style: operationStyle,
96
+ onClick: this.onDeleteOption
97
+ }, /*#__PURE__*/React.createElement("i", {
98
+ className: "dtable-font dtable-icon-fork-number",
99
+ style: {
100
+ fontSize: '12px',
101
+ lineHeight: '20px'
102
+ }
103
+ })));
104
+ }
105
+ }]);
112
106
 
113
107
  return LinkEditorOption;
114
- }(_react.default.Component);
108
+ }(React.Component);
115
109
 
116
- (0, _defineProperty2.default)(LinkEditorOption, "defaultProps", {
110
+ LinkEditorOption.defaultProps = {
117
111
  isShowRemoveIcon: false
118
- });
119
- LinkEditorOption.propTypes = propTypes;
120
- var _default = LinkEditorOption;
121
- exports.default = _default;
112
+ };
113
+ export default LinkEditorOption;