dtable-ui-component 0.1.75-beta3 → 0.1.75-beta4

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 (223) hide show
  1. package/lib/AutoNumberFormatter/index.js +27 -38
  2. package/lib/ButtonFormatter/index.js +47 -59
  3. package/lib/CTimeFormatter/index.js +39 -53
  4. package/lib/CheckboxFormatter/index.js +35 -48
  5. package/lib/CollaboratorFormatter/index.js +42 -64
  6. package/lib/CollaboratorItem/index.js +44 -61
  7. package/lib/CreatorFormatter/index.js +42 -62
  8. package/lib/DateFormatter/index.js +40 -55
  9. package/lib/DurationFormatter/index.js +29 -42
  10. package/lib/EmailFormatter/index.js +27 -38
  11. package/lib/FileFormatter/index.js +50 -65
  12. package/lib/FileItemFormatter/index.js +32 -44
  13. package/lib/FileUploader/index.js +34 -44
  14. package/lib/FormulaFormatter/index.js +81 -102
  15. package/lib/GeolocationFormatter/index.js +35 -50
  16. package/lib/ImageFormatter/images-lazy-load.js +73 -81
  17. package/lib/ImageFormatter/index.js +90 -109
  18. package/lib/ImagePreviewerLightbox/index.js +27 -60
  19. package/lib/LastModifierFormatter/index.js +42 -62
  20. package/lib/LinkFormatter/index.js +59 -80
  21. package/lib/Loading/index.js +4 -13
  22. package/lib/LongTextFormatter/html-long-text-formatter.js +49 -60
  23. package/lib/LongTextFormatter/index.js +9 -28
  24. package/lib/LongTextFormatter/simple-long-text-formatter.js +52 -58
  25. package/lib/MTimeFormatter/index.js +39 -53
  26. package/lib/ModalPortal/index.js +30 -37
  27. package/lib/MultipleSelectFormatter/index.js +39 -55
  28. package/lib/NumberFormatter/index.js +35 -50
  29. package/lib/RateFormatter/index.js +37 -52
  30. package/lib/SelectItem/index.js +31 -46
  31. package/lib/SingleSelectFormatter/index.js +38 -54
  32. package/lib/TextFormatter/index.js +31 -44
  33. package/lib/UrlFormatter/index.js +27 -38
  34. package/lib/app.js +75 -80
  35. package/lib/cellFormatterFactory/index.js +17 -20
  36. package/lib/components/cell-editor/checkbox-editor.js +59 -66
  37. package/lib/components/cell-editor/collaborator-editor.js +113 -126
  38. package/lib/components/cell-editor/date-editor.js +99 -119
  39. package/lib/components/cell-editor/index.js +9 -40
  40. package/lib/components/cell-editor/link-editor.js +122 -140
  41. package/lib/components/cell-editor/multiple-select-editor.js +114 -127
  42. package/lib/components/cell-editor/number-editor.js +78 -86
  43. package/lib/components/cell-editor/single-select-editor.js +106 -120
  44. package/lib/components/cell-editor/text-editor.js +65 -72
  45. package/lib/components/cell-editor-dialog/pc-file-editor-dialog.js +31 -51
  46. package/lib/components/cell-editor-dialog/pc-files-addition/index.js +0 -1
  47. package/lib/components/cell-editor-dialog/pc-files-addition/pc-file-uploaded-item.js +0 -1
  48. package/lib/components/cell-editor-dialog/pc-files-preview/index.js +0 -1
  49. package/lib/components/cell-editor-dialog/pc-files-preview/pc-file-item-preview.js +0 -1
  50. package/lib/components/cell-editor-popover/mb-collaborator-editor-popover.js +105 -111
  51. package/lib/components/cell-editor-popover/mb-date-editor-popover.js +140 -157
  52. package/lib/components/cell-editor-popover/mb-link-editor-popover.js +103 -109
  53. package/lib/components/cell-editor-popover/mb-select-editor-popover.js +142 -155
  54. package/lib/components/cell-editor-popover/pc-collaborator-editor-popover.js +74 -89
  55. package/lib/components/cell-editor-popover/pc-date-editor-popover.js +88 -102
  56. package/lib/components/cell-editor-popover/pc-link-editor-popover.js +77 -91
  57. package/lib/components/cell-editor-popover/pc-select-editor-popover.js +91 -105
  58. package/lib/components/common/collaborator-item.js +43 -59
  59. package/lib/components/common/edit-editor-button.js +28 -39
  60. package/lib/components/common/link-editor-option.js +63 -71
  61. package/lib/components/common/mobile/mb-editor-header.js +39 -52
  62. package/lib/components/common/select-editor-option.js +58 -74
  63. package/lib/constants/cell-types.js +25 -54
  64. package/lib/constants/index.js +5 -28
  65. package/lib/formatterConfig/index.js +28 -59
  66. package/lib/index.js +31 -139
  67. package/lib/lang/index.js +11 -27
  68. package/lib/locals/de.js +1 -6
  69. package/lib/locals/en.js +1 -6
  70. package/lib/locals/fr.js +1 -6
  71. package/lib/locals/zh-CN.js +1 -6
  72. package/lib/toaster/alert.js +92 -106
  73. package/lib/toaster/index.js +3 -12
  74. package/lib/toaster/toast.js +103 -147
  75. package/lib/toaster/toastManager.js +78 -97
  76. package/lib/toaster/toaster.js +36 -52
  77. package/lib/utils/cell-value-validator.js +5 -9
  78. package/lib/utils/column-utils.js +5 -13
  79. package/lib/utils/editor-utils.js +3 -13
  80. package/lib/utils/markdown2html.js +1 -7
  81. package/lib/utils/normalize-long-text-value.js +1 -6
  82. package/lib/utils/number-precision.js +13 -31
  83. package/lib/utils/utils.js +8 -33
  84. package/lib/utils/value-format-utils.js +58 -108
  85. package/package.json +5 -5
  86. package/es/AutoNumberFormatter/index.css +0 -1
  87. package/es/AutoNumberFormatter/index.js +0 -36
  88. package/es/ButtonFormatter/index.css +0 -13
  89. package/es/ButtonFormatter/index.js +0 -56
  90. package/es/CTimeFormatter/index.css +0 -1
  91. package/es/CTimeFormatter/index.js +0 -58
  92. package/es/CheckboxFormatter/index.css +0 -1
  93. package/es/CheckboxFormatter/index.js +0 -45
  94. package/es/CollaboratorFormatter/index.css +0 -1
  95. package/es/CollaboratorFormatter/index.js +0 -91
  96. package/es/CollaboratorItem/index.css +0 -49
  97. package/es/CollaboratorItem/index.js +0 -64
  98. package/es/CreatorFormatter/index.css +0 -1
  99. package/es/CreatorFormatter/index.js +0 -87
  100. package/es/DateFormatter/index.css +0 -1
  101. package/es/DateFormatter/index.js +0 -60
  102. package/es/DurationFormatter/index.css +0 -1
  103. package/es/DurationFormatter/index.js +0 -38
  104. package/es/EmailFormatter/index.css +0 -5
  105. package/es/EmailFormatter/index.js +0 -36
  106. package/es/FileFormatter/index.css +0 -29
  107. package/es/FileFormatter/index.js +0 -64
  108. package/es/FileItemFormatter/index.js +0 -50
  109. package/es/FileUploader/index.js +0 -53
  110. package/es/FormulaFormatter/index.css +0 -19
  111. package/es/FormulaFormatter/index.js +0 -164
  112. package/es/GeolocationFormatter/index.css +0 -1
  113. package/es/GeolocationFormatter/index.js +0 -53
  114. package/es/ImageFormatter/images-lazy-load.js +0 -150
  115. package/es/ImageFormatter/index.css +0 -34
  116. package/es/ImageFormatter/index.js +0 -154
  117. package/es/ImagePreviewerLightbox/index.css +0 -87
  118. package/es/ImagePreviewerLightbox/index.js +0 -119
  119. package/es/LastModifierFormatter/index.css +0 -1
  120. package/es/LastModifierFormatter/index.js +0 -87
  121. package/es/LinkFormatter/index.css +0 -27
  122. package/es/LinkFormatter/index.js +0 -144
  123. package/es/Loading/index.css +0 -54
  124. package/es/Loading/index.js +0 -7
  125. package/es/LongTextFormatter/html-long-text-formatter.js +0 -96
  126. package/es/LongTextFormatter/index.css +0 -63
  127. package/es/LongTextFormatter/index.js +0 -29
  128. package/es/LongTextFormatter/simple-long-text-formatter.js +0 -104
  129. package/es/MTimeFormatter/index.css +0 -1
  130. package/es/MTimeFormatter/index.js +0 -58
  131. package/es/ModalPortal/index.js +0 -44
  132. package/es/MultipleSelectFormatter/index.css +0 -1
  133. package/es/MultipleSelectFormatter/index.js +0 -70
  134. package/es/NumberFormatter/index.css +0 -1
  135. package/es/NumberFormatter/index.js +0 -47
  136. package/es/RateFormatter/index.css +0 -1
  137. package/es/RateFormatter/index.js +0 -80
  138. package/es/SelectItem/index.js +0 -58
  139. package/es/SingleSelectFormatter/index.css +0 -1
  140. package/es/SingleSelectFormatter/index.js +0 -70
  141. package/es/TextFormatter/index.css +0 -1
  142. package/es/TextFormatter/index.js +0 -56
  143. package/es/UrlFormatter/index.css +0 -5
  144. package/es/UrlFormatter/index.js +0 -36
  145. package/es/app.css +0 -20
  146. package/es/app.js +0 -91
  147. package/es/assets/images/avatar/default_avatar.png +0 -0
  148. package/es/assets/images/file/192/excel.png +0 -0
  149. package/es/assets/images/file/192/file.png +0 -0
  150. package/es/assets/images/file/192/music.png +0 -0
  151. package/es/assets/images/file/192/pdf.png +0 -0
  152. package/es/assets/images/file/192/pic.png +0 -0
  153. package/es/assets/images/file/192/ppt.png +0 -0
  154. package/es/assets/images/file/192/txt.png +0 -0
  155. package/es/assets/images/file/192/video.png +0 -0
  156. package/es/assets/images/file/192/word.png +0 -0
  157. package/es/assets/images/file/24/excel.png +0 -0
  158. package/es/assets/images/file/24/file.png +0 -0
  159. package/es/assets/images/file/24/music.png +0 -0
  160. package/es/assets/images/file/24/pdf.png +0 -0
  161. package/es/assets/images/file/24/pic.png +0 -0
  162. package/es/assets/images/file/24/ppt.png +0 -0
  163. package/es/assets/images/file/24/txt.png +0 -0
  164. package/es/assets/images/file/24/video.png +0 -0
  165. package/es/assets/images/file/24/word.png +0 -0
  166. package/es/assets/images/folder/folder-192.png +0 -0
  167. package/es/assets/images/folder/folder-24.png +0 -0
  168. package/es/cellFormatterFactory/index.js +0 -25
  169. package/es/components/cell-editor/checkbox-editor.js +0 -104
  170. package/es/components/cell-editor/collaborator-editor.js +0 -236
  171. package/es/components/cell-editor/date-editor.js +0 -151
  172. package/es/components/cell-editor/index.js +0 -9
  173. package/es/components/cell-editor/link-editor.js +0 -303
  174. package/es/components/cell-editor/multiple-select-editor.js +0 -237
  175. package/es/components/cell-editor/number-editor.js +0 -154
  176. package/es/components/cell-editor/single-select-editor.js +0 -202
  177. package/es/components/cell-editor/text-editor.js +0 -122
  178. package/es/components/cell-editor-dialog/pc-file-editor-dialog.js +0 -46
  179. package/es/components/cell-editor-dialog/pc-files-addition/index.js +0 -0
  180. package/es/components/cell-editor-dialog/pc-files-addition/pc-file-uploaded-item.js +0 -0
  181. package/es/components/cell-editor-dialog/pc-files-preview/index.js +0 -0
  182. package/es/components/cell-editor-dialog/pc-files-preview/pc-file-item-preview.js +0 -0
  183. package/es/components/cell-editor-popover/mb-collaborator-editor-popover.js +0 -177
  184. package/es/components/cell-editor-popover/mb-date-editor-popover.js +0 -245
  185. package/es/components/cell-editor-popover/mb-link-editor-popover.js +0 -170
  186. package/es/components/cell-editor-popover/mb-select-editor-popover.js +0 -230
  187. package/es/components/cell-editor-popover/pc-collaborator-editor-popover.js +0 -109
  188. package/es/components/cell-editor-popover/pc-date-editor-popover.js +0 -142
  189. package/es/components/cell-editor-popover/pc-link-editor-popover.js +0 -114
  190. package/es/components/cell-editor-popover/pc-select-editor-popover.js +0 -143
  191. package/es/components/common/collaborator-item.js +0 -63
  192. package/es/components/common/edit-editor-button.js +0 -56
  193. package/es/components/common/link-editor-option.js +0 -113
  194. package/es/components/common/mobile/mb-editor-header.js +0 -48
  195. package/es/components/common/select-editor-option.js +0 -106
  196. package/es/constants/cell-types.js +0 -25
  197. package/es/constants/index.js +0 -49
  198. package/es/css/cell-editor.css +0 -614
  199. package/es/css/cell-formatter.css +0 -4
  200. package/es/css/custom-rc-calendar.css +0 -118
  201. package/es/formatterConfig/index.js +0 -31
  202. package/es/index.js +0 -31
  203. package/es/lang/index.js +0 -50
  204. package/es/locals/de.js +0 -2
  205. package/es/locals/en.js +0 -17
  206. package/es/locals/fr.js +0 -2
  207. package/es/locals/zh-CN.js +0 -17
  208. package/es/toaster/alert.js +0 -150
  209. package/es/toaster/index.js +0 -3
  210. package/es/toaster/toast.js +0 -179
  211. package/es/toaster/toastManager.js +0 -170
  212. package/es/toaster/toaster.js +0 -76
  213. package/es/utils/cell-value-validator.js +0 -31
  214. package/es/utils/column-utils.js +0 -7
  215. package/es/utils/editor-utils.js +0 -71
  216. package/es/utils/markdown2html.js +0 -62
  217. package/es/utils/normalize-long-text-value.js +0 -69
  218. package/es/utils/number-precision.js +0 -164
  219. package/es/utils/unified/index.js +0 -470
  220. package/es/utils/utils.js +0 -116
  221. package/es/utils/value-format-utils.js +0 -497
  222. package/es/utils/vfile/core.js +0 -172
  223. package/es/utils/vfile/index.js +0 -48
@@ -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;