dtable-ui-component 0.1.75-beta → 0.1.75-beta1

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 (115) hide show
  1. package/lib/app.css +20 -0
  2. package/lib/app.js +96 -0
  3. package/lib/assets/images/avatar/default_avatar.png +0 -0
  4. package/lib/assets/images/file/192/excel.png +0 -0
  5. package/lib/assets/images/file/192/file.png +0 -0
  6. package/lib/assets/images/file/192/music.png +0 -0
  7. package/lib/assets/images/file/192/pdf.png +0 -0
  8. package/lib/assets/images/file/192/pic.png +0 -0
  9. package/lib/assets/images/file/192/ppt.png +0 -0
  10. package/lib/assets/images/file/192/txt.png +0 -0
  11. package/lib/assets/images/file/192/video.png +0 -0
  12. package/lib/assets/images/file/192/word.png +0 -0
  13. package/lib/assets/images/file/24/excel.png +0 -0
  14. package/lib/assets/images/file/24/file.png +0 -0
  15. package/lib/assets/images/file/24/music.png +0 -0
  16. package/lib/assets/images/file/24/pdf.png +0 -0
  17. package/lib/assets/images/file/24/pic.png +0 -0
  18. package/lib/assets/images/file/24/ppt.png +0 -0
  19. package/lib/assets/images/file/24/txt.png +0 -0
  20. package/lib/assets/images/file/24/video.png +0 -0
  21. package/lib/assets/images/file/24/word.png +0 -0
  22. package/lib/assets/images/folder/folder-192.png +0 -0
  23. package/lib/assets/images/folder/folder-24.png +0 -0
  24. package/lib/components/cell-editor/checkbox-editor.js +111 -0
  25. package/lib/components/cell-editor/collaborator-editor.js +249 -0
  26. package/lib/components/cell-editor/date-editor.js +171 -0
  27. package/lib/components/cell-editor/index.js +40 -0
  28. package/lib/components/cell-editor/link-editor.js +321 -0
  29. package/lib/components/cell-editor/multiple-select-editor.js +250 -0
  30. package/lib/components/cell-editor/number-editor.js +162 -0
  31. package/lib/components/cell-editor/single-select-editor.js +216 -0
  32. package/lib/components/cell-editor/text-editor.js +129 -0
  33. package/lib/components/cell-editor-dialog/pc-file-editor-dialog.js +66 -0
  34. package/lib/components/cell-editor-dialog/pc-files-addition/index.js +1 -0
  35. package/lib/components/cell-editor-dialog/pc-files-addition/pc-file-uploaded-item.js +1 -0
  36. package/lib/components/cell-editor-dialog/pc-files-preview/index.js +1 -0
  37. package/lib/components/cell-editor-dialog/pc-files-preview/pc-file-item-preview.js +1 -0
  38. package/lib/components/cell-editor-popover/mb-collaborator-editor-popover.js +183 -0
  39. package/lib/components/cell-editor-popover/mb-date-editor-popover.js +262 -0
  40. package/lib/components/cell-editor-popover/mb-link-editor-popover.js +176 -0
  41. package/lib/components/cell-editor-popover/mb-select-editor-popover.js +243 -0
  42. package/lib/components/cell-editor-popover/pc-collaborator-editor-popover.js +124 -0
  43. package/lib/components/cell-editor-popover/pc-date-editor-popover.js +156 -0
  44. package/lib/components/cell-editor-popover/pc-link-editor-popover.js +128 -0
  45. package/lib/components/cell-editor-popover/pc-select-editor-popover.js +157 -0
  46. package/lib/components/cell-factory/cell-formatter-factory.js +28 -0
  47. package/lib/components/cell-formatter/auto-number-formatter.js +45 -0
  48. package/lib/components/cell-formatter/button-formatter.js +66 -0
  49. package/lib/components/cell-formatter/checkbox-formatter.js +56 -0
  50. package/lib/components/cell-formatter/collaborator-formatter.js +111 -0
  51. package/lib/components/cell-formatter/creator-formatter.js +105 -0
  52. package/lib/components/cell-formatter/ctime-formatter.js +70 -0
  53. package/lib/components/cell-formatter/date-formatter.js +73 -0
  54. package/lib/components/cell-formatter/duration-formatter.js +49 -0
  55. package/lib/components/cell-formatter/email-formatter.js +45 -0
  56. package/lib/components/cell-formatter/file-formatter.js +77 -0
  57. package/lib/components/cell-formatter/formatter-config.js +66 -0
  58. package/lib/components/cell-formatter/formula-formatter.js +189 -0
  59. package/lib/components/cell-formatter/geolocation-formatter.js +66 -0
  60. package/lib/components/cell-formatter/image-formatter.js +171 -0
  61. package/lib/components/cell-formatter/index.js +112 -0
  62. package/lib/components/cell-formatter/last-modifier-formatter.js +105 -0
  63. package/lib/components/cell-formatter/link-formatter.js +165 -0
  64. package/lib/components/cell-formatter/long-text-formatter.js +46 -0
  65. package/lib/components/cell-formatter/mtime-formatter.js +70 -0
  66. package/lib/components/cell-formatter/multiple-select-formatter.js +84 -0
  67. package/lib/components/cell-formatter/number-formatter.js +60 -0
  68. package/lib/components/cell-formatter/rate-formatter.js +93 -0
  69. package/lib/components/cell-formatter/single-select-formatter.js +84 -0
  70. package/lib/components/cell-formatter/text-formatter.js +67 -0
  71. package/lib/components/cell-formatter/url-formatter.js +45 -0
  72. package/lib/components/cell-formatter/widgets/file-item-formatter.js +63 -0
  73. package/lib/components/cell-formatter/widgets/image-previewer-lightbox.js +152 -0
  74. package/lib/components/cell-formatter/widgets/long-text-formatter/html-long-text-formatter.js +107 -0
  75. package/lib/components/cell-formatter/widgets/long-text-formatter/simple-long-text-formatter.js +110 -0
  76. package/lib/components/common/collaborator-item.js +79 -0
  77. package/lib/components/common/edit-editor-button.js +67 -0
  78. package/lib/components/common/images-lazy-load.js +158 -0
  79. package/lib/components/common/link-editor-option.js +121 -0
  80. package/lib/components/common/mobile/mb-editor-header.js +61 -0
  81. package/lib/components/common/modal-portal.js +51 -0
  82. package/lib/components/common/select-editor-option.js +122 -0
  83. package/lib/components/common/select-item.js +73 -0
  84. package/lib/components/file-uploader/index.js +63 -0
  85. package/lib/components/loading.js +16 -0
  86. package/lib/components/toast/alert.js +164 -0
  87. package/lib/components/toast/index.js +12 -0
  88. package/lib/components/toast/toast.js +223 -0
  89. package/lib/components/toast/toastManager.js +189 -0
  90. package/lib/components/toast/toaster.js +92 -0
  91. package/lib/constants/cell-types.js +54 -0
  92. package/lib/constants/index.js +70 -0
  93. package/lib/css/cell-editor.css +614 -0
  94. package/lib/css/cell-formatter.css +247 -0
  95. package/lib/css/custom-rc-calendar.css +118 -0
  96. package/lib/css/image-previewer-ligntbox.css +87 -0
  97. package/lib/css/loading.css +54 -0
  98. package/lib/index.js +64 -0
  99. package/lib/lang/index.js +66 -0
  100. package/lib/locals/de.js +7 -0
  101. package/lib/locals/en.js +22 -0
  102. package/lib/locals/fr.js +7 -0
  103. package/lib/locals/zh-CN.js +22 -0
  104. package/lib/utils/cell-value-validator.js +41 -0
  105. package/lib/utils/column-utils.js +15 -0
  106. package/lib/utils/editor-utils.js +81 -0
  107. package/lib/utils/markdown2html.js +68 -0
  108. package/lib/utils/normalize-long-text-value.js +74 -0
  109. package/lib/utils/number-precision.js +181 -0
  110. package/lib/utils/unified/index.js +470 -0
  111. package/lib/utils/utils.js +141 -0
  112. package/lib/utils/value-format-utils.js +545 -0
  113. package/lib/utils/vfile/core.js +172 -0
  114. package/lib/utils/vfile/index.js +48 -0
  115. package/package.json +3 -3
