@atlaskit/reactions 22.2.7 → 22.2.9
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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/MockReactionsClient.js +103 -111
- package/dist/cjs/analytics/ufo.js +16 -12
- package/dist/cjs/client/ReactionServiceClient.js +5 -6
- package/dist/cjs/components/Reaction/Reaction.js +16 -18
- package/dist/cjs/components/ReactionDialog/ReactionView.js +19 -21
- package/dist/cjs/components/ReactionPicker/ReactionPicker.js +1 -1
- package/dist/cjs/components/Trigger/styles.js +1 -1
- package/dist/cjs/components/UfoErrorBoundary/UfoErrorBoundary.js +1 -1
- package/dist/cjs/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +10 -12
- package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js +44 -42
- package/dist/cjs/store/MemoryReactionsStore.js +10 -10
- package/dist/cjs/store/ReactionConsumer.js +25 -13
- package/dist/cjs/types/reaction.js +10 -7
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/analytics/analytics.js +1 -2
- package/dist/es2019/analytics/ufo.js +11 -11
- package/dist/es2019/client/ReactionServiceClient.js +5 -7
- package/dist/es2019/containers/ConnectedReactionsView/ConnectedReactionsView.js +9 -0
- package/dist/es2019/store/MemoryReactionsStore.js +10 -11
- package/dist/es2019/store/ReactionConsumer.js +20 -5
- package/dist/es2019/types/reaction.js +11 -7
- package/dist/es2019/version.json +1 -1
- package/dist/esm/MockReactionsClient.js +103 -111
- package/dist/esm/analytics/analytics.js +1 -2
- package/dist/esm/analytics/ufo.js +11 -11
- package/dist/esm/client/ReactionServiceClient.js +5 -6
- package/dist/esm/components/Reaction/Reaction.js +16 -18
- package/dist/esm/components/ReactionDialog/ReactionView.js +19 -21
- package/dist/esm/components/UfoErrorBoundary/UfoErrorBoundary.js +1 -1
- package/dist/esm/containers/ConnectedReactionPicker/ConnectedReactionPicker.js +10 -12
- package/dist/esm/containers/ConnectedReactionsView/ConnectedReactionsView.js +45 -42
- package/dist/esm/store/MemoryReactionsStore.js +10 -10
- package/dist/esm/store/ReactionConsumer.js +28 -13
- package/dist/esm/types/reaction.js +11 -7
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/reactions
|
|
2
2
|
|
|
3
|
+
## 22.2.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`50e0e3c23bd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/50e0e3c23bd) - fix error handling for get reactions
|
|
8
|
+
|
|
9
|
+
## 22.2.8
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
|
|
14
|
+
|
|
3
15
|
## 22.2.7
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -71,21 +71,19 @@ var MockReactionsClient = /*#__PURE__*/function () {
|
|
|
71
71
|
var _getReactions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(containerAri, aris) {
|
|
72
72
|
var _this2 = this;
|
|
73
73
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
74
|
-
while (1) {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
return _context.stop();
|
|
88
|
-
}
|
|
74
|
+
while (1) switch (_context.prev = _context.next) {
|
|
75
|
+
case 0:
|
|
76
|
+
_context.next = 2;
|
|
77
|
+
return this.delayPromise();
|
|
78
|
+
case 2:
|
|
79
|
+
return _context.abrupt("return", aris.reduce(function (results, ari) {
|
|
80
|
+
var reactionKey = getReactionKey(containerAri, ari);
|
|
81
|
+
results[ari] = _this2.mockData[reactionKey] || [];
|
|
82
|
+
return results;
|
|
83
|
+
}, {}));
|
|
84
|
+
case 3:
|
|
85
|
+
case "end":
|
|
86
|
+
return _context.stop();
|
|
89
87
|
}
|
|
90
88
|
}, _callee, this);
|
|
91
89
|
}));
|
|
@@ -100,42 +98,40 @@ var MockReactionsClient = /*#__PURE__*/function () {
|
|
|
100
98
|
var _getDetailedReaction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(containerAri, ari, emojiId) {
|
|
101
99
|
var reactionKey, reactionsMockData, reaction, users;
|
|
102
100
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
103
|
-
while (1) {
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
return _context2.stop();
|
|
138
|
-
}
|
|
101
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
102
|
+
case 0:
|
|
103
|
+
_context2.next = 2;
|
|
104
|
+
return this.delayPromise();
|
|
105
|
+
case 2:
|
|
106
|
+
reactionKey = "".concat(containerAri, "|").concat(ari);
|
|
107
|
+
reactionsMockData = this.mockData[reactionKey];
|
|
108
|
+
if (!reactionsMockData) {
|
|
109
|
+
_context2.next = 9;
|
|
110
|
+
break;
|
|
111
|
+
}
|
|
112
|
+
reaction = reactionsMockData.find(function (reaction_1) {
|
|
113
|
+
return reaction_1.emojiId === emojiId;
|
|
114
|
+
});
|
|
115
|
+
if (!reaction) {
|
|
116
|
+
_context2.next = 9;
|
|
117
|
+
break;
|
|
118
|
+
}
|
|
119
|
+
users = [].concat(defaultUsers).slice(Math.floor(Math.random() * 4), Math.floor(Math.random() * 9) + 4).slice(0, reaction.count);
|
|
120
|
+
return _context2.abrupt("return", _objectSpread(_objectSpread({}, reaction), {}, {
|
|
121
|
+
users: users
|
|
122
|
+
}));
|
|
123
|
+
case 9:
|
|
124
|
+
return _context2.abrupt("return", {
|
|
125
|
+
containerAri: containerAri,
|
|
126
|
+
ari: ari,
|
|
127
|
+
emojiId: emojiId,
|
|
128
|
+
count: 1,
|
|
129
|
+
reacted: true,
|
|
130
|
+
users: []
|
|
131
|
+
});
|
|
132
|
+
case 10:
|
|
133
|
+
case "end":
|
|
134
|
+
return _context2.stop();
|
|
139
135
|
}
|
|
140
136
|
}, _callee2, this);
|
|
141
137
|
}));
|
|
@@ -150,41 +146,39 @@ var MockReactionsClient = /*#__PURE__*/function () {
|
|
|
150
146
|
var _addReaction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(containerAri, ari, emojiId) {
|
|
151
147
|
var reactionKey, found, reactionsMockData;
|
|
152
148
|
return _regenerator.default.wrap(function _callee3$(_context3) {
|
|
153
|
-
while (1) {
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
return _context3.stop();
|
|
187
|
-
}
|
|
149
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
150
|
+
case 0:
|
|
151
|
+
_context3.next = 2;
|
|
152
|
+
return this.delayPromise();
|
|
153
|
+
case 2:
|
|
154
|
+
reactionKey = getReactionKey(containerAri, ari);
|
|
155
|
+
found = false;
|
|
156
|
+
reactionsMockData = this.mockData[reactionKey];
|
|
157
|
+
if (reactionsMockData) {
|
|
158
|
+
this.mockData[reactionKey] = reactionsMockData.map(function (reaction) {
|
|
159
|
+
if (reaction.emojiId === emojiId) {
|
|
160
|
+
found = true;
|
|
161
|
+
return _objectSpread(_objectSpread({}, reaction), {}, {
|
|
162
|
+
count: reaction.count + 1,
|
|
163
|
+
reacted: true
|
|
164
|
+
});
|
|
165
|
+
}
|
|
166
|
+
return reaction;
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
if (!found) {
|
|
170
|
+
this.mockData[reactionKey] = [].concat((0, _toConsumableArray2.default)(reactionsMockData ? reactionsMockData : []), [{
|
|
171
|
+
containerAri: containerAri,
|
|
172
|
+
ari: ari,
|
|
173
|
+
emojiId: emojiId,
|
|
174
|
+
count: 1,
|
|
175
|
+
reacted: true
|
|
176
|
+
}]);
|
|
177
|
+
}
|
|
178
|
+
return _context3.abrupt("return", this.mockData[reactionKey]);
|
|
179
|
+
case 8:
|
|
180
|
+
case "end":
|
|
181
|
+
return _context3.stop();
|
|
188
182
|
}
|
|
189
183
|
}, _callee3, this);
|
|
190
184
|
}));
|
|
@@ -199,32 +193,30 @@ var MockReactionsClient = /*#__PURE__*/function () {
|
|
|
199
193
|
var _deleteReaction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(containerAri, ari, emojiId) {
|
|
200
194
|
var reactionKey;
|
|
201
195
|
return _regenerator.default.wrap(function _callee4$(_context4) {
|
|
202
|
-
while (1) {
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
if (reaction.
|
|
211
|
-
|
|
212
|
-
return undefined;
|
|
213
|
-
}
|
|
214
|
-
return _objectSpread(_objectSpread({}, reaction), {}, {
|
|
215
|
-
count: reaction.count - 1,
|
|
216
|
-
reacted: false
|
|
217
|
-
});
|
|
196
|
+
while (1) switch (_context4.prev = _context4.next) {
|
|
197
|
+
case 0:
|
|
198
|
+
_context4.next = 2;
|
|
199
|
+
return this.delayPromise();
|
|
200
|
+
case 2:
|
|
201
|
+
reactionKey = getReactionKey(containerAri, ari);
|
|
202
|
+
this.mockData[reactionKey] = this.mockData[reactionKey].map(function (reaction) {
|
|
203
|
+
if (reaction.emojiId === emojiId) {
|
|
204
|
+
if (reaction.count === 1) {
|
|
205
|
+
return undefined;
|
|
218
206
|
}
|
|
219
|
-
return reaction
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
return
|
|
227
|
-
|
|
207
|
+
return _objectSpread(_objectSpread({}, reaction), {}, {
|
|
208
|
+
count: reaction.count - 1,
|
|
209
|
+
reacted: false
|
|
210
|
+
});
|
|
211
|
+
}
|
|
212
|
+
return reaction;
|
|
213
|
+
}).filter(function (reaction_1) {
|
|
214
|
+
return !!reaction_1;
|
|
215
|
+
});
|
|
216
|
+
return _context4.abrupt("return", this.mockData[reactionKey]);
|
|
217
|
+
case 5:
|
|
218
|
+
case "end":
|
|
219
|
+
return _context4.stop();
|
|
228
220
|
}
|
|
229
221
|
}, _callee4, this);
|
|
230
222
|
}));
|
|
@@ -6,6 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.sampledReactionsRendered = exports.ReactionsRendered = exports.ReactionsRemove = exports.ReactionsAdd = exports.ReactionDialogSelectedReactionChanged = exports.ReactionDialogOpened = exports.ReactionDialogClosed = exports.ReactionDetailsFetch = exports.PickerRender = exports.ExperienceName = exports.ComponentName = void 0;
|
|
7
7
|
var _ufo = require("@atlaskit/ufo");
|
|
8
8
|
var _emoji = require("@atlaskit/emoji");
|
|
9
|
+
/**
|
|
10
|
+
* Initial experience config object (deferred from @atlaskit/ufo inner types)
|
|
11
|
+
*/
|
|
12
|
+
|
|
9
13
|
/**
|
|
10
14
|
* Helper method for create the config type for an individual/Concurrent experience
|
|
11
15
|
* @param componentName
|
|
@@ -23,12 +27,7 @@ var createExperienceConfig = function createExperienceConfig(componentName, type
|
|
|
23
27
|
/**
|
|
24
28
|
* Types of experiences
|
|
25
29
|
*/
|
|
26
|
-
var ExperienceName
|
|
27
|
-
/**
|
|
28
|
-
* UFO types of components been instrumented
|
|
29
|
-
*/
|
|
30
|
-
exports.ExperienceName = ExperienceName;
|
|
31
|
-
(function (ExperienceName) {
|
|
30
|
+
var ExperienceName = /*#__PURE__*/function (ExperienceName) {
|
|
32
31
|
ExperienceName["REACTIONS_RENDERED"] = "reactions-rendered";
|
|
33
32
|
ExperienceName["PICKER_OPENED"] = "reactions-picker-opened";
|
|
34
33
|
ExperienceName["REACTION_ADDED"] = "reaction-added";
|
|
@@ -37,18 +36,23 @@ exports.ExperienceName = ExperienceName;
|
|
|
37
36
|
ExperienceName["REACTION_DIALOG_OPENED"] = "reaction-dialog-opened";
|
|
38
37
|
ExperienceName["REACTION_DIALOG_CLOSED"] = "reaction-dialog-closed";
|
|
39
38
|
ExperienceName["REACTION_DIALOG_SELECTED_REACTION_CHANGED"] = "reaction-dialog-selected-reaction-changed";
|
|
40
|
-
|
|
41
|
-
|
|
39
|
+
return ExperienceName;
|
|
40
|
+
}({});
|
|
42
41
|
/**
|
|
43
|
-
*
|
|
42
|
+
* UFO types of components been instrumented
|
|
44
43
|
*/
|
|
45
|
-
exports.
|
|
46
|
-
|
|
44
|
+
exports.ExperienceName = ExperienceName;
|
|
45
|
+
var ComponentName = /*#__PURE__*/function (ComponentName) {
|
|
47
46
|
ComponentName["PICKER_RENDERED"] = "reactions-picker";
|
|
48
47
|
ComponentName["REACTIONS"] = "reactions-list";
|
|
49
48
|
ComponentName["REACTION_ITEM"] = "reaction-item";
|
|
50
49
|
ComponentName["REACTION_DIALOG"] = "reaction-dialog";
|
|
51
|
-
|
|
50
|
+
return ComponentName;
|
|
51
|
+
}({});
|
|
52
|
+
/**
|
|
53
|
+
* Experience when the emoji picker is opened
|
|
54
|
+
*/
|
|
55
|
+
exports.ComponentName = ComponentName;
|
|
52
56
|
var PickerRender = new _ufo.UFOExperience(ExperienceName.PICKER_OPENED, createExperienceConfig(ComponentName.PICKER_RENDERED, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
|
|
53
57
|
|
|
54
58
|
/**
|
|
@@ -31,6 +31,11 @@ var ReactionServiceClient = /*#__PURE__*/function () {
|
|
|
31
31
|
function ReactionServiceClient(baseUrl, sessionToken) {
|
|
32
32
|
var _this = this;
|
|
33
33
|
(0, _classCallCheck2.default)(this, ReactionServiceClient);
|
|
34
|
+
/**
|
|
35
|
+
* Send a request to remote service
|
|
36
|
+
* @param path endpoint api url
|
|
37
|
+
* @param options Optional custom params
|
|
38
|
+
*/
|
|
34
39
|
(0, _defineProperty2.default)(this, "requestService", function (path, options) {
|
|
35
40
|
return _utilServiceSupport.utils.requestService(_this.serviceConfig, _objectSpread(_objectSpread({}, options), {}, {
|
|
36
41
|
path: path
|
|
@@ -57,12 +62,6 @@ var ReactionServiceClient = /*#__PURE__*/function () {
|
|
|
57
62
|
}
|
|
58
63
|
return headers;
|
|
59
64
|
}
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* Send a request to remote service
|
|
63
|
-
* @param path endpoint api url
|
|
64
|
-
* @param options Optional custom params
|
|
65
|
-
*/
|
|
66
65
|
}, {
|
|
67
66
|
key: "getReactions",
|
|
68
67
|
value: function getReactions(containerAri, aris) {
|
|
@@ -70,24 +70,22 @@ var Reaction = function Reaction(_ref) {
|
|
|
70
70
|
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
71
71
|
var emojiResource, foundEmoji;
|
|
72
72
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
73
|
-
while (1) {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
return _context.stop();
|
|
90
|
-
}
|
|
73
|
+
while (1) switch (_context.prev = _context.next) {
|
|
74
|
+
case 0:
|
|
75
|
+
_context.next = 2;
|
|
76
|
+
return Promise.resolve(emojiProvider);
|
|
77
|
+
case 2:
|
|
78
|
+
emojiResource = _context.sent;
|
|
79
|
+
_context.next = 5;
|
|
80
|
+
return emojiResource.findById(reaction.emojiId);
|
|
81
|
+
case 5:
|
|
82
|
+
foundEmoji = _context.sent;
|
|
83
|
+
if (foundEmoji) {
|
|
84
|
+
setEmojiName(foundEmoji.name);
|
|
85
|
+
}
|
|
86
|
+
case 7:
|
|
87
|
+
case "end":
|
|
88
|
+
return _context.stop();
|
|
91
89
|
}
|
|
92
90
|
}, _callee);
|
|
93
91
|
}))();
|
|
@@ -33,27 +33,25 @@ var ReactionView = function ReactionView(_ref) {
|
|
|
33
33
|
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
34
34
|
var provider, emoji;
|
|
35
35
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
36
|
-
while (1) {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
return _context.stop();
|
|
56
|
-
}
|
|
36
|
+
while (1) switch (_context.prev = _context.next) {
|
|
37
|
+
case 0:
|
|
38
|
+
_context.next = 2;
|
|
39
|
+
return emojiProvider;
|
|
40
|
+
case 2:
|
|
41
|
+
provider = _context.sent;
|
|
42
|
+
_context.next = 5;
|
|
43
|
+
return provider.findByEmojiId({
|
|
44
|
+
shortName: '',
|
|
45
|
+
id: selectedEmojiId
|
|
46
|
+
});
|
|
47
|
+
case 5:
|
|
48
|
+
emoji = _context.sent;
|
|
49
|
+
if (emoji && emoji.name) {
|
|
50
|
+
setEmojiName(emoji.name);
|
|
51
|
+
}
|
|
52
|
+
case 7:
|
|
53
|
+
case "end":
|
|
54
|
+
return _context.stop();
|
|
57
55
|
}
|
|
58
56
|
}, _callee);
|
|
59
57
|
}))();
|
|
@@ -25,7 +25,7 @@ var _RepositionOnUpdate = require("./RepositionOnUpdate");
|
|
|
25
25
|
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); }
|
|
26
26
|
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; }
|
|
27
27
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
|
|
29
29
|
/**
|
|
30
30
|
* Test id for wrapper ReactionPicker div
|
|
31
31
|
*/
|
|
@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
|
|
|
10
10
|
var _colors = require("@atlaskit/theme/colors");
|
|
11
11
|
var _constants = require("@atlaskit/theme/constants");
|
|
12
12
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
13
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
|
|
14
14
|
var DISABLED_BUTTON_COLOR = "".concat("var(--ds-text-disabled, ".concat(_colors.N70, ")"), " !important");
|
|
15
15
|
exports.DISABLED_BUTTON_COLOR = DISABLED_BUTTON_COLOR;
|
|
16
16
|
var triggerStyle = function triggerStyle(_ref) {
|
|
@@ -13,7 +13,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
15
15
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
16
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
16
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
17
17
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
18
18
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
19
19
|
/**
|
|
@@ -26,18 +26,16 @@ var ConnectedReactionPicker = function ConnectedReactionPicker(props) {
|
|
|
26
26
|
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
27
27
|
var _store;
|
|
28
28
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
29
|
-
while (1) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
return _context.stop();
|
|
40
|
-
}
|
|
29
|
+
while (1) switch (_context.prev = _context.next) {
|
|
30
|
+
case 0:
|
|
31
|
+
_context.next = 2;
|
|
32
|
+
return Promise.resolve(store);
|
|
33
|
+
case 2:
|
|
34
|
+
_store = _context.sent;
|
|
35
|
+
_store.addReaction(containerAri, ari, emojiId);
|
|
36
|
+
case 4:
|
|
37
|
+
case "end":
|
|
38
|
+
return _context.stop();
|
|
41
39
|
}
|
|
42
40
|
}, _callee);
|
|
43
41
|
}))();
|
|
@@ -20,6 +20,14 @@ var _types = require("../../types");
|
|
|
20
20
|
var _excluded = ["ari", "containerAri", "store"];
|
|
21
21
|
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); }
|
|
22
22
|
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; }
|
|
23
|
+
/**
|
|
24
|
+
* State Props required for <Reactions />
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* Dispatch Props required for <Reactions />
|
|
29
|
+
*/
|
|
30
|
+
|
|
23
31
|
/**
|
|
24
32
|
* Export the mapper function outside the component so easier to do unit tests
|
|
25
33
|
*/
|
|
@@ -130,24 +138,22 @@ var ConnectedReactionsView = function ConnectedReactionsView(props) {
|
|
|
130
138
|
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
131
139
|
var _store, state, dispatch;
|
|
132
140
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
133
|
-
while (1) {
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
return _context.stop();
|
|
150
|
-
}
|
|
141
|
+
while (1) switch (_context.prev = _context.next) {
|
|
142
|
+
case 0:
|
|
143
|
+
_context.next = 2;
|
|
144
|
+
return Promise.resolve(store);
|
|
145
|
+
case 2:
|
|
146
|
+
_store = _context.sent;
|
|
147
|
+
if (_store.setCreateAnalyticsEvent && createAnalyticsEvent) {
|
|
148
|
+
_store.setCreateAnalyticsEvent(createAnalyticsEvent);
|
|
149
|
+
}
|
|
150
|
+
state = mapStateToProps(_store.getState());
|
|
151
|
+
dispatch = mapDispatchToProps(_store);
|
|
152
|
+
setStateData(state);
|
|
153
|
+
setDispatchData(dispatch);
|
|
154
|
+
case 8:
|
|
155
|
+
case "end":
|
|
156
|
+
return _context.stop();
|
|
151
157
|
}
|
|
152
158
|
}, _callee);
|
|
153
159
|
}))();
|
|
@@ -166,18 +172,16 @@ var ConnectedReactionsView = function ConnectedReactionsView(props) {
|
|
|
166
172
|
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
167
173
|
var _store;
|
|
168
174
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
169
|
-
while (1) {
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
return _context2.stop();
|
|
180
|
-
}
|
|
175
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
176
|
+
case 0:
|
|
177
|
+
_context2.next = 2;
|
|
178
|
+
return Promise.resolve(store);
|
|
179
|
+
case 2:
|
|
180
|
+
_store = _context2.sent;
|
|
181
|
+
_store.onChange(onChangeCallback);
|
|
182
|
+
case 4:
|
|
183
|
+
case "end":
|
|
184
|
+
return _context2.stop();
|
|
181
185
|
}
|
|
182
186
|
}, _callee2);
|
|
183
187
|
}))();
|
|
@@ -185,18 +189,16 @@ var ConnectedReactionsView = function ConnectedReactionsView(props) {
|
|
|
185
189
|
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
|
|
186
190
|
var _store;
|
|
187
191
|
return _regenerator.default.wrap(function _callee3$(_context3) {
|
|
188
|
-
while (1) {
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
return _context3.stop();
|
|
199
|
-
}
|
|
192
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
193
|
+
case 0:
|
|
194
|
+
_context3.next = 2;
|
|
195
|
+
return Promise.resolve(store);
|
|
196
|
+
case 2:
|
|
197
|
+
_store = _context3.sent;
|
|
198
|
+
_store.removeOnChangeListener(onChangeCallback);
|
|
199
|
+
case 4:
|
|
200
|
+
case "end":
|
|
201
|
+
return _context3.stop();
|
|
200
202
|
}
|
|
201
203
|
}, _callee3);
|
|
202
204
|
}))();
|