@@ -0,0 +1,111 @@
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 _astroClassname = _interopRequireDefault(require("astro-classname"));
19
+
20
+ var _collaboratorItem = _interopRequireDefault(require("../common/collaborator-item"));
21
+
22
+ var _default_avatar = _interopRequireDefault(require("../../assets/images/avatar/default_avatar.png"));
23
+
24
+ var propTypes = {
25
+ containerClassName: _propTypes.default.string,
26
+ value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]).isRequired,
27
+ collaborators: _propTypes.default.arrayOf(_propTypes.default.exact({
28
+ email: _propTypes.default.string.isRequired,
29
+ name: _propTypes.default.string.isRequired,
30
+ contact_email: _propTypes.default.string.isRequired,
31
+ avatar_url: _propTypes.default.string.isRequired
32
+ })),
33
+ enableDeleteCollaborator: _propTypes.default.bool,
34
+ onDeleteCollaborator: _propTypes.default.func
35
+ }; // there will be there conditions
36
+ // 1 value is not exist, typeof value is array, but it's length is 0
37
+ // 2 value is exist, but can't find in collaborators
38
+ // 3 value is exist, typeof value is a string
39
+ // 4 value is exist, typeof value is array
40
+
41
+ var CollaboratorFormatter = /*#__PURE__*/function (_React$PureComponent) {
42
+ (0, _inheritsLoose2.default)(CollaboratorFormatter, _React$PureComponent);
43
+
44
+ function CollaboratorFormatter() {
45
+ var _this;
46
+
47
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
48
+ args[_key] = arguments[_key];
49
+ }
50
+
51
+ _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
52
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCollaborators", function () {
53
+ var _this$props = _this.props,
54
+ value = _this$props.value,
55
+ collaborators = _this$props.collaborators,
56
+ enableDeleteCollaborator = _this$props.enableDeleteCollaborator,
57
+ onDeleteCollaborator = _this$props.onDeleteCollaborator;
58
+
59
+ if (!Array.isArray(value)) {
60
+ value = [value];
61
+ }
62
+
63
+ return value.map(function (item, index) {
64
+ var collaborator = collaborators.find(function (collaborator) {
65
+ return collaborator.email === item;
66
+ });
67
+
68
+ if (!collaborator) {
69
+ collaborator = {
70
+ name: item,
71
+ avatar_url: _default_avatar.default
72
+ };
73
+ }
74
+
75
+ return /*#__PURE__*/_react.default.createElement(_collaboratorItem.default, {
76
+ key: index,
77
+ collaborator: collaborator,
78
+ enableDeleteCollaborator: enableDeleteCollaborator,
79
+ onDeleteCollaborator: onDeleteCollaborator
80
+ });
81
+ });
82
+ });
83
+ return _this;
84
+ }
85
+
86
+ var _proto = CollaboratorFormatter.prototype;
87
+
88
+ _proto.render = function render() {
89
+ var _this$props2 = this.props,
90
+ containerClassName = _this$props2.containerClassName,
91
+ value = _this$props2.value;
92
+ var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container collaborator-formatter', containerClassName);
93
+
94
+ if (!value || Array.isArray(value) && value.length === 0) {
95
+ return /*#__PURE__*/_react.default.createElement("div", {
96
+ className: classname
97
+ });
98
+ }
99
+
100
+ var collaborators = this.getCollaborators();
101
+ return /*#__PURE__*/_react.default.createElement("div", {
102
+ className: classname
103
+ }, collaborators);
104
+ };
105
+
106
+ return CollaboratorFormatter;
107
+ }(_react.default.PureComponent);
108
+
109
+ CollaboratorFormatter.propTypes = propTypes;
110
+ var _default = CollaboratorFormatter;
111
+ exports.default = _default;
@@ -0,0 +1,105 @@
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 _astroClassname = _interopRequireDefault(require("astro-classname"));
19
+
20
+ var _collaboratorItem = _interopRequireDefault(require("../common/collaborator-item"));
21
+
22
+ var _default_avatar = _interopRequireDefault(require("../../assets/images/avatar/default_avatar.png"));
23
+
24
+ var propTypes = {
25
+ containerClassName: _propTypes.default.string,
26
+ value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]).isRequired,
27
+ collaborators: _propTypes.default.arrayOf(_propTypes.default.exact({
28
+ email: _propTypes.default.string.isRequired,
29
+ name: _propTypes.default.string.isRequired,
30
+ contact_email: _propTypes.default.string.isRequired,
31
+ avatar_url: _propTypes.default.string.isRequired
32
+ }))
33
+ }; // there will be there conditions
34
+ // 1 value is not exist, typeof value is array, but it's length is 0
35
+ // 2 value is exist, but can't find in collaborators
36
+ // 3 value is exist, typeof value is a string
37
+ // 4 value is exist, typeof value is array
38
+
39
+ var CreatorFormatter = /*#__PURE__*/function (_React$PureComponent) {
40
+ (0, _inheritsLoose2.default)(CreatorFormatter, _React$PureComponent);
41
+
42
+ function CreatorFormatter() {
43
+ var _this;
44
+
45
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
46
+ args[_key] = arguments[_key];
47
+ }
48
+
49
+ _this = _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args)) || this;
50
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getCollaborators", function () {
51
+ var _this$props = _this.props,
52
+ value = _this$props.value,
53
+ collaborators = _this$props.collaborators;
54
+
55
+ if (!Array.isArray(value)) {
56
+ value = [value];
57
+ }
58
+
59
+ return value.map(function (item, index) {
60
+ var collaborator = collaborators.find(function (collaborator) {
61
+ return collaborator.email === item;
62
+ }); // the collaborator can be not exist, because the row created by third app
63
+
64
+ if (!collaborator) {
65
+ collaborator = {
66
+ name: item,
67
+ avatar_url: _default_avatar.default
68
+ };
69
+ }
70
+
71
+ return /*#__PURE__*/_react.default.createElement(_collaboratorItem.default, {
72
+ key: index,
73
+ collaborator: collaborator
74
+ });
75
+ });
76
+ });
77
+ return _this;
78
+ }
79
+
80
+ var _proto = CreatorFormatter.prototype;
81
+
82
+ _proto.render = function render() {
83
+ var _this$props2 = this.props,
84
+ containerClassName = _this$props2.containerClassName,
85
+ value = _this$props2.value;
86
+ var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container creator-formatter', containerClassName);
87
+
88
+ if (!value || Array.isArray(value) && value.length === 0) {
89
+ return /*#__PURE__*/_react.default.createElement("div", {
90
+ className: classname
91
+ });
92
+ }
93
+
94
+ var collaborators = this.getCollaborators();
95
+ return /*#__PURE__*/_react.default.createElement("div", {
96
+ className: classname
97
+ }, collaborators);
98
+ };
99
+
100
+ return CreatorFormatter;
101
+ }(_react.default.PureComponent);
102
+
103
+ CreatorFormatter.propTypes = propTypes;
104
+ var _default = CreatorFormatter;
105
+ exports.default = _default;
@@ -0,0 +1,70 @@
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 _astroClassname = _interopRequireDefault(require("astro-classname"));
19
+
20
+ var _moment = _interopRequireDefault(require("moment"));
21
+
22
+ var propTypes = {
23
+ value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
24
+ containerClassName: _propTypes.default.string
25
+ };
26
+
27
+ var CTimeFormatter = /*#__PURE__*/function (_React$Component) {
28
+ (0, _inheritsLoose2.default)(CTimeFormatter, _React$Component);
29
+
30
+ function CTimeFormatter() {
31
+ var _this;
32
+
33
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
34
+ args[_key] = arguments[_key];
35
+ }
36
+
37
+ _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
38
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatDate", function (date) {
39
+ return (0, _moment.default)(date).format('YYYY-MM-DD HH:mm:ss');
40
+ });
41
+ return _this;
42
+ }
43
+
44
+ var _proto = CTimeFormatter.prototype;
45
+
46
+ _proto.render = function render() {
47
+ var _this$props = this.props,
48
+ date = _this$props.value,
49
+ containerClassName = _this$props.containerClassName;
50
+ var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container ctime-formatter', containerClassName);
51
+
52
+ if (date !== '') {
53
+ date = this.formatDate(date);
54
+ }
55
+
56
+ return /*#__PURE__*/_react.default.createElement("div", {
57
+ className: classname
58
+ }, date);
59
+ };
60
+
61
+ return CTimeFormatter;
62
+ }(_react.default.Component);
63
+
64
+ (0, _defineProperty2.default)(CTimeFormatter, "defaultProps", {
65
+ value: '',
66
+ containerClassName: ''
67
+ });
68
+ CTimeFormatter.propTypes = propTypes;
69
+ var _default = CTimeFormatter;
70
+ exports.default = _default;
@@ -0,0 +1,73 @@
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 _astroClassname = _interopRequireDefault(require("astro-classname"));
19
+
20
+ var _valueFormatUtils = require("../../utils/value-format-utils");
21
+
22
+ var propTypes = {
23
+ value: _propTypes.default.string,
24
+ format: _propTypes.default.string,
25
+ containerClassName: _propTypes.default.string
26
+ };
27
+
28
+ var DateFormatter = /*#__PURE__*/function (_React$Component) {
29
+ (0, _inheritsLoose2.default)(DateFormatter, _React$Component);
30
+
31
+ function DateFormatter() {
32
+ var _this;
33
+
34
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
35
+ args[_key] = arguments[_key];
36
+ }
37
+
38
+ _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
39
+ (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatDate", function (date, format) {
40
+ return (0, _valueFormatUtils.getDateDisplayString)(date, format);
41
+ });
42
+ return _this;
43
+ }
44
+
45
+ var _proto = DateFormatter.prototype;
46
+
47
+ _proto.render = function render() {
48
+ var _this$props = this.props,
49
+ date = _this$props.value,
50
+ format = _this$props.format,
51
+ containerClassName = _this$props.containerClassName;
52
+ var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container date-formatter', containerClassName);
53
+
54
+ if (date !== '') {
55
+ date = this.formatDate(date, format);
56
+ }
57
+
58
+ return /*#__PURE__*/_react.default.createElement("div", {
59
+ className: classname
60
+ }, date);
61
+ };
62
+
63
+ return DateFormatter;
64
+ }(_react.default.Component);
65
+
66
+ (0, _defineProperty2.default)(DateFormatter, "defaultProps", {
67
+ value: '',
68
+ format: 'YYYY-MM-DD',
69
+ containerClassName: ''
70
+ });
71
+ DateFormatter.propTypes = propTypes;
72
+ var _default = DateFormatter;
73
+ exports.default = _default;
@@ -0,0 +1,49 @@
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 _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _propTypes = _interopRequireDefault(require("prop-types"));
13
+
14
+ var _astroClassname = _interopRequireDefault(require("astro-classname"));
15
+
16
+ var _valueFormatUtils = require("../../utils/value-format-utils");
17
+
18
+ var propTypes = {
19
+ value: _propTypes.default.number,
20
+ format: _propTypes.default.string,
21
+ containerClassName: _propTypes.default.string
22
+ };
23
+
24
+ var DurationFormatter = /*#__PURE__*/function (_React$Component) {
25
+ (0, _inheritsLoose2.default)(DurationFormatter, _React$Component);
26
+
27
+ function DurationFormatter() {
28
+ return _React$Component.apply(this, arguments) || this;
29
+ }
30
+
31
+ var _proto = DurationFormatter.prototype;
32
+
33
+ _proto.render = function render() {
34
+ var _this$props = this.props,
35
+ value = _this$props.value,
36
+ containerClassName = _this$props.containerClassName,
37
+ format = _this$props.format;
38
+ var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container duration-formatter', containerClassName);
39
+ return /*#__PURE__*/_react.default.createElement("div", {
40
+ className: classname
41
+ }, (0, _valueFormatUtils.getDurationDisplayString)(value, format));
42
+ };
43
+
44
+ return DurationFormatter;
45
+ }(_react.default.Component);
46
+
47
+ DurationFormatter.propTypes = propTypes;
48
+ var _default = DurationFormatter;
49
+ exports.default = _default;
@@ -0,0 +1,45 @@
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 _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _propTypes = _interopRequireDefault(require("prop-types"));
13
+
14
+ var _astroClassname = _interopRequireDefault(require("astro-classname"));
15
+
16
+ var propTypes = {
17
+ value: _propTypes.default.string,
18
+ containerClassName: _propTypes.default.string
19
+ };
20
+
21
+ var EmailFormatter = /*#__PURE__*/function (_React$Component) {
22
+ (0, _inheritsLoose2.default)(EmailFormatter, _React$Component);
23
+
24
+ function EmailFormatter() {
25
+ return _React$Component.apply(this, arguments) || this;
26
+ }
27
+
28
+ var _proto = EmailFormatter.prototype;
29
+
30
+ _proto.render = function render() {
31
+ var _this$props = this.props,
32
+ containerClassName = _this$props.containerClassName,
33
+ value = _this$props.value;
34
+ var classname = (0, _astroClassname.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
35
+ return /*#__PURE__*/_react.default.createElement("div", {
36
+ className: classname
37
+ }, value);
38
+ };
39
+
40
+ return EmailFormatter;
41
+ }(_react.default.Component);
42
+
43
+ EmailFormatter.propTypes = propTypes;
44
+ var _default = EmailFormatter;
45
+ exports.default = _default;
@@ -0,0 +1,77 @@
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 _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
9
+
10
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _propTypes = _interopRequireDefault(require("prop-types"));
15
+
16
+ var _astroClassname = _interopRequireDefault(require("astro-classname"));
17
+
18
+ var _fileItemFormatter = _interopRequireDefault(require("./widgets/file-item-formatter"));
19
+
20
+ var propTypes = {
21
+ isSample: _propTypes.default.bool,
22
+ value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
23
+ containerClassName: _propTypes.default.string
24
+ };
25
+
26
+ var FileFormatter = /*#__PURE__*/function (_React$PureComponent) {
27
+ (0, _inheritsLoose2.default)(FileFormatter, _React$PureComponent);
28
+
29
+ function FileFormatter() {
30
+ return _React$PureComponent.apply(this, arguments) || this;
31
+ }
32
+
33
+ var _proto = FileFormatter.prototype;
34
+
35
+ _proto.render = function render() {
36
+ var _this$props = this.props,
37
+ isSample = _this$props.isSample,
38
+ value = _this$props.value,
39
+ containerClassName = _this$props.containerClassName;
40
+ var className = (0, _astroClassname.default)('dtable-ui cell-formatter-container file-formatter', containerClassName);
41
+
42
+ if (!Array.isArray(value) || value.length === 0) {
43
+ return null;
44
+ }
45
+
46
+ if (isSample) {
47
+ var item = value[0];
48
+ return /*#__PURE__*/_react.default.createElement("div", {
49
+ className: className
50
+ }, /*#__PURE__*/_react.default.createElement(_fileItemFormatter.default, {
51
+ file: item
52
+ }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
53
+ className: "file-item-count"
54
+ }, "+" + value.length));
55
+ }
56
+
57
+ return /*#__PURE__*/_react.default.createElement("div", {
58
+ className: className
59
+ }, value.map(function (item, index) {
60
+ return /*#__PURE__*/_react.default.createElement(_fileItemFormatter.default, {
61
+ file: item,
62
+ key: index
63
+ });
64
+ }));
65
+ };
66
+
67
+ return FileFormatter;
68
+ }(_react.default.PureComponent);
69
+
70
+ (0, _defineProperty2.default)(FileFormatter, "defaultProps", {
71
+ isSample: false,
72
+ value: [],
73
+ containerClassName: ''
74
+ });
75
+ FileFormatter.propTypes = propTypes;
76
+ var _default = FileFormatter;
77
+ exports.default = _default;
@@ -0,0 +1,66 @@
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 _react = _interopRequireDefault(require("react"));
9
+
10
+ var CellTypes = _interopRequireWildcard(require("../../constants/cell-types"));
11
+
12
+ var _checkboxFormatter = _interopRequireDefault(require("./checkbox-formatter"));
13
+
14
+ var _imageFormatter = _interopRequireDefault(require("./image-formatter"));
15
+
16
+ var _longTextFormatter = _interopRequireDefault(require("./long-text-formatter"));
17
+
18
+ var _textFormatter = _interopRequireDefault(require("./text-formatter"));
19
+
20
+ var _singleSelectFormatter = _interopRequireDefault(require("./single-select-formatter"));
21
+
22
+ var _multipleSelectFormatter = _interopRequireDefault(require("./multiple-select-formatter"));
23
+
24
+ var _fileFormatter = _interopRequireDefault(require("./file-formatter"));
25
+
26
+ var _linkFormatter = _interopRequireDefault(require("./link-formatter"));
27
+
28
+ var _collaboratorFormatter = _interopRequireDefault(require("./collaborator-formatter"));
29
+
30
+ var _numberFormatter = _interopRequireDefault(require("./number-formatter"));
31
+
32
+ var _dateFormatter = _interopRequireDefault(require("./date-formatter"));
33
+
34
+ var _creatorFormatter = _interopRequireDefault(require("./creator-formatter"));
35
+
36
+ var _ctimeFormatter = _interopRequireDefault(require("./ctime-formatter"));
37
+
38
+ var _lastModifierFormatter = _interopRequireDefault(require("./last-modifier-formatter"));
39
+
40
+ var _mtimeFormatter = _interopRequireDefault(require("./mtime-formatter"));
41
+
42
+ var _geolocationFormatter = _interopRequireDefault(require("./geolocation-formatter"));
43
+
44
+ var _formulaFormatter = _interopRequireDefault(require("./formula-formatter"));
45
+
46
+ var _autoNumberFormatter = _interopRequireDefault(require("./auto-number-formatter"));
47
+
48
+ var _urlFormatter = _interopRequireDefault(require("./url-formatter"));
49
+
50
+ var _emailFormatter = _interopRequireDefault(require("./email-formatter"));
51
+
52
+ var _durationFormatter = _interopRequireDefault(require("./duration-formatter"));
53
+
54
+ var _rateFormatter = _interopRequireDefault(require("./rate-formatter"));
55
+
56
+ var _buttonFormatter = _interopRequireDefault(require("./button-formatter"));
57
+
58
+ var _FormatterConfig;
59
+
60
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
61
+
62
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
63
+
64
+ var FormatterConfig = (_FormatterConfig = {}, _FormatterConfig[CellTypes.DEFAULT] = /*#__PURE__*/_react.default.createElement(_textFormatter.default, null), _FormatterConfig[CellTypes.TEXT] = /*#__PURE__*/_react.default.createElement(_textFormatter.default, null), _FormatterConfig[CellTypes.CHECKBOX] = /*#__PURE__*/_react.default.createElement(_checkboxFormatter.default, null), _FormatterConfig[CellTypes.LONG_TEXT] = /*#__PURE__*/_react.default.createElement(_longTextFormatter.default, null), _FormatterConfig[CellTypes.SINGLE_SELECT] = /*#__PURE__*/_react.default.createElement(_singleSelectFormatter.default, null), _FormatterConfig[CellTypes.IMAGE] = /*#__PURE__*/_react.default.createElement(_imageFormatter.default, null), _FormatterConfig[CellTypes.FILE] = /*#__PURE__*/_react.default.createElement(_fileFormatter.default, null), _FormatterConfig[CellTypes.MULTIPLE_SELECT] = /*#__PURE__*/_react.default.createElement(_multipleSelectFormatter.default, null), _FormatterConfig[CellTypes.COLLABORATOR] = /*#__PURE__*/_react.default.createElement(_collaboratorFormatter.default, null), _FormatterConfig[CellTypes.NUMBER] = /*#__PURE__*/_react.default.createElement(_numberFormatter.default, null), _FormatterConfig[CellTypes.DATE] = /*#__PURE__*/_react.default.createElement(_dateFormatter.default, null), _FormatterConfig[CellTypes.LINK] = /*#__PURE__*/_react.default.createElement(_linkFormatter.default, null), _FormatterConfig[CellTypes.CREATOR] = /*#__PURE__*/_react.default.createElement(_creatorFormatter.default, null), _FormatterConfig[CellTypes.CTIME] = /*#__PURE__*/_react.default.createElement(_ctimeFormatter.default, null), _FormatterConfig[CellTypes.LAST_MODIFIER] = /*#__PURE__*/_react.default.createElement(_lastModifierFormatter.default, null), _FormatterConfig[CellTypes.MTIME] = /*#__PURE__*/_react.default.createElement(_mtimeFormatter.default, null), _FormatterConfig[CellTypes.GEOLOCATION] = /*#__PURE__*/_react.default.createElement(_geolocationFormatter.default, null), _FormatterConfig[CellTypes.FORMULA] = /*#__PURE__*/_react.default.createElement(_formulaFormatter.default, null), _FormatterConfig[CellTypes.AUTO_NUMBER] = /*#__PURE__*/_react.default.createElement(_autoNumberFormatter.default, null), _FormatterConfig[CellTypes.URL] = /*#__PURE__*/_react.default.createElement(_urlFormatter.default, null), _FormatterConfig[CellTypes.EMAIL] = /*#__PURE__*/_react.default.createElement(_emailFormatter.default, null), _FormatterConfig[CellTypes.DURATION] = /*#__PURE__*/_react.default.createElement(_durationFormatter.default, null), _FormatterConfig[CellTypes.RATE] = /*#__PURE__*/_react.default.createElement(_rateFormatter.default, null), _FormatterConfig[CellTypes.BUTTON] = /*#__PURE__*/_react.default.createElement(_buttonFormatter.default, null), _FormatterConfig);
65
+ var _default = FormatterConfig;
66
+ exports.default = _default;